@charset "UTF-8"; /* === Base Band Styles === */ .band-base, .band-baseprotect { position: relative; padding-bottom: 45px; background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; z-index: 1; } .band-base::before, .band-baseprotect::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; background-size: cover; background-repeat: no-repeat; background-position: inherit; } .band-base::before { background-image: linear-gradient(to top, #070b27 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to right, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 55%), linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 25%); } .band-baseprotect::before { background-image: linear-gradient(to top, #070b27 0%, rgba(0, 0, 0, 0) 30%); } .band-base-desc, .band-baseprotect-desc { display: flex; align-items: center; justify-content: center; min-height: 450px; padding: 75px 15px 30px; box-sizing: border-box; } .band-base .container, .band-baseprotect .container { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; height: 100%; position: relative; z-index: 1; } .bg-protect-acgs { background-image: url("../../../../images/hp2025/acgs-protect.jpg"); background-position: top right; } /* Responsive Tweaks */ @media (max-width: 999.98px) { .hide-under-1000 { display: none !important; } .band-base-desc { padding-top: 175px; padding-bottom: 0; min-height: 400px; } } /* === Protect Sections === */ .band-protect-1 { background: #f6f6f6 url("../../images/protect/wqptpbs-protectban.jpg") center center / cover no-repeat; padding: 75px 0 100px; min-height: 550px; display: flex; align-items: center; } .band-protect-75, .band-protect-dk-b, .band-protect-dk-m { display: flex; align-items: center; padding: 125px 0; } .band-protect-75 { background-color: #070b27; padding-top: 75px; } .band-protect-dk-b { background-color: #070b27; } .band-protect-dk-m { background-color: #2938bd; } /* === Ad & Program Layouts === */ .programs-row { display: flex; flex-wrap: wrap; align-items: stretch; } .ad-col { display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 50px; } .ad-img { max-height: 125px; width: auto; object-fit: contain; } /* === Typography === */ .hero25-title, .hero25-cardtitle, .hero-prime { font-family: 'PBSSans-Bold', sans-serif; font-weight: bold; letter-spacing: -0.125px; text-align: left; margin: 5px 0; text-decoration: none; } .hero25-time, .hero25-hdtime24, .hero-passport-time { font-family: 'PBSSans-Medium', sans-serif; font-size: 17px; text-transform: uppercase; text-align: left; margin: 5px 0 10px; text-decoration: none; } .hero25-title { color: #262561; font-size: 30px; line-height: 1.15; } .hero25-time { color: #090909; line-height: 1; } .hero-prime { color: #fff; font-size: 40px; line-height: 1.05; text-shadow: 0 0 2px rgba(0, 0, 0, 0.7); margin-top: 0; } .hero25-cardtitle { color: #fff; font-size: 20px; line-height: 1.15; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); padding-left: 3px; } .hero25-hdtime24 { color: #f6f6f6; line-height: 25px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.45); } /* === Links === */ .hero25-title a, .hero25-time a, .hero25-cardtitle a, .hero25-hdtime24 a, .hero-passport-time a, .hero-prime a { color: inherit; text-decoration: none; font-weight: bold; } .hero25-title a:hover, .hero25-time a:hover, .hero25-cardtitle a:hover, .hero25-hdtime24 a:hover, .hero-passport-time a:hover, .hero-prime a:hover, .hero25-title a:visited:hover, .hero25-time a:visited:hover, .hero25-cardtitle a:visited:hover, .hero25-hdtime24 a:visited:hover, .hero-passport-time a:visited:hover, .hero-prime a:visited:hover { text-decoration: underline; text-shadow: none; } /* === Passport Label Icon === */ .hero-passport-time { color: #f6f6f6; display: inline-flex; align-items: center; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); } .hero-passport-time::before { content: ""; display: inline-block; width: 25px; height: 25px; background: url("../../../../images/hp2025/passport.png") center / contain no-repeat; margin-right: 5px; } /* === Banner Styles === */ .site-banner { position: fixed; top: 0; width: 100%; background: #9f0000; z-index: 1050; padding: 20px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transform: translateY(-100%); transition: transform 0.4s ease; } .site-banner.show { transform: translateY(0); } .close-banner { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 40px; cursor: pointer; color: #fff; } @media (max-width: 1199.98px) { .site-banner .wqp-button-white .text-md-right { text-align: left !important; } } .protectredban2025 { background-color: #9f0000; padding: clamp(30px, 5vw, 75px) 0; }