/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 15:06:36 */
ul li, ol li {
    margin-bottom: 20px;
}

/* Custom accordion styles */
.e-n-accordion details {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
span.e-n-accordion-item-title-header, 
span.e-n-accordion-item-title-icon {
    padding: 8px;
}

/* Search results page */
h1.page-title.search-title {
    font-size: 25px;
    letter-spacing: normal;
}

/* Timeline */

.twae-title.twae-title {
    padding: 10px 0px;
}

/* Mobile Toggle Menu */
.popup-drawer .drawer-inner {
	background: #1a202c;
}

/* =========================================================
   RESTORE THE LAGOON — KADENCE SEARCH MODAL
   Clean centered card
   ========================================================= */


/* ---------------------------------------------------------
   FULL-SCREEN OVERLAY
   --------------------------------------------------------- */

#search-drawer {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    background: rgba(6, 34, 42, 0.18) !important;

    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}


/* ---------------------------------------------------------
   WHITE SEARCH CARD
   --------------------------------------------------------- */

#search-drawer .drawer-inner {
    position: fixed !important;

    top: 50% !important;
    left: 50% !important;

    right: auto !important;
    bottom: auto !important;

    width: 540px !important;
    max-width: calc(100vw - 40px) !important;

    height: auto !important;
    min-height: 0 !important;

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

    transform: translate(-50%, -50%) !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border-radius: 12px !important;

    box-shadow: 0 18px 50px rgba(0, 40, 50, 0.25) !important;

    overflow: visible !important;
}


/* ---------------------------------------------------------
   HEADER / CLOSE BUTTON
   --------------------------------------------------------- */

#search-drawer .drawer-header {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 0 !important;

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

    min-height: 0 !important;

    z-index: 20 !important;
}


/* Close button */

#search-drawer .search-toggle-close {
    position: absolute !important;

    top: 2px !important;
    right: 4px !important;

    width: 28px !important;
    height: 28px !important;

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

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

    background: transparent !important;
    border: 0 !important;

    color: #17313a !important;

    z-index: 30 !important;
}


/* Close icon */

#search-drawer .search-toggle-close svg {
    width: 17px !important;
    height: 17px !important;
}


/* ---------------------------------------------------------
   DRAWER CONTENT
   --------------------------------------------------------- */

/*
   This is the important fix.
   Kadence normally treats drawer-content like a full-height
   drawer. We don't want that inside our little card.
*/

#search-drawer .drawer-content {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

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

    overflow: visible !important;
}


/* ---------------------------------------------------------
   SEARCH FORM
   --------------------------------------------------------- */

#search-drawer .search-form {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 60px !important;

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


/* ---------------------------------------------------------
   SEARCH INPUT
   --------------------------------------------------------- */

#search-drawer .search-form label {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


#search-drawer input.search-field {
    display: block !important;

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

    box-sizing: border-box !important;

    padding: 0 60px 0 18px !important;

    margin: 0 !important;

    background: #f7fafb !important;

    border: 1px solid #d5e1e4 !important;

    border-radius: 7px !important;

    color: #17313a !important;

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

    outline: none !important;

    box-shadow: none !important;
}


/* Placeholder */

#search-drawer input.search-field::placeholder {
    color: #71858c !important;
    opacity: 1 !important;
}


/* Focus */

#search-drawer input.search-field:focus {
    background: #ffffff !important;

    border-color: #08758a !important;

    outline: none !important;

    box-shadow: 0 0 0 3px rgba(8, 117, 138, 0.10) !important;
}


/* ---------------------------------------------------------
   SEARCH SUBMIT
   --------------------------------------------------------- */

/*
   Kadence's "Search" button is actually an input with
   value="Search". We make the text invisible and let the
   separate Kadence search icon show.
*/

#search-drawer input.search-submit {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;

    width: 54px !important;
    height: 60px !important;

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

    border: 0 !important;

    background: transparent !important;

    color: transparent !important;

    font-size: 0 !important;

    cursor: pointer !important;

    z-index: 5 !important;
}


/* ---------------------------------------------------------
   MAGNIFYING GLASS
   --------------------------------------------------------- */

#search-drawer .kadence-search-icon-wrap {
    position: absolute !important;

    top: 0 !important;
    right: 14px !important;

    width: 26px !important;
    height: 60px !important;

    display: flex !important;

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

    color: #08758a !important;

    pointer-events: none !important;

    z-index: 4 !important;
}


#search-drawer .kadence-search-icon-wrap svg {
    width: 20px !important;
    height: 20px !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    #search-drawer .drawer-inner {
        width: calc(100vw - 30px) !important;
        max-width: calc(100vw - 30px) !important;

        padding: 26px 22px 22px 22px !important;

        border-radius: 10px !important;
    }

    #search-drawer input.search-field {
        height: 56px !important;

        font-size: 17px !important;
    }

    #search-drawer .search-form {
        height: 56px !important;
    }

    #search-drawer input.search-submit {
        height: 56px !important;
    }

    #search-drawer .kadence-search-icon-wrap {
        height: 56px !important;
    }
}