/* ======================================================
   1. GLOBAL OVERFLOW & BASE HEADER SETUP
====================================================== */
html, body {
    overflow-x: clip !important;
}

#masthead {
    position: sticky !important;
    top: 0 !important;
    z-index: 9998 !important;
    overflow: visible !important;
}

#masthead, #masthead *, .site-header, .site-header *,
.ast-primary-header-bar, .ast-above-header-bar, .ast-below-header-bar,
.ast-builder-grid-row-container, .ast-builder-grid-row,
.site-header-section, .ast-builder-layout-element,
.main-header-bar-navigation, .main-header-menu, .secondary-header-menu,
.ast-header-secondary-menu, .ast-builder-menu-2, .secondary-navigation,
.menu-item, .menu-item a {
    overflow: visible !important;
    clip-path: none !important;
    min-height: 0 !important;
    height: auto !important;
}

.site-content {
    padding-top: 0px !important;
}

/* Row 1: Yellow Announcement Banner */
#masthead .ast-above-header-bar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.15) 100%), #d4fd42 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    position: relative !important;
    z-index: 10 !important;
    display: block !important;
    margin: 0 !important;
    clear: both !important;
}

#masthead .ast-above-header-bar *,
.occ-top-banner {
    color: #0b1f3a !important;
    text-align: center !important;
    line-height: 1.3 !important;
    margin: 0 auto !important;
    width: 100% !important;
    white-space: nowrap !important;
    font-family: inherit !important;     
    font-size: 14px !important;          
    font-weight: 700 !important;         
    letter-spacing: 0.4px !important;
    text-transform: none !important;
}
/* ======================================================
   2. HOMEPAGE HEADER (FORCED RIGHT MENU LEFT SHIFT)
====================================================== */
.home #masthead {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: rgba(0, 0, 0, 0.35) !important;
    padding: 0 !important;
}

.home #masthead .ast-primary-header-bar {
    background: transparent !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    width: 100% !important;
}

/* Hide logo on homepage */
.home #masthead .site-branding,
.home #masthead .ast-site-identity {
    display: none !important;
}

/* Main header row container */
.home #masthead .ast-primary-header-bar .ast-builder-grid-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Left Group Outer Container */
.home #masthead .site-header-section-left {
    display: flex !important;
    flex: 1 !important;
    justify-content: flex-start !important;
    padding-left: 5% !important; /* Distance from left screen edge */
    background: transparent !important;
}

/* Right Group Outer Container (POSITION SHIFT) */
.home #masthead .site-header-section-right {
    display: flex !important;
    flex: 1 !important;
    justify-content: space-evenly !important;
    background: transparent !important;
    
    /* SHIFT RIGHT MENU LEFT: Increase pixel value to move further left */
    transform: translateX(160px) !important; 
}

/* Horizontal row layout for both menu containers */
.home #masthead .site-header-section-left ul,
.home #masthead .site-header-section-right ul,
.home #masthead .ast-builder-menu-2 ul,
.home #masthead .secondary-header-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

/* LEFT SIDE ITEM SPACING */
.home #masthead .site-header-section-left .menu-item {
    margin-right: 96px !important;
    display: inline-block !important;
}

/* RIGHT SIDE ITEM SPACING */
.home #masthead .site-header-section-right li,
.home #masthead .site-header-section-right .menu-item,
.home #masthead .ast-builder-menu-2 li {
    margin-left: 5px !important;
    margin-right: 116px !important;
    display: inline-block !important;
    background: transparent !important;
}

/* Link Typography */
.home #masthead .menu-item a,
.home #masthead .menu-link,
.home #masthead .site-header-section-right a {
    display: inline-block !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 4px 5px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Clear dark background boxes */
.home #masthead .site-header-section-right,
.home #masthead .site-header-section-right *,
.home #masthead .ast-builder-menu-2,
.home #masthead .ast-builder-menu-2 * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

/* Hide Row 3 on Homepage */
.home #masthead .ast-below-header-bar {
    display: none !important;
}
/* ======================================================
   3. SUBPAGE HEADER STRUCTURE & BLUE SOCIAL ICONS
====================================================== */

/* Row 2: Primary Header Bar */
body:not(.home) #masthead .ast-primary-header-bar {
    background-color: #000000 !important;
    background: #000000 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    position: relative !important;
    z-index: 20 !important;
}

/* Compact Center Seal Logo */
body:not(.home) #masthead .ast-primary-header-bar .site-branding,
body:not(.home) #masthead .ast-primary-header-bar .ast-site-identity {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 0px !important;
    transform: translateX(-50%) !important;
    z-index: 99999 !important;
    margin: 0 !important;
    width: 105px !important;
    max-width: 105px !important;
}

body:not(.home) #masthead .ast-primary-header-bar .site-branding img,
body:not(.home) #masthead .ast-primary-header-bar .ast-site-identity img {
    width: 105px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

body:not(.home) #masthead .ast-primary-header-bar .ast-builder-grid-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Row 2 Left Section (Primary Menu) */
body:not(.home) #masthead .ast-primary-header-bar .site-header-section-left {
    flex: 0 0 50% !important;
    width: 50% !important;
    display: flex !important;
    justify-content: flex-end !important;
    padding-right: 65px !important;
    margin: 0 !important;
}

