.elementor-9611 .elementor-element.elementor-element-7aa7c83{--display:flex;--min-height:600px;--overlay-opacity:0.6;}.elementor-9611 .elementor-element.elementor-element-7aa7c83:not(.elementor-motion-effects-element-type-background), .elementor-9611 .elementor-element.elementor-element-7aa7c83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studyaml.com/wp-content/uploads/2026/02/ace1f7e61a8f3aafa78ea3aa479077d5aa7618b3-1536x1024.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9611 .elementor-element.elementor-element-7aa7c83::before, .elementor-9611 .elementor-element.elementor-element-7aa7c83 > .elementor-background-video-container::before, .elementor-9611 .elementor-element.elementor-element-7aa7c83 > .e-con-inner > .elementor-background-video-container::before, .elementor-9611 .elementor-element.elementor-element-7aa7c83 > .elementor-background-slideshow::before, .elementor-9611 .elementor-element.elementor-element-7aa7c83 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9611 .elementor-element.elementor-element-7aa7c83 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 60%, var( --e-global-color-primary ) 100%);}.elementor-9611 .elementor-element.elementor-element-ceb4d27 > .elementor-widget-container{padding:0px 80px 0px 80px;}.elementor-9611 .elementor-element.elementor-element-ceb4d27 .directorist-search-top__title{color:#FFFFFF !important;font-size:55px;font-weight:700;}.elementor-9611 .elementor-element.elementor-element-ceb4d27 .directorist-search-top__title:after{background-color:#FFFFFF;}.elementor-9611 .elementor-element.elementor-element-ceb4d27 .directorist-search-top__subtitle{color:#FFFFFF !important;}.elementor-9611 .elementor-element.elementor-element-ceb4d27 .directorist-search-top__subtitle:after{background-color:#FFFFFF;}.elementor-9611 .elementor-element.elementor-element-ceb4d27 .directorist-search-form__box{padding:12px 24px 12px 24px;border-radius:6px 6px 6px 6px;}.elementor-9611 .elementor-element.elementor-element-ceb4d27 .directorist-modal-btn--advanced{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FF0000;}.elementor-9611 .elementor-element.elementor-element-ceb4d27 .directorist-listing-category-top li a{color:var( --e-global-color-primary );}.elementor-9611 .elementor-element.elementor-element-ceb4d27 .directorist-listing-category-top li a .directorist-icon-mask:after{background-color:var( --e-global-color-primary );}.elementor-9611 .elementor-element.elementor-element-ceb4d27 .directorist-listing-category-top li a .directorist-icon-mask::after{width:0px;height:0px;}.elementor-9611 .elementor-element.elementor-element-678598a2{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:100px;--padding-right:100px;}.elementor-9611 .elementor-element.elementor-element-678598a2:not(.elementor-motion-effects-element-type-background), .elementor-9611 .elementor-element.elementor-element-678598a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-9611 .elementor-element.elementor-element-e4f15da{width:100%;max-width:100%;}.elementor-9611 .elementor-element.elementor-element-e4f15da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9611 .elementor-element.elementor-element-e4f15da .directorist-listings-header__left .directorist-header-found-title{font-size:24px;font-weight:700;}.elementor-9611 .elementor-element.elementor-element-e4f15da .directorist-listing-card{border-style:solid;border-width:1px 1px 1px 1px;border-color:#CCCCCC;}/* Start custom CSS for directorist_search_listing, class: .elementor-element-ceb4d27 *//* Contenedor de la lista */
.directorist-listing-category-top ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px; 
}

/* Título antes de las categorías */
.directorist-listing-category-top::before {
    content: "Explore Popular Categories";
    display: block;
    color: #6ec1e4;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    opacity: 1;
}

/* Estado NORMAL (Glassmorphism - borde semi-transparente) */
.directorist-listing-category-top ul li a {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: #ffffff !important;
    padding: 10px 20px;
    border-radius: 50px; 
    text-decoration: none; 
    font-size: 14px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    transition: all 0.3s ease; 
}

/* Estado HOVER (Más brillo, borde más visible) */
.directorist-listing-category-top ul li a:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* ==============================================
   DIRECTORIST SEARCH BAR - CUSTOM CSS
   For Elementor Custom CSS
   ============================================== */

