@charset "utf-8";
/* CSS Document This is temp */

/**************************************

YouTube and Vimeo Responsive Rewrite 

 Must use this container
__________________________________
<div class="responsive-video">
    <iframe  title="Insert a Title (Optional)" src="https://player.vimeo.com/video/InsertPathNumberHere" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen>
    </iframe>
</div>
*/
/* journalism */

.relative{
    position: relative;
}

.absolute{
    position:absolute;
}

.top{
    top: 0;
}

    .covid-journalism .float-left{    
 float: left;
 padding: 0 10px 0 0;
    }
    
    .j-article img{
        max-width: 160px;
        width: calc(100%/1);
    }
    
    .j-article{
        display: block;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: solid 1px #4E4E4E;
    } 

.j-article:first-child{
    padding-top: 10px;
}
    
     .covid-journalism {
        padding-top: 0;
         font-weight: 700;
         width: 100%;
         max-width: 100%;
    }
    
     .covid-journalism .h1{
        padding-top: 0;
        margin-top: 0;
    }
   .covid-journalism .credit{
        padding: 3px 0 30px 20px;
        font-size: 12px;
        line-height: 11px;
    } 
    
    .s1.btn-default{
        margin-top: 3px;
    }
    .feature {
    margin-top: -15px;
}


h2.journalism-headline {
    border-bottom: solid;
    padding-bottom: 25px;
    margin-bottom: 25px;
    font-size: 1.6em;
    text-align: justify;
    text-justify: inter-word;
    font-family: monospace;
    color: #594a4a;
}
/* typewriter */
    .i {
        font-size: 1.1em;
        color: #9E9D9D;
        margin-left: -1px;
    }
       .g {
           font-weight: 800;
           margin-left: -1px;
           color: black;
       } 
       
        .e {
           font-weight: 800;
           margin-left: -1px;
            font-size: .9em;
            color: black;
       } 

/* Move COVID navigation to the end */

/* nav .menu-13267 {
    position: absolute;
    right: -90px;
} */


 .responsive-video { 
         position: relative; 
         padding-bottom: 56.25%; 
    /*   height: 0;  */
         overflow: hidden; 
         max-width: 100%; 
         height: auto; 
} 
     
  .responsive-video iframe, .responsive-video object, .responsive-video embed { 
         position: absolute; 
         top: 0; 
         left: 0; 
         width: 100%; 
         height: 100%; 
  }

.min-width-100 {
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: calc(100%/1);
}

/* turn .container into .comtainer-fluid */

h3.h3-red{
    color: #ec302e;
    }
       
img.pull-left.flag {
    position: relative;
    left: -3px;
    top: 14px;
    float: left !important;
    margin-right: 6px;
}
       span.greyme{
           color: #23292A;
       }
       h3.h3-blue{
           color: #025A9A;
       }
       
       .map{
           padding-right: 10%;
       }

.Covid-19-Journalism .breadcrumb,  .Covid-19 .breadcrumb, .page-covid-19-podcasts-cards .breadcrumb, .page-covid-resources  .breadcrumb, .page-covid-resources  h1.page-header, Covid-19 .breadcrumb, .page-covid-19-podcasts-cards .breadcrumb{
  position: relative;
z-index: 50;
}

.page-covid-resources h1{
    display: none;
}




.Covid-19 .main-container.container{
    width: 100% !important; 
}

.Covid-19 .media-row.container-fluid{
    padding: 30px;
}

.Covid-19 .container, .Covid-19 .container-fluid {
   margin: auto;
    max-width: 2500px;
}

.Covid-19 .media-row.container-fluid{
    padding: 30px;
}


.Covid-19 .well {
    background-color: #ffffff !important;
    background: #ffffff !important;  
}


.Covid-19 .header-bar  {
    margin-bottom: 0 !important;
}

.Covid-19 .header-bar {
    margin-bottom: 0 !important;
}
.page-covid-resources .header-bar  {
    margin-bottom: 0 !important;
}

.page-covid-resources .header-bar  {
    margin-bottom: 0 !important;
}




/**************************** Covid-19 Splash ******************************/

#map-covid{
    max-width: 100%;
    height: 450px;
    margin: 50px auto;
}

#map-covid .jvectormap-container {
    background: #fff !important;
}


/*  Cards */


