.elementor-9488 .elementor-element.elementor-element-7b055e8{--display:flex;--overlay-opacity:1;--border-radius:10px 10px 10px 10px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-9488 .elementor-element.elementor-element-7b055e8:not(.elementor-motion-effects-element-type-background), .elementor-9488 .elementor-element.elementor-element-7b055e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://farhangtick.ir/wp-content/uploads/2026/10/Cinematic-Theater-Masks-and-Microphone-copy.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9488 .elementor-element.elementor-element-7b055e8::before, .elementor-9488 .elementor-element.elementor-element-7b055e8 > .elementor-background-video-container::before, .elementor-9488 .elementor-element.elementor-element-7b055e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-9488 .elementor-element.elementor-element-7b055e8 > .elementor-background-slideshow::before, .elementor-9488 .elementor-element.elementor-element-7b055e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9488 .elementor-element.elementor-element-7b055e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(27deg, #FFFFFF00 0%, #000000 100%);}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9488 .elementor-element.elementor-element-5e12a15 .elementor-heading-title{font-weight:400;color:#FFFFFFCF;}.elementor-9488 .elementor-element.elementor-element-1ef6fe1 .elementor-heading-title{font-weight:500;color:#FFFFFF;}.elementor-9488 .elementor-element.elementor-element-3b3d9d7{--display:flex;}.elementor-9488 .elementor-element.elementor-element-7ba77fc{--display:flex;}.elementor-9488 .elementor-element.elementor-element-6fad70f .ova-event-grid .el-button-filter{text-align:center;}/* Start custom CSS for el_search_form, class: .elementor-element-3f69f9e *//* ==========================================================
   FARHANGTICK EVENT SEARCH - TYPE 2
   ONLY THIS SPECIFIC FORM
   #C39257 / #143268
========================================================== */


/* =========================
   MAIN FORM
========================= */

input.second_font{
    text-align: center;
}


.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"] {

    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr  140px !important;
    gap: 10px !important;
    align-items: center !important;

    /*width: 100% !important;*/

    padding: 10px !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,1) 0%,
            rgba(248,249,252,1) 100%
        ) !important;

    border: 1px solid rgba(20, 50, 104, 0.08) !important;
    border-radius: 20px !important;

    box-shadow:
        0 12px 40px rgba(20, 50, 104, 0.08),
        0 2px 6px rgba(20, 50, 104, 0.03) !important;

    box-sizing: border-box !important;

    direction: rtl !important;
}


