/* =====================================================
   TRUTH GROUP — COMPLETE HEADER + HERO CSS
   GENERATEPRESS + MAX MEGA MENU + KADENCE
   CLEAN VERSION
   ===================================================== */


/* =====================================================
   GENERAL
   ===================================================== */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.entry-header,
.page .entry-header {
    display: none !important;
}

.sharedaddy,
.sd-sharing-enabled,
.sd-sharing,
div.sharedaddy {
    display: none !important;
}


/* =====================================================
   DESKTOP HEADER — OVER HERO
   ===================================================== */

@media (min-width: 769px) {

    .site-header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 90px !important;

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

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        z-index: 999999 !important;

        pointer-events: none !important;
    }


    /* HEADER INNER */

    .site-header .inside-header {
        display: flex !important;
        align-items: center !important;

        height: 90px !important;
        min-height: 90px !important;

        padding: 8px 35px !important;

        box-sizing: border-box !important;

        background: transparent !important;
    }


    /* LOGO */

    .site-header .site-logo,
    .site-header .site-branding {
        position: relative !important;

        z-index: 1000000 !important;

        flex: 0 0 auto !important;

        pointer-events: auto !important;
    }

    .site-header .site-logo img,
    .site-header .site-branding img {
        display: block !important;

        width: 205px !important;
        max-width: 205px !important;

        height: auto !important;

        background: transparent !important;
    }


    /* =================================================
       NAVIGATION OVER HERO
       ================================================= */

    #site-navigation {
        position: absolute !important;

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

        width: 100% !important;
        height: 90px !important;
        min-height: 90px !important;

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

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        z-index: 1000001 !important;

        pointer-events: auto !important;
    }


    #site-navigation .inside-navigation {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: 100% !important;
        height: 90px !important;
        min-height: 90px !important;

        padding-left: 270px !important;
        padding-right: 30px !important;

        box-sizing: border-box !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        pointer-events: auto !important;
    }


    /* =================================================
       MAX MEGA MENU
       ================================================= */

    #site-navigation [id^="mega-menu-wrap-"] {
        width: 100% !important;
        max-width: 100% !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        pointer-events: auto !important;
    }


    #site-navigation [id^="mega-menu-wrap-"] > ul.mega-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: 100% !important;

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

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        pointer-events: auto !important;
    }


    /* =================================================
       MENU LINKS
       ================================================= */

    #site-navigation
    [id^="mega-menu-wrap-"]
    > ul.mega-menu
    > li.mega-menu-item
    > a.mega-menu-link {

        background: transparent !important;

        color: #ffffff !important;

        text-shadow: 0 1px 5px rgba(0,0,0,.85) !important;

        pointer-events: auto !important;
    }


    /* =================================================
       HOVER / ACTIVE
       ================================================= */

    #site-navigation
    [id^="mega-menu-wrap-"]
    > ul.mega-menu
    > li.mega-menu-item:hover
    > a.mega-menu-link,

    #site-navigation
    [id^="mega-menu-wrap-"]
    > ul.mega-menu
    > li.mega-current-menu-item
    > a.mega-menu-link,

    #site-navigation
    [id^="mega-menu-wrap-"]
    > ul.mega-menu
    > li.mega-current-menu-ancestor
    > a.mega-menu-link {

        background: rgba(255,255,255,.16) !important;

        color: #ffffff !important;
    }


    /* =================================================
       DROPDOWNS
       ================================================= */

    #site-navigation
    [id^="mega-menu-wrap-"]
    li.mega-menu-item
    > ul.mega-sub-menu {

        background: #ffffff !important;

        border: 1px solid #e4e9ec !important;

        border-radius: 0 0 10px 10px !important;

        box-shadow:
            0 18px 35px rgba(4,35,53,.18) !important;
    }


    /* =================================================
       CTA
       ================================================= */

    #site-navigation
    [id^="mega-menu-wrap-"]
    > ul.mega-menu
    > li.mega-truth-cta
    > a.mega-menu-link {

        background: linear-gradient(
            135deg,
            #f5c846,
            #dd9211
        ) !important;

        color: #042335 !important;

        text-shadow: none !important;

        border-radius: 9px !important;
    }


    /* =================================================
       HERO MUST START AT TOP
       ================================================= */

    #page {
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-content {
        position: relative !important;

        z-index: 1 !important;

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


    /* =================================================
       HEADER GRADIENT
       ================================================= */

    .site-header::after {

        content: "";

        position: absolute;

        top: 0;
        left: 0;
        right: 0;

        height: 120px;

        background: linear-gradient(
            to bottom,
            rgba(0,0,0,.42),
            rgba(0,0,0,0)
        );

        pointer-events: none;

        z-index: -1;
    }
}


