css/* ================================ */
/* Google Fonts                     */
/* ================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Jost:wght@300;400;500;600&display=swap');

/* ================================ */
/* Header Background                */
/* ================================ */
.site-header,
header,
#main-header,
#mobile-header {
    background-color: #666666 !important;
}

/* ================================ */
/* Desktop Navigation White Links   */
/* ================================ */
#site-navigation a,
#primary-menu a,
#primary-menu > li > a {
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
#site-navigation a:hover,
#primary-menu a:hover,
#primary-menu > li > a:hover {
    color: #8DC63F !important;
}

/* ================================ */
/* Desktop Navigation Layout        */
/* ================================ */
@media (min-width: 1025px) {
    #primary-menu {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 32px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #primary-menu > li {
        display: inline-flex !important;
        align-items: center !important;
        float: none !important;
        width: auto !important;
    }
    #primary-menu > li > a {
        display: inline-flex !important;
        padding: 8px 0 !important;
        width: auto !important;
    }
}

/* ================================ */
/* Body Typography                  */
/* ================================ */
body, p, li, span {
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    color: #666666 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
}

/* ================================ */
/* All Headings                     */
/* ================================ */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.entry-title,
.page-title,
.site-title {
    font-family: 'Cormorant Garamond', serif !important;
    color: #404040 !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
}
h1, .entry-title {
    font-size: 56px !important;
    line-height: 1.2 !important;
}
h2 {
    font-size: 42px !important;
    line-height: 1.3 !important;
}
h3 {
    font-size: 32px !important;
    line-height: 1.4 !important;
}
h4 {
    font-size: 24px !important;
    line-height: 1.4 !important;
}
h5 {
    font-size: 18px !important;
    line-height: 1.5 !important;
}
h6 {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* ================================ */
/* Paragraphs                       */
/* ================================ */
p, .kadence-blocks-paragraph {
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    color: #666666 !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

/* ================================ */
/* General Links                    */
/* ================================ */
a {
    text-decoration: none !important;
    color: #6FA832 !important;
}
a:hover {
    color: #8DC63F !important;
}

/* ================================ */
/* Buttons                          */
/* ================================ */
.wp-block-button__link,
.kb-btn,
.kadence-button {
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background-color: #8DC63F !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 12px 28px !important;
}
.wp-block-button__link:hover,
.kb-btn:hover,
.kadence-button:hover {
    background-color: #6FA832 !important;
    color: #ffffff !important;
}

/* ================================ */
/* Page Background                  */
/* ================================ */
body, .site-main, .content-area {
    background-color: #ffffff !important;
}

/* ================================ */
/* Footer                           */
/* ================================ */
.site-footer {
    background-color: #404040 !important;
    color: #ffffff !important;
    text-align: center !important;
}
.site-footer a {
    color: #8DC63F !important;
}
.site-footer a:hover {
    color: #ffffff !important;
}

/* ================================ */
/* Font Smoothing                   */
/* ================================ */
* {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ================================ */
/* Hero White Text Override         */
/* ================================ */
.hero-white h1,
.hero-white h2,
.hero-white h3 {
    color: #ffffff !important;
}

/* ================================ */
/* Mobile Fix                       */
/* ================================ */
@media (max-width: 1024px) {

    /* Hide desktop header */
    #main-header {
        display: none !important;
    }

    /* Show mobile header */
    #mobile-header {
        display: block !important;
    }

    /* Mobile header row layout */
    #mobile-header .site-main-header-inner-wrap {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Logo left */
    #mobile-header .site-header-main-section-left {
        display: flex !important;
        align-items: center !important;
        flex: 1 !important;
    }

    /* Trigger far right */
    #mobile-header .site-header-item-navgation-popup-toggle {
        margin-left: auto !important;
        order: 9 !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Hamburger button */
    #mobile-toggle,
    .menu-toggle-open {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: transparent !important;
        border: none !important;
        padding: 8px !important;
        cursor: pointer !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    /* Hamburger icon */
    .menu-toggle-icon,
    #mobile-toggle .kadence-svg-iconset {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Hamburger SVG white */
    #mobile-toggle svg,
    .menu-toggle-open svg {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 28px !important;
        height: 28px !important;
        color: #ffffff !important;
    }

    /* Hamburger lines white */
    #mobile-toggle svg path,
    .menu-toggle-open svg path {
        fill: #ffffff !important;
    }

    #mobile-toggle,
    #mobile-toggle * {
        color: #ffffff !important;
    }
}