/* Row 2 Right Section (Secondary Menu - RIGHT JUSTIFIED) */
body:not(.home) #masthead .ast-primary-header-bar .site-header-section-right {
    flex: 0 0 50% !important;
    width: 50% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding-left: 65px !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

body:not(.home) #masthead .ast-primary-header-bar .site-header-section-right .ast-builder-layout-element,
body:not(.home) #masthead .ast-primary-header-bar .site-header-section-right .ast-builder-menu,
body:not(.home) #masthead .ast-primary-header-bar .site-header-section-right .ast-builder-menu-2,
body:not(.home) #masthead .ast-primary-header-bar .site-header-section-right .ast-header-secondary-menu,
body:not(.home) #masthead .ast-primary-header-bar .site-header-section-right .secondary-header-menu,
body:not(.home) #masthead .ast-primary-header-bar .site-header-section-right .secondary-navigation,
body:not(.home) #masthead .ast-primary-header-bar .site-header-section-right nav,
body:not(.home) #masthead .ast-primary-header-bar .site-header-section-right ul {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: right !important;
}

body:not(.home) #masthead .ast-primary-header-bar .menu-item,
body:not(.home) #masthead .ast-primary-header-bar .menu-item a {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

body:not(.home) #masthead .site-header-section-right .menu-item:last-child > .menu-link,
body:not(.home) #masthead .site-header-section-right .menu-item:last-child a {
    padding-right: 0px !important;
    margin-right: 0px !important;
}

/* Clear Dark Gray Box Highlights */
body:not(.home) #masthead .site-header-section-right,
body:not(.home) #masthead .site-header-section-right *,
body:not(.home) #masthead .main-header-menu,
body:not(.home) #masthead .main-header-menu * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* ------------------------------------------------------
   Row 3: Below Header Bar & Blue Social Icons
------------------------------------------------------ */
body:not(.home) #masthead .ast-below-header-bar {
    background-color: #000000 !important;
    background: #000000 !important;
    padding-top: 0px !important;
    padding-bottom: 2px !important;
    border: none !important;
    margin-top: 0 !important;
}

body:not(.home) #masthead .ast-below-header-bar .ast-builder-grid-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-right: 0px !important;
    margin: 0 !important;
}

body:not(.home) #masthead .ast-below-header-bar .site-below-header-wrap,
body:not(.home) #masthead .ast-below-header-bar .site-header-section-right,
body:not(.home) #masthead .ast-below-header-bar .ast-builder-layout-element {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* BLUE SOCIAL ICONS (#52A5E0) */
#masthead .ast-header-social-wrap a,
#masthead .ast-header-social-wrap svg,
#masthead .ast-header-social-wrap svg path,
.ast-below-header-bar .ast-header-social-wrap a,
.ast-below-header-bar .ast-header-social-wrap svg,
.ast-below-header-bar .ast-header-social-wrap svg path {
    color: #52A5E0 !important;
    fill: #52A5E0 !important;
}


/* ======================================================
   4. COMPACT EMAIL & SUBSCRIBE FORM
====================================================== */
.site-footer form,
.site-header form,
.jetpack_subscription_widget form,
.wp-block-jetpack-subscriptions form {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 20px !important;
}

input[type="email"],
.site-footer input[type="email"],
.site-header input[type="email"],
.jetpack_subscription_widget input[type="email"] {
    width: 130px !important;
    max-width: 130px !important;
    height: 20px !important;
    line-height: 18px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 1.5px solid #52A5E0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    outline: none !important;
    vertical-align: middle !important;
}

input[type="email"]::placeholder {
    color: #aaaaaa !important;
    font-size: 11px !important;
}

input[type="submit"],
button[type="submit"],
.site-footer input[type="submit"],
.site-header input[type="submit"],
.jetpack_subscription_widget button,
#subscribe-submit input {
    width: auto !important;
    height: 20px !important;
    line-height: 18px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #52A5E0 !important;
    border: 1.5px solid #52A5E0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    margin: 0 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}


/* ======================================================
   5. SINGLE POST BANNER BREAKOUT & FOOTER
====================================================== */
.ast-single-entry-banner,
.ast-page-header-wrap {
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 280px !important;
    overflow: hidden !important;
}

.ast-single-entry-banner img,
.ast-page-header-wrap img {
    width: 100% !important;
    height: 100% !important;
    max-height: 280px !important;
    object-fit: cover !important;
    display: block !important;
}

.site-footer,
.site-footer .ast-builder-grid-row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: center !important;
}

.site-footer .ast-builder-grid-row-right,
.site-footer .site-footer-primary-section-2,
.site-footer .ast-footer-site-section-2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    height: auto !important;
    margin: 0 !important;
}

.site-footer ul.menu {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer .ast-footer-social-wrap,
.site-footer .widget_blog_subscription,
.site-footer form {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

.site-footer .ast-footer-social-wrap a,
.site-footer .ast-footer-social-wrap svg,
.site-footer .ast-footer-social-wrap svg path {
    color: #52A5E0 !important;
    fill: #52A5E0 !important;
}