/* =====================================================
   DESKTOP — REMOVE TOP SPACE / OUTER CONTAINER
   ===================================================== */

@media only screen and (min-width: 769px) {

    html,
    body,
    #page,
    #masthead {

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


    html,
    body {

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

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

        overflow-x: hidden !important;
    }


    #page,
    .site,
    .grid-container,
    .site.grid-container,
    .container,
    .site-container {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* =================================================
       CONTENT FULL WIDTH
       ================================================= */

    .site-content,
    .site-main,
    .content-area,
    .inside-article,
    .entry-content {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* =================================================
       HERO — TRUE VIEWPORT WIDTH
       ================================================= */

    .entry-content > .kb-row-layout-wrap:first-child,
    .entry-content > .wp-block-kadence-rowlayout:first-child,
    .entry-content > .wp-block-cover:first-child {

        position: relative !important;

        width: 100vw !important;
        max-width: 100vw !important;

        left: 50% !important;

        margin-left: -50vw !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;

        margin-top: 0 !important;
    }


    /* =================================================
       KADENCE INNER ROW
       ================================================= */

    .entry-content > .kb-row-layout-wrap:first-child
    .kt-row-column-wrap,

    .entry-content > .wp-block-kadence-rowlayout:first-child
    .kt-row-column-wrap {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    .entry-content > .kb-row-layout-wrap:first-child
    .kt-row-column-wrap > * {

        max-width: none !important;
    }


    /* =================================================
       REMOVE GENERATEPRESS CONSTRAINT
       ================================================= */

    .site-content,
    .site-main,
    .content-area,
    .inside-article,
    .entry-content {

        max-width: none !important;
    }


    /* =================================================
       REMOVE TOP STRIP
       ================================================= */

    .site-content {

        margin-top: -20px !important;
        padding-top: 0 !important;
    }
}


/* =====================================================
   KADENCE + MAX MEGA MENU DESKTOP
   ===================================================== */

@media (min-width: 1025px) {

    .site-header .site-main-header-wrap {
        min-height: 86px;
    }

    .site-header .site-header-row-container-inner {
        min-height: 86px;
    }


    /* LOGO */

    .site-header .site-header-item.site-header-focus-item img {
        max-height: 58px;
        width: auto;
    }


    /* MAX MEGA MENU */

    .site-header .mega-menu-wrap {
        background: transparent !important;
    }

    .site-header .mega-menu,
    .site-header ul#mega-menu-primary {
        background: transparent !important;
    }


    /* MAIN MENU LINKS */

    .site-header
    #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item
    > a.mega-menu-link {

        background: transparent !important;

        color: #ffffff !important;

        font-size: 15px !important;

        font-weight: 500 !important;

        line-height: 1 !important;

        padding-left: 15px !important;
        padding-right: 15px !important;

        transition: opacity 0.2s ease;
    }


    /* HOVER */

    .site-header
    #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item
    > a.mega-menu-link:hover {

        color: #ffffff !important;

        opacity: 0.75;
    }


    /* REMOVE MENU ITEM BOXES */

    .site-header
    #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item {

        background: transparent !important;
    }


    /* ARROWS */

    .site-header
    #mega-menu-wrap-primary
    .mega-indicator {

        color: #ffffff !important;
    }
}


/* =====================================================
   PRIMARY NAVIGATION — DESKTOP
   ===================================================== */

@media (min-width: 769px) {

    #mega-menu-wrap-primary-navigation {

        position: absolute !important;

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

        width: 100% !important;

        z-index: 9999 !important;

        background: transparent !important;
    }


    #mega-menu-wrap-primary-navigation
    #mega-menu-primary-navigation {

        background: transparent !important;
    }


    #mega-menu-wrap-primary-navigation
    #mega-menu-primary-navigation
    > li.mega-menu-item
    > a.mega-menu-link {

        background: transparent !important;

        color: #ffffff !important;

        border: 0 !important;

        box-shadow: none !important;

        font-weight: 500 !important;
    }


    #mega-menu-wrap-primary-navigation
    #mega-menu-primary-navigation
    > li.mega-menu-item:hover
    > a.mega-menu-link {

        background: transparent !important;

        color: #ffffff !important;
    }
}


