@charset "UTF-8"; /* CSS Document */ /* === Base Band Styles === */ .band-base { position: relative; background-color: #0F0F0F; padding-bottom: 45px; background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; z-index: 1; } .band-base::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; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.95) 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-base-desc { display: flex; align-items: center; justify-content: center; min-height: 450px; padding: 75px 15px 30px; box-sizing: border-box; } .band-base .container { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; height: 100%; position: relative; z-index: 1; } .bg-sun { background-image: url("../../../../images/hp2025/wwdino564648321.jpg"); background-position: top right; } .bg-mon { background-image: url("../../../../images/hp2025/granchesters-10.jpg"); background-position: top center; } .bg-tue { background-image: url("../../../../images/hp2025/rs-venice564789.jpg"); background-position: top center; } .bg-wed { background-image: url("../../../../images/hp2025/miss-fisher-death-feats.jpg"); background-position: center center; } .bg-thu { background-image: url("../../../../images/hp2025/celebrityroadtrip564987.jpg"); background-position: top right; } .bg-fri { background-image: url("../../../../images/hp2025/pullman564978.jpg"); background-position: top center; } .bg-sat { background-image: url("../../../../images/hp2025/marlowmur5.jpg"); background-position: center right; } /* === Responsive Adjustments === */ @media (max-width: 999.98px) { .hide-under-1000 { display: none !important; } .band-base-desc { padding-top: 175px; padding-bottom: 0; min-height: 400px; } } /* === Program & Ad Layout === */ .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; height: 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; } /* === Specific Headings === */ .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; } /* === PBS Passport Icon Label === */ .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-image: url("../../../../images/hp2025/passport.png"); background-size: contain; background-position: center; background-repeat: no-repeat; margin-right: 5px; }