
/* EM-GROWWE-LOGO-SLIDER-FIX-START */

/* Restore desktop and mobile logo visibility */
#sp-header #sp-logo,
#sp-header #sp-logo .sp-column,
#sp-header #sp-logo .logo,
#sp-header #sp-logo .logo a {
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#sp-header #sp-logo .logo img,
#sp-header .sp-default-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-width: 180px !important;
    max-height: 70px !important;
    object-fit: contain !important;
}

/* Give the old Floox/SPPB full-width slideshow a visible height */
#sppb-addon-1499841657127,
#sppb-addon-1499841657127 .sppb-slider-wrapper,
#slide-fullwidth,
#slide-fullwidth .owl-stage-outer,
#slide-fullwidth .owl-stage,
#slide-fullwidth .owl-item,
#slide-fullwidth .sppb-slideshow-fullwidth-item,
#slide-fullwidth .sppb-slide-item-bg {
    min-height: 620px !important;
}

/* Ensure slide background fills the available space */
#slide-fullwidth .sppb-slide-item-bg {
    width: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Safe fallback if Owl Carousel JavaScript does not initialize */
#slide-fullwidth:not(.owl-loaded) {
    display: block !important;
    position: relative !important;
    min-height: 620px !important;
}

#slide-fullwidth:not(.owl-loaded) .sppb-slideshow-fullwidth-item {
    display: none !important;
}

#slide-fullwidth:not(.owl-loaded) .sppb-slideshow-fullwidth-item:first-child {
    display: block !important;
    min-height: 620px !important;
}

/* Keep slideshow text above the background */
#slide-fullwidth .sppb-slideshow-fullwidth-item-text {
    position: relative !important;
    z-index: 2 !important;
    padding-top: 180px !important;
    color: #ffffff !important;
}

#slide-fullwidth .sppb-fullwidth-title,
#slide-fullwidth .sppb-slidehsow-sub-title {
    color: #ffffff !important;
}

/* Mobile adjustments */
@media (max-width: 991px) {
    #sp-header #sp-logo .logo img,
    #sp-header .sp-default-logo {
        max-width: 145px !important;
        max-height: 58px !important;
    }

    #sppb-addon-1499841657127,
    #slide-fullwidth,
    #slide-fullwidth .owl-stage-outer,
    #slide-fullwidth .owl-stage,
    #slide-fullwidth .owl-item,
    #slide-fullwidth .sppb-slideshow-fullwidth-item,
    #slide-fullwidth .sppb-slide-item-bg {
        min-height: 480px !important;
    }

    #slide-fullwidth .sppb-slideshow-fullwidth-item-text {
        padding-top: 120px !important;
    }
}

/* EM-GROWWE-LOGO-SLIDER-FIX-END */

/* EM-GROWWE-MINIMAL-FIX-START */

/* Show only one logo */
@media (min-width: 992px) {
    #sp-header #sp-logo img.d-none.d-lg-block {
        display: block !important;
    }

    #sp-header #sp-logo img.d-block.d-lg-none {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    #sp-header #sp-logo img.d-none.d-lg-block {
        display: none !important;
    }

    #sp-header #sp-logo img.d-block.d-lg-none {
        display: block !important;
    }
}

/* Center slideshow text only */
#slide-fullwidth .sppb-slideshow-fullwidth-item .col-sm-8 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

#slide-fullwidth .sppb-slideshow-fullwidth-item-text {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

#slide-fullwidth .sppb-fullwidth-title,
#slide-fullwidth .sppb-slidehsow-sub-title {
    text-align: center !important;
}

/* EM-GROWWE-MINIMAL-FIX-END */

/* EM-GROWWE-SLIDE-CENTER-FINAL-START */

/* Center the slideshow content across the entire image */
#slide-fullwidth .sppb-slide-item-bg > .container {
    min-height: 620px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#slide-fullwidth .sppb-slide-item-bg > .container > .row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

#slide-fullwidth .sppb-slide-item-bg .col-sm-8 {
    float: none !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#slide-fullwidth .sppb-slideshow-fullwidth-item-text {
    width: 100% !important;
    max-width: 950px !important;
    margin: 0 auto !important;
    padding-top: 0 !important;
    text-align: center !important;
}

#slide-fullwidth .sppb-fullwidth-title,
#slide-fullwidth .sppb-slidehsow-sub-title,
#slide-fullwidth .details {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

@media (max-width: 991.98px) {
    #slide-fullwidth .sppb-slide-item-bg > .container {
        min-height: 480px !important;
    }

    #slide-fullwidth .sppb-fullwidth-title {
        font-size: 38px !important;
        line-height: 1.15 !important;
    }
}

/* EM-GROWWE-SLIDE-CENTER-FINAL-END */

/* EM-GROWWE-SEARCH-FIX-START */

/*
 * Floox markup places .top-search-input-wrap beside
 * .top-search-wrapper, not inside it. Hide it initially;
 * main.js will override this with inline display values
 * when the user opens or closes the search.
 */
#sp-header .floox-top-search > .sp-module-content > .top-search-input-wrap {
    display: none;
}

/* The close icon must also start hidden */
#sp-header .floox-top-search .search-close-icon {
    display: none;
}

/* Keep the normal search icon visible initially */
#sp-header .floox-top-search .search-open-icon {
    display: inline-block;
    cursor: pointer;
}

/* EM-GROWWE-SEARCH-FIX-END */


/* EM-GROWWE-DESKTOP-LOGO-SIZE-START */
@media (min-width: 992px) {
    #sp-header #sp-logo {
        overflow: visible !important;
    }

    #sp-header #sp-logo .logo,
    #sp-header #sp-logo .logo a {
        overflow: visible !important;
    }

    #sp-header #sp-logo img.d-none.d-lg-block {
        display: block !important;
        width: 190px !important;
        max-width: none !important;
        height: auto !important;
    }
}
/* EM-GROWWE-DESKTOP-LOGO-SIZE-END */