/* =====================================================
   MOBILE — FULL WIDTH CONTENT
   ===================================================== */

@media (max-width: 767px) {

    .site-content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .content-area {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .inside-article {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .entry-content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .entry-content img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .entry-content figure,
    .entry-content .wp-block-image {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .container.grid-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}


/* =====================================================
   MOBILE HEADER DIRECTLY OVER HERO
   GENERATEPRESS
   ===================================================== */

@media (max-width: 767px) {

    /* =================================================
       1. REMOVE GENERATEPRESS HEADER HEIGHT
       ================================================= */

    #masthead.site-header {
        position: absolute !important;

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

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

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

        background: transparent !important;
        background-color: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        z-index: 999999 !important;
    }


    /* =================================================
       2. COLLAPSE INSIDE HEADER
       ================================================= */

    #masthead .inside-header {
        position: relative !important;

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

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

        background: transparent !important;
        background-color: transparent !important;
    }


    /* =================================================
       3. LOGO
       ================================================= */

    #masthead .site-branding,
    #masthead .site-logo,
    #masthead .custom-logo-link {
        position: absolute !important;

        top: 12px !important;
        left: 18px !important;

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

        z-index: 1000000 !important;
    }


    #masthead .custom-logo,
    #masthead .site-logo img,
    #masthead .custom-logo-link img {
        display: block !important;

        width: auto !important;
        height: auto !important;

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


    /* =================================================
       4. NAVIGATION
       ================================================= */

    #masthead .main-navigation {
        position: absolute !important;

        top: 10px !important;
        right: 18px !important;

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

        background: transparent !important;
        background-color: transparent !important;

        z-index: 2000000 !important;
    }


    /* =================================================
       5. MAX MEGA MENU TOGGLE
       ================================================= */

    #masthead .mega-menu-toggle {
        position: relative !important;

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

        background: transparent !important;
        background-color: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        z-index: 2000002 !important;
    }


    /* =================================================
       6. WHITE HAMBURGER
       ================================================= */

    #masthead .mega-toggle-animated-inner,
    #masthead .mega-toggle-animated-inner::before,
    #masthead .mega-toggle-animated-inner::after {
        background-color: #ffffff !important;
    }


    /* =================================================
       7. REMOVE HEADER WHITE SPACE
       ================================================= */

    #page,
    .site,
    .site-content,
    #main,
    .site-main,
    .content-area,
    .inside-article,
    .entry-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    /* =================================================
       8. FORCE FIRST HERO TO START AT TOP
       ================================================= */

    .entry-content > :first-child {
        margin-top: 0 !important;
    }

    .entry-content > .wp-block-kadence-rowlayout:first-child {
        margin-top: 0 !important;
    }

    .entry-content > .wp-block-cover:first-child {
        margin-top: 0 !important;
    }


    /* =================================================
       9. REMOVE GENERATEPRESS HEADER OFFSET
       ================================================= */

    #masthead + .site-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    /* =================================================
       10. FULL WIDTH MOBILE CONTENT
       ================================================= */

    .container.grid-container,
    .site-content,
    .content-area,
    .inside-article,
    .entry-content {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* =================================================
       11. HERO BELOW HEADER
       ================================================= */

    .entry-content > .wp-block-kadence-rowlayout:first-child,
    .entry-content > .wp-block-cover:first-child {

        position: relative !important;

        z-index: 1 !important;
    }


    /* =================================================
       12. HEADER ABOVE HERO
       ================================================= */

    #masthead,
    #masthead .site-branding,
    #masthead .site-logo,
    #masthead .main-navigation,
    #masthead .mega-menu-toggle {

        z-index: 999999 !important;
    }

}


/* =====================================================
   MOBILE MENU — SOLID NAVY BACKGROUND
   ===================================================== */