/* Shadow Hover PBS Kids */
.make-it-fast {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  border-radius: 80px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.make-it-fast::after {
  content: "";
  border-radius: 80px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.make-it-fast:hover {
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}

.make-it-fast:hover::after {
    opacity: 1;
}

.col-md-8.relative{
    position: relative !important;
}

/* US HOVER */


.hover-map-container{
    position:relative;
    width: 100%;
}

.us-ani {
  position: relative !important;
      -webkit-transform: scale(1.0, 1.0);
  transform: scale(1.0, 1.0);
    left: 0;
    top: 0;
    width: 100%;
    filter: drop-shadow(2px 2px 2px #222);
    opacity: 1;
    -webkit-transition: all 5s .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 5s .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hover-map .us-ani {
  -webkit-transform: scale(.95, .95);
  transform: scale(.8, .8);   
  filter: drop-shadow(-2px -2px -2px #222); 
   opacity: .5;    
}

/* .us-ani:hover::after {
    opacity: 1;    
} */
/**** US LOGOS */

.pod-top .get-local {
    padding-left: 16px;
}



.us-logos {
    position: absolute;
    z-index: 10;
      -webkit-transform: scale(1.0, 1.0);
  transform: scale(1.0, 1.0);
    left: 0;
    top: 0;
    width: 100%;
    filter: drop-shadow(0 0 0 #fff);
    opacity: .5;
    -webkit-transition: all 0.6s .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s .2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hover-map .us-logos  {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);   
  filter: drop-shadow(5px 5px 5px #7C7C7C); 
   opacity: 1;    
}

.btn.btn-primary.btn-explore {
    display: none;
    position: absolute;
  top: 40%;
  left: 50%;
  -ms-transform: translate(-60%);     
  transform: translate(-60%);       
     z-index: 15;    
    background: #02155E;
    border: solid #C7C4C4;
    -webkit-transition: all 0.3s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s 1s cubic-bezier(0.165, 0.84, 0.44, 1);  
    font-size: 20px;
    padding: 10px;
}

/*.btn.btn-primary.btn-explore:hover {
    background: #02107B !important;
} */



h3.germs-headline {
    background: #0ea035;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    padding: 16px 10px;
    border-radius: 5px 5px 0 0;
    border-bottom: solid 10px #003e01;
    margin-bottom: 0;
    margin-top: 87px;
    text-align: center;
    font-family: inherit;
    text-transform: uppercase;
    min-height: 20px;
}

a.arrow-link {
    position: relative;
    z-index: 10;
}

a.arrow-link::after {
    content: "›";
    font-size: 22px;
    position: absolute;
    margin: -8px 0 0 3px;
    font-weight: 900;
    z-index: 10;
}

.pod-column  a.fademe::after {
    content: "";
}


a img.saturateme {
    filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    cursor: pointer;
    transition: all 300ms ease;
  }

a img.saturateme:hover {
filter:saturate(100%); 
cursor: pointer;
transition: all 100ms ease;
}



.vid-lower {
    border: solid 1px lightgray;
    border-top: none;
    padding: 12px 12px 18px 12px;
    background: #f2f2f2;
    border-radius: 0 0 5px 5px;
}


section.card-cover {
    margin: auto;
}
.cardme {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 21%;
  border-radius: 10px;
  float: left;
  margin: 10px;
}

.cardme:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.cardme img {
  border-radius: 10px 10px 0 0;
  width: 100%;    
}


.cardme-pod {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 10px;
  margin: 3%; 
  padding: 0;   
}

.cardme-pod:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.cardme-pod img{
    width: calc(100%/1);
    border-radius: 10px 10px 0 0;
}

.cardme-container {
    text-align: right;
}




.call-letters {
    text-align: right;
    background: url(../img/podwire.png);
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: 11px center;
}


.call-letters a {
    background: #fff;
    padding-left: 3px;
    font-size: 18px;
    font-weight: 900;
}

.title-card {
    text-align: center;
    font-size: 15px;
    background: #012c8c;
    color: #fff;
    line-height: 15px;
    padding: 6px 0;
    border-top: solid 1px #b3b3b3;
}

 .res-container{
        width: 100%;
  } 
    
.res-container img {
    width: calc(98% / 3);
    border: solid 1px #ababab;
    padding: 0 !important;
   margin-left: -3px !important;
    margin-right: -3px !important; 
    opacity: 1;    
  transition: opacity .3s;
  transition-timing-function: linear;
}

.res-container img:hover{
    opacity: .5;
}

img.WUWF {
    padding-top: 20px;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

/* Fad-in.one is for Splash and Journalism */
.fade-in.one {
  z-index: 0;    
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
  animation-delay: .7s;
}
/* Fade-in.two, three, and four are for the podcast cards banner */
.fade-in.two {
  z-index: 1;
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
  animation-delay: .7s;
} 

.fade-in.three {
  z-index: 2;    
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1.5s;
} 

.fade-in.four {
  z-index: 3;    
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  animation-delay: 1.3s;
} 

.onex{
    opacity: .3;
}

/**************** NPR News Feed *********************/


.feedme-credits.absolute {
    position: inherit;
    top: -18px;
    height: 0px;
    line-height: 11px;
    font-size: 10px;
    padding: 2px 0;
    max-width: 260px; 
/*    margin-left: calc(100% - 220px);    */    
}

.block-cpb-npr-pull img {
    max-width: 260px;
    width: 100%;
    padding: 10px 0px 13px 0px;
    object-fit: cover;
/*    margin-left: calc(100% - 220px);  */  
}

.cpb-npr-feed-image-wrapper {
    right: 0;
    top: 0;
    position: absolute;
}

.cpb-npr-feed-image-wrapper img {
    text-indent: -99999px;
    text-size: .0001em;
}

.cpb-npr-feed-date,.cpb-npr-feed-byline{      
  /*      padding: 0 10px 0 10px; */
}


.cpb-npr-feed-byline, .newshour-byline  {
    font-size: 14px;
    font-style: oblique;
    font-weight: 900;
    color: #ae728b;
    padding-bottom: 6px;
}

.newshour-byline {
    padding-top: 5px;
}


 .cpb-npr-feed-record{
    position: relative;
    margin: 10px 5px 14px 10px;
    text-align: left;   
}

.cpb-npr-feed-url-cover {
    font-size: 17px;
    line-height: 22px;
    min-height: 55px;
}

h4.newshour-title a {
    font-size: 18px;
    padding: 0;
}

h4.newshour-title {
    line-height: 18px !important;
    padding: 0;
}

.view-pbs-newshour-coronavirus-feed .views-row {
    margin-bottom: 20px;
}


.view-id-pbs_newshour_coronavirus_feed td.views-field.views-field-title, .view-id-pbs_newshour_coronavirus_feed td.views-field.views-field-field-feed-item-image {
    border: none;
}

body.Covid-19 h2.block-title {
    border-bottom: 3px solid #0368b1;
}

.view-pbs-newshour-rss-test .views-field-title a {
    display: block;
    font-size: 1.3em;
    line-height: 1.2em;  
}

.cpb-npr-feed-date, .cpb-npr-feed-byline, .newshour-date {
    font-size: 14px;
}


.cpb-npr-feed-summary{
    display: none;
}

#block-views-pbs-newshour-rss-test-block{
    margin: 50px 0;
}

.cpb-npr-feed-image img.img-responsive {
    width: 228px !important;
    /* min-width: 100% !important; */
    height: calc(228px/2) !important;
    /* overflow: hidden; */
    object-fit: cover;
}



.view-pbs-newshour-rss-test .views-row{
    min-height: 119px;
}

.view-pbs-newshour-rss-test .views-row img{
    display: none;
}



.cpb-npr-feed-summary{
  display: none;
}

.view-pbs-newshour-rss-test .views-row{
    position: relative;
    margin: 10px 5px 14px;
    text-align: left;
}


/* ************** NewsHour Feed ****************/

.view-id-pbs_newshour_coronavirus_feed img {
    text-align: right;
    margin: 10px 5px 10px 0;
    float: right;
    max-width: 260px;
    width: 100%;
}

.view.view-pbs-newshour-coronavirus-feed {
    margin-bottom: 40px;
}

/*  

written should be hidden for empty records.
.cpb-npr-feed-byline::before {
  content: 'Written by ';
}

*/

/*http://cpb-hweb3dev/sites/default/files/coronavirus_daily_final__wide-56d09e94c7adbfda5b21eb99b1db471c946c386a.png 
http://cpb-hweb3dev/sites/default/files/859355280_147488912.jpg

*/


.cpb-npr-copyright-credits {
    display: block;
    width: 100%;
    max-width: 260px;    
    padding-left: 6px;
    position: absolute;
    z-index: 30;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-top: solid 1px #bbbbbb;
    font-size: .8em;
} 
*
 
    /* Tab Navigation */      
.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;        
}
.nav-tabs > li > a {
    background: #DADADA;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #F5F5F5;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}

 /*     section.banner-splash{
         position: relative; 
		width: calc(100%/1);
          margin: auto;
          text-align: center;
      } 

.section.banner-splash img{
		width: calc(100%/.1);
        max-width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: -4;
}  */

    section.banner-splash{
         position: relative; 
          width: 100%;
          min-width: 100%;
          max-width: 2800px;
          margin: auto;
          text-align: center;
      } 


/*.section.banner-splash img{
    width: 100%;
    min-width: 100%;
    max-width: 2800px;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: -4;
}
*/


.section.full-banner {
    position: absolute;
    z-index: -5;
}

.cet{
    padding-bottom: 10%;
} 

img.wgbh.r-logo {
    padding-top: 30px;
}

img.weta.r-logo {
    padding-top: 35px;
}

img.WMHT.r-logo {
    padding-top: 17px;
}

.covid-text{
          position:absolute;
          top: 0;
      }
      .school-tabs .nav-tabs{
       /*   width: */
      }   

.school-tabs .btn-default:hover {
    background: #0ea035 !important;
}

/* Tab Content */
.tab-pane {
    background: #fff;
    border-radius: 0;
    text-align: center;
    padding: 0;
}
 .card{     
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
     border-radius: 5px;
    padding: 0;
    margin: 3px;     
      }
      .outer-card:first-child{
          padding-left:0;
      }   
   .outer-card:last-child{
        padding-right:0;
    }         
      
.card h2 {
    font-size: 15px;
    font-weight: 600;
}
/* why is this here? */
  .Covid-19 p, .Covid-19 h2{
    margin: 0 5px 0 5px;
  }  

.view-covid-19-podcasts-cards {
    margin-top: -100px;
}

img.podcast-icon {
    height: 42px;
    width: auto;
    margin: -5px 5px 0 0;
    float: left;
}

img.podcast-icon-2 {
    width: 57px;
    padding-right: 10px;
    margin-top: -5px;
}


img.podcast-icon-3 {
    width: 41px;
    float: left;
    margin-left: -3px;
    padding-right: 3px;
    margin-top: -11px;
}


img.ejournalism-icon {
    width: 57px;
    padding-bottom: 10px;
    padding-left: 2px;
    margin-left: 5px;
    padding-right: 6px;
    margin-top: 10px;
}

.pod-block p{
    padding-bottom: 20px;
}
     
.radio-border {
    border: solid #9f9e9e;
    border-radius: 10px;
    padding: 5%;
    max-width: 750px;
    margin: auto;
}

.tv-border {
    border: solid #9f9e9e;
    border-radius: 10px;
    padding: 5%;
    margin: 0 auto 40px auto;
    max-width: 750px !important;
    text-align: center;
}

.radio-icon-wrap {
    width: 100%;
    max-width: 750px;
    margin: 0 auto -4px auto;
    text-align: right;
    position: relative;
    z-index: 20;
    padding-right: 40px;
}

.tv-icon-wrap {
    width: 100%;
    max-width: 750px;
    margin: 68px auto -8px auto;
    text-align: right;
    position: relative;
    z-index: 20;
    padding-right: 40px;
}

img.radio-icon{
    /* margin: 47px 20px -58px 0; */
    /* max-width: 100%; */
    /* height: auto; */
    size: 140px;
}

.tv-border img {
    padding: 0;
    margin: 3% !important;
    max-width: 366px;
    width: 95%;
}

.radio-border img.weea {
    margin: 3% !important;
    max-width: 95% !important;
    padding: 0 !important;
}

img.cet {
    max-width: 95% !important;
    padding-left: 2% !important;
    position: relative;
    left: 2%;
}

 /*     
img.radio-icon {
    position: relative;
    top: 91px;
    left: -52px;
}
      
img.WUWF {
    padding-top: 5%;
    max-width: 456px;
} 
    
      
      
img.akpm.r-logo {
    padding: 3% 0 5% 0;
    width: 100%;
    max-width: 300px;
} 



   .r-border2 {
margin-top: 35px;
}    */


img.button-local {
    width: 252px;
    margin-left: -3px;
    position: relative;
    z-index: 1;
}    

h3.h3.get-local.explore-resources {
    font-size: 35px;
    line-height: 1em;
    /* position: absolute; */
    text-align: center;
    margin-top: 40px;
}

a.fademe.btn-explore.text-center img {
    max-width: 400px;
    margin-top: 20px;
}


h3.h3.get-local {
    font-size: 45px;
    font-weight: 600;
    color: gray;
} 


h3.h3.get-local a  {
    margin-bottom: -15px;
    margin-left: -12px;
    margin-top: 15px;
    font-size: 37px;
    font-weight: 600;
    color: gray;
}  

h3.h3.get-local.journal-wrap a  {
    white-space: nowrap;
}


h4.explore-public-media{
    margin: 30px auto -50px auto;
    font-size: 2em;
    color: #7b93d5;
}

img.fademe {
opacity: 1;    
  transition: opacity .3s;
  transition-timing-function: linear;
} 
      
img.rabbit-ears {
}

img.radio-mic-icon.relative {
    height: 83px;
    top: 50px;
    left: -30px;
}
    
img.fademe:hover, a.fademe:hover {
 opacity: .6;
}
      
.row-2-news img.fademe, a.fademe {
opacity: 1;    
  transition: opacity .3s;
  transition-timing-function: linear;
}

.row-2-news img.fademe:hover {
 opacity: .8;   
}                 
   
img.podcast-icon {
    width: 57px;
    margin: -15px 9px 0 0;
}  

.row.pod-top {
    margin-bottom: 6px;
    margin-top: 71px;
}      
.pod-row {
 /*   border-bottom: solid 1px #B0B0B0; */
    padding-bottom: 17px;
    padding-top: 17px;
    margin-bottom: 5px;
}
      
 .pod-row img{
       border: solid 1px #69001D; 
          max-width: 150px;
          width: 100%;
          height: auto;
         margin-bottom: 10px;          
      }      
      
 .row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
} 

/* podcast cards keep same height */
    .title-card { 
  height: 50px;
  position: relative; 
}

 .covid-19-podcasts-cards h1{
        display: none;
    }

.title-card-vert {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    min-width: 150px;
}

.block-banner.relative {
    margin-top: -20px;    
 } 

div#map_zoom {
    transform: scale(.8);
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;   
}

/***** Covid-19 Splash Feed Tabs *****/
  .active.tab-shade a,   .active.tab-shade a:hover {
    z-index: 0;
    opacity: 1 !important;  
  } 

.npr-tab{
   border-radius: 11px 11px 0 0;
    /* border: none !important; */
     margin: 0 -15px;
 }

.tab-shade a{
    opacity: 0.6;
    box-shadow: none !important;
    border: solid 1px gray!important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    border-radius: 11px 11px 0 0 !important;
    margin-left: 19px;
    width: 250px;
    height: 43px;
}

#block-views-pbs-newshour-rss-test-block {
    margin-top: 0;
}

.newshour-tab a {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour-feed.png) !important;
        width: 159px;
}

.npr-tab a {
    background-image: url(/sites/all/themes/cpb_desktop/img/npr-feed.png) !important;
        width: 159px;
}

body.Covid-19 .region-lower-footer .contextual-links-region {
    outline: none;
    position: relative;
    top: -43px;
}

.active.npr-tab a, .active.newshour-tab a, .active.npr-tab a:hover, .active.newshour-tab a:hover   {
    opacity: 1 !important;
}
.covid-feed {
    border-bottom: solid 1px;
    margin-top: 14px;
}

.view-pbs-newshour-rss-test .views-row.views-row-1 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  background-position: 100%;
}

.view-pbs-newshour-rss-test .views-row.views-row-2 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  background-position: 100%;
}

.view-pbs-newshour-rss-test .views-row.views-row-3 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour3.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  background-position: 100%;
}

