/* ===== MCCV compact header (Oct 2026) ===== */
body:not(.pageModeEdit) .WaPlaceHolder:not(:has([class*=WaGadget])){display:none!important}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:not(:has([class*=WaGadget])){display:none!important}
body:not(.pageModeEdit) .WaPlaceHolder > div:has(> [class*=WaGadget]:first-child .hero){padding-top:0!important}
@media (min-width:992px){
body:not(.pageModeEdit) .zoneHeader1 .WaPlaceHolderHeader > div{padding-top:0!important;padding-bottom:0!important}
body:not(.pageModeEdit) .zoneHeader1{border-bottom:1px solid #e6e1d8;background:#fff}
body:not(.pageModeEdit) .zoneHeader1 > .container_12{width:auto!important;max-width:1180px;padding:0 20px;box-sizing:border-box}
body:not(.pageModeEdit) .zoneHeader1 > .container_12 > div{width:auto!important;margin-left:0!important;margin-right:0!important;float:none!important}
body:not(.pageModeEdit) .zoneHeader1 .WaPlaceHolderHeader > div{position:relative}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton){margin:0!important;height:112px}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutTable{height:112px}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:first-child{width:320px!important;vertical-align:middle}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:first-child img{width:auto!important;height:92px!important;max-width:none}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:first-child p{margin:0}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:first-child .WaGadget{margin:0!important}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:last-child{position:absolute;top:6px;right:0;width:auto!important;display:flex;align-items:center;gap:14px;z-index:5}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetLoginButton,body:not(.pageModeEdit) .zoneHeader1 .WaGadgetSiteSearch{margin:0!important}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetLoginButton *{font-size:12.5px!important}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetSiteSearch input[type=text],body:not(.pageModeEdit) .zoneHeader1 .WaGadgetSiteSearch input[type=search]{height:26px!important;font-size:12.5px!important;width:150px!important;padding:2px 8px!important}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal:not(.mccv-stuck){position:absolute!important;top:34px;left:330px;right:0;margin:0!important;background:transparent}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal:not(.mccv-stuck) ul.firstLevel{margin:0 0 0 auto!important;text-align:right;float:right}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal ul.firstLevel > li > .item > a{font-size:15.5px!important;padding:8px 0 8px 22px!important}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal:not(.mccv-stuck) .menuBackground{display:none!important}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:last-child .WaLayoutPlaceHolder > div{display:flex;align-items:center;gap:16px}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:last-child{top:10px}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal:not(.mccv-stuck){top:52px}
}
@media (min-width:992px) and (max-width:1199px){
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:first-child{width:225px!important}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:first-child img{height:66px!important}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal:not(.mccv-stuck){left:205px}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal ul.firstLevel > li > .item > a{font-size:14px!important;padding-left:15px!important}
}
@media (min-width:992px) and (max-width:1199px){
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal:not(.mccv-stuck){left:232px}
}
/* Join Us as a button (all widths) */
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal ul.firstLevel > li > .item > a[href$="/Join-Us"],body .WaGadgetMenuHorizontal ul.firstLevel > li > .item > a[href$="/Join-Us"]{background:#6db341!important;color:#fff!important;border-radius:4px;padding:3px 18px 0!important;margin-left:20px;line-height:1!important;height:38px!important;display:inline-flex!important;align-items:center}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal ul.firstLevel > li > .item > a[href$="/Join-Us"]:hover,.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a[href$="/Join-Us"]:hover{background:#3f7a22!important}
.WaGadgetMenuHorizontal ul.firstLevel > li:has(> .item > a[href$="/Join-Us"]){order:99}
@media (min-width:992px){ .WaGadgetMenuHorizontal ul.firstLevel{display:flex!important;align-items:center;flex-wrap:wrap;justify-content:flex-end} }
/* Contact Us moves to the top line (JS adds .mccv-hdr) */
html.mccv-hdr .WaGadgetMenuHorizontal ul.firstLevel > li:has(> .item > a[href$="/Contact"]){display:none!important}
.mccv-toplink{font-size:12.5px;color:inherit;text-decoration:none;margin-right:2px}
.mccv-toplink:hover{text-decoration:underline}
@media (max-width:991px){
body:not(.pageModeEdit) .zoneHeader1 .WaPlaceHolderHeader > div{padding-top:6px!important;padding-bottom:0!important}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton){margin:0!important}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem{padding:0!important}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:first-child img{height:56px!important;width:auto!important}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:first-child .WaGadget,body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:first-child p{margin:0!important;text-align:left}
body:not(.pageModeEdit) .zoneHeader1 [class*=WaLayoutContainer]:has(.WaGadgetLoginButton) .WaLayoutItem:last-child .WaLayoutPlaceHolder > div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:4px 0}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetLoginButton,body:not(.pageModeEdit) .zoneHeader1 .WaGadgetSiteSearch{margin:0!important}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetLoginButton *{font-size:12.5px!important;line-height:1.4!important;margin-top:0!important;margin-bottom:0!important}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetSiteSearch{flex:1 1 160px}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetSiteSearch input[type=text],body:not(.pageModeEdit) .zoneHeader1 .WaGadgetSiteSearch input[type=search]{height:30px!important;font-size:13px!important}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal{margin:0!important}
body:not(.pageModeEdit) .zoneHeader1 .WaGadgetMenuHorizontal .menuButton{height:auto!important;min-height:0!important;padding:6px 0!important}
}


