@charset "UTF-8"; /* CSS Document */ .band-acgs-special { background-color: #111410; padding-top: 100px; padding-bottom: 100px; background-image: url("../../../../images/hp2024/allcreatures-sig.avif"); background-size: cover; /* [disabled]margin-bottom: 20px; */ background-repeat: no-repeat; background-position: right top; /* [disabled]margin-top: 98px; */ min-height: 450px; } @media (max-width: 767px) { .band-acgs-special { padding-top: 70px; padding-bottom: 70px; background-image: url("../../../../images/hp2024/allcreatures-sig-dk.avif"); } } .band-hp-bb-456 { padding-top: 85px; padding-bottom: 85px; background-color: #F6F6F6; border-bottom: solid 1px #bcbcbc; } .band-homepage-fullgrid, .band-homepage-prime { padding-top: 75px; padding-bottom: 75px; } .band-homepage-fullgrid { background-color: #FFFFFF; } .band-homepage-prime { background-color: #070b27; } /* HP-SHORT-SHOWS */ .p-show24-episode { font-family: 'PBS Sans', sans-serif; font-weight: 400; color: #090909; font-size: 16px; text-align: left; line-height: 1.5; margin-bottom: 25px; margin-top: 2px; } .p-show24-episode a, .p-show24-episode a:visited { color: #090909; text-decoration: underline; font-weight: bold; } .p-show24-episode a:hover, .p-show24-episode a:visited:hover { color: #262561; } .p-show24-title { font-family: 'PBSSans-Bold', "sans-serif"; color: #262561; font-size: 26px; font-weight: bold; text-align: left; line-height: 1.15; margin: 5px 0; letter-spacing: -.25px; } .p-show24-title a, .p-show24-title a:visited { color: #262561; text-decoration: none; } .p-show24-title a:hover, .p-show24-title a:visited:hover { text-decoration: underline; } .p-show24-time { font-family: 'PBSSans-Medium', "sans-serif"; color: #090909; font-size: 17px; text-align: left; line-height: 1.00; margin: 5px 0; text-transform: uppercase; } .p-show24-time a, .p-show24-time a:visited { color: #090909; text-decoration: none; } .p-show24-time a:hover, .p-show24-time a:visited:hover { text-decoration: underline; } /* HP-SHORT-SHOWS */ .p-hp-ban-hd24s { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; font-size: 38px; font-weight: bold; line-height: 1.05; letter-spacing: -0.25px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.45); margin-top: 0; margin-bottom: 5px; } .p-hp-ban-hd24s a { color: #FFFFFF; text-decoration: none; font-weight: bold; } .p-hp-ban-hd24s a:hover, .p-hp-ban-hd24s a:visited:hover { text-decoration: underline; } .p-hp-ban-hd24, .p-hp-ban-hdtime24 { text-align: left; margin-top: 0; margin-bottom: 5px; } .p-hp-ban-hd24 { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; font-size: 30px; font-weight: bold; line-height: 1.05; letter-spacing: -0.25px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); } .p-hp-ban-hd24 a { color: #FFFFFF; text-decoration: none; font-weight: bold; } .p-hp-ban-hd24 a:hover, .p-hp-ban-hd24 a:visited:hover { text-decoration: underline; } .p-hp-passport-time { font-family: 'PBSSans-Medium', "sans-serif"; color: #F6F6F6; font-size: 17px; line-height: 0.95; text-transform: uppercase; margin-bottom: 10px; margin-top: 5px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); display: inline-flex; /* Ensures alignment with image */ align-items: center; /* Align text vertically with the image */ } /* Add background image */ .p-hp-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; } /* Link styling */ .p-hp-passport-time a { color: #F6F6F6; text-decoration: none; } /* Underline only on text hover, not the image */ .p-hp-passport-time a:hover, .p-hp-passport-time a:visited:hover { text-decoration: underline; } .p-hp-ban-hdtime24 { font-family: 'PBSSans-Medium', "sans-serif"; color: #F6F6F6; font-size: 17px; line-height: 0.95; text-transform: uppercase; margin-bottom: 10px; margin-top: 5px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.45); } .p-hp-ban-hdtime24 a { color: #F6F6F6; text-decoration: none; } .p-hp-ban-hdtime24 a:hover, .p-hp-ban-hdtime24 a:visited:hover { text-decoration: underline; } /*.band-hpblk-1, .band-hpblk-2 { background-color: #000; padding: 10px 35px 30px 30px; background-size: cover; background-repeat: no-repeat; display: flex; } .band-hpblk-1 { min-height: 600px; } .band-hpblk-2 { min-height: 300px; max-height: 300px; } /* .band-wqpt-hp-secondary, .band-wqpt-hp-original styles commented out */ /* Base styles for hero images (top-of-page images) */ .band-hpblk-1, .band-hpblk-2 { background-color: #000; padding: 10px 35px 30px 30px; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; position: relative; overflow: hidden; min-height: 600px; /* Keeps large hero sections */ } /* Smaller height for secondary sections */ .band-hpblk-2 { min-height: 300px; max-height: 300px; } /* Gradient overlay */ .band-hpblk-1::after, .band-hpblk-2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to top right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 35% ), linear-gradient( to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0) 35% ), linear-gradient( to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0) 35% ); z-index: 1; pointer-events: none; } /* Ensures text stays on top of the gradient */ .band-hpblk-1 .card, .band-hpblk-2 .card { position: relative; z-index: 2; color: #fff; } /* sundays */ .hp-su1 { background-image: url("../../../../images/hp2025/kenburns-amer.jpg"); background-position: left center; } .hp-su2 { background-image: url("../../../../images/hp2025/statueofliberty2025.jpg"); background-position: top center; } .hp-su3 { background-image: url("../../../../images/hp2025/Call-The-Midwife-S13_Ep1_20220821_-(2).jpg"); background-position: top right; } .hp-su4 { background-image: url("../../../../images/hp2025/texas-tenors.jpg"); background-position: top center; } .hp-su5 { background-image: url("../../../../images/hp2025/highwaymen-2.jpg"); background-position: top center; } /* mondays */ .hp-m1 { background-image: url("../../../../images/hp2024/chicago-55.jpg"); background-position: top left; /** filter: brightness(100%); **/ } .hp-m2 { background-image: url("../../../../images/hp2025/bee-gees-image22.jpg"); background-position: top right; } .hp-m3 { background-image: url("../../../../images/hp2025/nova-baltimore.jpg"); background-position: bottom center; } .hp-m4 { background-image: url("../../../../images/hp2025/revival-693.jpg"); background-position: top right; } .hp-m5 { background-image: url("../../../../images/hp2025/gp-henry-mancini1.jpg"); background-position: top right; } /* tuesdays */ .hp-t1 { background-image: url("../../../../images/hp2025/bestofthe60s.jpg"); background-position: center center; } .hp-t2 { background-image: url("../../../../images/hp2024/rick-steves-rom2.jpg"); background-position: top right; } .hp-t3 { background-image: url("../../../../images/hp2025/viennablood-sig564897.jpg"); background-position: left center; } .hp-t4 { background-image: url("../../../../images/hp2025/agingbackwards-987.jpg"); background-position: top right; } .hp-t5 { background-image: url("../../../../images/hp2025/simon-and-garfunkel1-1.jpg"); background-position: top center; } /* wednesdays */ .hp-w1 { background-image: url("../../../../images/hp2025/Il-volo-valley-temple1.jpg"); background-position: top center; } .hp-w2 { background-image: url("../../../../images/hp2025/hauser-classic-gala1.jpg"); background-position: top right; } .hp-w3 { background-image: url("../../../../images/hp2025/momentstoremember5456897.jpg"); background-position: top left; } .hp-w4 { background-image: url("../../../../images/hp2025/sherlock546687897456.jpg"); background-position: center center; } .hp-w5 { background-image: url("../../../../images/hp2025/classical-rewind-82058879.jpg"); background-position: bottom center; } /* thursdays */ .hp-h1 { background-image: url("../../../../images/hp2025/tractorwars-sg645879.jpg"); background-position: right center; } .hp-h2 { background-image: url("../../../../images/hp2025/all-new-rock-doo-wop.jpg"); background-position: center center; } .hp-h3 { background-image: url("../../../../images/hp2025/Call-The-Midwife-S13_Ep1_20220821_-(2).jpg"); background-position: top right; } .hp-h4 { background-image: url("../../../../images/hp2024/thecities-moline.jpg"); background-position: left center; } .hp-h5 { background-image: url("../../../../images/hp2025/mark-hyman23-4589789.jpg"); background-position: top right; } /* fridays */ .hp-f1 { background-image: url("../../../../images/hp2025/morethanmonopoly5446879.jpg"); background-position: bottom left; } .hp-f2 { background-image: url("../../../../images/hp2025/yellowstone.jpg"); background-position: center center; } .hp-f3 { background-image: url("../../../../images/hp2025/funnywoman-tight564897.jpg"); background-position: top center; } .hp-f4 { background-image: url("../../../../images/hp2025/roy-orbison04.jpg"); background-position: center center; } .hp-f5 { background-image: url("../../../../images/hp2025/wharton5456897.jpg"); background-position: bottom center; } /* saturday */ .hp-sa1 { background-image: url("../../../../images/hp2024/all-new-rock-doo-wop.jpg"); background-position: left center; } .hp-sa2 { background-image: url("../../../../images/hp2024/6070-465987.jpg"); background-position: top center; } .hp-sa3 { background-image: url("../../../../images/hp2025/texas-tenors.jpg"); background-position: top right; } .hp-sa4 { background-image: url("../../../../images/hp2025/engelbert-humperdinck.jpg"); background-position: top left; } .hp-sa5 { background-image: url("../../../../images/hp2025/acl-st-simp546897.jpg"); background-position: top right; } /* MOBILE VIEW */ @media (max-width: 1000px) { .band-hpblk-1, .band-hpblk-2 {} .band-hpblk-1 { min-height: 400px; } .band-hpblk-2 { min-height: 200px; } .p-hp-ban-hd24s { font-size: 30px; } } /* MOBILE VIEW */ @media (max-width: 375px) { .hp-4, .hp-5 { display: none; } .band-hpblk-1 { min-height: 200px; } }