/* Original theme navigation component, preserved with its responsive states. */
.ccm-page.titlebar #titlebar{height:200px;left:0;margin-bottom:80px;overflow:visible;position:fixed;right:0;top:0;transition:background 0s ease,top .2s ease;z-index:700}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar{height:240px}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar{height:280px}}
.ccm-page.titlebar #titlebar .logo{background:url('/application/themes/optimized_2026/img/logoNav.svg') no-repeat;background-size:cover;display:inline-block;height:31px;margin:37px 0 0 0;width:136px}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .logo{margin-top:60px;width:190px;height:46px}}
.ccm-page.titlebar #titlebar #lang{cursor:pointer;left:151px;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:32px}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar #lang{left:234px;left:221px;top:62px}}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar #lang{font-size:15px;top:64px}}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector{background:none}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector .wgcurrent{border:none}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector .wgcurrent a{color:#c4c4c4;font-size:13px;font-family:"Work Sans";position:relative;width:100px}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector .wgcurrent a{font-size:15px;width:120px}}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector .wgcurrent a:hover{color:#fff}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector .wgcurrent a::after{color:inherit;content:"\f078" !important;font-family:FontAwesome;font-size:11px;font-weight:300;position:absolute;right:30px;top:10px}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector .wgcurrent a::after{font-size:13px;top:9px}}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector .wgcurrent::after{background:none}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector ul{background:#def2fc;border-radius:10px;box-shadow:0px 0px 50px rgba(0,0,0,0.25);overflow:unset;padding:15px;position:relative;transition:all .25s;top:10px;width:120px}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector ul li{display:block;margin-bottom:0;padding-left:0}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector ul li a{border-radius:25px;color:#000;display:block;font-size:16px;height:auto;padding:4px;text-decoration:none;width:100%}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector ul li a:hover{background:#000;color:#fff;text-align:center}
.ccm-page.titlebar #titlebar #lang .weglot-container .wg-drop.country-selector ul::before{border-color:transparent transparent #def2fc transparent;border-style:solid;border-width:0 5.5px 9px 5.5px;content:"";height:0;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:0}
.ccm-page.titlebar #titlebar .button{background:#c4c4c4;border-radius:25px;bottom:77px;color:black;display:inline-block;left:25px;margin:0 auto;padding:12px 14px;right:unset;text-decoration:none;top:unset;transition:background .2s,color .2s;width:84%}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .button{box-sizing:content-box;height:auto;right:20px;top:60px;width:124px}}
.ccm-page.titlebar #titlebar .button:hover{background:#262d34;color:#fff}
.ccm-page.titlebar #titlebar .btn.noBg{display:block;font-size:12px;padding:8px 0;text-align:center;width:100%}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar .btn.noBg{margin-bottom:8px}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar .btn.noBg{font-size:14px;margin-bottom:20px;padding:10px 0}}
.ccm-page.titlebar #titlebar .btn.noBg:hover{background:#001725;color:#e1eff6;padding-left:15px;transform:scale(1) !important}
.ccm-page.titlebar #titlebar .btn.noBg:hover i{color:#fff}
.ccm-page.titlebar #titlebar .btn.noBg i{font-size:22px;margin-top:0;transition:.3s ease all}
.ccm-page.titlebar #titlebar .navPic{opacity:0;transform:translateY(30px)}
.ccm-page.titlebar #titlebar .donate{background:#def2fc;border-radius:25px;box-sizing:content-box;color:#005d97;display:inline-block;font-family:Outfit;font-style:normal;font-weight:700;font-size:11px;letter-spacing:3px;padding:9px 20px;position:absolute;right:56px;text-align:left;text-decoration:none;text-transform:uppercase;transition:all .25s;top:34px;vertical-align:top;z-index:99999}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .donate{font-size:14px;padding:12px 40px 12px 20px;right:178px;top:60px;width:88px}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar .donate{right:15px}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar .donate{right:30px}}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .donate:after{content:"\f49d";font-family:"Font Awesome 6 Pro";font-size:18px;font-weight:300;position:absolute;right:19px;top:10px}}
.ccm-page.titlebar #titlebar .donate:hover{background:#fff;color:#262d34;transition:all .25s}
.ccm-page.titlebar #titlebar #donorLogin{align-items:center;background:#005d97;color:#fff;display:none;border-radius:25px;height:34px;justify-content:center;letter-spacing:0;position:absolute;right:56px;top:34px;width:34px}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar #donorLogin{height:44px;right:178px;top:60px;width:44px}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar #donorLogin{right:78px}}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar #donorLogin{right:100px}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar #donorLogin{right:77px}}
.ccm-page.titlebar #titlebar #donorLogin:hover{background:#fff;color:#005d97}
.ccm-page.titlebar #titlebar .login{display:none}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar .login{background:#56a5db;border-radius:25px;bottom:30px;box-sizing:border-box;color:#fff;font-size:13px;height:44px;left:unset;padding:12px 40px 12px 20px;position:absolute;right:15px;text-align:left;text-decoration:none;top:60px;transition:background .2s,color .2s;transition:all .25s;width:148px;display:inline-block}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar .login{right:30px}}
.ccm-page.titlebar #titlebar .login::after{color:#fff;content:"\f2bd";font-family:"Font Awesome 6 Pro";font-size:18px;position:absolute;right:19px;top:8px}
.ccm-page.titlebar #titlebar .login:hover{background:black;color:#fff}
.ccm-page.titlebar #titlebar .burger{background:#56a5db;border-radius:25px;box-sizing:content-box;cursor:pointer;height:34px;opacity:1;position:absolute;right:15px;transition:all .25s;top:34px;width:34px;z-index:3}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .burger{box-sizing:content-box;height:auto;top:60px;width:148px}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar .burger{opacity:0}}
.ccm-page.titlebar #titlebar .burger:hover{background-color:#005d97;box-shadow:0px -1px 49px 0px rgba(0,0,0,0.25);transition:all .25s;transform:scale(1.2)}
.ccm-page.titlebar #titlebar .burger span{display:none}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .burger span{color:#fff;display:inline-block;font-family:Outfit;font-size:14px;font-weight:700;letter-spacing:3px;padding:12px 14px;text-transform:uppercase}}
.ccm-page.titlebar #titlebar .burger #menuText{display:none}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .burger #menuText{display:inline-block}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar .burger #menuText{display:none}}
.ccm-page.titlebar #titlebar .burger:before{background:#fff;content:"";height:2px;position:absolute;right:9px;top:14px;transform-origin:center center;transition:all .25s;width:16px}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .burger:before{right:17px;top:19px}}
.ccm-page.titlebar #titlebar .burger:after{background:#fff;content:"";height:2px;position:absolute;right:9px;top:20px;transform-origin:center center;transition:all .25s;width:16px}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .burger:after{right:17px;top:25px}}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .burger #menuClose{display:none}}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .burger #menuMenu{display:inline-block}}
.ccm-page.titlebar #titlebar .burger.open{background:#56a5db}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .burger.open #menuClose{display:inline-block}
.ccm-page.titlebar #titlebar .burger.open #menuMenu{display:none}}
.ccm-page.titlebar #titlebar .burger.open::before{transform:rotate(45deg) translateX(2px) translateY(2px)}
.ccm-page.titlebar #titlebar .burger.open::after{transform:rotate(-45deg) translateX(2px) translateY(-2px)}
.ccm-page.titlebar #titlebar::before,.ccm-page.titlebar #titlebar::after{content:"";height:100%;left:0;position:absolute;top:0;transition:all .2s;width:100%;z-index:0}
.ccm-page.titlebar #titlebar::after{background:linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 50%)}
.ccm-page.titlebar #titlebar.lightNav{color:black}
.ccm-page.titlebar #titlebar.lightNav nav a{color:black}
.ccm-page.titlebar #titlebar.lightNav .logo{background:url('/application/themes/optimized_2026/img/logoBlack.svg') no-repeat}
.ccm-page.titlebar #titlebar.lightNav::after{opacity:1}
.ccm-page.titlebar #titlebar.lightNav::before{opacity:0}
.ccm-page.titlebar #titlebar.lightNav.open{color:#fff}
.ccm-page.titlebar #titlebar.lightNav.open nav a{color:#005d97}
.ccm-page.titlebar #titlebar.lightNav.open .logo{background:url('/application/themes/optimized_2026/img/logoWhite.svg') no-repeat}
.ccm-page.titlebar #titlebar.lightNav.open::after{opacity:0}
.ccm-page.titlebar #titlebar.lightNav.open::before{opacity:1}
.ccm-page.titlebar #titlebar.darkNav::after{background:linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 100%)}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.darkNav::after{opacity:1}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.darkNav.slideUp::after{opacity:0}}
.ccm-page.titlebar #titlebar.slideUp{top:-200px}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.slideUp{top:-240px}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.slideUp{top:-280px}}
.ccm-page.titlebar #titlebar.slideUp:before{opacity:0}
.ccm-page.titlebar #titlebar .container{padding:0 15px;position:relative;z-index:1}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar .container{position:relative}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover{background:#050709;box-shadow:0px -1px 149px 0px rgba(0,0,0,0.65);border-bottom-left-radius:25px;border-bottom-right-radius:25px;height:510px;overflow:hidden;max-height:90vh}}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar.hover{height:540px}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar.hover{height:975px}}
.ccm-page.titlebar #titlebar.hover::before{-webkit-mask-image:none;mask-image:none}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover::before{opacity:1;background:linear-gradient(to right, #e4e4e0, #e3e8e2, #dfece8, #dcf0f1, #def2fc)}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover::after{opacity:0}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover .container{height:100%}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover .logo{background:url('/application/themes/optimized_2026/img/logoNavHover.svg') no-repeat;background-size:cover}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover #lang .weglot-container .wg-drop.country-selector .wgcurrent a{color:#005d97}}
.ccm-page.titlebar #titlebar.hover #lang .weglot-container .wg-drop.country-selector .wgcurrent a:hover{color:#000}
.ccm-page.titlebar #titlebar.hover #lang .weglot-container .wg-drop.country-selector .wgcurrent a:hover:after{color:#000}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover #lang .weglot-container .wg-drop.country-selector .wgcurrent::after{color:#005d97}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav{opacity:1;display:block}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav a{color:#56a5db}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav a.hover+ul{display:block;height:calc(100% - 110px);left:0;opacity:1;overflow:visible;padding:0;position:absolute;right:0;top:110px}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar.hover nav a.hover+ul{height:calc(100% - 150px);top:150px}}
.ccm-page.titlebar #titlebar.hover nav .container{max-width:100%}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav .container{display:flex;height:100%;padding:30px 0 40px}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar.hover nav .container{padding-bottom:80px}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav .container li{margin-bottom:0;padding-left:0}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav .container .navPic{border-radius:25px;flex:1 1 40%;opacity:1;animation:navPic linear .8s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation:navPic linear .8s;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation:navPic linear .8s;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation:navPic linear .8s;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;-ms-animation:navPic linear .8s;-ms-animation-iteration-count:1;-ms-animation-fill-mode:forwards}}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar.hover nav .container .navPic{flex-basis:50%}}
.ccm-page.titlebar #titlebar.hover nav .container .navPic img{border-radius:25px;height:100%;object-fit:cover}
@keyframes navPic{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav .container .navContent{column-count:2;column-gap:20px;flex:1 1 60%;max-width:60%;padding-left:40px}}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar.hover nav .container .navContent{flex-basis:50%}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar.hover nav .container .navContent{column-gap:50px;padding:50px 50px 0}}
.ccm-page.titlebar #titlebar.hover nav .container .navContent h2{color:#005d97;margin-top:0}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav .container .navContent h2{-webkit-column-span:all;column-span:all;font-size:56px;line-height:60px;margin-bottom:0}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar.hover nav .container .navContent h2{font-size:80px;line-height:68px;margin-bottom:20px}}
.ccm-page.titlebar #titlebar.hover nav .container .navContent p{color:#878787;text-align:center}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav .container .navContent p{-webkit-column-span:all;column-span:all;font-size:17px;line-height:1.5;margin:15px 0 20px}}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar.hover nav .container .navContent p{margin-bottom:25px}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar.hover nav .container .navContent p{font-size:22px;margin:25px 0 50px}}
.ccm-page.titlebar #titlebar.hover nav .container .navContent h4{color:#005d97;font-size:18px;font-weight:500;text-align:center;margin-top:-15px}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav .container .navContent h4{-webkit-column-span:all;column-span:all;line-height:1.5;margin:15px 0}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar.hover nav .container .navContent h4{font-size:22px;margin:-30px 0 20px 0}}
.ccm-page.titlebar #titlebar.hover nav .container .navContent h4 #mvpNavButton{border:0;border-radius:25px;box-sizing:border-box;color:#a02b42;display:block;letter-spacing:3px;margin:-8px auto 0 auto;padding:.4em 1.2em;text-decoration:underline;text-align:center;text-transform:uppercase;transition:all .25s;width:fit-content}
.ccm-page.titlebar #titlebar.hover nav .container .navContent h4 #mvpNavButton:hover{background-color:#262d34;transform:scale(1.2);color:#fff}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover nav .subNavBackLink{display:none}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover .donate{background:#005d97;color:white}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.hover .donate:after{color:white}}
.ccm-page.titlebar #titlebar.open{box-shadow:0px -1px 49px 0px rgba(0,0,0,0.25);height:100%}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open{border-radius:25px;height:auto;padding-bottom:90px}}
.ccm-page.titlebar #titlebar.open::before{background:linear-gradient(to right, #e4e4e0, #e3e8e2, #dfece8, #dcf0f1, #def2fc);border-bottom-left-radius:25px;border-bottom-right-radius:25px;opacity:1}
.ccm-page.titlebar #titlebar.open::after{display:none}
.ccm-page.titlebar #titlebar.open.slideUp{top:0 !important}
.ccm-page.titlebar #titlebar.open .logo{background:url('/application/themes/genesis/img/logoNavHover.svg') no-repeat;background-size:cover}
.ccm-page.titlebar #titlebar.open #lang .weglot-container .wg-drop.country-selector .wgcurrent a{color:#005d97}
.ccm-page.titlebar #titlebar.open #lang .weglot-container .wg-drop.country-selector .wgcurrent::after{color:#005d97}
.ccm-page.titlebar #titlebar.open nav{display:block;opacity:1}
.ccm-page.titlebar #titlebar.open nav>ul>li>a{border-radius:25px;color:#005d97;display:block;font-size:14px;margin-top:30px;padding:10px 0}
.ccm-page.titlebar #titlebar.open nav>ul>li:last-child>a{background:#56a5db;color:#fff;padding-left:30px}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar.open nav>ul>li:last-child>a{display:none}}
.ccm-page.titlebar #titlebar.open nav>ul>li:last-child>a:hover{padding-left:40px}
.ccm-page.titlebar #titlebar.open nav>ul>li>a:Hover{background:#001725;color:#e1eff6;box-shadow:0px -1px 49px 0px rgba(0,0,0,0.25);padding-left:30px}
.ccm-page.titlebar #titlebar.open a{text-decoration:none}
.ccm-page.titlebar #titlebar.open ul{list-style-type:none;margin-left:0;padding:0;z-index:2;-ms-overflow-style:none;scrollbar-width:none}
.ccm-page.titlebar #titlebar.open ul::-webkit-scrollbar{display:none}
.ccm-page.titlebar #titlebar.open ul li{padding-left:0}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul li{margin-bottom:0}}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul{height:auto;padding-bottom:70px}}
.ccm-page.titlebar #titlebar.open ul ul .container{padding-bottom:60px}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul .container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:104px 1fr 1fr;gap:30px 4%;grid-template-areas:"backLink backLink" ". ." ". ."}}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul .container:before{content:none}}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul .container li{margin-bottom:0;position:relative;top:29px}}
.ccm-page.titlebar #titlebar.open ul ul .container .subNavBackLink{transition:all .25s;background:#56a5db;border-radius:100%;color:#ffffff;display:inline-block;font-family:Outfit;font-style:normal;font-weight:700;font-size:14px;letter-spacing:3px;line-height:34px;margin-top:34px;padding:0px 12px;text-transform:uppercase;width:34px}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul .container .subNavBackLink{border-radius:25px;display:inline-block;grid-area:backLink;height:fit-content;margin-top:60px;padding:5px 24px;width:136px}}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul .container .subNavBackLink:before{content:"BACK";margin-right:23px}}
.ccm-page.titlebar #titlebar.open ul ul .container .subNavBackLink:hover{box-shadow:0px -1px 49px 0px rgba(0,0,0,0.25);transform:scale(1.2)}
.ccm-page.titlebar #titlebar.open ul ul .container .navPic{display:none}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul .container .navContent{column-count:2;column-gap:20px;grid-column-end:span 2}}
.ccm-page.titlebar #titlebar.open ul ul .container .navContent h2{color:#005d97;margin-top:0}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul .container .navContent h2{-webkit-column-span:all;column-span:all}}
.ccm-page.titlebar #titlebar.open ul ul .container .navContent p{color:#878787;text-align:center}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul .container .navContent p{-webkit-column-span:all;column-span:all}}
.ccm-page.titlebar #titlebar.open ul ul .container .navContent h4{color:#005d97;font-size:18px;text-align:center}
@media only screen and (min-width: 768px){.ccm-page.titlebar #titlebar.open ul ul .container .navContent h4{-webkit-column-span:all;column-span:all}}
.ccm-page.titlebar #titlebar.open .donate{background:#005d97;border-radius:25px;box-sizing:border-box;color:#fff;display:none;font-family:Outfit;font-size:15px;font-style:normal;font-weight:700;letter-spacing:3px;margin:0 auto;padding-bottom:12px;padding-right:50px;padding-top:12px;position:relative;right:unset;text-transform:uppercase;top:unset;width:100%}
.ccm-page.titlebar #titlebar.open .donate::after{color:#fff;content:"\f49d";font-family:"Font Awesome 6 Pro";font-size:18px;font-weight:100;line-height:28px;position:absolute;right:19px;top:8px}
.ccm-page.titlebar #titlebar.open .donate:hover{background:#fff;color:#262d34}
.ccm-page.titlebar #titlebar.open .donate:hover:after{color:#262d34}
.ccm-page.titlebar #titlebar.open .login{background:#56a5db;border-radius:25px;box-sizing:border-box;color:#fff;display:inline-block;font-family:Outfit;font-style:normal;font-weight:700;font-size:15px;letter-spacing:3px;padding:12px 66px 12px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:background .2s,color .2s;width:48%}
.ccm-page.titlebar #titlebar.open .login::after{color:#fff;content:"\f2bd";font-family:"Font Awesome 6 Pro";font-size:18px;font-weight:100;line-height:28px;position:absolute;right:19px;top:8px}
.ccm-page.titlebar #titlebar.open .login:hover{background:black;color:#fff}
.ccm-page.titlebar #titlebar nav{display:none;opacity:0}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar nav{display:block;float:right;opacity:1;margin:60px 160px 0 0}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar nav{margin-right:190px}}
.ccm-page.titlebar #titlebar nav a.clicked+ul{right:0}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar nav>ul{list-style-type:none;margin:2px 0}}
.ccm-page.titlebar #titlebar nav>ul>li{padding-left:0}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar nav>ul>li{display:inline-block}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar nav>ul>li:last-child a{display:none}}
.ccm-page.titlebar #titlebar nav>ul>li>a{font-size:11px;font-family:Outfit;font-weight:700;letter-spacing:3px;text-transform:uppercase}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar nav>ul>li>a{color:#fff;display:inline-block;font-size:13px;padding:10px 13px;text-decoration:none}}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar nav>ul>li>a{padding:10px 25px;font-size:14px}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar nav>ul>li>a{font-size:16px;padding:9px 40px}}
.ccm-page.titlebar #titlebar nav>ul>li>a:hover{color:#001725}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar nav>ul>li>a:hover{transform:scale(1.2)}}
.ccm-page.titlebar #titlebar nav>ul>li ul .navContent h2{opacity:1 !important;transform:unset !important}
.ccm-page.titlebar #titlebar nav>ul>li ul .navContent p{opacity:1 !important;transform:unset !important}
.ccm-page.titlebar #titlebar nav>ul>li ul .navContent .btn.noBg{opacity:1 !important;transform:unset !important}
.ccm-page.titlebar #titlebar nav>ul li ul{background:linear-gradient(to right, #e4e4e0, #e3e8e2, #dfece8, #dcf0f1, #def2fc);box-sizing:border-box;height:100%;margin:0;overflow:auto;padding:0 40px 90px 40px;position:fixed;right:-128%;top:0;transition:all .2s;width:100%}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar nav>ul li ul{display:none;height:unset;opacity:0}}
.ccm-page.titlebar #titlebar nav>ul li ul span{display:block;padding-top:22px;color:#191446;font-size:15px;font-weight:normal;max-width:282px}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar .burger{display:none}
.ccm-page.titlebar #titlebar nav>ul>li>a{padding:10px 10px;transform:translateX(-55px)}
.ccm-page.titlebar #titlebar nav>ul>li>a:hover{transform:scale(1.2) translateX(-45px)}
.ccm-page.titlebar #titlebar .donate{right:78px}
.ccm-page.titlebar #titlebar #search{right:20px}
.ccm-page.titlebar #titlebar #search form.ccm-search-block-form .searchLauncher{background-color:#56a5db;border-radius:25px;color:white;cursor:pointer;display:block;font-family:"Font Awesome 6 Pro";font-weight:bold;font-size:15px;padding:.4em .9em .4em 1em;line-height:31.5px;transition:all .25s}
.ccm-page.titlebar #titlebar #search form.ccm-search-block-form .searchLauncher::after{content:"\f002";pointer-events:none}
.ccm-page.titlebar #titlebar #search form.ccm-search-block-form .searchLauncher:hover{background-color:white;color:#56a5db;transform:scale(1.2)}
.ccm-page.titlebar #titlebar #search input.btn{display:none}}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar #search{right:50px}
.ccm-page.titlebar #titlebar nav ul li a{padding:10px 25px;transform:translateX(-88px)}
.ccm-page.titlebar #titlebar nav>ul>li>a:hover{transform:scale(1.2) translateX(-71px)}
.ccm-page.titlebar #titlebar .donate{right:110px}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar #search{right:17px;transform:scale(1.2);top:64px}}
#titlebar.open #search{padding:20px 0 0 0}
#titlebar.open #search form{display:flex;align-items:start}
#titlebar.open #search form input.form-control{display:inline-block}
.ccm-page.titlebar #titlebar #lang .wgcurrent{background:transparent !important}
.ccm-page.titlebar #titlebar #donorLogin{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;padding:0}
.ccm-page.titlebar #titlebar #donorLogin i{font-size:17px;line-height:1}
@media only screen and (min-width:480px) and (max-width:767px){.ccm-page.titlebar #titlebar .donate.btn{padding:9px 10px;right:100px}}
@media only screen and (min-width:768px) and (max-width:991px){.ccm-page.titlebar #titlebar .donate.btn{padding:12px 33px 12px 17px;right:220px}
.ccm-page.titlebar #titlebar .donate.btn::after{right:12px}
.ccm-page.titlebar #titlebar #donorLogin{right:170px}}
@media only screen and (min-width:992px) and (max-width:1199px){.ccm-page.titlebar #titlebar .donate.btn{font-size:0;height:44px;padding:0;right:121px;width:44px}
.ccm-page.titlebar #titlebar .donate.btn::after{align-items:center;bottom:0;display:flex;font-size:21px;height:100%;justify-content:center;left:1px;line-height:1;margin:0;padding:0;position:absolute;right:0;top:0;transform:none;width:100%}
.ccm-page.titlebar #titlebar #donorLogin{align-items:center;display:flex;height:44px;justify-content:center;padding:0;right:70px;width:44px}
.ccm-page.titlebar #titlebar nav>ul>li>a:hover{transform:translateX(-55px)}}
@media only screen and (min-width: 1200px){.ccm-page.titlebar #titlebar .donate.btn{padding:12px 40px 12px 20px;right:153px}
.ccm-page.titlebar #titlebar nav>ul>li>a{padding:10px 20px;transform:translateX(-134px)}
.ccm-page.titlebar #titlebar nav>ul>li>a:hover{transform:translateX(-134px)}}
@media only screen and (min-width: 1600px){.ccm-page.titlebar #titlebar .donate.btn{right:147px}
.ccm-page.titlebar #titlebar nav>ul>li>a{padding:10px 20px;transform:translateX(-211px)}
.ccm-page.titlebar #titlebar nav>ul>li>a:hover{transform:translateX(-211px)}}
@media only screen and (min-width: 992px){.ccm-page.titlebar #titlebar #mvpNavButton{display:block;margin-left:auto;margin-right:auto;transform:none;width:fit-content}
.ccm-page.titlebar #titlebar #mvpNavButton:hover{transform:none}}
.rebrand .ccm-page #titlebar.darkNav::after{background:linear-gradient(to bottom, #051026 0%, rgba(5,16,38,0) 100%),linear-gradient(to bottom, #051026 0%, rgba(5,16,38,0) 100%);background-blend-mode:overlay;height:60%}
.rebrand .ccm-page #titlebar .donate{right:58px}
@media only screen and (min-width: 768px){.rebrand .ccm-page #titlebar .donate{right:178px}}
@media only screen and (min-width: 992px){.rebrand .ccm-page #titlebar .donate{right:78px}}
@media only screen and (min-width: 1200px){.rebrand .ccm-page #titlebar .donate{right:110px}}
.rebrand .ccm-page #titlebar .donate,.rebrand .ccm-page #titlebar #search form.ccm-search-block-form .searchLauncher{background:none;border:2px solid #56a5db;border-radius:0;color:#eee}
.rebrand .ccm-page #titlebar.hover .donate,.rebrand .ccm-page #titlebar.hover #search form.ccm-search-block-form .searchLauncher{background:#56a5db;border-color:#56a5db}
.rebrand .ccm-page #titlebar nav>ul>li>a{padding:10px 13px;text-transform:capitalize}
@media only screen and (min-width: 992px){.rebrand .ccm-page #titlebar nav>ul>li>a{padding:10px 14px}}
@media only screen and (min-width: 1200px){.rebrand .ccm-page #titlebar nav>ul>li>a{padding:10px 17px}}
@media only screen and (min-width: 1600px){.rebrand .ccm-page #titlebar nav>ul>li>a{padding:10px 20px}}
.rebrand .ccm-page #titlebar .burger{height:38px;width:38px}
@media only screen and (min-width: 768px){.rebrand .ccm-page #titlebar .burger{height:auto}}
.rebrand .ccm-page #titlebar .burger::before{right:10px;top:15px}
.rebrand .ccm-page #titlebar .burger::after{right:10px;top:21px}
@media only screen and (min-width: 768px){.rebrand .ccm-page #titlebar .burger{height:49px;width:148px}
.rebrand .ccm-page #titlebar .burger::before{top:21px}
.rebrand .ccm-page #titlebar .burger::after{top:27px}
.rebrand .ccm-page #titlebar .burger span{padding:14px}}
.rebrand .ccm-page #titlebar.open::before{border-radius:0 !important}
@media only screen and (min-width: 992px){.rebrand .ccm-page #titlebar.hover{border-radius:0 !important}}
.rebrand .ccm-page #titlebar .burger,.rebrand .ccm-page #donationsBox{border-radius:0}
.rebrand .ccm-page #titlebar .burger a.btn,.rebrand .ccm-page #donationsBox a.btn{border-radius:0;color:#eee}
.advocacy #titlebar .donate{background-color:var(--Blue);color:white}
.rescueTeam #titlebar{background:#31575b;text-align:center}
.rescueTeam #titlebar img{max-width:590px}
/* Optimized theme CTA sizing and restored search overlay component. */
/* Max desktop review: double the CTA height and scale its label and padding. */
@media(min-width:992px){
body.ttf-optimized-home #detailsDefender #donate-defender-give-secondary,
body.donate #detailsDefender #donate-defender-give-secondary,
body.donate #detailsOneTime #donate-general-give-secondary{
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 min-height:105px;height:auto;max-width:100%;padding:24px 56px;
 font-size:clamp(36px,2.917vw,42px);line-height:1.35;border-radius:999px;text-align:center;
}
/* Homepage desktop refinement: retain prominence with a smaller overall scale. */
body.ttf-optimized-home #detailsDefender #donate-defender-give-secondary{
 min-height:84px;padding:18px 42px;font-size:clamp(28px,2.222vw,32px);
}
}

/* Existing theme search launcher overlay. */
.darkness{background:rgba(0,0,0,0.82);height:100vh;width:100vw;opacity:0;position:fixed;top:0;transition:opacity .2s;z-index:2147483647}.darknessOpaque{opacity:1}.darkness #search{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:fit-content}.darkness #search .searchLauncher{display:none}.darkness #search form{display:flex;gap:26px}.darkness #search input.form-control{background-color:transparent;border-bottom:1px solid #56a5db;border-top:0;border-left:0;border-right:0;color:white;display:inline-block;font-size:56px;font-family:Canela-Regular;line-height:56px;outline:none;width:732px}.darkness #search input.form-control::placeholder{color:#def2fc !important;font-size:56px;font-family:Canela-Regular;font-style:normal}.darkness #search input.btn{display:inline-block;background-color:transparent;border:0;border-radius:25px;color:#DEF2FC;cursor:pointer;display:block;font-family:"Font Awesome 6 Pro";font-weight:bold;font-size:93px;padding:.4em .1em;line-height:31.5px;transition:all .25s}.darkness #search input.btn:hover{color:#56a5db}@media only screen and (min-width: 1200px){.darkness #search{width:774px}}@media only screen and (min-width: 1600px){.darkness #search{width:954px}}
@media(max-width:991px){.darkness #search{width:calc(100vw - 40px)}.darkness #search form{gap:12px}.darkness #search input.form-control{min-width:0;width:100%;font-size:32px;line-height:1.3}.darkness #search input.form-control::placeholder{font-size:32px}.darkness #search input.btn{font-size:44px;flex-shrink:0}}

/* Search controls must not depend on the deferred icon font. */
#titlebar .searchLauncher::after{content:""!important;display:inline-block;vertical-align:middle;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") center/contain no-repeat}
.darkness #search input.btn{font-size:0;width:64px;height:64px;padding:0;margin:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23def2fc' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:40px}

/* Mobile menu search: use the same lightweight SVG as the launcher. */
@media(max-width:991px){
 #titlebar #search form .searchLauncher{display:none}
 #titlebar #search input.ccm-search-block-submit{font-size:0;width:42px;min-width:42px;height:44px;padding:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23def2fc' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px}
}