/*
Template:       directoria
Theme Name:     Directoria Child
Theme URI: https://demo.directorist.com/theme/directoria
Author: wpWax
Author URI: http://wpwax.com/
Description: A minimal and beautiful theme that is designed and developed to provide fastest page loading speed and make Business Directory plugin by wpWax look awesome.
Version: 2.2.9
License: GNU General Public License v2 or later
License URI: https://demo.directorist.com/theme/directoria
Text Domain: directoria
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Starting default Banner hide */
.directory_breadcrumb_area {
    display: none !important;
}


body {
    background-color: #ffffff !important;
}

/* Default directory listing black box hide */
.directorist-search-top {
    display: none !important;
}

/* Directory Listing Customisation */
.directorist-search-contents:before {
    min-height: 0vh !important;
    height: 0vh !important;
}

.directorist-search-contents {
    height: 0 !important;
    min-height: 0 !important;
}

.directorist-search-top {
    display: none;
}


.directorist-search-field__label {
    z-index: 1;
    margin-left: 25px !important;
    margin-top: 10px;
}

.directorist-search-field {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* min-height: 80px; */
    padding-top: 5px;
    box-sizing: border-box;
}

/* .directorist-search-field.input-is-focused {
    height: 60px; 
} */

.directorist-search-field__label {
    font-size: 14px;
    margin-bottom: 5px;
    transition: all 0.2s ease;
}
 
.directorist-search-field__input {
    padding: 10px;
    font-size: 16px;
}

.directorist-search-form-wrap {
    background: transparent !important;
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 20px 0;
    flex-wrap: wrap;
}

.directorist-search-field {
    flex: 1 1 30%; 
    min-width: 250px;
    max-width: 100%;
    box-sizing: border-box;
}

.directorist-search-form-action {
    flex: 0 0 auto;
}

.directorist-search-field input,
.directorist-search-field select,
.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 12px 15px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    height: auto !important;
    min-width: 250px;
    color: #000 !important;
    z-index: 0;
}

 
.select2-selection__rendered {
    line-height: normal !important;
    padding-left: 0px !important;
    margin: 0 !important;
}

.directorist-search-field {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 60px;
    transition: all 0.2s ease;
} 


.directorist-search-field.input-is-focused {
    height: 60px;
}

.directorist-search-field__label {
    font-size: 14px;
    margin-bottom: 5px;
    transition: all 0.2s ease;
}

.directorist-search-field__input {
    padding: 10px;
    font-size: 16px;
}


.directorist-search-field__btn--clear {
    position: absolute;
    right: 10px;
    top: 57%;
    transform: translateY(-50%);
}


.directorist-content-active .select2-container .directorist-select2-addons-area {
right: 10px;
}

.directorist-content-active .select2.select2-container.select2-container--default .select2-selection {
    min-height: 44px;
}

.directorist-search-field .directorist-filter-location-icon~.directorist-search-field__btn--clear, 
.directorist-search-field .directorist-select~.directorist-search-field__btn--clear {
    right: 41px;
}

.directorist-search-contents .directorist-search-form-box .directorist-search-form-action .directorist-search-form-action__submit .directorist-btn-search {
    background: #007aff !important;
    border-radius: 5px;
    min-height: 9px !important;
    color: #ffffff !important;
}


.wp-block-cover.is-light.wp-duotone-unset-1 {
    min-height: 250px !important;
    height: auto !important;
    padding: 20px 0 !important;
}

.wp-block-cover__image-background {
    object-fit: cover;
    height: 100% !important;
    max-height: 250px !important; 
}

.wp-block-cover__inner-container {
    padding: 20px 0 !important;
}

.directorist-search-form-box {
    margin-top: -120px;
}


.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents {
    font-family: sans-serif;
}

.directorist-search-field.input-is-focused .directorist-search-field__input, 
.directorist-search-field.input-is-focused .directorist-select {
    bottom: 0px; 
}

.wp-block-uagb-container.Home-search.uagb-block-f4958e38.alignfull.uagb-is-root-container {
    margin-top: -40px;
}
.wp-block-cover__image-background.wp-image-12830.size-medium {
  height: 60%;
}
.uagb-block-7cfa60c7 .wp-block-cover {
    min-height: unset !important;
    aspect-ratio: unset !important;
    height: auto !important;
    padding: 0 !important;
}