.views-row.views-row-4 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour4.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.view-pbs-newshour-rss-test .views-row.views-row-5 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour5.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.view-pbs-newshour-rss-test .views-row.views-row-6 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour6.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.view-pbs-newshour-rss-test .views-row.views-row-7 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour7.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.view-pbs-newshour-rss-test .views-row.views-row-8 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour8.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.view-pbs-newshour-rss-test .views-row.views-row-9 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour9.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.view-pbs-newshour-rss-test .views-row.views-row-10 {
    background-image: url(/sites/all/themes/cpb_desktop/img/newshour10.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.view-pbs-newshour-rss-test .views-field.views-field-description {
    display: none;
}

#block-cpb-npr-pull-npr-titles-block{
    
}


#block-cpb-npr-pull-npr-titles-block.active{
    display: block !important;
    text-align: inherit;
}   

a.btn-get-local {
    top: -10px;
    position: relative;
}

.Covid-19-Journalism .breadcrumb, .Covid-19 .breadcrumb, .page-covid-19-podcasts-cards .breadcrumb, .page-covid-resources .breadcrumb, .page-covid-resources h1.page-header, Covid-19 .breadcrumb, .page-covid-19-podcasts-cards .breadcrumb {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 172px;
    border-radius: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px 15px;
}

.Covid-19 .breadcrumb, .covid-resources .breadcrumb {
   top: 174px;
}
       