/* =========================
   FIELD WRAPPERS
========================= */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .field_search {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================
   ONLY THESE 4 INPUTS
========================= */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .name_event
> input[name="name_event"],

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_start_date
> input[name="start_date"],

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_end_date
> input[name="end_date"],

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .venue
> input[name="name_venue"] {

    appearance: none !important;
    -webkit-appearance: none !important;

    display: block !important;

    width: 100% !important;
    height: 58px !important;

    padding: 0 48px 0 16px !important;

    margin: 0 !important;

    background: #ffffff !important;

    color: #143268 !important;

    border: 1px solid #e8eaf0 !important;
    border-radius: 14px !important;

    outline: none !important;

    box-shadow:
        0 4px 14px rgba(20, 50, 104, 0.035),
        inset 0 1px 0 rgba(255,255,255,0.8) !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;

    text-align: right !important;

    box-sizing: border-box !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease,
        background-color .25s ease !important;
}


/* =========================
   PLACEHOLDER
========================= */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .name_event
> input[name="name_event"]::placeholder,

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_start_date
> input[name="start_date"]::placeholder,

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_end_date
> input[name="end_date"]::placeholder,

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .venue
> input[name="name_venue"]::placeholder {

    color: #9198a8 !important;
    opacity: 1 !important;

    font-weight: 400 !important;
}


/* =========================
   HOVER
========================= */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .field_search
> input:hover {

    border-color: rgba(195, 146, 87, 0.5) !important;

    box-shadow:
        0 7px 20px rgba(20, 50, 104, 0.07) !important;
}


/* =========================
   FOCUS
========================= */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .field_search
> input:focus {

    background: #ffffff !important;

    border-color: #C39257 !important;

    box-shadow:
        0 0 0 3px rgba(195, 146, 87, 0.11),
        0 8px 22px rgba(20, 50, 104, 0.08) !important;

    transform: translateY(-1px) !important;
}


/* ==========================================================
   ICONS
========================================================== */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .field_search::before {

    position: absolute !important;

    right: 16px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 25px !important;
    height: 25px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #C39257 !important;

    font-size: 17px !important;
    font-weight: 500 !important;

    z-index: 5 !important;

    pointer-events: none !important;

    transition:
        transform .25s ease,
        color .25s ease !important;
}


/* Search Icon */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .name_event::before {

    content: "⌕" !important;

    font-size: 24px !important;
}


/* Start Date */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_start_date::before {

    content: "◷" !important;
}


/* End Date */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_end_date::before {

    content: "◷" !important;
}


/* Location */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .venue::before {

    content: "⌖" !important;

    font-size: 19px !important;
}


/* Icon animation */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .field_search:focus-within::before {

    color: #143268 !important;

    transform:
        translateY(-50%)
        scale(1.08) !important;
}


/* ==========================================================
   GOLD BOTTOM ACCENT
========================================================== */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .field_search::after {

    content: "" !important;

    position: absolute !important;

    right: 18px !important;
    bottom: 0 !important;

    width: 0 !important;
    height: 2px !important;

    background: #C39257 !important;

    border-radius: 10px !important;

    transition: width .3s ease !important;

    pointer-events: none !important;
}


.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .field_search:focus-within::after {

    width: 35px !important;
}


/* ==========================================================
   SEARCH BUTTON
========================================================== */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_submit_search {

    width: 100% !important;
    height: 58px !important;

    padding: 0 !important;
    margin: 0 !important;
}


.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_submit_search
> input[type="submit"] {

    appearance: none !important;
    -webkit-appearance: none !important;

    width: 100% !important;
    height: 58px !important;

    padding: 0 24px !important;
    margin: 0 !important;

    background:
        linear-gradient(
            135deg,
            #143268 0%,
            #1b407f 100%
        ) !important;

    color: #ffffff !important;

    border: 1px solid #143268 !important;
    border-radius: 14px !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    box-shadow:
        0 8px 18px rgba(20, 50, 104, 0.18) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease !important;
}


/* Hover */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_submit_search
> input[type="submit"]:hover {

    background:
        linear-gradient(
            135deg,
            #C39257 0%,
            #d0a36d 100%
        ) !important;

    border-color: #C39257 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 25px rgba(195, 146, 87, 0.27) !important;
}


/* Click */

.el_search_filters.wrap_form_search.type2.four_column
> form[name="search_event"]
> .el_submit_search
> input[type="submit"]:active {

    transform: scale(.98) !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1100px) {

    .el_search_filters.wrap_form_search.type2.four_column
    > form[name="search_event"] {

        grid-template-columns: 1fr 1fr !important;
    }


    .el_search_filters.wrap_form_search.type2.four_column
    > form[name="search_event"]
    > .name_event {

        grid-column: 1 / -1 !important;
    }


    .el_search_filters.wrap_form_search.type2.four_column
    > form[name="search_event"]
    > .el_submit_search {

        grid-column: 1 / -1 !important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .el_search_filters.wrap_form_search.type2.four_column
    > form[name="search_event"] {

        display: flex !important;
        flex-direction: column !important;

        gap: 9px !important;

        padding: 9px !important;

        border-radius: 17px !important;
    }


    .el_search_filters.wrap_form_search.type2.four_column
    > form[name="search_event"]
    > .field_search,

    .el_search_filters.wrap_form_search.type2.four_column
    > form[name="search_event"]
    > .el_submit_search {

        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS */.page-title{
    display: none;
}/* End custom CSS */