/* SW152 We assists victims  */
 @media only screen and (max-width: 768px) {

    .uagb-block-36e02fbf img {
        width: 100% !important;
        height: auto !important;
        margin-top: 40px !important;  /* move down */
        margin-bottom: 60px !important;
        display: block !important;
    }
    /* Remove padding from UAGB container */
    /* .uagb-container-inner-blocks-wrap {
        padding: 0 !important;
    } */

}

/* ---------- TABLET VIEW (768px–1199px) ---------- */
@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .wp-block-uagb-container.uagb-block-7e602632 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

/* ---------- MOBILE VIEW (Below 768px) ---------- */
@media only screen and (max-width: 768px) {
    .wp-block-uagb-container.uagb-block-7e602632 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ---------- MOBILE VIEW (Below 768px) ---------- */
@media only screen and (max-width: 768px) {
    .m-zero-margin {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Global fix: allow columns to wrap naturally on all devices */
/* FOOTER ONLY (using .custom-global-footer wrapper) */
.custom-global-footer .uagb-container-inner-blocks-wrap {
    flex-wrap: wrap !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 25px !important;
}

/* Column fixes — footer only */
.custom-global-footer .uagb-block-d9939354 {
    margin-left: 0px !important;
}

.custom-global-footer .uagb-block-1115d6ad {
    padding-left: 0px !important;
}

.custom-global-footer .uagb-block-69c963d3 {
    margin-right: 0px !important;
    padding: 0px !important;
}

.custom-global-footer .uagb-block-5f99e57a {
    margin-right: 0px !important;
    padding: 0px !important;
}
/* Tablet & Desktop: center only footer columns, not full black background */
/* Desktop & tablet – center footer columns without shrinking black background */
@media (min-width: 769px) {

    /* IMPORTANT: Apply max-width only to the *inner* container-blocks-wrap */
    .custom-global-footer .uagb-block-f3ddebc2 > .uagb-container-inner-blocks-wrap {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }
}

/* Target only the Banner section */
.Banner-section .wp-block-cover {
    position: relative;
}

/* Make the inner container a flexbox for perfect centering */
.Banner-section .wp-block-cover__inner-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;     /* horizontal center */
    justify-content: center !important; /* vertical center */
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

/* Banner text styling */
.Banner-section .Banner-Text {
    color: #ffffff !important;
    font-family: Sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    font-size: 80px !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .Banner-section .Banner-Text {
        font-size: 55px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .Banner-section .Banner-Text {
        font-size: 40px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .Banner-section .Banner-Text {
        font-size: 30px !important;
    }
}

/* Ensure banner has enough height */
.Banner-section .wp-block-cover {
    min-height: 450px; /* Adjust as needed */
    padding: 60px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ensure inner container centers properly */
.wp-block-cover__inner-container {
    width: 100%;
    text-align: center;
}

@media (min-width: 1200px) {
    .Banner-Text {
        margin-bottom: 240px !important; /* adjust 40–120px depending on need */
    }
}

.has-text-align-center {
	margin-left: 0px !important;
}



@media (max-width: 768px) {
    /* Remove white background & borders from the container */
    .directorist-search-field {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .directorist-select{
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Remove white background from input */
    .directorist-search-field__input,
    .directorist-form-element {
        background: transparent !important;
        border: 1px solid #ccc !important; /* you can remove border if needed */
        border-radius: 4px !important;
        padding: 6px 10px !important;
        margin: 0 !important;
        box-shadow: none !important;
    }

   .directorist-select {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


    /* Force entire search section to behave as vertical stack */
    .directorist-search-form-wrap,
    .directorist-search-form-box,
    .directorist-search-form-top,
    .directorist-search-form,
    .directorist-search-form-inline {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 15px !important;
    }

    /* Each field full width */
    .directorist-search-field,
    .directorist-form-group,
    .directorist-select,
    .directorist-search-query,
    .directorist-search-field__input,
    .select2-container {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        box-sizing: border-box !important;
    }

    /* Search button goes below fields */
    .directorist-search-form-action,
    .directorist-search-form-action__submit,
    .directorist-btn-search {
        width: 100% !important;
        display: block !important;
    }

    .directorist-search-contents .directorist-search-field {
        margin: 0px !important;
    }

    /* .directorist-search-form-box {
        margin-top: -80px !important;
    } */

    .directorist-search-contents{
        margin-top: -30px !important;
    }

    .directorist-search-form-action__submit{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .directorist-btn-search {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px; /* spacing between icon and text */
}

.directorist-btn-search i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.Home-search .directorist-search-form-top.directorist-flex.directorist-align-center.directorist-search-form-inline {
    margin-top: 160px !important;
}

}
/* ============================
  Make the "Find A Member" banner taller so fields fit
  Targets the exact section: uagb-block-7cfa60c7
  ============================ */

/* Base: increase min height so desktop/tablet have room */
.uagb-block-7cfa60c7 .wp-block-cover {
    min-height: 520px !important;      /* increase as needed */
    padding: 24px 0 !important;
    box-sizing: border-box !important;
}

/* Ensure inner container uses full height and centers content vertically */
.uagb-block-7cfa60c7 .wp-block-cover__inner-container {
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Reduce heading left offset and ensure heading doesn't push layout */
.uagb-block-7cfa60c7 .wp-block-heading {
    margin-left: 0 !important;
    text-align: center !important;
    font-size: 40px !important;
    margin-bottom: 12px !important;
}

/* Make sure search area is visible (not collapsed) */
.uagb-block-7cfa60c7 .directorist-search-contents,
.uagb-block-7cfa60c7 .directorist-search-contents:before {
    height: auto !important;
    min-height: auto !important;
    /* padding: 18px 0 !important; */
    overflow: visible !important;
}

/* Keep form wrapper compact and centered */
.uagb-block-7cfa60c7 .directorist-search-form-wrap {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
}

/* Slightly reduce field heights so everything fits */
.uagb-block-7cfa60c7 .directorist-search-field__input,
.uagb-block-7cfa60c7 .select2-selection--single {
    height: 40px !important;
    font-size: 15px !important;
}

/* Mobile: smaller height + force full stacking + more vertical space */
@media (max-width: 768px) {
    .uagb-block-7cfa60c7 .wp-block-cover {
        min-height: 380px !important;
        padding: 18px 0 !important;
    }

    .uagb-block-7cfa60c7 .wp-block-cover__inner-container {
        justify-content: flex-start !important; /* start so fields are visible at top */
    }

    .uagb-block-7cfa60c7 .directorist-search-contents {
        padding-top: 14px !important;
        padding-bottom: 22px !important;
        min-height: 320px !important; /* ensures stacked fields + button fit */
    }

    .uagb-block-7cfa60c7 .directorist-search-field__input,
    .uagb-block-7cfa60c7 .select2-selection--single {
        height: 36px !important;
        font-size: 14px !important;
    }

    .uagb-block-7cfa60c7 .directorist-btn-search {
        /* padding: 10px !important; */
        font-size: 16px !important;
    }

    .directorist-search-form-action{
        margin-top: -10px !important;
    }
}

/* Small phones: ensure nothing overflows */
@media (max-width: 420px) {
    .uagb-block-7cfa60c7 .wp-block-cover {
        min-height: 400px !important;
    }

    .uagb-block-7cfa60c7 .directorist-search-contents {
        min-height: 360px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* Safety: ensure search-form wrapper allows stacking */
.uagb-block-7cfa60c7 .directorist-search-form-wrap,
.uagb-block-7cfa60c7 .directorist-search-form-box,
.uagb-block-7cfa60c7 .directorist-search-form-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

.select2-container .select2-dropdown {
    top: 100% !important;  /* always below input */
    bottom: auto !important;
}

/* FIX: Prevent Select2 dropdown from being cut off on Home page */
.uagb-block-7cfa60c7,
.uagb-block-7cfa60c7 .wp-block-cover,
.uagb-block-7cfa60c7 .wp-block-cover__inner-container,
.uagb-block-7cfa60c7 .directorist-search-contents,
.uagb-block-7cfa60c7 .directorist-search-form-wrap {
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
}

.wp-block-uagb-container.uagb-block-943c1b9a {
    padding: 76px !important;
}

@media (max-width: 767px) {
    h2.wp-block-heading.has-white-color {
        font-size: 40px !important;
        line-height: 45px !important;
    }
}

.directorist-single-contents-area,
.single_area {
  padding-top: 0px !important;
}

.wp-block-uagb-container{
    margin-top: 0px !important;
}

.wp-block-uagb-container .uagb-block-1115d6ad,
.wp-block-uagb-container .uagb-block-5f99e57a {
    align-items: normal !important;
}
.directorist-single.directorist-container {
    background-color: #f2f2f2 !important;
}

.directorist-thumnail-card-front-img{
    padding: 20px !important;
}