.Covid-19-Journalism .breadcrumb a, .Covid-19 .breadcrumb a, .page-covid-19-podcasts-cards .breadcrumb a, .page-covid-resources .breadcrumb a, .page-covid-resources h1.page-header a, Covid-19 .breadcrumb a, .page-covid-19-podcasts-cards .breadcrumb a {
 color: #fff;
} 
    
    .Covid-19-Journalism .breadcrumb>.active, .Covid-19 .breadcrumb>.active, .page-covid-19-podcasts-cards .breadcrumb>.active, .page-covid-resources .breadcrumb>.active, .page-covid-resources h1.page-header>.active, .Covid-19 .breadcrumb>.active, .page-covid-19-podcasts-cards .breadcrumb>.active {
 color: #fff;
}  

.covid-resources .region.region-content {
    top: -120px;
    position: relative;
    } 

@media screen and (max-width: 1199px) { 
    
.feedme-credits.absolute { 
    margin-left: 0;        
}

.block-cpb-npr-pull img {
    margin-left: 0;    
}    

.Covid-19-Journalism .breadcrumb, .Covid-19 .breadcrumb, .page-covid-19-podcasts-cards .breadcrumb, .page-covid-resources .breadcrumb, .page-covid-resources h1.page-header, .Covid-19 .breadcrumb, .page-covid-19-podcasts-cards .breadcrumb {
    top: 174px;
 }     
     
.covid-resources .region.region-content {
    top: -160px;
    }  
    
 h3.h3.for-local a {
    font-size: 27px;      
    }  
    
  .view-id-pbs_newshour_coronavirus_feed img {
    max-width: 222px;    
}
}