@media (max-width: 767px) {

    #site-navigation.toggled,
    .main-navigation.toggled {
        background-color: #042335 !important;
        background: #042335 !important;
    }


    #site-navigation.toggled .main-nav > ul,
    .main-navigation.toggled .main-nav > ul {
        background-color: #042335 !important;
        background: #042335 !important;
    }


    #site-navigation .main-nav ul ul,
    .main-navigation .main-nav ul ul,
    #site-navigation .main-nav ul ul.sub-menu,
    .main-navigation .main-nav ul ul.sub-menu {

        background-color: #042335 !important;
        background: #042335 !important;

        opacity: 1 !important;
    }


    #site-navigation .main-nav ul ul li,
    .main-navigation .main-nav ul ul li {

        background-color: #042335 !important;
        background: #042335 !important;

        border-bottom: 1px solid rgba(255,255,255,0.22) !important;
    }


    #site-navigation .main-nav ul ul li:last-child,
    .main-navigation .main-nav ul ul li:last-child {

        border-bottom: none !important;
    }


    #site-navigation .main-nav ul ul li > a,
    .main-navigation .main-nav ul ul li > a {

        background-color: #042335 !important;
        background: #042335 !important;

        color: #ffffff !important;

        opacity: 1 !important;
    }


    #site-navigation .main-nav ul ul li:hover > a,
    #site-navigation .main-nav ul ul li:focus > a,
    .main-navigation .main-nav ul ul li:hover > a,
    .main-navigation .main-nav ul ul li:focus > a {

        background-color: #042335 !important;
        background: #042335 !important;

        color: #ffffff !important;
    }

}


/* =====================================================
   MOBILE MENU — ABOVE LOGO
   ===================================================== */

@media (max-width: 767px) {

    #masthead .main-navigation {
        z-index: 2000000 !important;
    }

    #masthead .main-navigation.toggled,
    #masthead .main-navigation.toggled .main-nav,
    #masthead .main-navigation.toggled .main-nav > ul {

        z-index: 2000001 !important;
    }

    #masthead .main-navigation ul ul,
    #masthead .main-navigation .sub-menu {

        position: relative !important;

        z-index: 2000002 !important;
    }

}


/* =====================================================
   MOBILE — BIGGER HAMBURGER
   ===================================================== */

@media (max-width: 767px) {

    #masthead .menu-toggle {

        font-size: 36px !important;

        padding: 14px !important;
    }

    #masthead .menu-toggle:before {

        font-size: 36px !important;
    }

}


/* =====================================================
   MOBILE — LOGO SIZE
   ===================================================== */

@media (max-width: 767px) {

    #masthead .custom-logo,
    #masthead .site-logo img,
    #masthead .custom-logo-link img {

        width: 230px !important;

        max-width: 230px !important;

        height: auto !important;
    }

}


/* =====================================================
   MOBILE MENU — CLOSE ICON + SEPARATORS
   ===================================================== */

@media (max-width: 767px) {

    /* TOGGLE ABOVE OPEN MENU */

    #masthead .menu-toggle,
    #masthead .menu-toggle.toggled {

        position: relative !important;

        z-index: 2000005 !important;
    }


    /* SHOW X WHEN OPEN */

    #masthead .menu-toggle.toggled:before {

        content: "\00d7" !important;

        font-size: 38px !important;

        font-weight: 300 !important;

        line-height: 1 !important;

        color: #ffffff !important;
    }


    /* HIDE NORMAL HAMBURGER WHEN OPEN */

    #masthead .menu-toggle.toggled .gp-icon,
    #masthead .menu-toggle.toggled .gp-icon svg {

        display: none !important;
    }

}
/* =====================================================
   WORDPRESS ADMIN BAR — ALWAYS CLICKABLE
   LOGGED-IN USERS ONLY
   ===================================================== */

body.admin-bar #wpadminbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
}

/* Keep the WordPress toolbar above the website header */
body.admin-bar #wpadminbar * {
    pointer-events: auto !important;
}

/* Website header stays below WordPress toolbar */
body.admin-bar #masthead {
    z-index: 999999 !important;
}

/* Navigation stays below WordPress toolbar */
body.admin-bar #site-navigation {
    z-index: 999998 !important;
}

