") 8px center / 16px 16px no-repeat rgb(255, 255, 255); } @media (min-width: 768px) { .navContainer input { margin-top: 0px; margin-left: auto; } } .text-center { text-align: center; } .btn { background: rgb(114, 118, 121); border: 0px; cursor: pointer; text-align: center; padding: 0.25rem 0.75rem; text-decoration: none; color: rgb(242, 205, 0) !important; } .btn-full { display: block; border-radius: 5px; width: 90%; margin-left: auto; margin-right: auto; } @media (min-width: 576px) { .btn-full { border-radius: 0px; width: 100%; } } .btn-sm { padding: 0px 0.5rem; } .border-b { border-bottom: 3px solid rgb(217, 217, 214); } .border-t { border-top: 3px solid rgb(217, 217, 214); } .border-l { border-left: 3px solid rgb(217, 217, 214); } .border-r { border-right: 3px solid rgb(217, 217, 214); } @media (min-width: 992px) { .border-r-md { border-right: 3px solid rgb(217, 217, 214); } } @media (min-width: 992px) { .border-l-lg { border-left: 3px solid rgb(217, 217, 214); } } @media (max-width: 992px) { .border-t-md { border-top: 3px solid rgb(217, 217, 214); margin-bottom: 2rem; } } .new { border: 1px solid rgb(199, 200, 201); font-size: 0.8rem; padding: 0px 6px 0px 3px; position: relative; top: -2px; font-style: normal; } .paging-by-letter { flex-wrap: wrap; } .paging-by-letter a { border-right: 1px solid rgb(217, 217, 214); } .paging-by-letter .current { font-family: trade-gothic-next, sans-serif; } iframe img .i-amphtml-fill-content { min-width: auto; } #footer { background: rgb(83, 86, 90); color: rgb(255, 255, 255); font-size: 0.9rem; } #footer a { color: rgb(255, 255, 255); } #footer p:not(:last-child)::after { content: "|"; padding: 0px 0.5rem; color: rgb(171, 171, 171); } #footer .links { justify-content: center; } @media (min-width: 768px) { #footer .links { justify-content: left; } } #footer .social ul { justify-content: center; list-style: none; } @media (min-width: 768px) { #footer .social ul { justify-content: flex-end; } } @media (max-width: 768px) { #footer .social ul { padding-top: 1rem; } } #footer .social ul img { width: 30px; } @media (min-width: 0) { #footer p:nth-child(1)::after { content: ""; } #footer p:nth-child(2)::after { content: ""; } #footer p:nth-child(3)::after { content: "|"; } #footer p:nth-child(4)::after { content: "|"; } #footer p:nth-child(5)::after { content: ""; } #footer p:nth-child(6)::after { content: "|"; } #footer p:nth-child(7)::after { content: ""; } } @media (min-width: 390px) { #footer p:nth-child(1)::after { content: ""; } #footer p:nth-child(2)::after { content: ""; } #footer p:nth-child(3)::after { content: "|"; } #footer p:nth-child(4)::after { content: "|"; } #footer p:nth-child(5)::after { content: "|"; } #footer p:nth-child(6)::after { content: ""; } #footer p:nth-child(7)::after { content: "|"; } } @media (min-width: 409px) { #footer p:nth-child(1)::after { content: ""; } #footer p:nth-child(2)::after { content: "|"; } #footer p:nth-child(3)::after { content: ""; } #footer p:nth-child(4)::after { content: "|"; } #footer p:nth-child(5)::after { content: "|"; } #footer p:nth-child(6)::after { content: ""; } #footer p:nth-child(7)::after { content: "|"; } } @media (min-width: 488px) { #footer p:nth-child(1)::after { content: ""; } #footer p:nth-child(2)::after { content: "|"; } #footer p:nth-child(3)::after { content: ""; } #footer p:nth-child(4)::after { content: "|"; } #footer p:nth-child(5)::after { content: "|"; } #footer p:nth-child(6)::after { content: "|"; } #footer p:nth-child(7)::after { content: ""; } } @media (min-width: 495px) { #footer p:nth-child(1)::after { content: ""; } #footer p:nth-child(2)::after { content: "|"; } #footer p:nth-child(3)::after { content: "|"; } #footer p:nth-child(4)::after { content: ""; } #footer p:nth-child(5)::after { content: "|"; } #footer p:nth-child(6)::after { content: "|"; } #footer p:nth-child(7)::after { content: ""; } } @media (min-width: 498px) { #footer p:nth-child(1)::after { content: "|"; } #footer p:nth-child(2)::after { content: ""; } #footer p:nth-child(3)::after { content: "|"; } #footer p:nth-child(4)::after { content: "|"; } #footer p:nth-child(5)::after { content: "|"; } #footer p:nth-child(6)::after { content: ""; } #footer p:nth-child(7)::after { content: "|"; } } @media (min-width: 768px) { #footer p:nth-child(1)::after { content: ""; } #footer p:nth-child(2)::after { content: ""; } #footer p:nth-child(3)::after { content: "|"; } #footer p:nth-child(4)::after { content: "|"; } #footer p:nth-child(5)::after { content: ""; } #footer p:nth-child(6)::after { content: "|"; } #footer p:nth-child(7)::after { content: ""; } } @media (min-width: 992px) { #footer p:nth-child(1)::after { content: ""; } #footer p:nth-child(2)::after { content: "|"; } #footer p:nth-child(3)::after { content: ""; } #footer p:nth-child(4)::after { content: "|"; } #footer p:nth-child(5)::after { content: "|"; } #footer p:nth-child(6)::after { content: "|"; } #footer p:nth-child(7)::after { content: ""; } } @media (min-width: 1200px) { #footer p:nth-child(1)::after { content: "|"; } #footer p:nth-child(2)::after { content: ""; } #footer p:nth-child(3)::after { content: "|"; } #footer p:nth-child(4)::after { content: "|"; } #footer p:nth-child(5)::after { content: "|"; } #footer p:nth-child(6)::after { content: ""; } #footer p:nth-child(7)::after { content: "|"; } } .page_station svg { max-width: 150px; } @media (min-width: 576px) { .page_station svg { } } .page_station .fullWidthLink { background: rgb(114, 118, 121); text-align: center; } .page_station .fullWidthLink a { color: rgb(242, 205, 0); width: 100%; } .page_station .scheduleLink { border-bottom: 1rem solid rgb(255, 255, 255); } .page_station .stationSocial a { font-style: italic; text-decoration: none; } @media (min-width: 576px) { .page_station .stationSocial { display: flex; justify-content: space-between; } } .tvStations h3 { font-size: 1rem; } .tvStations .d-md-flex { display: none; } .tvStations .tvChanels { line-height: 1.1; } @media (min-width: 768px) { .tvStations .tvChanels { text-align: end; align-self: flex-end; } } .tvStations .tvStation_passport p { font-size: 1rem; } .stationContainer h1 { font-size: 2.3rem; } .stationContainer .radioContainer { background-color: rgb(242, 241, 240); } @media (min-width: 768px) { .stationContainer .radioContainer { box-shadow: rgb(170, 170, 170) 5px 0px 3px -3px; } } .stationContainer .radioContainer .radio-station .station:last-child { border-bottom: none; } .station { font-size: 1.25rem; text-align: center; padding-top: 3rem; } @media (min-width: 576px) { .station { text-align: left; } } .station .nowplaying { line-height: 1.2; color: rgb(83, 86, 90); margin-left: 0px; } @media (min-width: 768px) { .station .nowplaying { margin-left: 1rem; } } .station > div:first-child { margin-bottom: 1rem; } @media (min-width: 768px) { .station > div:first-child { margin-bottom: 0px; } } .station > div:nth-last-child(2) { font-size: 1rem; font-style: italic; } .station svg { max-width: 100%; height: 75px; margin-top: -30px; display: block; margin-left: auto; margin-right: auto; } @media (min-width: 576px) { .station svg { margin-left: 0px; } } .station #svg_logo_1920s { height: 105px; } .station .bigLeaf, .station .leftLeaf, .station .topLeaf { opacity: 0; } .station svg:hover .bigLeaf { opacity: 1; animation: 500ms ease-in-out 0s 1 normal none running scaleBigLeaf; transform-origin: 105px 70px; } .station svg:hover .leftLeaf { opacity: 1; animation: 600ms ease-in-out 0s 1 normal none running scaleLeftLeaf; transform-origin: 105px 40px; } .station svg:hover .topLeaf { opacity: 1; animation: 700ms ease-in-out 0s 1 normal none running scaleTopLeaf; transform-origin: 105px 20px; } .station #svg_logo_altRadio:hover .bigLeaf { transform-origin: 85px 70px; } .station #svg_logo_altRadio:hover .leftLeaf { transform-origin: 85px 40px; } .station #svg_logo_altRadio:hover .topLeaf { transform-origin: 85px 20px; } .station #svg_logo_1920s:hover .bigLeaf { transform-origin: 125px 70px; } .station #svg_logo_1920s:hover .leftLeaf { transform-origin: 125px 40px; } .station #svg_logo_1920s:hover .topLeaf { transform-origin: 125px 20px; } @media (-ms-high-contrast: none) { } @keyframes scaleBigLeaf { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes scaleLeftLeaf { 0% { opacity: 0; transform: scale(0); } 60% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes scaleTopLeaf { 0% { opacity: 0; transform: scale(0); } 70% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } #resultsContainer_shows h1, #programsContainer h1 { font-size: 1.3rem; line-height: 1.2; color: rgb(83, 86, 90); } @media (max-width: 767px) { #resultsContainer_shows > .row > div:nth-child(2n+1):nth-last-child(-n+2), #resultsContainer_shows > .row > div:nth-child(2n+1):nth-last-child(-n+2) ~ div, #programsContainer > .row > div:nth-child(2n+1):nth-last-child(-n+2), #programsContainer > .row > div:nth-child(2n+1):nth-last-child(-n+2) ~ div { border: 0px; } } @media (min-width: 768px) and (max-width: 991px) { #resultsContainer_shows > .row > div:nth-child(3n+1):nth-last-child(-n+3), #resultsContainer_shows > .row > div:nth-child(3n+1):nth-last-child(-n+3) ~ div, #programsContainer > .row > div:nth-child(3n+1):nth-last-child(-n+3), #programsContainer > .row > div:nth-child(3n+1):nth-last-child(-n+3) ~ div { border: 0px; } } @media (min-width: 992px) { #resultsContainer_shows > .row > div:nth-child(4n+1):nth-last-child(-n+4), #resultsContainer_shows > .row > div:nth-child(4n+1):nth-last-child(-n+4) ~ div, #programsContainer > .row > div:nth-child(4n+1):nth-last-child(-n+4), #programsContainer > .row > div:nth-child(4n+1):nth-last-child(-n+4) ~ div { border: 0px; } } .prog_desc a { position: relative; } .prog_desc a:hover, .prog_desc a:focus { text-decoration: none; } .prog_desc a::before, .prog_desc a::after { position: absolute; top: 100%; left: 0px; width: 100%; height: 1px; background: rgb(0, 79, 113); content: ""; transition: transform 0.3s ease 0s; transform: scale(0.85); } .prog_desc a::after { opacity: 0; transition: top 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s; } .prog_desc a:focus::before, .prog_desc a:focus::after, .prog_desc a:hover::before, .prog_desc a:hover::after { transform: scale(1); } .prog_desc a:focus::after, .prog_desc a:hover::after { top: -3px; opacity: 1; } .prog_desc a.imageLink::before, .prog_desc a.imageLink::after { height: 0px; } .page_program_tv .prog_desc { font-size: 1.25rem; } .page_program_tv .funder_msg { font-style: italic; font-size: 1rem; } .page_program_tv h2 { font-style: italic; } .page_program_tv .seasonCollapsed { background: rgb(83, 86, 90); color: rgb(255, 255, 255); } .page_program_tv .seasonCollapsed h2 { font-size: 1.25rem; } .page_program_tv .seasonCollapsed h2 span { cursor: pointer; font-size: 1rem; border-bottom: 1px dashed; } .page_program_tv .collections a { color: rgb(83, 86, 90); } @media (min-width: 576px) { .page_program_tv .collections .collectionsEps { margin-right: -30px; margin-left: -30px; } .page_program_tv .collections .collectionsEps > div { padding-left: 30px; padding-right: 30px; } } .page_program_tv .collections .collectionsEps a { display: block; position: relative; } .page_program_tv .collections .collectionsEps img { width: 100%; } .page_program_tv .collections .collectionsEps .img_passport { position: absolute; top: 7px; left: 15px; width: 65px; } @media (max-width: 576px) { .page_program_tv .collections .collectionsEps .img_passport { width: 115px; } } .page_program_tv .collectionsCollapsed { background: rgb(83, 86, 90); color: rgb(255, 255, 255); } .page_program_tv .collectionsCollapsed h2 { font-size: 1.25rem; } .page_program_tv .collectionsCollapsed h2 span { cursor: pointer; font-size: 1rem; border-bottom: 1px dashed; } .page_program_tv a, .collections a, .seasons a { color: rgb(83, 86, 90); } .page_program_tv h3, .collections h3, .seasons h3 { font-size: 1.25rem; line-height: 1; } @media (min-width: 576px) { .page_program_tv .collectionsEps, .page_program_tv .seasonEps, .collections .collectionsEps, .collections .seasonEps, .seasons .collectionsEps, .seasons .seasonEps { margin-right: -30px; margin-left: -30px; } .page_program_tv .collectionsEps > div, .page_program_tv .seasonEps > div, .collections .collectionsEps > div, .collections .seasonEps > div, .seasons .collectionsEps > div, .seasons .seasonEps > div { padding-left: 30px; padding-right: 30px; } } .page_program_tv .collectionsEps a, .page_program_tv .seasonEps a, .collections .collectionsEps a, .collections .seasonEps a, .seasons .collectionsEps a, .seasons .seasonEps a { display: block; position: relative; } .page_program_tv .collectionsEps img, .page_program_tv .seasonEps img, .collections .collectionsEps img, .collections .seasonEps img, .seasons .collectionsEps img, .seasons .seasonEps img { width: 100%; } .page_program_tv .collectionsEps .img_passport, .page_program_tv .seasonEps .img_passport, .collections .collectionsEps .img_passport, .collections .seasonEps .img_passport, .seasons .collectionsEps .img_passport, .seasons .seasonEps .img_passport { position: absolute; top: 0px; left: 0px; width: 95px; } @media (min-width: 576px) { .page_program_tv .collectionsEps .img_passport, .page_program_tv .seasonEps .img_passport, .collections .collectionsEps .img_passport, .collections .seasonEps .img_passport, .seasons .collectionsEps .img_passport, .seasons .seasonEps .img_passport { width: 65px; } } @media (min-width: 768px) { .page_program_tv .collectionsEps .img_passport, .page_program_tv .seasonEps .img_passport, .collections .collectionsEps .img_passport, .collections .seasonEps .img_passport, .seasons .collectionsEps .img_passport, .seasons .seasonEps .img_passport { width: 60px; } } @media (min-width: 1200px) { .page_program_tv .collectionsEps .img_passport, .page_program_tv .seasonEps .img_passport, .collections .collectionsEps .img_passport, .collections .seasonEps .img_passport, .seasons .collectionsEps .img_passport, .seasons .seasonEps .img_passport { width: 70px; } } .binge_showlists .img_program { margin-top: 7px; } .binge_showlists .img_passport { position: absolute; top: 7px; left: 15px; width: 85px; } @media (max-width: 576px) { .binge_showlists .img_passport { width: 85px; } } @media (max-width: 992px) { .binge_showlists .md-mt { margin-top: 16px; } } .nowPlayingDiv { position: relative; } .nowPlayingDiv .nowPlayingText { position: absolute; top: 37%; z-index: 1; color: rgb(255, 255, 255); text-align: center; width: 100%; font-family: trade-gothic-next, sans-serif; font-size: 22px; } .textDiv { position: absolute; inset: 0px; background-color: rgba(53, 54, 57, 0.8); } .page_program_radio h1 { font-size: 1.75rem; line-height: 1.2; } .page_program_radio h2 { font-style: italic; } .page_program_radio .episodeContainer .segments .rowDiv { width: 510px; } @media (min-width: 1000px) { .page_program_radio .episodeContainer .segments .rowDiv { width: 610px; } } @media (min-width: 1200px) { .page_program_radio .episodeContainer .segments .rowDiv { width: 730px; } } .page_episode h2 { font-size: 1.25rem; } .page_episode h2 a { color: rgb(114, 118, 121); } .page_episode .ep_details { font-size: 1.25rem; } .page_episode .ep_meta { font-size: 1rem; } .page_episode .needPassport h1 { color: rgb(255, 255, 255); font-size: 1.25rem; } @media (max-width: 576px) { .page_episode .needPassport h1 { font-size: 1rem; } } .page_episode .needPassport h2 { font-style: italic; font-size: 1.125rem; } .page_episode .needPassport a { color: rgb(255, 255, 255); text-decoration: underline; } .page_episode .needPassport .btn { border: 1px solid rgb(0, 79, 113); background: rgb(0, 79, 113); padding: 4px 30px; font-size: 1.275rem; text-decoration: none; display: block; width: 190px; margin: 0px auto; color: rgb(255, 255, 255) !important; } @media (max-width: 576px) { .page_episode .needPassport .btn { margin-top: 1.725rem; font-size: 1.125rem; width: 165px; } } .page_episode .needPassport .col { border: 1px solid rgb(187, 187, 187); } .page_episode .needPassport .col p { font-size: 1rem; } .page_episode .needPassport .d-sm-block, .page_episode .needPassport .d-md-flex { display: none; } @media (min-width: 992px) { .page_episode .needPassport > div > div { padding: 3rem; } } @media (min-width: 576px) { .page_episode .needPassport .d-lg-none { display: none; } } .page_episode .passport-msg { display: flex; } .page_episode .passport-msg .left { margin-right: 10px; } @media (max-width: 410px) { .page_episode .passport-msg .flex-1 { flex-basis: 86px; } } .page_episode .passport-msg .right { align-self: end; } .page_episode #partnerPlayer { top: 0px; left: 0px; } .playlist { color: rgb(114, 118, 121); } .playlist > div { border-bottom: 1px solid rgb(217, 217, 214); } .playlist > div:nth-child(n):nth-child(-n+4) { color: rgb(83, 86, 90); border-width: 2px; } @media (max-width: 768px) { .playlist > div:nth-child(n):nth-child(-n+4) { display: none; } .playlist > div::before { float: left; width: 50px; font-family: trade-gothic-next, sans-serif; } .playlist > div:nth-child(4n+1)::before { content: "Time"; } .playlist > div:nth-child(4n+2)::before { content: "Song"; } .playlist > div:nth-child(4n+3) { border-bottom: 3px solid rgb(217, 217, 214); } .playlist > div:nth-child(4n+3)::before { content: "Artist"; } .playlist > div:nth-child(4n) { display: none; } .page_station .playlist > div::before, .playlist.playlist_classical > div::before { width: 75px; } .page_station .playlist > div:nth-child(4n+2)::before, .playlist.playlist_classical > div:nth-child(4n+2)::before { content: "Composer"; } .page_station .playlist > div:nth-child(4n+3)::before, .playlist.playlist_classical > div:nth-child(4n+3)::before { content: "Title"; } } .segments { color: rgb(114, 118, 121); } @media (min-width: 768px) { .segments .rowDiv { display: flex; } } .segments > .rowDiv { border-top: 1px solid rgb(217, 217, 214); } .segments > div:nth-child(n):nth-child(-n+3) { color: rgb(83, 86, 90); border-width: 2px; } .segments .isPlaying { background-color: rgb(241, 246, 249); border-bottom: 1px solid rgb(242, 205, 0) !important; border-top: 1px solid rgb(242, 205, 0) !important; } .segments .isPlaying + div { border-top: 0px; } @media (max-width: 768px) { .segments > div:nth-child(n):nth-child(-n+3) { display: none; } .segments > div { border-bottom: 0px; } .segments > div > div:nth-child(3n+2) { font-family: trade-gothic-next, sans-serif; } .segments .rowDiv { border-top: 3px solid rgb(217, 217, 214); } .segments > div:last-child { border-bottom: 3px solid rgb(217, 217, 214); } .segments .isPlaying { border-bottom: 3px solid rgb(242, 205, 0) !important; border-top: 3px solid rgb(242, 205, 0) !important; } } .stationPlaylistHeader { background: rgb(83, 86, 90); color: rgb(255, 255, 255); } .stationPlaylistHeader h2 { font-size: 1.25rem; } .stationPlaylistHeader h2 span { cursor: pointer; font-size: 1rem; border-bottom: 1px dashed; } .page_archive h1 { font-size: 1.75rem; } .page_archive h2 { font-style: italic; } .page_archive .yearsContainer { flex-direction: row-reverse; border-bottom: 2px solid rgb(217, 217, 214); } .page_archive .yearsContainer .col { flex: 1 0 50px; } .page_archive .monthsContainer { border-bottom: 1px solid rgb(217, 217, 214); } .page_archive .monthsContainer .col { flex: 1 0 75px; } .page_archive .yearTrigger, .page_archive .monthTrigger { cursor: pointer; list-style: none; } .page_archive li span { display: inline-block; padding: 0.5rem 0.75rem 0.25rem; } .page_archive li span.current, .page_archive li span:hover { background: rgb(238, 238, 238); } .page_archive .yearsContainer li span { font-family: trade-gothic-next, sans-serif; } .page_landingPage_request #btnSubmitRequest { width: 175px; padding-bottom: 5px; padding-top: 5px; transition: all 0.3s ease 0s; } .page_landingPage_request #btnSubmitRequest:hover { box-shadow: rgb(242, 205, 0) 0px 0px 0px 3px inset; } .page_landingPage_request .error-form { display: none; color: rgb(170, 38, 16); } @media (min-width: 576px) { .page_landingPage_request .rightAlign { text-align: right; } } @media (min-width: 768px) { .page_landingPage_request #first_name, .page_landingPage_request #last_name { width: 165px; } } @media (min-width: 992px) { .page_landingPage_request #first_name, .page_landingPage_request #last_name { width: 158px; } } @media (min-width: 1200px) { .page_landingPage_request #first_name, .page_landingPage_request #last_name { width: 203px; } } .page_landingPage_calendar #btnSubmitRequest { width: 175px; padding-bottom: 5px; padding-top: 5px; transition: all 0.3s ease 0s; } .page_landingPage_calendar #btnSubmitRequest:hover { box-shadow: rgb(242, 205, 0) 0px 0px 0px 3px inset; } .page_landingPage_calendar .error-form { display: none; color: rgb(170, 38, 16); } @media (min-width: 576px) { .page_landingPage_calendar .rightAlign { text-align: right; } } @media (min-width: 768px) { .page_landingPage_calendar #first_name, .page_landingPage_calendar #last_name, .page_landingPage_calendar #date, .page_landingPage_calendar #time { width: 165px; } } @media (min-width: 992px) { .page_landingPage_calendar #first_name, .page_landingPage_calendar #last_name, .page_landingPage_calendar #date, .page_landingPage_calendar #time { width: 158px; } } @media (min-width: 1200px) { .page_landingPage_calendar #first_name, .page_landingPage_calendar #last_name, .page_landingPage_calendar #date, .page_landingPage_calendar #time { width: 203px; } } .page_landingPage_open_mic_registration div:nth-of-type(2) { margin-right: 4rem; } .page_landingPage_open_mic_registration #btnSubmitRequest { width: 175px; padding-bottom: 5px; padding-top: 5px; transition: all 0.3s ease 0s; } .page_landingPage_open_mic_registration #btnSubmitRequest:hover { box-shadow: rgb(242, 205, 0) 0px 0px 0px 3px inset; } .page_landingPage_open_mic_registration .required { color: red; } .page_landingPage_open_mic_registration .error-form { display: none; color: rgb(170, 38, 16); } .page_landingPage_open_mic_registration .form-group { margin-right: 4rem; } @media (min-width: 992px) { .page_landingPage_open_mic_registration .rightAlign { text-align: right; } } @media (min-width: 768px) { .page_landingPage_open_mic_registration #first_name, .page_landingPage_open_mic_registration #last_name { width: 165px; } } @media (min-width: 992px) { .page_landingPage_open_mic_registration #first_name, .page_landingPage_open_mic_registration #last_name { width: 158px; } } @media (min-width: 1200px) { .page_landingPage_open_mic_registration #first_name, .page_landingPage_open_mic_registration #last_name { width: 203px; } } .page_search_results .searchHeader { background-color: rgb(232, 240, 244); } @media (min-width: 768px) { .page_search_results .searchHeader { display: flex; align-items: center; } } .page_search_results .searchHeader input { padding: 2px 10px; } .page_search_results #resultsContainer_shows > h2, .page_search_results #resultsContainer_episodes > h2 { align-items: flex-start; border-bottom: 1px solid rgb(217, 217, 214); justify-content: space-between; } .page_search_results #resultsContainer_shows > h2 button, .page_search_results #resultsContainer_episodes > h2 button { font-size: 1rem; } .page_search_results #resultsContainer_shows h3 { font-size: 1.3rem; line-height: 1.2; color: rgb(83, 86, 90); } .page_search_results #showRowsContainer > .row > div:nth-child(n+5), .page_search_results #episodeRowsContainer > .row > div:nth-child(n+5) { display: none; } @media (min-width: 768px) { .page_search_results #showRowsContainer > .row > div:nth-child(n+4), .page_search_results #episodeRowsContainer > .row > div:nth-child(n+4) { display: none; } } @media (min-width: 992px) { .page_search_results #showRowsContainer > .row > div:nth-child(4), .page_search_results #episodeRowsContainer > .row > div:nth-child(4) { display: block; } } #dialogMediaConfig { position: absolute; z-index: 100; top: 0px; width: 100%; color: rgb(255, 255, 255); background: rgb(68, 68, 68); height: 100%; } #dialogMediaConfig label { display: block; clear: both; height: 1.5rem; } #dialogMediaConfig select { float: right; margin-left: 1rem; } .page_program_curate .seasonEps { margin-right: -15px; margin-left: -15px; } .page_program_curate .seasonEps > div { padding-left: 15px; padding-right: 15px; } .page_program_hearsay #player .jw-settings-topbar, .page_program_hearsay #player:not(.jw-state-idle) .jw-controlbar, .page_program_hearsay #player.jw-flag-audio-player .jw-controlbar { background-color: rgb(132, 168, 216) !important; } .page_program_hearsay .jw-button-color, .page_program_hearsay .jw-text { color: rgb(0, 0, 0) !important; } .page_program_hearsay .jw-slider-time .jw-rail { background-color: rgba(0, 0, 0, 0.2); } .page_program_hearsay .jw-slider-time .jw-buffer { background-color: rgba(0, 0, 0, 0.4); } .page_program_hearsay .jw-progress { background-color: rgba(0, 0, 0, 0.6); } .page_program_anotherview #player .jw-settings-topbar, .page_program_anotherview #player:not(.jw-state-idle) .jw-controlbar, .page_program_anotherview #player.jw-flag-audio-player .jw-controlbar { background-color: rgb(153, 237, 237) !important; } .page_program_anotherview .jw-button-color, .page_program_anotherview .jw-text { color: rgb(0, 0, 0) !important; } .page_program_anotherview .jw-slider-time .jw-rail { background-color: rgba(0, 0, 0, 0.2); } .page_program_anotherview .jw-slider-time .jw-buffer { background-color: rgba(0, 0, 0, 0.4); } .page_program_anotherview .jw-progress { background-color: rgba(0, 0, 0, 0.6); } .page_station_whrv .colorWrapper { background: url("/assets/imgs/custom/whrv/cityscape.png") 90% bottom no-repeat rgb(255, 255, 255); padding-bottom: 250px; } .page_station_whro .colorWrapper { background: url("/assets/imgs/custom/whro/cityscape.png") 90% bottom no-repeat rgb(255, 255, 255); padding-bottom: 250px; } .page_station_whro #footer #charTrees1 .stationColor { fill: rgb(134, 187, 230); } @media (max-width: 360px) { .pledgeBanner .siteBannerInner .mobile-view { padding-right: 10px; width: 190px; } } .tvStations ul li h2 { font-size: 1.15rem; } .tvStations .vaClassroom h2 { font-size: 1.25rem; } .blocker { position: fixed; inset: 0px; width: 100%; height: 100%; overflow: auto; z-index: 100; padding: 20px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.85); text-align: center; } .blocker::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: rgba(0, 0, 0, 0); } .modal-stand { display: inline-block; vertical-align: middle; position: relative; z-index: 2; box-sizing: border-box; width: 90%; background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgb(0, 0, 0) 0px 0px 10px; text-align: left; } .modal-stand a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url("data:image/png;base64,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") 0px 0px no-repeat; } .modal-stand { border: 0px; border-radius: 0px; box-shadow: none; width: 780px; height: 574px; max-width: 100%; color: rgb(199, 201, 199); font-family: trade-gothic-next, sans-serif; font-weight: 300; padding: 0.5rem; letter-spacing: 2px; } .modal-stand h1 { position: absolute; font-size: 42px; color: rgb(255, 255, 255); font-family: trade-gothic-next, sans-serif; font-weight: 700; font-style: italic; margin: 1rem auto 0px; line-height: 1; text-align: center; width: 100%; } .first { top: 62%; } .second { top: 62%; } .modal-stand a { display: block; text-align: center; } .modal-stand .link-div { text-align: center; position: absolute; width: 100%; bottom: 3.5rem; } .modal-stand .modal-link { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); padding: 10px 12px; font-size: 30px; font-weight: normal; width: 270px; height: 63px; margin: 0px auto; font-family: trade-gothic-next, sans-serif; text-decoration: none; border: 3px solid rgb(255, 255, 255); } .modal-stand .modal-link:hover { color: rgb(255, 255, 255); border: 3px solid rgb(242, 205, 0); text-decoration: none; } .modal-stand .modal-close { color: rgb(199, 201, 199); } @media (min-width: 650px) and (max-width: 768px) { .modal-stand h1 { font-size: 25px; } } @media (max-width: 650px) { .modal-stand { background: 0px 0px no-repeat rgba(0, 0, 0, 0); width: 320px; } .modal-stand h1 { font-size: 1.75rem; } .modal-stand .link-div { bottom: 12rem; width: 94%; } .modal-stand .modal-link { width: 222px; padding: 7px 14px; margin-bottom: 9rem; font-size: 20px; height: 45px; } .first { top: 35%; } .second { top: 38%; } } (cache)The Cat in the Hat
WHRO Public Media

MEDIA PLAYER

The Cat in the Hat
The Cat introduces scientific inquiry skills, teaching core science concepts and vocabulary while taking your preschoolers on fun-filled adventures. Ages: 2-5 Educational Goal: Science, Language and Literacy

Season 2

Babies/Fast

Episode 8

Animals carry their babies in different ways. /The kids fly as fast as a peregrine falcon.

Little Lemmings/Keep the Beat

Episode 9

The kids want to play but it's cold out./The kids shrink down to learn about their hearts.

Name That Sound/Fabulous Feathers

Episode 10

Nick, Sally, and Cat make sounds with a cricket. / The gang find feathers with a peacock.

Season 1 show more