/**** end covid feed *****/
@media screen and (max-width: 991px) {  

.feedme-credits.absolute { 
    margin-left: 0;        
}

.block-cpb-npr-pull img {
    margin-left: 0;    
}       
    
.view-id-pbs_newshour_coronavirus_feed img {
    max-width: 260px;    
}    
    
.covid-resources .region.region-content {
    top: 0;
    margin: 40px;
    }     
    
 h3.h3.get-local a  {
    font-size: 36px;
}
.radio-border, .tv-border {
    max-width: 550px !important;
    padding: 12%;
    text-align: center;
}

  .radio-icon-wrap, .tv-icon-wrap{
    max-width: 550px;
    }  
    
 .radio-border img.weea {
    margin: 0px auto -15px auto !important;
}     
}


@media screen and (max-width: 767px) {   
 /*  nav .menu-13267 {
        position: relative;
        right: 0;
     } */
    
.feedme-credits.absolute { 
 /*   margin-left: calc(100% - 220px) !important;  */      
}

.block-cpb-npr-pull img {
 /*   margin-left: calc(100% - 220px) !important;   */
}       
    
      h3.h3.get-local a {
    font-size: 36px;
}
    
  a.fademe.btn-explore.text-center img {
    max-width: 300px;
    width: 100%;
}
    
    .cpb-npr-feed-record {
    margin: 10px 5px 38px 10px;
}
    
#block-cpb-npr-pull-npr-titles-block.active {
    position: relative;
    top: 20px !important;
    margin-bottom: 50px;
} 
    
   h3.h3.get-local.explore-resources {
    font-size: 26px !important;
} 
    