/* ===== RESET MODAL BEHAVIOR ===== */
.directorist-search-form .directorist-search-modal__overlay {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.directorist-search-form .directorist-search-modal__minimizer {
    display: none !important;
}

/* Ensure modal contents are always visible and static */
.directorist-search-form .directorist-search-modal--basic .directorist-search-modal__contents {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* ===== REMOVE ANY EXTRA WHITE BORDERS ===== */
.directorist-search-form .directorist-search-adv-filter,
.directorist-search-form .directorist-advanced-filter {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.directorist-search-form .directorist-search-modal__contents__body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==============================================
   DIRECTORIST SEARCH BAR - CUSTOM CSS
   For Elementor Custom CSS
   ============================================== */

/* ===== RESET MODAL BEHAVIOR ===== */
.directorist-search-form .directorist-search-modal__overlay {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.directorist-search-form .directorist-search-modal__minimizer {
    display: none !important;
}

/* Ensure modal contents are always visible and static */
.directorist-search-form .directorist-search-modal--basic .directorist-search-modal__contents {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* ===== REMOVE ANY EXTRA WHITE BORDERS ===== */
.directorist-search-form .directorist-search-adv-filter,
.directorist-search-form .directorist-advanced-filter {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.directorist-search-form .directorist-search-modal__contents__body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== MAIN CONTAINER - Glassmorphism ===== */
.directorist-search-form .directorist-search-form-wrap,
.directorist-search-form-wrap.directorist-with-search-border {
    background: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 16px !important;
    
    /* AQUÍ ESTÁ LA MAGIA: Padding idéntico arriba y abajo */
    padding: 15px !important; 
    
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
    
    /* Aseguramos que se centre el contenido verticalmente */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Importante: Evitar alturas mínimas fijas que dejen huecos */
    height: auto !important;
    min-height: auto !important;
}

/* ===== 2. CAJA INTERNA (Hijo) - Reset Total (Tu hallazgo) ===== */
/* Le quitamos todo margen para que obedezca 100% al padding del padre */
.directorist-search-form .directorist-search-form__box {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important; /* Espacio entre inputs */
    width: 100% !important;
}

/* Fix extra: A veces hay un contenedor "top" invisible que estorba */
.directorist-search-form .directorist-search-form-top {
    margin: 0 !important;
    padding: 0 !important;
}


/* ===== FORM BOX LAYOUT ===== */
.directorist-search-form .directorist-search-form__box {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    background: transparent !important;
    border: none !important;
}

/* ===== FORM TOP CONTAINER ===== */
.directorist-search-form .directorist-search-form-top,
.directorist-search-form .directorist-search-form__top {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    gap: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* ===== MODAL CONTENTS BODY ===== */
.directorist-search-form .directorist-search-modal__contents__body {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    flex: 1 !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ===== EACH INPUT WRAPPER ===== */
.directorist-search-form .directorist-search-modal__input {
    flex: 1 !important;
    min-width: 180px !important;
}

/* ===== FIELD CONTAINER ===== */
.directorist-search-form .directorist-search-field,
.directorist-search-form .directorist-form-group {
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid rgba(200, 200, 200, 0.4) !important;
    border-radius: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 56px !important;
}

/* ===== FIRST FIELD - Hide label for now (cleanest solution) ===== */
.directorist-search-form .directorist-search-query {
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Hide the floating label - it causes positioning issues */
.directorist-search-form .directorist-search-query .directorist-search-field__label {
    display: none !important;
}

/* Style the input same as Location field */
.directorist-search-form .directorist-search-query input.directorist-form-element {
    height: 56px !important;
    padding: 0 35px 0 15px !important;
    font-size: 14px !important;
    color: #333333 !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    transform: none !important;
    position: static !important;
}

/* Prevent any movement on focus */
.directorist-search-form .directorist-search-query:focus-within {
    padding: 0 !important;
}

.directorist-search-form .directorist-search-query input.directorist-form-element:focus {
    height: 56px !important;
    padding: 0 35px 0 15px !important;
    margin: 0 !important;
    transform: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Hide labels for Location and other fields */

/* ===== TEXT INPUTS (Location and others) ===== */
.directorist-search-form .directorist-search-location input.directorist-form-element,
.directorist-search-form input[type="text"].directorist-form-element {
    background-color: transparent !important;
    border: none !important;
    height: 56px !important;
    padding: 0 45px 0 15px !important;
    font-size: 14px !important;
    color: #333333 !important;
    width: 100% !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.directorist-search-form input.directorist-form-element:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ===== PLACEHOLDERS ===== */
.directorist-search-form input::placeholder {
    color: #888888 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

/* ===== LOCATION FIELD ===== */
.directorist-search-form .directorist-search-location {
    background: #ffffff !important;
    padding: 0 !important;
}

/* Location icon */
.directorist-search-form .directorist-input-icon,
.directorist-search-form .directorist-filter-location-icon {
    position: absolute !important;
    right: 35px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #666666 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ===== CATEGORY DROPDOWN ===== */
.directorist-search-form .directorist-search-category,
.directorist-search-form .directorist-select {
    background: transparent !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Select2 container */
.directorist-search-form .select2-container {
    width: 100% !important;
    height: 56px !important;
}

.directorist-search-form .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

.directorist-search-form .select2-selection__rendered {
    color: #333333 !important;
    font-size: 14px !important;
    line-height: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.directorist-search-form .select2-selection__placeholder {
    color: #888888 !important;
}

/* Hide default Select2 arrow */
.directorist-search-form .select2-selection__arrow {
    display: none !important;
}

/* ===== DROPDOWN ARROW - FIX ALIGNMENT ===== */
.directorist-search-form .directorist-select2-addons-area {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

.directorist-search-form .directorist-select2-dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
}

.directorist-search-form .directorist-select2-dropdown-toggle i {
    font-size: 12px !important;
    color: #666666 !important;
}

/* ===== CLEAR BUTTON (X) ===== */
.directorist-search-form .directorist-search-field__btn--clear {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: opacity 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.directorist-search-form .directorist-search-field:hover .directorist-search-field__btn--clear {
    opacity: 0.5 !important;
}

.directorist-search-form .directorist-search-field__btn--clear:hover {
    opacity: 1 !important;
}

/* ===== HIDE MODAL BUTTONS NOT IN USE ===== */
.directorist-search-form .directorist-search-form-action__modal {
    display: none !important;
}

/* ===== SEARCH ACTION CONTAINER ===== */
.directorist-search-form .directorist-search-form-action {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* ===== SEARCH BUTTON ===== */
.directorist-search-form .directorist-btn-search {
    background: linear-gradient(135deg, #5bbce4 0%, #4aa8d8 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    height: 56px !important;
    padding: 0 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

.directorist-search-form .directorist-btn-search:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(91, 188, 228, 0.35) !important;
    background: linear-gradient(135deg, #4aa8d8 0%, #3d9acc 100%) !important;
}

.directorist-search-form .directorist-btn-search i {
    font-size: 14px !important;
}

/* ===== ADDRESS RESULT/AUTOCOMPLETE ===== */
.directorist-search-form .address_result,
.directorist-search-form .location-names {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(200, 200, 200, 0.5) !important;
    border-radius: 8px !important;
    margin-top: 4px !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* ===== HIDE ADVANCED SEARCH MODAL ===== */
.directorist-search-form .directorist-search-modal--advanced {
    display: none !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .directorist-search-form .directorist-search-modal__contents__body {
        flex-wrap: wrap !important;
    }
    
    .directorist-search-form .directorist-search-modal__input {
        min-width: 45% !important;
    }
}

@media (max-width: 768px) {
    .directorist-search-form .directorist-search-form-wrap {
        padding: 15px !important;
    }
    
    .directorist-search-form .directorist-search-form__box {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .directorist-search-form .directorist-search-form-top,
    .directorist-search-form .directorist-search-form__top,
    .directorist-search-form .directorist-search-modal__contents,
    .directorist-search-form .directorist-search-modal__contents__body {
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important;
    }
    
    .directorist-search-form .directorist-search-modal__input {
        width: 100% !important;
        min-width: 100% !important;
    }
    
    .directorist-search-form .directorist-search-form-action {
        width: 100% !important;
    }
    
    .directorist-search-form .directorist-btn-search {
        width: 100% !important;
        justify-content: center !important;
    }
}/* End custom CSS */