@media (min-width:992px){ body:not(.pageModeEdit) .zoneHeader1 .mccv-menu-spacer{height:0!important} .WaGadgetMenuHorizontal.mccv-stuck ul.firstLevel{justify-content:center!important;float:none!important} }
/* ===== end compact header ===== */

/* ===== MCCV issue library pages (Air, Water...) ===== */
.mccv-air .hd ul{list-style:none;margin:0;padding:0}
.mccv-air .hd li{position:relative;padding-left:14px;margin:6px 0;font-size:14.5px;line-height:1.5}
.mccv-air .hd li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:99px;background:#6db341}
.mccv-air .hd>ul>li{font-weight:600;padding-left:0;margin-top:12px}
.mccv-air .hd>ul>li::before{display:none}
.mccv-air .hd>ul>li ul{font-weight:400;margin-top:4px}
.mccv-air .hd li li li::before{background:#dcd6cb}
.mccv-air .hd h4{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.08em;color:#3f7a22;margin:14px 0 4px}
.mccv-air .hd a{color:#3f7a22;font-weight:600;text-decoration:underline;word-break:break-word}
/* ===== end issue library ===== */

/* ===== MCCV refresh (Oct 2026) ===== */
/* Sticky main menu: JS in Settings > Global JavaScript adds .mccv-stuck once the menu scrolls out of view */
.WaGadgetMenuHorizontal.mccv-stuck{position:fixed!important;top:0;left:0;right:0;width:100%;margin:0!important;z-index:1000;background:#fff;box-shadow:0 2px 10px rgba(16,41,74,.12)}
.WaGadgetMenuHorizontal.mccv-stuck ul.firstLevel{margin-left:auto!important;margin-right:auto!important}
/* Tighter menu so all 8 top-level items (incl. Contact Us) fit on one line */
@media (min-width:768px){
.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a{font-size:16px!important;padding-right:22px!important}
}
/* ===== end MCCV refresh ===== */

.h4, h4 { color: #0d5182; }
/* Change login button color */
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
    background: #6DB341 !important;
    color: white !important;
}


/* Change login button color on hover */
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover {
    background: #6db341 !important;
    color: white !important;
}


/* Change logout button */
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    background: 0 !important;
    color: #6db341 !important;
}


/* Change logout button on hover */
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: #6db341 !important;
    color: white !important;
}

.genericListTable tr.hover td,.membersTable tr.hover td {
    background-color: #d8e3eb;
/* Primary Green Button */
.wa-button-primary, .waButtonJoin, .waButtonRegister {
    background-color: #76B82A !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    border: none !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    text-transform: none !important;
}

/* Secondary Ghost Button */
.wa-button-secondary, .waButtonReadMore {
    background-color: transparent !important;
    color: #223344 !important;
    border: 2px solid #223344 !important;
    border-radius: 4px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    padding: 10px 22px !important;
}

/* Styling for the MCCV Meeting Hub Cards */
.mccv-card {
    background-color: #ffffff !important;
    display: inline-block !important; /* Forces them to sit side-by-side */
    width: 22% !important; /* Adjusts width to fit 4 in a row with gaps */
    margin: 1% !important; /* Adds space between the cards */
    vertical-align: top !important;
    border: none !important;
    border-radius: 4px !important;
    
    /* The Drop Shadow */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    
    /* Internal Spacing */
    min-height: 140px !important; 
    padding: 20px !important;
    box-sizing: border-box !important; /* Critical for keeping shadows visible */
    
    /* Text Styling */
    text-align: center !important;
    transition: all 0.3s ease !important;
}

/* Hover Effect */
.mccv-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-5px);
}

/* Ensure links inside the cards fill the space */
.mccv-card a {
    color: #223344 !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: block !important;
    height: 100% !important;
}