.covid-resources .region.region-content {
    top: 0;
}  
    
h4.explore-public-media {
    margin: 30px auto 0px auto;
}
    
.Covid-19-Journalism .breadcrumb, .Covid-19 .breadcrumb, .page-covid-19-podcasts-cards .breadcrumb, .page-covid-resources h1.page-header, .Covid-19 .breadcrumb, .page-covid-19-podcasts-cards .breadcrumb {
    top: 58px;
} 
    
 .Covid-19 .breadcrumb,  .page-covid-resources .breadcrumb {
    top: 68px;
} 
    
    
    .onex{
        opacity: .3;
    }    
 
 div#map_zoom {
    transform: scale(.5);
    top: 0 !important;
    margin-left: -9px !important;
}
  #map{
        margin-left: 9px;
    }    
 
    
.map-buttons {
    min-width: 440px;
    transform: scale(.6);
    margin-left: -33px;
}
    
       
 h2.journalism-headline {
    text-align: initial;
  text-justify: initial;
    } 
       
.view-covid-19-podcasts-cards {
    margin-top: 0;
   }   
        
    
.cardme-resources.row{
    display: block;
   }
    
  .station-logo {
    font-size: .0000em;
    border-right: solid 1px lightgrey;
    border-bottom: none;      
    padding-right: 5px;
    margin-right: 5px;
    float: left;  
}  
    