body.admin-bar #mega-menu-wrap-primary-navigation {
    z-index: 999997 !important;
}
/* =========================================================
   TRUTH GROUP — DESKTOP MENU
   FORCE SINGLE-LINE NAVIGATION
   ========================================================= */

@media (min-width: 801px) {

    /* Keep the entire header on one row */
    .site-header .inside-header {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Keep logo from consuming unnecessary width */
    .site-header .site-branding {
        flex: 0 0 auto !important;
        margin-right: 25px !important;
    }

    /* Navigation takes the remaining space */
    .site-header #site-navigation {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        margin-left: auto !important;
    }

    /* Max Mega Menu wrapper */
    #mega-menu-wrap-primary {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* FORCE MENU TO STAY ON ONE LINE */
    #mega-menu-wrap-primary #mega-menu-primary {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Prevent individual menu items from wrapping */
    #mega-menu-wrap-primary #mega-menu-primary > li {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li > a {
        white-space: nowrap !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    /* Reduce menu spacing slightly so everything fits */
    #mega-menu-wrap-primary #mega-menu-primary > li > a.mega-menu-link {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    /* Prevent the navigation itself from creating another row */
    #site-navigation .main-nav,
    #site-navigation .main-nav > ul {
        width: 100% !important;
        white-space: nowrap !important;
    }

}
/* =========================================
   TRUTH GROUP — HEADER MENU TEXT
   White on transparent hero
   Gold on hover / active
   ========================================= */

/* GeneratePress */
.site-header .main-navigation .main-nav ul li a,
.site-header .main-navigation .main-nav ul li a:visited,

/* Kadence */
.site-header .header-navigation .header-menu-container ul.menu > li.menu-item > a,
.site-header .header-navigation .header-menu-container ul.menu > li.menu-item > a:visited {
    color: #ffffff !important;
}

/* Hover */
.site-header .main-navigation .main-nav ul li a:hover,
.site-header .header-navigation .header-menu-container ul.menu > li.menu-item > a:hover {
    color: #cca751 !important;
}

/* Current page */
.site-header .main-navigation .main-nav ul li.current-menu-item > a,
.site-header .main-navigation .main-nav ul li.current-menu-ancestor > a,
.site-header .header-navigation .header-menu-container ul.menu > li.current-menu-item > a,
.site-header .header-navigation .header-menu-container ul.menu > li.current-menu-ancestor > a {
    color: #cca751 !important;
}

/* Dropdown arrows */
.site-header .main-navigation .main-nav ul li.menu-item-has-children > a::after,
.site-header .header-navigation .header-menu-container ul.menu > li.menu-item-has-children > a::after {
    color: #ffffff !important;
}

/* Dropdown arrow hover */
.site-header .main-navigation .main-nav ul li.menu-item-has-children > a:hover::after,
.site-header .header-navigation .header-menu-container ul.menu > li.menu-item-has-children > a:hover::after {
    color: #cca751 !important;
}
/* =========================================================
   TRUTH GROUP — BLOG / LATEST POSTS PAGE FIX
   Fix archive title overlapping header
   ========================================================= */

/* Keep the blog/archive content below the site header */
body.archive .site-content,
body.blog .site-content,
body.category .site-content {
    position: relative;
    z-index: 1;
}

/* Fix the archive/page title */
body.archive .page-header,
body.blog .page-header,
body.category .page-header {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 55px 30px 45px !important;
    background: #101a2b !important;
    text-align: center !important;
}

/* Fix Latest Post text */
body.archive .page-header h1,
body.blog .page-header h1,
body.category .page-header h1 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;

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

    color: #ffffff !important;
    font-size: clamp(36px, 5vw, 58px) !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
}

/* Make sure the navigation/header stays above page content */
.site-header,
#masthead,
.main-navigation,
.inside-header {
    position: relative;
    z-index: 9999 !important;
}

/* Stop archive hero/content from sliding underneath header */
body.archive .site-content,
body.blog .site-content,
body.category .site-content {
    margin-top: 0 !important;
}

/* Blog featured images */
body.archive .post-image img,
body.blog .post-image img,
body.category .post-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    body.archive .page-header,
    body.blog .page-header,
    body.category .page-header {
        padding: 45px 20px 38px !important;
    }

    body.archive .page-header h1,
    body.blog .page-header h1,
    body.category .page-header h1 {
        font-size: 36px !important;
    }

}