@charset "UTF-8"; /* * * * CSS Document 1. Typography a. Headings b. Special c. Paragraph d. Footers e. ProgrammingCards 2. Band Styles 3. Navigation 4. SOCIAL MEDIA ICONS 5. Passport Carousel 6. Helper Classes 7. Card Decks 8. Accord 9. Image Hover States 9B. CV 2020 10.PBSSans Fonts 11. MARCH 22 pledge/delete all 3/20/22) * * * */ /* =======================================================================/* ====================================== COLORS Light: #bdb6af Brown: #705f57 Green: #486CD8 Blues: #3c6b81, #87b9d0 ====================================== */ /* Lose the Firefox outline of links */ * { outline: none; color: inherit; /* or specify a valid color */ } /* lose the firefox outline of links * { -moz-outline-style: none; outline-style: none; outline-width: 0px; outline-color: -moz-use-text-color; color: undefined; } */ a img { border: none; } /* - - - A. Font Awesome - - - */ .fa-brands { font-size: 24px; color: #FFFFFF; letter-spacing: 15px; vertical-align: middle; text-align: right; } .fa-brands:hover { color: #FFCC00; } .fa-altcolor { color: rgba(255, 255, 255, 0.75); font-size: 20px; letter-spacing: 15px; vertical-align: middle; text-align: right; } .fa-altcolor:hover { color: #FFFFFF; } .fa-brands-hero { padding-top: 20px; } @media (max-width: 999.98px) { .fa-brands-hero { padding-top: 0px; } .fa-altcolor { font-size: 18px; letter-spacing: 15px; vertical-align: top; } } /* ContainerOverride */ @media (min-width: 1400px) { .container { max-width: 1320px !important; } } @media (min-width: 1600px) { .container { max-width: 1500px !important; } } /* ContainerOverride */ /* 1. TYPOGRAPHY 2019 ========================================================================== */ a:hover { /* */ } .navbar-toggler { background-color: rgba(246, 246, 246, 0.77) !important; margin-top: 10px; font-size: 1.0rem; border: 0px; border-radius: 0.0rem; } .btn-link:hover { color: #505050; } h1 { font-family: 'PBSSans-Bold', "sans-serif"; letter-spacing: -2px; font-size: 75px; } h2 { font-family: 'PBSSans-Bold', "sans-serif"; letter-spacing: -2px; font-size: 50px; } h3 { font-family: 'PBSSans-Bold', "sans-serif"; font-size: 36px; letter-spacing: -1px; } h4 { font-family: 'PBSSans-Bold', "sans-serif"; font-size: 24px; letter-spacing: -0.05px; line-height: 1.25; margin-bottom: 2px; } h5 { font-family: 'PBSSans-Bold', "sans-serif"; font-size: 20px; letter-spacing: -0.5px; } h6 { font-family: 'PBSSans-Bold', "sans-serif"; font-size: 18px; } /* A. Headings */ .wqptinline-body-heading { font-size: 20px; color: #FFFFFF; letter-spacing: -0.5px; font-family: 'PBSSans-Bold', "sans-serif"; } .superhead-white { font-size: 75px; color: #FFFFFF; font-family: 'PBSSans-Bold', "sans-serif"; line-height: 1.15; font-weight: 600; text-transform: none; margin-bottom: 5px; letter-spacing: -2px; } .superhead-white a { color: #FFFFFF; } .superhead-white a:hover { color: #FFFFFF; } .superhead-white a:visited { color: #FFFFFF; } .superhead-white a:visited:hover { color: #FFFFFF; } .superhead-white-eom { font-size: 75px; color: #FFFFFF; font-family: 'PBSSans-Bold', "sans-serif"; line-height: 1.15; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #970004; letter-spacing: -2px; } .superhead-dark { font-size: 75px; color: #38393c; font-family: 'PBSSans-Bold', "sans-serif"; line-height: 1.15; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.61); letter-spacing: -2px; } .superhead-darkcolor { font-size: 75px; color: #070b27; font-family: 'PBSSans-Bold', "sans-serif"; line-height: 1.15; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.61); letter-spacing: -2px; } .h1-hp-white { color: #FFFFFF; /* [disabled]color: #262561; 2020 #23A9EE*/ line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #23A9EE; } .h1-color-dk { color: #262561; /* [disabled]color: #262561; 2020 #23A9EE*/ line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #23A9EE; } .h1-color { color: #262561; /* [disabled]color: #262561; 2020 #23A9EE*/ line-height: .95; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; /* border-bottom: 1px solid #23A9EE; */ } .h1-color a { color: #262561; } .h1-color a:hover { color: #262561; text-decoration: underline; } .h1-color a:visited { color: #262561; text-decoration: underline; } .h1-color a:visited:hover { color: #262561; text-decoration: underline; } .h1-ltblue { color: #23A9EE; /* [disabled]color: #262561; 2020 #23A9EE*/ line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #23A9EE; } .h1-ltblue a { color: #23A9EE; } .h1-ltblue a:hover { color: #23A9EE; text-decoration: underline; } .h1-ltblue a:visited { color: #23A9EE; text-decoration: underline; } .h1-ltblue a:visited:hover { color: #23A9EE; text-decoration: underline; } .h1-gray { color: #474747; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #505050; } .h1-gray a { color: #474747; } .h1-gray a:hover { color: #23A9EE; text-decoration: underline; } .h1-gray a:visited { color: #474747; text-decoration: underline; } .h1-gray a:visited:hover { color: #23A9EE; text-decoration: underline; } .h1-black { color: #070403; line-height: 1.25; font-weight: 700; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #070403; } /** H1 WHITE **/ .h1-white { color: #FFFFFF; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #FFFFFF; } .h1-white a { color: #FFFFFF; } .h1-white a:hover { color: #23A9EE; text-decoration: underline; } .h1-white a:visited { color: #FFFFFF; text-decoration: underline; } .h1-white a:visited:hover { color: #23A9EE; text-decoration: underline; } /* H2 COLOR */ .h2-medium { font-family: 'PBSSans-Medium', "sans-serif"; color: #000000; line-height: 1.5; margin-bottom: 10px; margin-top: 5px; letter-spacing: 0.125px; font-weight: 500; } .h2-color-lh-tight { color: #262561; line-height: 1.0; font-weight: 600; text-transform: none; margin-bottom: 0px; margin-top: 10px; } .h2-color { color: #262561; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 0px; } .h2-color a { color: #262561; } .h2-color a:hover { color: #474747; text-decoration: underline; } .h2-color a:visited { color: #262561; text-decoration: underline; } .h2-color a:visited:hover { color: #474747; text-decoration: underline; } /* H2 GRAY*/ .h2-gray { color: #474747; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h2-gray a { color: #474747; } .h2-gray a:hover { color: #23A9EE; text-decoration: underline; } .h2-gray a:visited { color: #474747; text-decoration: underline; } .h2-gray a:visited:hover { color: #23A9EE; text-decoration: underline; } .h2-light { font-family: 'PBSSans-Bold', "sans-serif"; color: #F9F9F9; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h2-light a { color: #ebe9e7; } .h2-light a:hover { color: #23A9EE; text-decoration: underline; } .h2-light a:visited { color: #ebe9e7; text-decoration: underline; } .h2-light a:visited:hover { color: #23A9EE; text-decoration: underline; } /*H3*/ .h3-color { color: #262561; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h3-medium, .h3-medium-white, .h3-medium-white-para, .h3-medium-blk, .h3-medium-white0, .h3-medium-blk-para { font-family: 'PBSSans-Medium', sans-serif !important; font-weight: 500; } .h3-medium, .h3-medium-blk { color: #000; letter-spacing: -0.21px; line-height: 1.15 !important; margin-top: 20px; } .h3-medium { letter-spacing: -0.51px; } .h3-medium-white { color: #FFF; letter-spacing: -0.21px; line-height: 1.15 !important; margin-top: 20px; } .h3-medium a, .h3-medium-white a { color: inherit; text-decoration: none; } .h3-medium a:hover, .h3-medium-white a:hover { color: inherit; text-decoration: underline; } .h3-medium-white-para, .h3-medium-blk-para { letter-spacing: -0.15px; line-height: 1.5 !important; margin: 20px 0; } .h3-medium-white-para { color: #FFF; } .h3-medium-white0 { color: #FFF; letter-spacing: -0.21px; line-height: 1.25 !important; } .h3-medium-white-para a { color: #FFF; text-decoration: none; } .h3-medium-white-para a:hover, .h3-medium-white-para a:focus { color: #FFF; text-decoration: underline; } .h3-medium-blk-para { color: #000; } .h3-color a { color: #262561; } .h3-color a:hover { color: #474747; text-decoration: underline; } .h3-color a:visited { color: #262561; text-decoration: underline; } .h3-color a:visited:hover { color: #474747; text-decoration: underline; } .h3-color-blue { color: #262561; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h3-color-blue a { color: #262561; } .h3-color-blue a:hover { color: #23A9EE; text-decoration: underline; } .h3-color-blue a:visited { color: #262561; text-decoration: underline; } .h3-color-blue a:visited:hover { color: #262561; text-decoration: underline; } .h3-red { color: #bd2a25; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h3-white-level2 { color: #FFFFFF; line-height: 1.6; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h3-white { color: #FFFFFF; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 0px; } .h3-white a { color: #FFFFFF; } .h3-white a:hover { color: #FFFFFF; text-decoration: underline; } .h3-white a:visited { color: #FFFFFF; text-decoration: underline; } .h3-white a:visited:hover { color: #FFFFFF; text-decoration: underline; } .h3-gray { color: #474747; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h3-gray a { color: #474747; } .h3-gray a:hover { color: #23A9EE; text-decoration: underline; } .h3-gray a:visited { color: #474747; text-decoration: underline; } .h3-gray a:visited:hover { color: #23A9EE; text-decoration: underline; } .h3-gray-spacingvert { color: #474747; line-height: 1.5; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h3-white-spacingvert { color: #FFFFFF; line-height: 1.5; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h3-whatson-hp { color: #648da2; padding-bottom: 5px; margin: 5px 7px 0px 7px; border-bottom: 1px solid #cccccc; } .h4-white-list-blu-border { color: #FFFFFF; padding-bottom: 20px; border-bottom: 1px solid #8F8F8F; margin: 20px 0px 20px 0px; } .h4-white-list-blu-border-last { color: #FFFFFF; margin: 20px 0px 20px 0px; } .h4-color { color: #262561; } .h4-color a { color: #262561; } .h4-color a:hover { color: #262561; text-decoration: underline; } .h4-color a:visited { color: #262561; text-decoration: underline; } .h4-color a:visited:hover { color: #262561; text-decoration: underline; } .h4-color-accord { color: #262561; font-weight: 700; } .h4-gray { color: #474747; line-height: 1.25; font-weight: 600; margin-bottom: 5px; } .h4-gray a { color: #474747; } .h4-gray a:hover { color: #262561; text-decoration: underline; } .h4-gray a:visited { color: #474747; text-decoration: underline; } .h4-gray a:visited:hover { color: #262561; text-decoration: underline; } .h4-support { color: #262561; line-height: 1.15; font-weight: 600; margin: 7px 0px 7px 0px; } .h4-support a { color: #262561; } .h4-support a:hover { color: #262561; text-decoration: underline; } .h4-support a:visited { color: #262561; text-decoration: underline; } .h4-support a:visited:hover { color: #262561; text-decoration: underline; } .h4-whatson-hp { color: #648da2; padding-bottom: 5px; margin: 5px 7px 0px 7px; border-bottom: 1px solid #cccccc; } .h4-white-callout23 { color: #FFFFFF; line-height: 1.95; font-weight: 600; text-transform: none; margin-bottom: 0px; } .h4-white { color: #FFFFFF; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 0px; } .h4-white a { color: #FFFFFF; } .h4-white a:hover { color: #23A9EE; text-decoration: underline; } .h4-white a:visited { color: #FFFFFF; text-decoration: underline; } .h4-white a:visited:hover { color: #23A9EE; text-decoration: underline; } .h4-black { color: #000000; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 0px; } .h5-gray { color: #474747; line-height: 1.5; font-weight: 600; margin-bottom: 1px; } .h5-gray a { color: #262561; } .h5-gray a:hover { color: #262561; text-decoration: underline; } .h5-gray a:visited { color: #262561; text-decoration: underline; } .h5-gray a:visited:hover { color: #262561; text-decoration: underline; } .h5-staff-gray { color: #474747; line-height: 1.5; font-weight: 600; margin-bottom: 5px; } .h5-color-bright { color: #23A9EE; line-height: 1.5; font-weight: 600; margin-bottom: 1px; letter-spacing: .01px; } .h5-color { color: #262561; line-height: 1.5; font-weight: 600; margin-bottom: 1px; } .h5-color a { color: #23A9EE; } .h5-color a:hover { color: #505050; text-decoration: underline; } .h5-color a:visited { color: #23A9EE; text-decoration: underline; } .h5-color a:visited:hover { color: #505050; text-decoration: underline; } .h5-white { color: #FFFFFF; line-height: 1.5; font-weight: 600; margin-bottom: 1px; } .h5-white a { color: #FFFFFF; } .h5-white a:hover { color: #FFFFFF; text-decoration: underline; } .h5-white a:visited { color: #FFFFFF; text-decoration: none; } .h5-white a:visited:hover { color: #FFFFF; text-decoration: underline; } .h6-gray a { color: #474747; line-height: 1.75; font-weight: 700; margin-bottom: 5px; } .h6-gray a:hover { color: #23A9EE; text-decoration: underline; } .h6-gray a:visited { color: #474747; text-decoration: underline; } .h6-gray a:visited:hover { color: #23A9EE; text-decoration: underline; } /* c. Paragraph STYLES */ .p-bodytype-auction-center { font-family: 'Roboto', sans-serif; color: #151515; font-size: 16px; font-weight: normal; text-align: center; line-height: 1.2; margin-bottom: 25px; } .p-bodytype { font-family: 'PBSSans', sans-serif; font-weight: 500; color: #151515; font-size: 16px; text-align: left; line-height: 2; margin-bottom: 25px; } .p-bodytype a, .p-bodytype a:visited { font-family: 'PBSSans-Bold', "sans-serif"; font-weight: 700; color: #151515; text-decoration: underline; } .p-bodytype a:hover, .p-bodytype a:visited:hover { color: #000000; } .p-bodytype-mar20 { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #151515; font-size: 16px; text-align: left; line-height: 1.75; margin-bottom: 20px; } .p-bodytype-mar20 a, .p-bodytype-mar20 a:visited { color: #262561; text-decoration: underline; font-weight: 500; } .p-bodytype-mar20 a:hover, .p-bodytype-mar20 a:visited:hover { color: #23A9EE; } .p-bodytype-staff { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #151515; font-size: 18px; line-height: 1.5; margin-bottom: 40px; } .p-bodytype-staff a, .p-bodytype-staff a:visited { color: #34343a; font-size: 16px; text-decoration: underline; font-weight: 500; } .p-bodytype-staff a:hover, .p-bodytype-staff a:visited:hover { color: #23A9EE; } /* Kids-birthdays- */ .kidsperson { margin-bottom: 35px; } /* Kids Air times */ .p-bodytype-kidsprogramtime { font-family: 'Roboto', sans-serif; color: #151515; font-size: 16px; font-weight: normal; text-align: center; line-height: 1.25; margin-bottom: 40px; } /** HP FEATURE **/ .p-hplocal-feature24 { font-family: 'PBSSans-Medium', "sans-serif"; color: #e3e3e3; font-size: 16px; font-weight: 500; text-align: left; line-height: 1.5; margin-bottom: 10px; margin-top: 5px; letter-spacing: 0.125px; text-transform: uppercase; } .p-hplocal-feature24 a { color: #e3e3e3; text-decoration: none; } .p-hplocal-feature24 a:hover { color: #FFFFFF; text-decoration: underline; } .p-hplocal-feature24 a:visited { color: #e3e3e3; text-decoration: none; } .p-hplocal-feature24 a:visited:hover { color: #FFFFFF; text-decoration: underline; } .p-hplocal-feature24dk { font-family: 'PBSSans-Medium', "sans-serif"; color: #3b3b3b; font-size: 16px; text-align: left; line-height: 1.5; margin-bottom: 10px; margin-top: 5px; letter-spacing: 0.125px; text-transform: uppercase; font-weight: 500; } .p-hplocal-feature24dk a { color: #3b3b3b; text-decoration: none; } .p-hplocal-feature24dk a:hover { color: #111111; text-decoration: underline; } .p-hplocal-feature24dk a:visited { color: #3b3b3b; text-decoration: none; } .p-hplocal-feature24dk a:visited:hover { color: #111111; text-decoration: underline; } .hplocal-title24 { font-family: 'PBSSans-Bold', "sans-serif"; color: #3b3b3b; font-size: 16px; text-align: left; line-height: .95; margin-bottom: 10px; margin-top: 5px; letter-spacing: 0.125px; text-transform: uppercase; } .hplocal-title24 a { color: #262561; } .hplocal-title24 a:hover { color: #474747; text-decoration: underline; } .hplocal-title24 a:visited { color: #262561; text-decoration: underline; } .hplocal-title24 a:visited:hover { color: #474747; text-decoration: underline; } /******* SPONSOR LIST *******/ .p-bodytype-spons-list { font-family: 'PBSSans-Medium', sans-serif; color: #292929; font-size: 18px; font-weight: 500; text-align: left; line-height: 1.25; letter-spacing: -0.25px; margin: 0 60px 70px 0; } .p-bodytype-spons-list a, .p-bodytype-spons-list a:visited { color: #292929; text-decoration: none; } .p-bodytype-spons-list a:hover, .p-bodytype-spons-list a:visited:hover { text-decoration: underline; } /* SUPPORT DESCRIPTORS/TIGHTER TEXT */ .p-bodytype-tightreduct { font-family: 'PBSSans-Medium', sans-serif; font-weight: 500; font-size: 15px; text-align: left; line-height: 1.5; margin-bottom: 20px; } .p-bodytype-tightreduct a, .p-bodytype-tightreduct a:visited { color: #262561; text-decoration: underline; font-weight: normal; } .p-bodytype-tightreduct a:hover, .p-bodytype-tightreduct a:visited:hover { color: #23A9EE; } /* MEMBER DESCRIPTIONS */ .p-bodytype-memberdescrip { font-family: 'PBSSans-Medium', "sans-serif"; color: #151515; font-size: 16px; font-weight: normal; text-align: left; line-height: 1.5; margin-bottom: 10px; margin-top: 5px; } .p-bodytype-memberdescrip a { font-size: 14px; color: #4f4f59; text-decoration: underline; font-weight: bold; text-transform: uppercase; letter-spacing: 5.0; } .p-bodytype-memberdescrip a:hover { font-size: 14px; color: #23A9EE; text-decoration: underline; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5; } .p-bodytype-memberdescrip a:visited { font-size: 14px; color: #4f4f59; text-decoration: underline; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5; } .p-bodytype-memberdescrip a:visited:hover { font-size: 14px; color: #23A9EE; text-decoration: underline; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5; } /* Fine print */ .p-fineprint { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #1d1d1d; font-size: 11px; font-weight: normal; text-align: left; line-height: 2; margin-bottom: 20px; } .p-fineprint a { color: #6a6a6a; text-decoration: underline; font-weight: bold; } .p-fineprint a:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-fineprint a:visited { color: #6a6a6a; text-decoration: underline; font-weight: bold; } .p-fineprint a:visited:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-fineprint-tight { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #1d1d1d; font-size: 13px; font-weight: normal; text-align: left; line-height: 1.5; margin: 10px 25px 60px 0px; letter-spacing: .15px; font-style: italic; } .p-fineprint-medium { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #1d1d1d; font-size: 12.5px; font-weight: normal; text-align: left; line-height: 2; margin-bottom: 20px; letter-spacing: .25px; } .p-fineprint-medium a { color: #6a6a6a; text-decoration: underline; font-weight: bold; } .p-fineprint-medium a:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-fineprint-medium a:visited { color: #6a6a6a; text-decoration: underline; font-weight: bold; } .p-fineprint-medium a:visited:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-finep-imagstation-characsponsor { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #151515; font-size: 11px; font-weight: normal; line-height: 1.5; margin-bottom: 20px; text-align: center; } .p-finep-imagstation-characsponsor a { color: #151515; font-size: 13px; text-decoration: underline; font-weight: bold; } .p-finep-imagstation-characsponsor a:hover { color: #23A9EE; font-size: 13px; text-decoration: underline; font-weight: bold; } .p-finep-imagstation-characsponsor a:visited { color: #151515; font-size: 13px; text-decoration: underline; font-weight: bold; } .p-finep-imagstation-characsponsor a:visited:hover { color: #23A9EE; font-size: 13px; text-decoration: underline; font-weight: bold; } /* BODY TYPE LIGHT */ .p-bodytype-light { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #ebe9e7; font-size: 16px; text-align: left; line-height: 2; margin-bottom: 20px; } .p-bodytype-light a, .p-bodytype-light a:visited { color: #ebe9e7; text-decoration: underline; font-weight: 500; } .p-bodytype-light a:hover, .p-bodytype-light a:visited:hover { color: #FFFFFF; } /* BODY TYPE LIGHT */ .p-bodytype-light-redu { font-family: 'Roboto', sans-serif; color: #b7b7b7; font-size: 16px; font-weight: normal; text-align: left; line-height: 1.5; margin-bottom: 20px; } .p-bodytype-light-redu a { color: #b7b7b7; text-decoration: underline; font-weight: bold; } .p-bodytype-light-redu a:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold; } .p-bodytype-light-redu a:visited { color: #b7b7b7; text-decoration: underline; font-weight: bold; } .p-bodytype-light-redu a:visited:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold; } /* Champagne Fonts */ .h2-champagnegold { color: #877234; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h3-champagnegold { color: #877234; line-height: 1.25; font-weight: 600; text-transform: none; margin-bottom: 5px; } .h4-champagnegold { color: #877234; line-height: 1.5; font-weight: 600; text-transform: none; margin-bottom: 5px; } /* HP-WIUspecial */ .p-wiu-wqpt-hp { font-family: 'Roboto', sans-serif; color: #151515; font-size: 11px; font-weight: normal; text-align: center; line-height: 1.15; margin-bottom: 10px; } /* BODY TYPE LIST NO DECORATION */ .p-bodytype-listonly { font-family: 'Roboto', sans-serif; color: #151515; font-size: 16px; font-weight: normal; text-align: left; line-height: 1.15; margin-bottom: 30px; } .p-bodytype-listonly a { color: #34343a; text-decoration: none; } .p-bodytype-listonly a:hover { color: #23A9EE; text-decoration: underline; } .p-bodytype-listonly a:visited { color: #34343a; text-decoration: none; } .p-bodytype-listonly a:visited:hover { color: #23A9EE; text-decoration: underline; } .p-bodytype-listonly { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #151515; font-size: 15px; text-align: left; line-height: 1.5; margin-bottom: 15px; margin-left: 0px; } /* BODY TYPE LIST NO LINKS */ .p-bodytype-tightlist-nolinks { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #151515; font-size: 18px; text-align: left; line-height: 1.25; margin-bottom: 70px; margin-top: 5px; } .p-bodytype-tightlist-nolinks-wt { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #FFFFFF; font-size: 16px; text-align: left; line-height: 1.5; margin-bottom: 50px; margin-top: 5px; } .p-bodytype-tightlist-nolinks-wt a { color: #FFFFFF; text-decoration: underline; } .p-bodytype-tightlist-nolinks-wt a:hover { color: #23A9EE; text-decoration: underline; } .p-bodytype-tightlist-nolinks-wt a:visited { color: #FFFFFF; text-decoration: underline; } .p-bodytype-tightlist-nolinks-wt a:visited:hover { color: #23A9EE; text-decoration: underline; } /* SIMPLE BUTTON TYPE STYLE */ .p-button-simple { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; font-size: 20px; font-weight: 600; font-style: normal; text-transform: uppercase; } /* ==== OLD BUTTON SYTLE ==== */ .p-button-simple a { color: #FFFFFF; } .p-button-simple a:hover { color: #FFFFFF; } .p-button-simple a:visited { color: #FFFFFF; } .p-button-simple a:visited:hover { color: #FFFFFF; } .p-button-simple-gene { font-family: 'PBSSans-Medium', "sans-serif"; color: #FFFFFF; font-size: 19px; font-style: normal; display: inline-block; margin-right: 10px; line-height: 1; font-weight: 500; } .p-button-simple-gene a { color: #FFFFFF; } .p-button-simple-gene a:hover { color: #262561; } .p-button-simple-gene a:visited { color: #FFFFFF; } .p-button-simple-gene a:visited:hover { color: #262561; } .btn-primary-wht { color: #000; background-color: #E6E6E6; border-color: #E6E6E6; } .p-button-wht { font-family: 'PBSSans-Medium', "sans-serif"; color: #262561; font-weight: 500; font-size: 18px; font-style: normal; display: inline-block; margin-right: 10px; line-height: 1; } .p-button-wht a { color: #262561; text-decoration: none; border: solid 1px #F6F6F6; } .p-button-wht a:hover { color: #FFFFFF; text-decoration: underline; background-color: #262561; border: solid 1px #262561; } .p-button-wht a:visited { color: #262561; text-decoration: none; border: solid 1px #F6F6F6; } .p-button-wht a:visited:hover { color: #FFFFFF; text-decoration: underline; background-color: #262561; border: solid 1px #262561; } /* centeredbutton; */ .p-button-centered24 { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; font-size: 18px; font-weight: 600; font-style: normal; text-align: center; margin-right: 10px; line-height: 1; letter-spacing: 1; } .p-button-centered24 a { color: #FFFFFF; } .p-button-centered24 a:hover { color: #262561; } .p-button-centered24 a:visited { color: #FFFFFF; } .p-button-centered24 a:visited:hover { color: #262561; } /* ==== BUTTON STYLES ==== */ .wqp-button-light a, .wqp-button-dark a, .wqp-button-red a, .wqp-button-blue a, .wqp-button-dkblue a { font-family: 'PBSSans-Medium', sans-serif; font-size: 16px; font-weight: 600; font-style: normal; line-height: 1; display: inline-block; margin: 15px 25px 20px 0px; padding: 0.75em 1.0em; border-radius: 3px; text-decoration: none; transition: all 0.6s ease; letter-spacing: 0.05em; } /* Light button */ .wqp-button-light a { border: 1px solid #FFFFFF; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.2); } .wqp-button-light a:hover { background-color: rgba(255, 255, 255, 0.65); color: #000000; border-color: #000000; } /* Dark button */ .wqp-button-dark a { border: 1px solid #000000; background-color: rgba(255, 255, 255, 0.2); color: #000000; } .wqp-button-dark a:hover { background-color: rgba(0, 0, 0, 0.75); color: #FFFFFF; border-color: #000000; } /* Red button */ .wqp-button-red a { background-color: #D7263D; border: 1px solid #D7263D; color: #FFFFFF; } .wqp-button-red a:hover { background-color: #FFFFFF; color: #D7263D; border-color: #D7263D; } /* Blue button */ .wqp-button-blue a { background-color: #007BFF; border: 1px solid #007BFF; color: #FFFFFF; } .wqp-button-blue a:hover { background-color: #FFFFFF; color: #007BFF; border-color: #007BFF; } /* Dark Blue button */ .wqp-button-dkblue a { background-color: #262561; border: 1px solid #262561; color: #FFFFFF; } .wqp-button-dkblue a:hover { background-color: #FFFFFF; color: #262561; border-color: #262561; } /* Compact modifier */ .wqp-button-compact a { padding-left: 1em; padding-right: 1em; } /* Focus style for accessibility */ .wqp-button-light a:focus, .wqp-button-dark a:focus, .wqp-button-red a:focus, .wqp-button-blue a:focus, .wqp-button-dkblue a:focus { outline: 2px solid #000; outline-offset: 2px; } /* Light button */ .wqp-button-compact a { padding-left: 1em; padding-right: 1em; } .wqp-button-white a { background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-family: 'PBSSans-Bold', sans-serif; font-size: 18px; font-weight: 700; font-style: normal; line-height: 1; display: inline-block; margin-top: 25px; margin-right: 0; /* No right margin */ padding: 0.75em 1.5em; border-radius: 5px; text-decoration: none; transition: all 0.6s ease; letter-spacing: 0.05em; } /* Optional: keep hover style consistent */ .wqp-button-white a:hover { background-color: #000000; border: 1px solid #ffffff; color: #FFFFFF; } .wqp-button-no-top-margin a { margin-top: 0 !important; } .btn-row { display: flex; flex-wrap: wrap; gap: 15px; /* spacing between buttons */ align-items: center; } .btn-row > div a { margin-top: 0 !important; margin-right: 0; /* optional: rely on gap instead */ } .p-bodytype-programcap-heading { font-family: 'PBSSans-Bold', "sans-serif"; color: #474747; font-size: 16px; font-weight: 700; text-align: left; line-height: 1.25; margin-bottom: 0px; margin-top: 5px; text-transform: uppercase; } .p-bodytype-programcap { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #151515; font-size: 14px; font-weight: normal; text-align: left; line-height: 1.25; margin-bottom: 20px; } .p-bodytype-programcap a { color: #6a6a6a; text-decoration: underline; font-weight: bold; } .p-bodytype-programcap a:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-bodytype-programcap a:visited { color: #6a6a6a; text-decoration: underline; font-weight: bold; } .p-bodytype-programcap a:visited:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-bodytype-programcap-light { font-family: 'Roboto', sans-serif; color: #d9d9d9; font-size: 14px; font-weight: normal; text-align: left; line-height: 1.25; margin-bottom: 20px; margin-top: 5px; } .p-bodytype-programcap-light a { color: #d9d9d9; text-decoration: underline; font-weight: bold; } .p-bodytype-programcap-light a:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-bodytype-programcap-light a:visited { color: #d9d9d9; text-decoration: underline; font-weight: bold; } .p-bodytype-programcap-light a:visited:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } /* banner caption */ .p-bodytype-banner-cap { font-family: 'Roboto', sans-serif; color: #FFFFFF; font-size: 11px; font-weight: bold; font-style: italic; text-align: right; line-height: 1.25; margin-bottom: 15px; margin-top: 40px; letter-spacing: 1px; } .p-bodytype-banner-cap a { color: #818181; text-decoration: underline; font-weight: 500; } .p-bodytype-banner-cap a:hover { color: #23A9EE; text-decoration: underline; font-weight: 500; } .p-bodytype-banner-cap a:visited { color: #818181; text-decoration: underline; font-weight: 500; } .p-bodytype-banner-cap a:visited:hover { color: #23A9EE; text-decoration: underline; font-weight: 500; } .p-bodytype-75mbtm { font-family: 'Roboto', sans-serif; color: #151515; font-size: 16px; font-weight: 400; text-align: left; line-height: 2; margin-bottom: 75px; } .p-bodytype-75mbtm a { color: #818181; text-decoration: underline; font-weight: 500; } .p-bodytype-75mbtm a:hover { color: #23A9EE; text-decoration: underline; } .p-bodytype-75mbtm a:visited { color: #818181; text-decoration: underline; } .p-bodytype-75mbtm a:visited:hover { color: #23A9EE; text-decoration: underline; } /* LIST BODY TYPE */ .p-bodytype-list-intro { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #151515; font-size: 16px; text-align: left; line-height: 2; margin-bottom: 10px; } .p-bodytype-list { font-family: 'PBSSans', sans-serif; font-weight: 500; color: #151515; font-size: 16px; text-align: left; line-height: 1.75; margin-bottom: 30px; margin-left: 20px; list-style-image: url(../images/common/greenlistbox.png); } .p-bodytype-list a { color: #262561; text-decoration: underline; font-weight: bold; } .p-bodytype-list a:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-bodytype-list a:visited { color: #262561; text-decoration: underline; font-weight: bold; } .p-bodytype-list a:visited:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-bodytype-list li { margin-bottom: 15px; /* Adjust spacing as needed */ } /* LIST NO INDENT SMART TV */ .p-bodytype-listno-indentgr { font-family: 'Roboto', sans-serif; color: #151515; font-size: 16px; font-weight: normal; text-align: left; line-height: 2; margin-bottom: 30px; list-style-image: url(../images/common/greencheckbox.png); } .p-bodytype-listno-indentrd { font-family: 'Roboto', sans-serif; color: #151515; font-size: 16px; font-weight: normal; text-align: left; line-height: 2; margin-bottom: 30px; list-style-image: url(../images/common/red-no.png); } .p-bodytype-white { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #F6F6F6; font-size: 16px; text-align: left; line-height: 1.75; margin-bottom: 10px; } .p-bodytype-white a, .p-bodytype-white a:visited { color: #F6F6F6; text-decoration: underline; font-weight: 500; } .p-bodytype-white a:hover, .p-bodytype-white a:visited:hover { color: #a9b0b8; } .p-bodytype-alertwhite { font-family: 'Roboto', sans-serif; color: #FFFFFF; font-size: 17px; font-weight: normal; text-align: center; line-height: 1.5; margin-bottom: 0px; padding-bottom: 0px; } .p-bodytype-alertwhite a { color: #FFFFFF; text-decoration: underline; font-weight: bold; } .p-bodytype-alertwhite a:hover { color: #101010; text-decoration: underline; font-weight: bold; } .p-bodytype-alertwhite a:visited { color: #FFFFFF; text-decoration: underline; font-weight: bold; } .p-bodytype-alertwhite a:visited:hover { color: #101010; text-decoration: underline; font-weight: bold; } /* KIDS SIDEBAR SCHEDULE */ .p-bt-kidsched-24 { font-family: 'PBSSans-bold', "sans-serif"; color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 1.7; text-align: left; /* border-top: 1px solid rgba(255,255,255,0.78); */ padding-top: 20px; padding-bottom: 10px; margin-bottom: 10px; } .p-bt-kidsched-24 a { color: #131313; font-size: 28px; } .p-bt-kidsched-24 a:hover { color: #000000; text-decoration: underline } .p-bt-kidsched-24 a:visited { color: #131313; } .p-bt-kidsched-24 a:visited:hover { color: #000000; text-decoration: none; } /* d. FOOTER FONT STYLES */ .footer-header { font-family: 'PBSSans-bold', "sans-serif"; color: #E6E6E6; /* #007bff */ font-size: 20px; text-align: left; text-transform: uppercase; margin-bottom: 2px; letter-spacing: .05px; } .footer-linkcol-mar /* Footerlinks */ { margin-bottom: 25px; margin-top: 25px; } .footer-header a { color: #E6E6E6; text-decoration: none; } .footer-header a:hover { color: #E6E6E6; text-decoration: underline; } .footer-header a:visited { color: #E6E6E6; text-decoration: none; } .footer-header a:visited:hover { color: #E6E6E6; text-decoration: underline; } /* footer-bodytype */ .txt-footer-bodytype { font-family: 'Roboto', sans-serif; /* [disabled]text-transform: none; */ color: #CECECE; font-size: 15px; text-align: left; line-height: 2; } .txt-footer-bodytype a { color: #F6F6F6; text-decoration: none; font-weight: bold; } .txt-footer-bodytype a:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold; } .txt-footer-bodytype a:visited { color: #F6F6F6; text-decoration: none; font-weight: bold; } .txt-footer-bodytype a:visited:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold; } /* footer-level3links */ .footer23lks { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #e1e1e1; font-size: 15px; text-align: left; line-height: 1.5; margin-bottom: 10px; letter-spacing: 0.125px; } .footer23lks a { color: #e1e1e1; text-decoration: none; } .footer23lks a:hover { color: #FFFFFF; text-decoration: underline; } .footer23lks a:visited { color: #e1e1e1; text-decoration: none; } .footer23lks a:visited:hover { color: #FFFFFF; text-decoration: underline; } /* footer-level4links */ .txt-footer-wiu23 { font-family: 'Roboto', sans-serif; color: #a8a8a8; font-size: 12px; font-weight: 400; text-align: center; line-height: 2.5; margin-bottom: 7px; margin-top: 12px; } .txt-footer-wiu { font-family: 'Roboto', sans-serif; color: #a8a8a8; font-size: 12px; font-weight: 400; text-align: center; line-height: 2.5; margin-bottom: 7px; } .txt-footer-level4links { font-family: 'Roboto', sans-serif; font-weight: normal; color: #FFFFFF; font-size: 12px; text-align: center; line-height: 1.5; } .txt-footer-level4links a { font-weight: 600; color: #a8a8a8; text-decoration: none; } .txt-footer-level4links a:hover { font-weight: 600; color: #FFFFFF; text-decoration: underline; } .footercopyright { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #F6F6F6; font-size: 13px; line-height: 1.25; margin-bottom: 10px; letter-spacing: 0.05em; } .footercopyright a, .pcopyright a:visited { color: #F6F6F6; text-decoration: none; font-weight: 400; } .footercopyright a:hover, .pcopyright a:visited:hover { color: #FFFFFF; text-decoration: underline; font-weight: 400; } /* DISCLAIMER */ .p_disclaim { font-family: 'Roboto', sans-serif; /* [disabled]text-transform: none; */ color: #151515; font-size: 14px; font-style: normal; line-height: 1.75; } .p_disclaim a { color: #151515; text-decoration: none; } .p_disclaim a:hover { color: #23A9EE; text-decoration: underline; } .p_disclaim a:visited { color: #151515; text-decoration: none; } .p_disclaim a:visited:hover { color: #23A9EE; text-decoration: underline; } /* * * * * * * Programming Cards * * * * * * */ .card-programcard { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 10px 10px 10px; margin-bottom: 25px; } .card-hp-programcard { -ms-flex: 1 1 auto; flex: 1 1 auto; padding-top: 5px; padding-bottom: 0px; margin-bottom: 25px; padding-right: 10px; } .p-programcard-body { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #151515; font-size: 14px; font-weight: bold; text-align: left; line-height: 1.5; margin-bottom: 5px; } .p-programcard-body a { color: #34343a; text-decoration: none; font-weight: bold; } .p-programcard-body a:hover { color: #262561; text-decoration: underline; font-weight: bold; } .p-programcard-body a:visited { color: #34343a; text-decoration: none; font-weight: bold; } .p-programcard-body a:visited:hover { color: #262561; text-decoration: underline; font-weight: bold; } .p-programcard-time, .p-programcard-time-white { font-family: 'PBSSans-Medium', sans-serif; font-weight: 500; font-size: 17px; text-align: left; margin: 5px 0 10px 0; text-transform: uppercase; } .p-programcard-time { color: #151515; line-height: 1.05; } .p-programcard-time a, .p-programcard-time a:visited { color: #151515; text-decoration: none; } .p-programcard-time a:hover, .p-programcard-time a:visited:hover { color: #151515; text-decoration: underline; } .p-programcard-time-white { color: #FFCC00; line-height: 0.95; } .p-programcard-time-white a, .p-programcard-time-white a:visited { color: #FFCC00; text-decoration: none; } .p-programcard-time-white a:hover, .p-programcard-time-white a:visited:hover { color: #FFCC00; text-decoration: underline; } .p-programcard-head { font-family: 'PBSSans-Bold', sans-serif; color: #262561; font-size: 17px; font-weight: bold; text-align: left; line-height: 1; margin: 5px 0 2px 0; } .p-programcard-head a, .p-programcard-head a:visited { color: inherit; text-decoration: none; font-weight: bold; } .p-programcard-head a:hover, .p-programcard-head a:visited:hover { color: inherit; text-decoration: underline; font-weight: bold; } /* * * * * * * BANDS * * * * * * */ .image-cover { max-width: 100%; height: auto; text-align: center; } /* ========================================================================== 1A. KIDS FONTS ========================================================================== */ .superheadkids-white { font-size: 100px; color: #FFFFFF; font-family: 'PBSSans-Bold', "sans-serif"; line-height: 1.15; font-weight: 900; text-transform: none; margin-bottom: 5px; /* [disabled]border-bottom: 2px solid #FFFFFF; */ letter-spacing: -4px; padding-bottom: 0px; } .superheadkids-white75 { font-size: 75px; color: #FFFFFF; font-family: 'PBSSans-Bold', "sans-serif"; line-height: 1.15; font-weight: 900; text-transform: none; margin-bottom: 5px; /* [disabled]border-bottom: 2px solid #FFFFFF; */ letter-spacing: -3px; } .superheadkids-purple { font-size: 75px; color: #524ea2; font-family: 'PBSSans-Bold', "sans-serif"; line-height: 1.15; font-weight: 900; text-transform: none; margin-bottom: 5px; /* [disabled]border-bottom: 2px solid #524ea2; */ letter-spacing: -3px; } .superheadkids-jumbo-blue { font-size: 120px; color: #1dafec; font-family: 'PBSSans-Bold', "sans-serif"; line-height: 1.15; font-weight: 900; text-transform: none; margin-bottom: 5px; /* [disabled]border-bottom: 2px solid #524ea2; */ letter-spacing: -5px; } .h3-kids-blue { color: #33a9db; line-height: 1.25; font-weight: 900; text-transform: none; margin-bottom: 5px; } .h3-kids-blue a { color: #33a9db; } .h3-kids-blue a:hover { color: #524ea2; text-decoration: underline; } .h3-kids-blue a:visited { color: #33a9db; text-decoration: underline; } .h3-kids-blue a:visited:hover { color: #524ea2; text-decoration: underline; } /* ==== 2. BANDS ==== */ .band-homepage-fullgrid, .band-homepage-prime { padding-top: 120px; padding-bottom: 120px; } .band-homepage-fullgrid { background-color: #F6F6F6; } .band-hp-featureoversched { padding-top: 85px; padding-bottom: 0px; background-color: #FFFFFF; } .band-callout-blue { background-color: #0060af; padding: 25px; } .band-simple-white { background-color: #ffffff; padding: 25px; } .band-ambass-ads { background-color: #ffffff; padding-bottom: 0px; background-image: url("../images/homepage/ads2022/wqpt-ambassadors564798798.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 25px; } .band-footer-promo { background-color: #ffffff; padding-bottom: 0px; min-height: 250px; background-image: url("../images/common/wqpt-womanandchildwateringplant.png"); background-size: contain; background-repeat: no-repeat; background-position: bottom left; } .band-footer-promo-contain { background-color: #ffffff; padding: 25px 50px 0px 50px; min-height: 250px; border-radius: 7px; margin: 50px 0px; } .band-hp21-plg { background-color: #111410; padding-top: 0px; padding-bottom: 0px; background-image: url("../images/homepage/bands/logo-testback25.png"); background-size: cover; background-repeat: no-repeat; background-position: top center; } .band-top-hp { /* [disabled]background-color: #000000; */ /* [disabled]margin-bottom: 20px; */ min-height: 750px; margin-top: 115px; } .band-alert-black { background-color: #FFFFFF; padding-top: 10px; padding-bottom: 5px; /* [disabled]min-height: 500px; */ /* [disabled]margin-bottom: 35px; */ } .band-alert-goldbar { background-color: #877234; padding-top: 10px; padding-bottom: 10px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; } .band-alert-redbar2 { background-color: #b10600; padding-top: 12px; padding-bottom: 12px; /* [disabled]min-height: 500px; */ margin-top: 35px; margin-bottom: 35px; } .band-alert-givingtues { background-color: #b10600; padding: 15px 10px 15px 10px; } .p-givtu { font-family: 'PBSSans-Medium', sans-serif; color: #FFF; font-size: 20px; text-align: left; font-weight: 500; line-height: 1.25; margin: 15px 0; letter-spacing: 0.125px; text-transform: none; } .p-givtu a, .p-givtu a:visited { font-family: 'PBSSans-Medium', sans-serif; font-size: 16px; color: #FFF; text-decoration: underline; } .p-givtu a:hover, .p-givtu a:visited:hover { color: #E6E6E6; } .band-alert-redbar-notopmar { background-color: #b10600; padding-top: 10px; padding-bottom: 5px; /* [disabled]min-height: 500px; */ /* [disabled]margin-bottom: 35px; */ } .band-alert-redbar-cv { background-color: #b10600; padding-top: 12px; padding-bottom: 12px; /* [disabled]min-height: 500px; */ margin-top: 35px; margin-bottom: 35px; } .band-alert-pbskids-green { background-color: #ec008c; padding: 50px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; text-align: center; } .band-pbskids-purple22 { background-color: #524ea2; padding: 50px; /* [disabled]min-height: 500px; */ margin-top: 15px; margin-bottom: 45px; text-align: center; } .band-pbskids-purple-rounded { background-color: #524ea2; padding: 50px; margin: 45px 25px 80px 25px; border-radius: 25px; } .band-pbskids-purple-wombats-rounded { background-color: #524ea2; padding: 50px; margin: 45px 25px 80px 25px; border-radius: 25px; background-image: url("../images/kids/programs/wombats-background.jpg"); background-position: top center; } .band-alert-covid-white-hpbar { background-color: rgba(189, 182, 175, 0.10); padding-top: 0px; padding-bottom: 0px; margin-bottom: 50px; } .band-aboutus { background-color: #111410; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/aboutwqpt/wqpt-quadcitiespbs.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 450px; max-height: 450px; } .band-atk-fooditem { background-color: #E6E6E6; padding-top: 60px; padding-bottom: 100px; background-image: url("../images/events/champagne2020/atk-background2019.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 600px; /* [disabled]max-height: 750px; */ /* [disabled]margin-top: 50px; */ margin-right: 0px; margin-left: 0px; /* [disabled]margin-bottom: 50px; */ } .band-aboutus-contactconfirm { background-color: #111410; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/common/wqpt-rockislandarsenal-bridge.jpg"); background-size: cover; background-repeat: no-repeat; background-position: bottom right; min-height: 400px; max-height: 500px; } .band-aboutus-regional { background-color: #F6F6F6; padding-top: 75px; padding-bottom: 100px; background-image: url("../images/aboutwqpt/aboutwqpt-heartland.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 600px; /* [disabled]max-height: 750px; */ /* [disabled]margin-top: 50px; */ margin-right: 0px; margin-left: 0px; /* [disabled]margin-bottom: 50px; */ } .band-aboutus-viewerinput { background-color: #F6F6F6; padding-top: 75px; padding-bottom: 100px; background-image: url("../images/aboutwqpt/wqpt-memberinput.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 600px; margin-right: 0px; margin-left: 0px; } .band-auction-lte { background-color: #f5e3dc; padding-top: 25px; padding-bottom: 25px; background-image: url("../images/auction2020/auctbackground-basic.png"); background-size: cover; background-repeat: no-repeat; background-position: top center; } .band-auction-lte21 { background-color: #151515; padding-top: 40px; padding-bottom: 40px; /* [disabled]margin-top: 98px; */ min-height: 250px; background-image: url("../images/common/wqpt-banner-brightmode-champagne.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; } .band-blackgeneric { background-color: #101c1f; padding-top: 60px; padding-bottom: 60px; min-height: 250px; /* [disabled]max-height: 250px; */ background-size: cover; } .band-darkcolor-generic { background-color: #070b27; padding-top: 100px; padding-bottom: 100px; } .band-blackgenericimage { background-color: #1e1b57; padding-top: 65px; padding-bottom: 65px; min-height: 275px; background-image: url("../images/common/wqpt-pbs2025.jpg"); background-size: cover; background-repeat: no-repeat; background-position: bottom center; display: flex; align-items: center; justify-content: center; } .band-blackgenericimage-hp-sliderback { background-color: #FFFFFF; background-image: url(../images/common/wqpt-blk-background-yourlocalpbs2.png); /* [disabled]background-image: url("../images/common/wqpt-banner-epic-dark.jpg"); */ /* [disabled]background-image: url("../images/common/wqpt-genericbanner.jpg"); */ /* [disabled]background-image: url(../images/common/wqpt-banner-bk-banner.jpg); */ background-size: cover; background-repeat: no-repeat; background-position: center center; } .band-news-article { background-color: #F6F6F6; padding: 15px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 75px; border: 1px solid rgba(189, 182, 175, 0.70); border-radius: 10px; } .band-news-article2 { background-color: #FFFFFF; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 75px; padding-bottom: 50px; padding-right: 50px; border-bottom: 1px solid #958e84; } .band-news-date { background-color: #262561; padding: 5px 5px 5px 10px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; border-radius: 50px; } .band-white-hp-sliderback { background-color: rgba(189, 182, 175, 0.10); /* [disabled]background-color: #101010; */ /* [disabled]border-bottom: 1px solid #000000; */ border-bottom: 1px solid rgba(189, 182, 175, 0.10); } .band-whitegenericimage-hp-sliderback { background-color: #FFFFFF; /* [disabled]background-image: url("../images/common/wqpt-banner-epic-dark.jpg"); */ /* [disabled]background-image: url("../images/common/wqpt-genericbanner.jpg"); */ /* [disabled]background-image: url(../images/common/wqpt-banner-bk-banner.jpg); */ border-bottom: 1px solid #727272; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-bottom: 25px; } .band-genericimage-decorative { background-color: #101c1f; /* [disabled]margin-top: 98px; */ min-height: 100px; max-height: 100px; background-image: url(../images/common/banner-style5-2.jpg); background-size: cover; background-repeat: no-repeat; background-position: bottom center; } .band-birdies22 { background-color: rgba(255, 204, 1, 0.40); padding-top: 75px; padding-bottom: 75px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-body-abouthosttopic { background-color: rgba(189, 182, 175, 0.40); padding-top: 25px; padding-bottom: 0px; min-height: 50px; margin-top: 0px; margin-bottom: 0px; } .band-body-news-article { background-color: #e5e5e5; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; margin-bottom: 30px; } .band-sidebar-blue { background-color: #26255d; padding: 20px; margin-bottom: 30px; border-radius: 7px; } .band-body-simple-border { background-color: rgba(189, 182, 175, 0.20); padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; margin-bottom: 30px; } .band-body-simple-border-lightbackground { background-color: #ebe9e7; border: 1px solid #e5d4ab; padding-top: 75px; padding-bottom: 75px; padding-right: 20px; padding-left: 20px; margin-bottom: 75px; } .band-viewingarea { background-color: #e2e2e2; padding: 25px; } .band-body-simple-border-whiteback { background-color: #ebe9e7; border: 1px solid #e5d4ab; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; margin-bottom: 30px; } .band-body-simple-border-white-solid { background-color: #ffffff; border: 1px solid #e5d4ab; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; margin-bottom: 30px; } .band-body { background-color: rgba(189, 182, 175, 0.30); padding-top: 50px; padding-bottom: 50px; min-height: 500px; margin-top: 175px; margin-bottom: 100px; } .band-body-whatson-block { background-color: #202020; } .band-bodystandard { background-color: rgba(189, 182, 175, 0.10); padding-top: 120px; padding-bottom: 120px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-bodystandard-black { background-color: #070707; padding-top: 120px; padding-bottom: 1200px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-bodystandard-black2 { background-color: #080b25; padding-top: 120px; padding-bottom: 120px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-bodystandard-blue2 { background-color: #25a8e0; padding-top: 120px; padding-bottom: 1200px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-bodystandard-blue { background-color: #262561; border-top: 1px solid #989898; padding-top: 50px; padding-bottom: 50px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-bodystandard-pbsapp { background-color: rgba(189, 182, 175, 0.10); padding-top: 120px; padding-bottom: 0px; /* [disabled]min-height: 500px; */ margin-top: 0px; border-bottom: 1px solid #979797; /* [disabled]margin-bottom: 75px; */ } .band-bodystandard-pbsapp-medium { background-color: #ebe9e7; padding-top: 120px; padding-bottom: 120px; } .band-bodystandard-pbsapp-whitebox { background-color: #fafafa; padding: 50px; } .band-bodystandard-lite-border-top { background-color: rgba(189, 182, 175, 0.175); border-top: 1px solid #989898; padding-top: 75px; padding-bottom: 75px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-bodystandard-lite2-border-top { background-color: rgba(189, 182, 175, 0.3); border-top: 1px solid #989898; padding-top: 50px; padding-bottom: 50px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-special-announce-dark { background-color: #111410; padding-top: 35px; padding-bottom: 35px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-special-announce-dark70px { background-color: #111410; padding-top: 70px; padding-bottom: 70px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-bodystandard-med { background-color: #ebe9e7; padding-top: 75px; padding-bottom: 75px; margin-top: 0px; margin-bottom: 0px; } .band-bodystandard-med-in { background-color: #ebe9e7; padding: 50px; margin-top: 75px; margin-bottom: 75px; } .band-bodystandard-med-circles { background-color: #cfcbc7; padding-top: 50px; padding-bottom: 50px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; background-image: url(../images/common/wqpt-lite-circles-large.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .band-bodystandard-med-dark { background-color: #cfcbc7; padding-top: 50px; padding-bottom: 50px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; } .band-bodystandard-med-dark-floating { background-color: #cfcbc7; padding: 25px 25px 25px 25px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; } .band-bodystandard-med-dark-minheight { background-color: #cfcbc7; padding-top: 50px; padding-bottom: 50px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; min-height: 500px; } .band-bodystandard-dark { background-color: #918e8a; padding-top: 50px; padding-bottom: 50px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; } .band-bodystandard-darker { background-color: #474542; padding-top: 50px; padding-bottom: 50px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; } .band-hp-white-bar { background-color: #FFFFFF; padding: 50px 75px 50px 75px; } .band-body-white { background-color: #FFFFFF; padding-top: 100px; padding-bottom: 100px; } .band-body-light23 { background-color: #eef0f5; padding-top: 100px; padding-bottom: 100px; } .band-body-light23-2 { background-color: #eef0f5; padding-top: 75px; padding-bottom: 75px; } .band-body-light23-3 { background-color: rgba(189, 182, 175, 0.25); padding-top: 120px; padding-bottom: 120px; } .band-body-lightrc-gray { background-color: #e2e0df; padding: 10px 10px 0px 10px; margin: 10px 10px 45px 10px; border-radius: 5px; margin-bottom: 40px; } .band-body-white-callout { background-color: #FFFFFF; padding-top: 15px; padding-bottom: 15px; } .band-body-pledge-blue { background-color: #02072d; /* #151535*/ padding-top: 25px; padding-bottom: 15px; } .band-body-black { background-color: #1a1a1a; padding-top: 50px; padding-bottom: 50px; } .band-body-aboutsite { background-color: rgba(189, 182, 175, 0.10); padding-top: 50px; padding-bottom: 50px; min-height: 500px; margin-top: 175px; margin-bottom: 100px; } .band-passportaction { background-color: #FFFFFF; padding-top: 55px; padding-bottom: 35px; } .band-bordertop-stationnews { border-top: 1px solid #989898; background-color: aquamarine; } .band-foooter-a { background-color: #000; padding-top: 75px; padding-bottom: 60px; /* [disabled]padding-bottom: 50px;*/ /* background-color: #262561; [disabled-ORIGINAL COLOR #070b27]padding-bottom: 50px;*/ } .band-foooter-b { background-color: #070b27; padding-top: 75px; padding-bottom: 60px; /* [disabled]padding-bottom: 50px;*/ /* background-color: #262561; [disabled-ORIGINAL COLOR #070b27]padding-bottom: 50px;*/ } .band-foooter-c { background-color: #262561; /**Disabled background-color: #252529; */ padding: 15px 0px 5px 0px; } .band-footer2 { background-color: #303030; padding-top: 75px; padding-bottom: 60px; /* [disabled]padding-bottom: 50px;*/ /* background-color: #262561; [disabled-ORIGINAL COLOR #070b27]padding-bottom: 50px;*/ } .band-footer3 { background-color: #070b27; padding: 120px 0px 60px 0px; } .band-footer4 { background-color: #26255d; padding: 20px 0px 10px 0px; } .row-footer1 { padding-top: 0px; padding-bottom: 40px; border-bottom: 1px solid #aeaeae; /* [disabled]border-bottom: 1px solid #080b25; */ } .row-footer2 { /* padding-top: 40px; padding-bottom: 40px; /* border-bottom: 1px solid #007bff;*/ /* [disabled]border-bottom: 1px solid #727272; 2023 #23A9EE*/ } .row-footer3 { padding-top: 25px; padding-bottom: 50px; margin-bottom: 25px; border-bottom: 1px solid #aeaeae; /* [disabled]border-bottom: 1px solid #727272; 2024 #007bff<strong></strong>2023 = #23A9EE*/ } .row-footer4 { padding-top: 40px; padding-bottom: 20px; } .row-footer5 { padding-top: 40px; margin-top: 25px; border-top: 1px solid #aeaeae; display: flex; align-items: center; justify-content: center; } .band-americatestkitchen-promo2019 { background-color: #111410; padding-top: 70px; padding-bottom: 100px; background-image: url(../images/featurepromospecial/americatestkitchen2019/34333_sfs-shrimp-scampi-18-1.jpg); background-size: cover; /* [disabled]margin-bottom: 20px; */ background-repeat: no-repeat; background-position: center center; /* [disabled]margin-top: 98px; */ min-height: 500px; max-height: 500px; /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ } .band-aspirehigher { background-color: #ffffff; padding-top: 100px; padding-bottom: 100px; background-image: url(../images/aspire/wqpt-aspirehigher-banner-lt.jpg); background-size: cover; /* [disabled]margin-bottom: 20px; */ background-repeat: no-repeat; background-position: center center; /* [disabled]margin-top: 98px; */ min-height: 500px; } .band-aspirehigher-regionalshot { background-color: #111410; padding-top: 60px; padding-bottom: 100px; background-image: url("../images/aspire/wqpt-aspire-regional.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 450px; /* [disabled]max-height: 750px; */ /* [disabled]margin-top: 50px; */ margin-right: 0px; margin-left: 0px; /* [disabled]margin-bottom: 50px; */ } .band-cartonkitchen { background-color: #000000; padding-top: 75px; padding-bottom: 100px; background-image: url("../images/cartons-in-the-kitchen/cartons-in-the-kitchenbanner.png"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 450px; max-height: 450px; margin-right: 0px; margin-left: 0px; } .band-cartonkitchen-body { background-color: #57b5ea; padding-top: 50px; padding-bottom: 50px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-champagneontherocks { background-color: #000000; padding-top: 50px; padding-bottom: 50px; background-image: url(../images/champagneontherocks/2019/cor2019background-top.png); background-repeat: repeat; background-position: top center; background-size: auto; } .band-champagneontherocks-body { background-color: #003b23; padding-top: 50px; padding-bottom: 50px; background-image: url("../images/champagneontherocks/2019/cor2019background.png"); background-repeat: repeat; background-position: top center; } .band-champagneontherocks-dark { background-color: #003b34; padding-top: 25px; padding-bottom: 25px; margin-top: 0px; margin-bottom: 0px; } .band-champagneontherocks-black-band { background-color: #101010; padding-top: 30px; padding-bottom: 30px; min-height: 25px; } .band-chadpregracke { background-color: #111410; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/chadpregrake/chad_pregrake-cover.jpg"); background-size: cover; /* [disabled]margin-bottom: 20px; */ background-repeat: no-repeat; background-position: top center; /* [disabled]margin-top: 98px; */ min-height: 500px; /* [disabled]max-height: 400px; */ /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ } .band-election2020 { background-color: #081065; padding-top: 40px; padding-bottom: 40px; /* [disabled]margin-top: 98px; */ background-size: cover; background-repeat: no-repeat; background-position: center center; } .band-explore { background-color: #111410; padding-top: 100px; padding-bottom: 0px; background-image: url("../images/explore/wqpt-explorewithmrscott-txt.png"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 400px; /* [disabled]max-width: 0px; */ } .band-endofyear-hp { background-color: #000000; padding: 50px 45px 50px 45px; background-image: url("../images/ads/hp-endofyear-giftmatch2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; margin: 60px 0px; } .band-endofyear-hp-lite { background-color: #75c4db; background-image: url("../images/ads/holiday-kids.png"); background-size: cover; background-repeat: no-repeat; background-position: top center; padding: 30px 0px 0px 0px; } .band-endofyear-hp-dark { background-color: #2A2A2A; background-image: url("../images/homepage/ads/passport-background.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; margin: 60px 0px; padding: 115px 0px 115px 0px; } .band-explore-green { background-color: #23A9EE; padding-top: 70px; padding-bottom: 70px; min-height: 50px; } .band-firstbook { background-color: #111410; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/outreach/firstbook/firstbook-banner2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 500px; display: flex; align-items: center; justify-content: center; } .band-firstbook-dark-backgroundimage { background-color: #070b27; padding-top: 50px; padding-bottom: 50px; background-image: url("../images/outreach/firstbook/wqpt-firstbook-background.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 450px; } .band-hp-ad-simple { background-color: rgba(189, 182, 175, 0.10); padding-top: 50px; padding-bottom: 0px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-herostreet { background-color: #111410; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/lettershometoherostreet/herostreet-cover.jpg"); background-size: cover; /* [disabled]margin-bottom: 20px; */ background-repeat: no-repeat; background-position: top center; /* [disabled]margin-top: 98px; */ min-height: 450px; /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ } .band-homepage-whatson-column { background-color: #FFFFFF; border: 1px solid #b2afac; /* [disabled]max-height: 250px; */ padding-right: 10px; padding-left: 10px; padding-bottom: 10px; } .band-homepage-whatson-column2 { background-color: #ebe9e7; border: 1px solid #ebe9e7; /* [disabled]max-height: 250px; border: 1px solid #c4baaf;*/ padding-right: 10px; padding-left: 10px; overflow-y: hidden; padding-bottom: 10px; } .band-homepage-whatson-column3 { background-color: #FFFFFF; /* [disabled]max-height: 250px; */ padding-right: 10px; padding-left: 10px; overflow-y: hidden; padding-bottom: 10px; } .band-homepage-whatson-block { background-color: #FFFFFF; /* [disabled]max-height: 250px; */ overflow-y: hidden; margin-bottom: 20px; margin-top: 10px; padding: 10px; } .band-homepage-whatson-block23 { background-color: #FFFFFF; /* [disabled]max-height: 250px; */ overflow-y: hidden; margin-bottom: 20px; margin-top: 10px; padding: 20px; } .band-homepage-whatson-ads { background-color: #FFFFFF; border: 1px solid #b2afac; /* [disabled]max-height: 250px; */ padding-right: 10px; padding-left: 10px; max-height: 500px; max-width: 350px; overflow-y: hidden; } .band-instagram { /* [disabled]max-height: 250px; */ padding: 0px 0px 10px 0px; } .band-kids-basic { background-color: #FFFFFF; border-top: 1px solid #505050; border-bottom: 30px solid #ffffff; } .band-kids-fall { background-color: #FFFFFF; background-image: url("../images/kids/pbskids-banner-fall24.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-bottom: 35.5%; } .band-kids-spring { background-color: #FFFFFF; background-image: url("../images/kids/pbskids-spring.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-bottom: 35.5%; } .band-kids-halloween { background-color: #FFFFFF; background-image: url("../images/kids/pbs-halloweenie22.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-bottom: 28.41%; } .band-kidsclub { background-color: #111410; padding: 25px 0px 25px 0px; background-image: url("../images/kids/wqpt-kids-banner-autumn.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; } .band-kidsfooter { background-color: #fe413b; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/kids/homepage/k"); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 500px; } .band-winter2223 { background-color: #9be3ff; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/kids/holiday-kids2022banner.png"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 500px; } .band-kidswinter23 { background-color: #ff7c0d; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/kids/pbskids-spring.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 500px; } .band-kidsspring1 { background-color: #ff7c0d; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/kids/holiday-kids2022banner.png"); background-size: cover; background-repeat: no-repeat; background-position: bottom right; min-height: 500px; } .band-kidsspring22 { background-color: #26b8eb; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/kids/pbskids-summer.png"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 500px; } .band-kidsspring-pond22 { background-color: #26b8eb; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/kids/homepage/wqptpbs-kids-pond2022.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 400px; } .band-kidsprograms { background-color: #111410; padding-top: 10px; padding-bottom: 0px; background-image: url(../images/kids/wqpt-kids-banner-autumn.png); background-size: cover; background-repeat: no-repeat; background-position: top center; } .band-kids-sidebar { background-color: #1dafec; padding-top: 15px; padding-bottom: 15px; } .band-kids-watchmod { background-color: #524ea2; background-image: url("../images/kids/watch/watch-super.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 100px; padding-bottom: 0px; min-height: 500px; display: flex; justify-content: center; } .band-kidsclub23-dee { background-color: #524ea2; background-image: url("../images/kids/watch/watch-super.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 110px 0px 110px 0px; display: flex; justify-content: center; } .band-kids-watchmodule { background-color: #000000; padding: 10px; height: 100%; } .band-kids-watch-banner { background-color: #FFFFFF; border-top: 1px solid #505050; } .band-imgstation-banner { background-color: #00aeef; padding-top: 0px; padding-bottom: 0px; } .band-beatleswhite { background-color: #FFFFFF; padding-top: 0px; padding-bottom: 0px; } .band-summer23-banner { background-color: #524ea2; background-image: url("../images/summer/banner23/sop-banner-bkg.png"); background-size: cover; background-repeat: no-repeat; background-position: top center; padding-top: 20px; padding-bottom: 10px; min-height: 500px; } .band-imgstation-event-banner { background-color: #524ea2; background-image: url("../images/events/wqpt-imaginationstation-background.png"); background-size: cover; background-repeat: no-repeat; background-position: top center; padding-top: 70px; padding-bottom: 70px; min-height: 500px; } .band-imgstation-blue { background-color: #1dafec; padding-top: 150px; padding-bottom: 150px; min-height: 0px; } .band-imgstation-blue-btm0pix { background-color: #1dafec; padding-top: 40px; padding-bottom: 0px; min-height: 0px; } .band-imgstation-orange { background-color: #a4cd39; padding-top: 50px; padding-bottom: 50px; min-height: 0px; } .band-imgstation-orange-alert { background-color: #ff5a00; padding-top: 25px; padding-bottom: 25px; margin-top: 0px; margin-bottom: 0px; } .band-imgstation-purple-alert { background-color: #524ea2; padding-top: 12px; padding-bottom: 12px; margin-top: 0px; margin-bottom: 0px; } .band-imgstation-purple { background-color: #524ea2; padding-top: 70px; padding-bottom: 70px; min-height: 0px; } .band-summer-yellow { background-color: #fec223; padding-top: 70px; padding-bottom: 70px; min-height: 0px; } .band-news { background-color: #1F2227; padding-top: 60px; padding-bottom: 60px; padding-left: 30px; padding-right: 30px; min-height: 0px; } .band-outreach-btmbanner { background-color: #111410; padding-top: 75px; padding-bottom: 100px; background-image: url(../images/outreach/wqpt-outreach-banner2-btm.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 500px; max-height: 500px; border-top: 1px solid #505050; } .band-outreach-topbanner { background-color: #111410; padding-top: 75px; padding-bottom: 100px; background-image: url(../images/outreach/wqpt-outreach-banner2.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 500px; max-height: 500px; margin-right: 0px; margin-left: 0px; } .band-outreach-pbslearningmedia { background-color: #111410; padding-top: 75px; padding-bottom: 75px; background-image: url(../images/outreach/pbslearningmedia/wqptpbs-learningmedia65489978.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 450px; max-height: 500px; margin-right: 0px; margin-left: 0px; display: flex; align-items: center; justify-content: center; } .band-outreach-pbslearningmedia-library { background-color: #111410; padding-top: 75px; padding-bottom: 100px; background-image: url(../images/outreach/pbslearningmedia/wqptpbs-learningmedia65489977.jpg); background-size: cover; background-repeat: no-repeat; background-position: top left; min-height: 400px; margin-right: 0px; margin-left: 0px; display: flex; align-items: center; justify-content: center; } .band-outreach-readytolearn { background-color: #111410; padding-top: 65px; padding-bottom: 50px; background-image: url("../images/outreach/readytolearn/wqpt-readytolearn-banner23.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 500px; } .band-outreach-resources { background-color: #111410; padding-top: 75px; padding-bottom: 100px; background-image: url("../images/outreach/resources/wqpt-resources-banner2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 450px; max-height: 450px; margin-right: 0px; margin-left: 0px; } .band-outreach-resource-btm { background-color: #111410; padding-top: 75px; padding-bottom: 100px; background-image: url("../images/outreach/resources/wqpt-resources-dropban.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 450px; max-height: 450px; } .band-outreach-smarttv { background-color: #111410; padding-top: 75px; padding-bottom: 100px; background-image: url("../images/outreach/smarttelevision/wqpt-smarttelevision-banner2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 450px; max-height: 450px; } .band-outreach-whywqpt { background-color: #111410; padding-top: 60px; padding-bottom: 100px; background-image: url("../images/outreach/whywqpt/whywqpt-family.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 450px; max-height: 450px; margin-right: 0px; margin-left: 0px; } .band-passport, .band-passport24-1, .band-passport23, .band-passport22 { background-color: #111410; padding: 100px 0; background-size: cover; background-repeat: no-repeat; min-height: 300px; } .band-passport { background-image: url("/_assets/images/passport/ilens-tuba.jpg"); background-position: right top; } .band-passport24-1 { background-image: url("/_assets/images/passport/passport-hopper.jpg"); background-position: right center; filter: brightness(90%); } @media (max-width: 767px) { .band-passport24-1 { background-position: center center; padding-top: 70px; padding-bottom: 70px; } } .band-passport23 { background-image: url("../images/passport/wqpt-passport-cover.jpg"); background-position: top center; border-bottom: solid 1px #000; } .band-passport22 { background-image: url("../images/ads/miss-scarlet-passport.jpg"); background-position: top center; filter: brightness(100%); } .band-passport-footer { background-color: rgba(189, 182, 175, 0.30); padding-top: 100px; padding-bottom: 100px; min-height: 600px; background-repeat: no-repeat; background-position: top center; margin-top: 0px; /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ } .band-programming-feature1-fluid { background-color: #111410; padding-top: 60px; padding-bottom: 100px; background-image: url(../images/programming/2019/wqpt-nova-decoding-da-vinci2.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 550px; margin-right: 0px; margin-left: 0px; } .band-programming-queenshorses { background-color: #F6F6F6; padding-top: 75px; padding-bottom: 75px; background-image: url(../images/programming/2020/amex-thevote.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 550px; margin-right: 0px; margin-left: 0px; border-bottom: solid 1px #505050; } .band-programming-marvels { background-color: #000000; padding-top: 75px; padding-bottom: 75px; background-image: url(../images/programming/2020/seeingtheusa-utah.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; margin-right: 0px; margin-left: 0px; } .band-kids-misterrogers { background-color: #524ea2; padding: 50px; border-radius: 20px; background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 50px; margin-bottom: 40px; } .band-programming-dw { background-color: #61605b; padding-top: 60px; padding-bottom: 70px; background-image: url("../images/homepage/comingup2021/dw-green.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 500px; margin-right: 0px; margin-left: 0px; } .band-programming-regional { background-color: rgba(189, 182, 175, 0.10); padding-top: 50px; padding-bottom: 25px; margin-top: 0px; } .band-scratchjr { background-color: #111410; padding-top: 65px; padding-bottom: 50px; background-image: url("../images/outreach/scratchjr/wqpt-scratchjr-banner.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 500px; } .band-schedulemodule-programs-med { background-color: #ebe9e7; padding-top: 75px; padding-bottom: 75px; border-bottom: solid 1px #505050; } .band-schedulemodule-fullwidth-hp { background-color: #ebe9e7; padding-top: 35px; padding-bottom: 35px; } .band-program24 { background-color: #070b27; padding: 75px 0px 75px 0px; } .band-thecities2025 { background-color: #070b27; width: 100%; background-image: url("../images/thecities/wqptpbs-thecities.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; align-items: center; justify-content: center; padding: 50px 0px; } .thecities25-logo { min-height: 300px; /* Ensures the image does not shrink too much */ width: auto; /* Keeps width dynamic */ max-width: 35%; /* Ensures the image does not exceed 35% of the container */ height: auto; /* Maintains aspect ratio */ display: block; /* Avoids inline spacing issues */ } /* Adjust Image Width for Viewports ≤ 1000px */ @media (max-width: 1000px) { .thecities25-logo { max-width: 60%; /* Expand image for medium screens */ } .band-thecities2025 { background-position: right center; } } /* Adjust Image Width for Viewports ≤ 800px */ @media (max-width: 800px) { .thecities25-logo { max-width: 100%; /* Full width on small screens */ min-height: unset; /* Removes min-height restriction */ } } .band-thecities24 { background-color: #070b27; width: 100%; background-image: url("../images/thecities/thecities2024.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: 100% auto; /* Maintain 100% width and auto height to preserve aspect ratio */ height: auto; min-height: calc(100vw / 2.3); /* Adjust the height based on the aspect ratio (2.3:1) */ display: flex; flex-direction: column; } .band-thecities24-2 { background-color: #070b27; width: 100%; background-image: url("../images/thecities/thecities2024.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: 100% auto; min-height: calc(100vw / 2.3); /* Adjust the height based on the aspect ratio (2.3:1) */ display: flex; padding: 10px 25px 40px 50px; } .band-thecities24-2 .container, .band-thecities24-2 .row { height: 100%; /* Ensure full height for flex alignment */ } .band-thecities24-2 .col-xl-6, .band-thecities24-2 .col-md-5 { height: 100%; /* Ensure the column takes the full height */ display: flex; flex-direction: column; justify-content: flex-end; /* Align content to the bottom */ } .band-thecities { background-color: #111410; /* [disabled]padding-top: 125px; */ /* [disabled]padding-bottom: 100px; */ background-image: url("../images/thecities/wqpt-thecities_davenport.jpg"); background-size: cover; /* [disabled]margin-bottom: 20px; */ /* [disabled]min-height: 500px; */ background-repeat: no-repeat; background-position: bottom center; /* [disabled]margin-top: 98px; */ /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ } .band-thecities-episodeblock { background-color: #ebe9e7; padding-top: 75px; padding-bottom: 75px; } .band-thecities-blk { background-color: #000000; padding-top: 75px; padding-bottom: 75px; margin-bottom: 50px; } .band-thecities-episode-sec { background-color: #87817b; padding: 25px; } .band-thecities-hp { background-color: #070b27; border-top: 1px solid #989898; padding-top: 85px; padding-bottom: 75px; background-image: url("../images/common/wqpt-pbs2025.jpg"); } .band-homepage-features { background-color: #070b27; padding-top: 75px; padding-bottom: 125px; } .band-homepage-pbsblue-blk { background-color: #262561; padding: 75px 0px; } .band-homepage-features-lt24 { background-color: #F6F6F6; padding-top: 75px; padding-bottom: 0px; } .band-homepage-features-gray { background-color: #404a68; padding-top: 75px; padding-bottom: 100px; } .band-homepage-features-med-gray { background-color: rgba(64, 74, 104, 0.69); padding-top: 75px; padding-bottom: 75px; } .band-thecities-hp-side { background-color: #000000; padding-top: 25px; padding-left: 25px; padding-bottom: 50px; background-image: url("../images/homepage/bands/logo-testback25.png"); background-position: center center; } .band-thecities-episode-bar { background-color: #000000; padding-top: 10px; padding-left: 20px; padding-bottom: 10px; background-image: url("../images/homepage/bands/logo-testback25.png"); background-position: center center; border-radius: 5px; } .band-thecities-hp-episodic { background-color: #070b27; padding: 15px; } .band-vibrant { background-color: #111410; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/vibrantneighborhoods/wqpt-vibrantneighborhoods.jpg"); /* [disabled]margin-top: 98px; */ min-height: 450px; background-size: cover; /* [disabled]margin-bottom: 20px; */ background-repeat: no-repeat; background-position: top center; border-bottom: solid 1px #505050; /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ } .band-volunteering { background-color: #111410; padding-top: 100px; background-image: url("../images/support/volunteering/wqpt-volunteering-banner2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 500px; } .band-vote-amex { background-color: #111410; padding-top: 60px; padding-bottom: 100px; background-image: url("../images/thevote-amex/she-resisted-banner.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 500px; border-bottom: solid 1px #505050; border-top: solid 1px #505050; margin-right: 0px; margin-left: 0px; /* [disabled]margin-bottom: 50px; */ } .band-whitneyreynolds { background-color: #111410; padding-top: 70px; padding-bottom: 100px; background-image: url("../images/whitneyreynolds/whitneyreynolds-cover.jpg"); background-size: cover; /* [disabled]margin-bottom: 20px; */ background-repeat: no-repeat; background-position: center center; /* [disabled]margin-top: 98px; */ min-height: 500px; max-height: 500px; /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ } .row-footer3:last-child { padding-bottom: 0; } .band-schedulemodule { /* [disabled]background-color: #000000; */ padding-top: 10px; padding-bottom: 10px; /* [disabled]margin-bottom: 20px; */ min-height: 20rem; background-repeat: no-repeat; background-position: top center; /* [disabled]margin-top: 98px; */ margin-top: 150px; /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ border: 1px solid #505050; padding-right: 10px; padding-left: 10px; } .band-simpleimage { background-color: #111410; padding-top: 150px; padding-bottom: 100px; background-image: url(../images/test-img/iStock-862753318.jpg); background-size: cover; /* [disabled]margin-bottom: 20px; */ min-height: 500px; background-repeat: no-repeat; background-position: top center; /* [disabled]margin-top: 98px; */ /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ } .band-programbanner { background-color: #111410; padding-top: 100px; padding-bottom: 100px; background-image: url("../images/thecities/thecities-with-jim-mertens.jpg"); background-size: cover; /* [disabled]margin-bottom: 20px; */ min-height: 400px; background-repeat: no-repeat; background-position: bottom center; margin-top: 98px; /* Add the blur effect */ /* [disabled]filter: blur(2px); */ /* [disabled]-webkit-filter: blur(2px); */ } .band-simpleimage6 { background-color: #FFFFFF; min-height: 200px; max-height: 200px; } .band-support-kidsclub { background-color: #FFFFFF; padding-top: 60px; padding-bottom: 60px; background-image: url("../images/support/index/wqpt-father-son.jpg"); background-size: cover; background-repeat: no-repeat; background-position: left center; /* min-height: 650px; */ } .band-support-kidsclub-noimage { background-color: #1dafec; padding-top: 40px; padding-bottom: 40px; } .band-support-leadership-family { background-color: #FFFFFF; padding-top: 60px; padding-bottom: 60px; background-image: url("../images/support/leadership/leadershipfamily.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 475px; } .band-support-leadership-program { background-color: #FFFFFF; padding-top: 60px; padding-bottom: 60px; background-image: url(../images/support/leadership/victoria.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 475px; } .band-support-legacy-program { background-color: #FFFFFF; padding-top: 60px; padding-bottom: 60px; background-image: url("../images/support/plannedgiving/nature_victoriafalls_elephant.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 475px; } .band-support-legacy { background-color: #FFFFFF; padding-top: 60px; padding-bottom: 60px; background-image: url("../images/support/index/wqpt-legacy.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 475px; /* min-height: 650px; */ } .band-support-member { background-color: #FFFFFF; padding-top: 60px; padding-bottom: 60px; background-image: url("../images/support/index/wqpt-famil3.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; /* min-height: 650px; */ border-top: 1px solid rgba(189, 182, 175, 0.70); } .band-support-plannedgiving-family { background-color: #FFFFFF; padding-top: 60px; padding-bottom: 60px; background-image: url("../images/support/plannedgiving/family-background.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 600px; margin-right: 0px; margin-left: 0px; } .band-support-plannedgiving-rogers { background-color: #705f57; padding-top: 60px; padding-bottom: 60px; background-image: url("../images/support/plannedgiving/family-bg2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 600px; margin-right: 0px; margin-left: 0px; } .band-support-partners { background-color: #111410; padding-top: 50px; padding-bottom: 40px; background-image: url("../images/support/businesspartners/partners-banner4.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 250px; } .band-support-partners-landscape { background-color: #111410; padding-top: 60px; padding-bottom: 60px; background-image: url("../images/support/businesspartners/astro-band.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 500px; margin-right: 0px; margin-left: 0px; } .band-support-sustainingpartners { background-color: #111410; padding-top: 60px; padding-bottom: 60px; background-image: url("../images/support/sustainingpartners/wqpt-sustainingmemberfamily.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 500px; margin-right: 0px; margin-left: 0px; } /* - - - 3. NAVIGATION ========================================================================== */ .band-donoreverywhere { padding-top: 30px; padding-bottom: 15px; margin-top: 98px; } .band-donoreverywhereaddition { margin-top: 98px; } .dropdown-divider { border-top: 2px solid #ababab; } /* - - - 4. SOCIAL MEDIA ICONS ========================================================================== */ #logo-facebook { background-image: url(../images/common/facebook.png); width: 35px; height: 35px; margin: 0px 0px 0px 20px; float: right; background-repeat: no-repeat; } #logo-facebook:hover { opacity: 0.5; filter: alpha(opacity=50); } #logo-youtube { background-image: url(../images/common/youtube.png); width: 35px; height: 35px; margin: 0px 0px 0px 20px; float: right; background-repeat: no-repeat; } #logo-youtube:hover { opacity: 0.5; filter: alpha(opacity=50); } #logo-twitter { background-image: url("../images/common/twitter.png"); width: 35px; height: 35px; margin: 0px 0px 0px 20px; float: right; background-repeat: no-repeat; } #logo-twitter:hover { opacity: 0.5; filter: alpha(opacity=50); } #logo-instagram { background-image: url(../images/common/instagram.png); width: 35px; height: 35px; margin: 0px 0px 0px 20px; float: right; background-repeat: no-repeat; } #logo-instagram:hover { opacity: 0.5; filter: alpha(opacity=50); } .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } #logo-facebook2 { background-image: url(../images/common/facebook.png); width: 35px; height: 35px; margin: 0px 0px 0px 20px; float: right; background-repeat: no-repeat; } #logo-facebook2:hover { opacity: 0.5; filter: alpha(opacity=50); } #logo-youtube2 { background-image: url(../images/common/youtube.png); width: 35px; height: 35px; margin: 0px 0px 0px 20px; float: right; background-repeat: no-repeat; } #logo-youtube2:hover { opacity: 0.5; filter: alpha(opacity=50); } #logo-twitter2 { background-image: url("../images/common/twitter.png"); width: 35px; height: 35px; margin: 0px 0px 0px 20px; float: right; background-repeat: no-repeat; } #logo-twitter2:hover { opacity: 0.5; filter: alpha(opacity=50); } #logo-instagram2 { background-image: url(../images/common/instagram.png); width: 35px; height: 35px; margin: 0px 0px 0px 20px; float: right; background-repeat: no-repeat; } #logo-instagram2:hover { opacity: 0.5; filter: alpha(opacity=50); } /* - - - 5. CAROUSEL CREATED PASSPORT CSS ========================================================================== */ .hp-block-item a { /* [disabled] filter: alpha(opacity=50); */ /* [disabled]background-color: #000000; */ /* [disabled]-webkit-filter: brightness(60%); */ /* [disabled]filter: alpha(opacity=50); */ filter: opacity(25%); } .hp-block-item a:hover { /* [disabled]opacity: 0.7; */ /* [disabled]filter: alpha(opacity=50); */ /* [disabled]background-color: #000000; */ /* [disabled]-webkit-filter: brightness(100%); */ -webkit-filter: opacity(100%); } /* - - - 6. HELPER CLASSES ========================================================================== */ .wq-border-left { border-left: 1px solid #3e3e3e; padding-left: 30px; } @media (max-width: 991.98px) { .wq-border-left { border-left: none; } } .wq-border-right { border-right: 1px solid #3e3e3e; padding-right: 30px; } .wq-border-top { border-top: 1px solid #3e3e3e; padding-top: 30px; } .wq-border-bottom { border-bottom: 1px solid #3e3e3e; padding-bottom: 30px; } @media (max-width: 750px) { .wq-border-left { border-left: none; padding-left: 20px; /* Keep a little padding if needed */ margin-left: 0; } .wq-border-right { border-right: none; padding-right: 0; } .wq-border-top { border-top: none; padding-top: 0; } .wq-border-bottom { border-bottom: none; padding-bottom: 0; } } .anchor a { position: absolute; top: -125px; } p.space { margin: -5px 0 0 0; padding: 10px 0px 10px 0px; } p.space-xs { min-height: 5px; max-height: 5px; font-size: 10px; } p.space-xx-s { margin-top: 10px; } p.space-sm { min-height: 5px; max-height: 5px; font-size: 15px; } p.space-md { padding: 10px 0px 0px 0px; } p.space-lg { padding: 20px 0px 20px 0px; } p.space-xl { padding: 50px 0px 50px 0px; } .btn-form { background-color: #bd2a25; border-color: #bd2a25; /** changed form color from green **/ } .btn-form:hover { background-color: #111410; } .floatleft10 { float: left; margin-right: 10px; } .floatright20 { float: right; margin-right: 20px; } .floatleft20 { float: left; margin-right: 20px; } .floatleftis15 { float: left; margin-right: 15px; margin-bottom: 30px; } .floatleft30 { float: left; margin-right: 30px; margin-bottom: 5px; } .clearfix-special { display: block; clear: both; content: ""; } .holocaust-padding { padding: 15px; } /* - - - 7. CARD DECK ========================================================================== */ .card { background-color: rgba(0, 0, 0, 0.0); border: 1px solid rgba(0, 0, 0, 0.0); word-wrap: normal; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 5px 15px 10px 1px; } .card2 { background-color: rgba(189, 182, 175, 0.20); border: 1px solid #e5d4ab; word-wrap: normal; padding: 20px; min-height: 295px; margin-bottom: 20px; } .card-artslide { background-color: rgba(189, 182, 175, 0.15); word-wrap: normal; padding: 15px; margin-bottom: 20px; } .card-body2 { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 5px 15px 10px 1px; margin-bottom: 5px; } .card-help { border: 0px solid #918e8a; word-wrap: normal; padding: 0px; } .card-helpbody { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px 15px 15px 15px; margin-bottom: 20px; } .card-cv-resources { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px 15px 15px 15px; margin-bottom: 25px; background-color: #100e0d; } /* - - - 8. FAQ ACCORDION ========================================================================== */ .btn-faq-link { color: #474747; font-weight: 600; font-size: 24px; text-decoration: none; text-align: left; margin-left: 0px; padding: 0px; } .btn-faq-link:hover { color: #262561; text-decoration: underline; } .btn-faq-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-faq-link:disabled, .btn-link.disabled { color: #262561; pointer-events: none; } /* - - - 9. grow-hover AND figure img hover ========================================================================== */ .grow { transition: all .5s ease-in-out; } .grow:hover { transform: scale(0.65); } /* ===== inside div === */ imgzoom img { opacity: 1; -webkit-transition: .4s ease-in-out; -webkit-transform: scale(1); transition: .4s ease-in-out; } imgzoom:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.1); } .imgzoom-wrapper { overflow: hidden; } /* ===== inside ad or logo === */ imgzoom-ad img { opacity: 1; -webkit-transition: .4s ease-in-out; -webkit-transform: scale(1); transition: .4s ease-in-out; } imgzoom-ad:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.05); } /* - - - 9a1. imgzoom-is-border-yellow ========================================================================== */ imgzoom-isbdy img { opacity: 1; -webkit-transition: .4s ease-in-out; -webkit-transform: scale(1); transition: .4s ease-in-out; } imgzoom-isbdy:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.1); } .imgzoom-isbdy-wrapper { overflow: hidden; } /* ===== inside ad or logo === */ imgzoom-isbdy-ad img { opacity: 1; -webkit-transition: .4s ease-in-out; -webkit-transform: scale(1); transition: .4s ease-in-out; border: solid 12px #fec223; } imgzoom-isbdy-ad:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.05); } /* - - - 9a2. imgzoom-is-border-white ========================================================================== */ imgzoom-isbdw img { opacity: 1; -webkit-transition: .4s ease-in-out; -webkit-transform: scale(1); transition: .4s ease-in-out; } imgzoom-isbdw:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.1); } .imgzoom-isbdw-wrapper { overflow: hidden; } /* ===== inside ad or logo === */ imgzoom-isbdw-ad img { opacity: 1; -webkit-transition: .4s ease-in-out; -webkit-transform: scale(1); transition: .4s ease-in-out; border: solid 18px #FFFFFF; } imgzoom-isbdw-ad:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.05); } /* - - - 9a3. imgzoom-navigation ========================================================================== */ imgzoom-nav23 img { opacity: 1; -webkit-transition: .4s ease-in-out; -webkit-transform: scale(1); transition: .4s ease-in-out; } imgzoom-nav23:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.05); } /* - - - 9B. CV2020 ========================================================================== */ .band-cv-resource-banner { background-color: #111410; padding-top: 65px; padding-bottom: 50px; background-image: url("../images/cv-resources/coronavirus-banner.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 325px; } .band-cv-resource-banner-lg { background-color: #111410; padding-top: 65px; padding-bottom: 50px; background-image: url("../images/cv-resources/coronavirus-banner.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 425px; } .band-cv-sm-banner { background-color: #6f6b6b; padding: 10px; margin-bottom: 12px; content: align-self-center; } .band-cv-standard { background-color: #d7d5ce; padding-top: 75px; padding-bottom: 75px; /* [disabled]min-height: 500px; */ margin-top: 0px; /* [disabled]margin-bottom: 75px; */ } .band-cv-dark { background-color: #d7d5ce; padding-top: 35px; padding-bottom: 35px; background-image: url("../images/cv2020/cv-darkbackground.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; /* [disabled]min-height: 500px; */ margin-top: 20px; margin-bottom: 20px; /* [disabled]margin-bottom: 75px; */ } .band-cv-kids { background-color: #6f6b6b; padding: 10px; margin-bottom: 12px; content: align-self-center; } .band-cv-educators { background-color: #6f6b6b; padding: 10px; margin-bottom: 12px; content: align-self-center; } .band-cv-parents { background-color: #6f6b6b; padding: 10px; margin-bottom: 12px; content: align-self-center; } .h3-cv2020 { color: #f04345; line-height: 1.1; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: .07px; margin-bottom: 2px; } .h4-cv2020 { color: #f04345; line-height: 1.1; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: .07px; margin-bottom: 2px; } .h4-cv2020-white { color: #F6F6F6; line-height: 1.1; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: .07px; margin-bottom: 2px; margin-top: 5px; } /*** larger heading ***/ .p-cv-bodytype-lg-heading { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; font-size: 36px; font-weight: bold; line-height: 1.1; margin-bottom: 0px; } .p-cv-bodytype-heading { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; font-size: 20px; font-weight: bold; line-height: 1.1; margin-bottom: 0px; } .p-cv-bodytype-heading a { color: #FFFFFF; text-decoration: none; } .p-cv-bodytype-heading a:hover { color: #242424; text-decoration: none; } .p-cv-bodytype-heading a:visited { color: #FFFFFF; text-decoration: none; } .p-cv-bodytype-heading a:visited:hover { color: #242424; text-decoration: none; } /*** sm heading ***/ .p-cv-superhead { font-size: 75px; color: #FFFFFF; font-family: 'PBSSans-Bold', "sans-serif"; line-height: 1.15; font-weight: 600; text-transform: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f04345; letter-spacing: -2px; } .p-cv-bodytype-sm-heading { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 1.1; margin-bottom: 0px; } .p-cv-bodytype-sm-heading a { color: #FFFFFF; text-decoration: none; } .p-cv-bodytype-sm-heading a:hover { color: #242424; text-decoration: none; } .p-cv-bodytype-sm-heading a:visited { color: #FFFFFF; text-decoration: none; } .p-cv-bodytype-sm-heading a:visited:hover { color: #242424; text-decoration: none; } .p-cv-bodytype { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #151515; font-size: 14px; font-weight: normal; text-align: left; line-height: 1.5; margin-bottom: 20px; } .p-cv-bodytype a { color: #34343a; text-decoration: underline; font-weight: bold; } .p-cv-bodytype a:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-cv-bodytype a:visited { color: #34343a; text-decoration: underline; font-weight: bold; } .p-cv-bodytype a:visited:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } /*** CV BODY LIGHT ***/ .p-cv-bodytype-light { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #E6E6E6; font-size: 14px; font-weight: normal; text-align: left; line-height: 1.5; margin-bottom: 20px; } .p-cv-bodytype-light a { color: #E6E6E6; text-decoration: underline; font-weight: bold; } .p-cv-bodytype-light a:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-cv-bodytype-light a:visited { color: #E6E6E6; text-decoration: underline; font-weight: bold; } .p-cv-bodytype-light a:visited:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } /*** CV BODY LIGHT-REDBACK ***/ .p-cv-bodytype-lightredback { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #E6E6E6; font-size: 14px; font-weight: normal; text-align: left; line-height: 1.5; } .p-cv-bodytype-lightredback a { color: #E6E6E6; text-decoration: underline; font-weight: bold; } .p-cv-bodytype-lightredback a:hover { color: #000000; text-decoration: underline; font-weight: bold; } .p-cv-bodytype-lightredback a:visited { color: #E6E6E6; text-decoration: underline; font-weight: bold; } .p-cv-bodytype-lightredback a:visited:hover { color: #000000; text-decoration: underline; font-weight: bold; } /*** CV BODY LIGHT ***/ .p-cv-cardtype-light { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #E6E6E6; font-size: 15px; font-weight: normal; text-align: left; line-height: 1.5; margin-bottom: 2px; } .p-cv-cardtype-light a { color: #E6E6E6; text-decoration: underline; font-weight: bold; } .p-cv-cardtype-light a:hover { color: #929292; text-decoration: underline; font-weight: bold; } .p-cv-cardtype-light a:visited { color: #E6E6E6; text-decoration: underline; font-weight: bold; } .p-cv-cardtype-light a:visited:hover { color: #929292; text-decoration: underline; font-weight: bold; } /*** CV cardbody-headinglinker***/ .p-cv-cardtype-smheading { font-family: 'PBSSans-Bold', "sans-serif"; color: #929292; font-size: 14px; font-weight: bold; text-align: left; line-height: 1.1; margin-bottom: 5px; text-transform: lowercase; } .p-cv-cardtype-smheading a { color: #929292; text-decoration: underline; } .p-cv-cardtype-smheading a:hover { color: #E6E6E6; text-decoration: underline; } .p-cv-cardtype-smheading a:visited { color: #929292; text-decoration: underline; } .p-cv-cardtype-smheading a:visited:hover { color: #E6E6E6; text-decoration: underline; } .band-cv-darker { background-color: #6f6b6b; padding: 20px 25px 25px 25px; /* [disabled]min-height: 500px; */ margin-top: 0px; margin-bottom: 0px; } /*** WQPT Standardized Card Types ***/ .p-standarized-wqpt-cardtype { font-family: 'PBSSans', sans-serif; font-weight: 500; color: #151515; font-size: 16px; text-align: left; line-height: 1.6; margin-bottom: 5px; } .p-standarized-wqpt-cardtype a { font-family: 'PBSSans-Bold', "sans-serif"; font-weight: 700; color: #151515; text-decoration: underline; letter-spacing: 0.5px; } .p-standarized-wqpt-cardtype a:hover { color: #262561; text-decoration: underline; } .p-standarized-wqpt-cardtype a:visited { color: #151515; text-decoration: underline; } .p-standarized-wqpt-cardtype a:visited:hover { color: #262561; text-decoration: underline; } /*** WQPT Standardized Card Type WHITE ***/ .p-standarized-wqpt-cardtype-white { font-family: 'PBSSans', sans-serif; font-weight: 400; color: #F6F6F6; font-size: 16px; text-align: left; line-height: 1.6; margin-bottom: 5px; } .p-standarized-wqpt-cardtype-white a { color: #F6F6F6; text-decoration: underline; font-weight: bold; } .p-standarized-wqpt-cardtype-white a:hover { color: #a9b0b8; text-decoration: underline; font-weight: bold; } .p-standarized-wqpt-cardtype-white a:visited { color: #F6F6F6; text-decoration: underline; font-weight: bold; } .p-standarized-wqpt-cardtype-white a:visited:hover { color: #a9b0b8; text-decoration: underline; font-weight: bold; } /*** WQPT Standardized PLEDGE LINKS ***/ .p-stand-pledgelink-white { font-family: 'Roboto', sans-serif; color: #FFFFFF; font-size: 16px; text-align: left; line-height: 1.6; margin-bottom: 5px; } .p-stand-pledgelink-white a { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; text-decoration: none; font-weight: bold; } .p-stand-pledgelink-white a:hover { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; text-decoration: underline; font-weight: bold; } .p-stand-pledgelink-white a:visited { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; text-decoration: none; font-weight: bold; } .p-stand-pledgelink-white a:visited:hover { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; text-decoration: underline; font-weight: bold; } .p-stand-pledgelink { font-family: 'Roboto', sans-serif; color: #474747; font-size: 16px; text-align: left; line-height: 1.6; margin-bottom: 5px; } .p-stand-pledgelink a { font-family: 'PBSSans-Bold', "sans-serif"; color: #474747; text-decoration: underline; font-weight: bold; } .p-stand-pledgelink a:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } .p-stand-pledgelink a:visited { color: #474747; text-decoration: underline; font-weight: bold; } .p-stand-pledgelink a:visited:hover { color: #23A9EE; text-decoration: underline; font-weight: bold; } /*** WQPT Standardized TIGHT ***/ .p-standarized-wqpt-cardtype-tight { font-family: 'Roboto', sans-serif; color: #151515; font-size: 15px; font-weight: normal; text-align: left; line-height: 1.35; margin-bottom: 20px; } .p-standarized-wqpt-cardtype-smitalic { font-family: 'Roboto', sans-serif; color: #151515; font-size: 15px; font-weight: normal; font-style: italic; text-align: left; line-height: 1.35; margin-bottom: 5px; } .p-standarized-wqpt-cardheading { font-family: 'PBSSans-Bold', "sans-serif"; color: #262561; font-size: 26px; font-weight: bold; text-align: left; line-height: 1.15; margin-top: 5px; margin-bottom: 5px; letter-spacing: -.25px; } .p-standarized-wqpt-cardheading a { color: #262561; text-decoration: none; } .p-standarized-wqpt-cardheading a:hover { color: #262561; text-decoration: underline; } .p-standarized-wqpt-cardheading a:visited { color: #262561; text-decoration: none; } .p-standarized-wqpt-cardheading a:visited:hover { color: #262561; text-decoration: underline; } .p-standarized-wqpt-cardheading-dark { font-family: 'PBSSans-Bold', "sans-serif"; color: #222222; font-size: 15px; font-weight: bold; text-align: left; line-height: 1.0; margin-top: 3px; margin-bottom: 5px; text-transform: uppercase; } .p-standarized-wqpt-cardheading-dark a { color: #222222; text-decoration: none; font-weight: bold; } .p-standarized-wqpt-cardheading-dark a:hover { color: #34343a; text-decoration: underline; font-weight: bold; } .p-standarized-wqpt-cardheading-dark a:visited { color: #222222; text-decoration: none; font-weight: bold; } .p-standarized-wqpt-cardheading-dark a:visited:hover { color: #34343a; text-decoration: underline; font-weight: bold; padding-left: 0px; } .p-standarized-wqpt-cardheading-white { font-family: 'PBSSans-Bold', "sans-serif"; color: #FFFFFF; font-size: 26px; font-weight: bold; text-align: left; line-height: 1.15; margin-top: 5px; margin-bottom: 7px; letter-spacing: -.25px; } .p-standarized-wqpt-cardheading-white a { color: #FFFFFF; text-decoration: none; font-weight: bold; } .p-standarized-wqpt-cardheading-white a:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold; } .p-standarized-wqpt-cardheading-white a:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; } .p-standarized-wqpt-cardheading-white a:visited:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold; } .tvss-namespace { width: 100%; } .passport-container2 { position: relative; /* Enables absolute positioning for the logo */ display: inline-block; /* Ensures the image is properly contained */ } .passport-container2 img { display: block; /* Prevents unwanted bottom spacing */ width: 100%; /* Adjusts to fit the container */ height: auto; /* Maintains aspect ratio */ } /* Add Passport logo in the top-left corner */ .passport-container2::before { content: ""; position: absolute; top: 10px; /* 10px from the top */ left: 10px; /* 10px from the left */ width: 25px; /* Logo width */ height: 25px; /* Logo height */ background-image: url("/_assets/images/hp2025/passport.png"); /* Adjust path */ background-size: contain; /* Ensures full image visibility */ background-repeat: no-repeat; background-position: center; display: block; /* Ensures visibility */ } /* - - - 11. MARCH 22 pledge/delete all 3/20/22) ========================================================================== */ .band-double { background-color: #bd2a25; padding-top: 30px; padding-bottom: 30px; } .h1-double { color: #FFFFFF; line-height: 1.2; font-weight: 600; text-transform: none; margin-bottom: 1px; letter-spacing: -0.125px; } .p-bodytype-double { font-family: 'Roboto', sans-serif; color: #F6F6F6; font-size: 15px; font-weight: normal; text-align: left; line-height: 1.45; margin-bottom: 0; } .p-bodytype-double a, .p-bodytype-double a:visited { color: #F6F6F6; text-decoration: underline; font-weight: 500; } .p-bodytype-double a:hover, .p-bodytype-double a:visited:hover { color: #cccccc; } .fa-wqpt {} /* - - - 12. Feature blocks 2025 ========================================================================== */ .band-fea25-hp-1-protect { background-image: url("../images/protect/wqptpbs-protect-ss.jpg"); background-position: left center; padding: 0 50px 40px 50px; background-size: cover; background-repeat: no-repeat; min-height: 325px; display: flex; } .band-fea25-hp-1-l { background-image: url("../images/ads/2025/wqptpbs-54665897.jpg"); background-position: left center; padding: 0 50px 40px 50px; background-size: cover; background-repeat: no-repeat; min-height: 225px; display: flex; } .band-fea25-hp-1-r { background-color: #262561; padding: 40px 50px 40px 50px; display: flex; } /* - - - Station news cards */ .newscol { margin-bottom: clamp(25px, 4vw, 50px); } .newscard { display: flex; flex-direction: column; height: 100%; } .newscard-body { display: flex; flex-direction: column; flex-grow: 1; background-color: #F6F6F6; padding: 15px 15px 2px 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .spacer { flex-grow: 1; }