.block-banner.relative {
    margin-top: -11px;   
   }  
    
 .banner-modile, .block-banner{
    border-top: solid 5px;
    border-color: #0362a7;
    }
    
.view-id-pbs_newshour_coronavirus_feed img {
    max-width: 260px;
}       
}

/*
     @media screen (max-width:560px) {       
      .col-xs-12{
          width: 100%;   
      }        
 .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }
}

@media (max-width: 500px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}  

*/

/* This is the gray row and the bottom of the corona splash page */

img.pbs-kids.img-responsive {
    max-width: 326px;
    margin: auto;
    padding-top: 43px;
}
      
section.bottom-gray {
    background: #ececec;
    padding: 35px 35px 85px 35px;
    margin: -15px;
}
   .news-safety {
    font-size: 18px;
    font-weight: bold;
    color: gray;
}

.row.top-body-splash {
    margin-top: -45px;
}
      
h3.h3.students-text {
    font-size: 48px;
    font-weight: 600;
    color: #003E01;
    padding-top: 0;
    margin-top: 0px;
}

.gray-row .pbs-logo {
    width: 150px;
    margin-top: 16px;
    margin-right: 9px;
}

.school-tabs .btn{
          border-top-left-radius: 7px !important;
          border-top-right-radius: 7px !important;
          border-bottom-left-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
          height: 70px;
 }

 .btn-primary:focus{
     outline: none;
     border: none;
  }
      
  a {outline: none;}
    
  .school-tabs  .btn-primary:after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 44px solid #0EA035;
    border-left: 33px solid transparent;
    border-right: 33px solid transparent;
     outline: none;
    
}  
  .school-tabs .btn-primary{
          background: #0EA035 !important;
          padding-right: 2px;   
      } 
      
      .btn-primary.g{
          background: #0EA035 !important;
      }  
    
.school-tabs .btn-default{
         background: #003E01 !important;
         padding-right: 4px;
    color: #fff;
      } 
      .school-tabs .glyphicon{
          font-size: 22px;
      }  
   .school-tabs{
      background-color: #f5f5f5 !important;
      }
      
      .c-res{
          border: solid 1px #003E01; 
      }
  .row.row-2-news.row-no-padding {
    margin-right: 0 !important;
    margin-left: 0 !important;
}    

/* search results.  Resources ************************************/

.station-overview {
    padding-bottom: 11px;
}

.cardme-resources {
  box-shadow: 0 10px 15px 0 rgba(0,0,0,0.4);
  transition: 0.3s;
  width: 100%;
  margin: 10px;
}

.cardme-resources:hover {
  box-shadow: 0 15px 20px 0 rgba(0,0,0,0.6);   
}

.btn.btn-resources {
    border-radius: 0 !important;
    background: #4ba3bd !important;
    margin: 20px 0;
    color: #fff;
    border: solid 1px;
    text-align: right;
}
    
 .btn.btn-resources:hover{
     background: #284FB8 !important;
 }

 .btn.btn-map-blue{
     background: #568AB5;
     color: #fff;
 }

 .btn.btn-map-blue:hover{
     background: #4d789c;

 }

.cardme-resources img {
    width: calc(100%/1);
    max-width: 100px;
}

.cardme-resources.row{
    display: -webkit-inline-box;
    display: inline-flex;
}


    h2.type-cat{
font-size: 30px;

    }   
 .resources-details{
     background: #314C7B;
      color: white;
    }
 
.station-logo {
    font-size: .0000em;
    border-bottom: solid 1px lightgrey;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

call-letters-resources {
    font-size: 17px;
    font-weight: 900;
    color: #314c7b;
    line-height: 17px;
}