/* ======================================================
   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:6px !important;
    padding-bottom: 6px !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!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: -1px !important;
    left: -1ps !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: 0px !important;
    padding-bottom: 0px !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: -10px !important;
    transform: translateX(-50%) !important;
    z-index: 99999 !important;
    margin: 0 !important;
    width: 255px !important;
    max-width: 255px !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: 170px !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-top: -10px; !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: 1px !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: 18px !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: 18px !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;
}
/* ======================================================
   FEATURED IMAGE BANNER FULL-WIDTH BREAKOUT
====================================================== */
.ast-featured-img,
.single-featured-image-header,
.post-thumb-img-content,
.entry-header .post-thumb {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

.ast-featured-img img,
.single-featured-image-header img,
.post-thumb-img-content img,
.entry-header .post-thumb img {
    width: 100% !important;
    height: 100% !important;
    max-height: 300px !important; /* Adjust height limit as needed */
    object-fit: cover !important;  /* Prevents image distortion */
	 margin-top:-30px !important;
    display: block !important;
}
/* ======================================================
   LANDING PAGE SUBSCRIBE FORM (LARGE CTA STYLE)
====================================================== */

/* 1. Reset form container layout */
.cta-subscribe-form form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
}

/* 2. Scale up the Email Input Box */
.cta-subscribe-form input[type="email"] {
    width: 280px !important;
    max-width: 100% !important;
    height: 48px !important;          /* Was 20px in header */
    line-height: 48px !important;
    padding: 0 16px !important;
    font-size: 15px !important;       /* Was 11px in header */
    color: #12161A !important;        /* Dark text for readability */
    background: #ffffff !important;   /* Solid white background */
    border: 1.5px solid #1EA8E1 !important; /* Aegean Cyan border */
    border-radius: 6px !important;
    box-sizing: border-box !important;
}

.cta-subscribe-form input[type="email"]::placeholder {
    color: #777777 !important;
    font-size: 15px !important;
}

/* 3. Scale up the Subscribe Button */
.cta-subscribe-form input[type="submit"],
.cta-subscribe-form button[type="submit"] {
    width: auto !important;
    height: 48px !important;          /* Matches input box height */
    line-height: 48px !important;
    padding: 0 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: #D97026 !important;   /* Terracotta brand color */
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

/* Hover state for button */
.cta-subscribe-form input[type="submit"]:hover,
.cta-subscribe-form button[type="submit"]:hover {
    background: #1EA8E1 !important;   /* Turns Aegean Cyan on hover */
}