@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 bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(to top, #070b27 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to right, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 45%), linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 20%); } .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/bugsthatruletheworld.jpg"); background-position: center center; } .bg-mon { background-image: url("../../../../images/hp2025/marlowmurderclub-sig.jpg"); background-position: top center; } .bg-tue { background-image: url("../../../../images/hp2025/peopleofthenorth.jpg"); background-position: bottom center; } .bg-wed { background-image: url("../../../../images/hp2025/missfisher564978645132648.jpg"); background-position: top center; } .bg-thu { background-image: url("../../../../images/hp2025/muali-sig45612364894.jpg"); background-position: top center; } .bg-fri { background-image: url("../../../../images/hp2025/astrid19201080.jpg"); background-position: top center; } .bg-sat { background-image: url("../../../../images/hp2025/marriage-signature.jpg"); background-position: top right; } /* ProShots */ .fea-str1 { background-image: url("../../../../images/hp2025/marlowmurderclub645.jpg"); } .fea-str2 { background-image: url("../../../../images/hp2025/pov-newkindwild.jpg"); } .fea-str3 { background-image: url("../../../../images/hp2025/amex-clearingtheair.jpg"); } .fea-str4 { background-image: url("../../../../images/hp2025/iconic-america-hs564897.jpg"); } .fea-str5 { background-image: url("../../../../images/hp2025/wolf-hall-mirror-light1.jpg"); } .fea-str6 { background-image: url("../../../../images/hp2025/tractorwars-sg645879.jpg"); } .fea-str7 { background-image: url("../../../../images/hp2025/nova-mind-fossil.jpg"); } .sun-pro-1 { background-image: url("../../../../images/hp2025/illinoisadventure-56498746589.jpg"); } .sun-pro-2 { background-image: url("../../../../images/hp2025/ar-gen564456978.jpg"); } .sun-pro-3 { background-image: url("../../../../images/hp2025/findingyourroots-56448932.jpg"); } .sun-pro-4 { background-image: url("../../../../images/hp2025/beautyonthewing.jpg"); } .mon-pro-1 { background-image: url("../../../../images/hp2025/sb2025.jpg"); } .mon-pro-2 { background-image: url("../../../../images/hp2025/missfisher7654321498465.jpg"); } .mon-pro-3 { background-image: url("../../../../images/hp2025/unforgotten65413201654.jpg"); } .mon-pro-4 { background-image: url("../../../../images/hp2025/astrid750500.jpg"); } .tue-pro-1 { background-image: url("../../../../images/hp2025/ar-electioncollection2.jpg"); } .tue-pro-2 { background-image: url("../../../../images/hp2025/bbc-am-wh654987465.jpg"); } .tue-pro-3 { background-image: url("../../../../images/hp2025/ricksteves-sig65468798.jpg"); } .tue-pro-4 { background-image: url("../../../../images/hp2025/john-mcgiver750505.jpg"); } .wed-pro-1 { background-image: url("../../../../images/hp2025/marlowmurderclub-sig750500.jpg"); } .wed-pro-2 { background-image: url("../../../../images/hp2025/queensofmystery564456879.jpg"); } .wed-pro-3 { background-image: url("../../../../images/hp2025/ar-gen5456451324655.jpg"); } .wed-pro-4 { background-image: url("../../../../images/hp2025/astrid750500.jpg"); } .thrs-pro-1 { background-image: url("../../../../images/hp2025/findingyourroots-56448932.jpg"); } .thrs-pro-2 { background-image: url("../../../../images/hp2025/bbc-news-12-750550.jpg"); } .thrs-pro-3 { background-image: url("../../../../images/hp2025/thecites-rockisland654987.jpg"); } .thrs-pro-4 { background-image: url("../../../../images/hp2025/whitneyreynolds564789465.jpg"); } .fri-pro-1 { background-image: url("../../../../images/hp2025/ricksteves-sig65468798.jpg"); } .fri-pro-2 { background-image: url("../../../../images/hp2025/bbc-america654465897.jpg"); } .fri-pro-3 { background-image: url("../../../../images/hp2025/cookscountry456987312.jpg"); } .fri-pro-4 { background-image: url("../../../../images/hp2025/thisoldhouse-2024.jpg"); } .sat-pro-1 { background-image: url("../../../../images/hp2025/ricksteves-sig65468798.jpg"); } .sat-pro-2 { background-image: url("../../../../images/hp2025/lwelk65465879.jpg"); } .sat-pro-3 { background-image: url("../../../../images/hp2025/classicgospel654879.jpg"); } .sat-pro-4 { background-image: url("../../../../images/hp2025/acl0830.jpg"); } /* === 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; } .band-elim { background-color: #FFCC00; padding: 10px 50px 0px 50px; } .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; } .p-promo2025 { font-family: 'PBSSans-Medium', "sans-serif"; background-color: #FFCC00; color: #151515; font-size: .975rem; text-transform: uppercase; padding: 10px 15px; border-radius: 10px; line-height: 1.0; display: inline-block; width: auto; max-width: max-content; } /**TEST**/ /* Equal-height rows */ .row.equalize { align-items: stretch; /* columns align to tallest sibling */ } .row.equalize > [class*="col-"] { display: flex; /* ensures card fills column */ } /* Base card */ .custom-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; flex: 1 1 auto; width: 100%; padding: 25px; color: #fff; border-radius: 5px; margin-bottom: 25px; overflow: hidden; min-height: 250px; /* Background image behavior */ background-position: top center; background-repeat: no-repeat; background-size: cover; } /* Hover zoom using ::after (keeps layout stable) */ .custom-card::after { content: ""; position: absolute; inset: 0; background: inherit; /* inherits the background image & settings */ transform: scale(1); transition: transform 0.4s ease; z-index: 0; } .custom-card:hover::after { transform: scale(1.08); } .custom-card::after { will-change: transform; } /* Gradient overlay above image, below content */ .custom-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to top right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%); z-index: 1; } /* Foreground content stays above everything */ .card-content { position: relative; z-index: 3; } /* Make entire card clickable if desired */ .card-link { position: absolute; inset: 0; z-index: 2; display: block; } .row.equalize > [class*="col-"] { display: flex; } /* Optional: tighten card title spacing */ .hero25-cardtitle { margin: 0; }