/* CCOT More Info red menu button */
.menu-item a[href="#stay-informed"],
.nav-menu .menu-item a[href="#stay-informed"] {
    background-color: #cc0000 !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
}
.menu-item a[href="#stay-informed"]:hover {
    background-color: #aa0000 !important;
    color: #ffffff !important;
}
/* Fix CCOT popup close button */
#ccot-close {
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #888 !important;
    font-size: 1.6em !important;
    width: auto !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: block !important;
}
#ccot-close:hover {
    color: #333 !important;
    background: none !important;
}
#ccot-popup button#ccot-submit {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    letter-spacing: 1px !important;
}
/* CCOT More Info red menu button */
.ccot-more-info > a,
a.ccot-more-info,
li.ccot-more-info a {
    background-color: #cc0000 !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    margin-left: 8px !important;
}
li.ccot-more-info a:hover {
    background-color: #aa0000 !important;
    color: #ffffff !important;
}
/* Fix Stay Informed page button text alignment */
#si-submit {
    line-height: normal !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    vertical-align: middle !important;
    display: block !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: unset !important;
}
/* Mobile fix for Stay Informed page */
@media (max-width: 768px) {
    #si-fname,
    #si-email,
    #si-submit {
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    
    #si-submit {
        white-space: normal !important;
    }
}
/* ================================================
   CCOT Layout - Margins + Header Logo Center
   ================================================ */

/* Center logo in header */
.site-header .site-branding,
.site-header .custom-logo-link,
.site-header .navbar-brand,
.site-header .site-logo,
header .site-branding {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Make header position relative so logo centers inside it */
.site-header,
header.site-header,
#masthead {
    position: relative !important;
}

/* Front page content margins - targets Elementor sections */
.home .elementor-section,
.home .elementor-top-section {
    padding-left: 50px !important;
    padding-right: 50px !important;
    box-sizing: border-box !important;
}

/* Also target theme wrappers */
.home .site-content,
.home .content-area,
.home #content,
.home .wrapper,
.home .container {
    max-width: calc(100% - 100px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    box-sizing: border-box !important;
}

/* Mobile - hamburger menu below centered logo */
@media (max-width: 768px) {
    .site-header,
    #masthead {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .site-header .site-branding,
    .site-header .custom-logo-link,
    header .site-branding {
        position: relative !important;
        left: auto !important;
        transform: none !important;
        order: 1 !important;
        margin-bottom: 10px !important;
    }

    .site-header .main-navigation,
    .site-header nav,
    #masthead nav {
        order: 2 !important;
        width: 100% !important;
    }

    /* Remove front page margins on mobile */
    .home .elementor-section,
    .home .elementor-top-section,
    .home .site-content,
    .home .content-area,
    .home #content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important;
    }
}