/* AUDIO PROTO WORK>>FOR BETTER DEBUGGING. Move into SCSS when complete and before launch */


/*.post_format-post-format-audio div.entry-content p {
  width: 90% !important;
}*/



/* Super Weird issue with top nav. */
body.site-perspectives  > header > div > nav.section-nav.top-bar.radio.cfix  {
  width: 300px !important;
} /* Super Weird issue with top nav. */

@media only screen and (max-width: 35.0625em) {
  .perspectivesSubfeatureCont div.medium-4 {
    margin-bottom: 20px;

  }
}



.site-perspectives .kqed-header {
  z-index: 12312312;
}

.site-perspectives .river .navigation {
  position: relative;
}
.site-perspectives .mejs-audio {
  height: 300px;
}
article.post_format-post-format-audio.programs-perspectives div.inner {
/*  min-height: 600px;*/
}

.site-perspectives .post-thumbnail img {
  width: 100%;
}
.mejs-mediaelement {
  height: auto !important;
}
.site-perspectives .mejs-container  .mejs-time-rail {
  position: absolute;
  top: 270px;
  background-color: #fff;
  opacity: .7;
  width: 100%;
}
.site-perspectives .mejs-container  .mejs-time-rail  span {
  position: absolute;

}
.site-perspectives .mejs-container  .mejs-time-rail  span.mejs-time-float {
  z-index: 123123;

}
.site-perspectives .mejs-container  .mejs-time-rail  span.mejs-time-handle {
  position: absolute;
  z-index: 123124;


}
.mejs-time-float-corner {
  background-color: red !important
}

.site-perspectives .mejs-container  .mejs-time-rail  span.mejs-time-total {
/*  height: 280px; */
/*  opacity: .4;*/
}

.site-perspectives .mejs-container  .mejs-time-rail,{
  position: absolute;
  z-index: 123123;
}
.site-perspectives .mejs-container  .mejs-time-rail  span.mejs-time-current {
  background-color: cyan !important;
  position: absolute;
/*  background-blend-mode: multiply;*/
  z-index: 20001;
/*  opacity: .4;*/
}



/* Center Play/Pause Button */
.site-perspectives .mejs-container .mejs-inner {
  position: inline;
  /*height: 350px;*/
  overflow: auto;
}


/* Text Formating */
.audio_player_meta_cont {
  position: absolute;
  top: 16px;
  left: 10px;
  width: 100%;
}

.site-perspectives .mejs-container .mejs-controls .mejs-time {
   /* overflow: auto;*/
}
.site-perspectives .mejs-container {
/*    height: 350px !important;*/
  margin-bottom: 300px;
}
.mejs-container .mejs-controls div {
/*  height: 350px !important;*/
}


.audio_player_program_title {
  position: auto !important;
}
h2.audio_player_program_title  {
  color: #ffffff;
  font-size: 16px;
  width: 100%;
}
.audio_player_title {

  
}


.site-perspectives .audio_player_meta_cont {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
}
.site-perspectives .audio_player_title h3 a{
  color: #ffffff;
  font-size: 22px;
  width: 100%;
  text-transform: none;
  text-decoration: underline;g
}


.mejs-currenttime-container {
  position: absolute;
  left: 10px;
  top: 270px;

  text-align: left !important;
/*  background-color: pink;*/
  z-index: 213123123;
}
.mejs-currenttime {
/*  position: relative;
  left: 30px;
  top: 40px;*/
  /*float: left;*/
  /*margin-top: 40px; 
  background-color: red;
  color: #fff !important;
  z-index: 3001;*/
/*  background-color: #fff;*/
  color: #000 !important;
}
.site-perspectives .mejs-container .mejs-controls div {
  width: 100%; 
}


.site-perspectives .mejs-container .mejs-inner  div {
    position: absolute;
   
}
.site-perspectives .mejs-container .mejs-inner  div.audio_player_program_title {
    position: relative !important;
   
}
.site-perspectives .mejs-container .mejs-controls .mejs-button.mejs-playpause-button {
  height: 100%;
  left: 50%;
/*  top: 50%;*/

   
}
.site-perspectives .mejs-container .mejs-controls .mejs-button.mejs-playpause-button button {
  left: -80px; 
/*  top: -80px;*/
}

img.kqed_audio_rewind {
  position: absolute;
  width: 20px;
  left: 10px;
  top: 200px;
  z-index: 112312;
}



 .site-perspectives .mejs-controls .mejs-play button {
  background-image: url('../img/audio_controls/play.svg') !important;
  width: 160px;
  height: 160px;
  margin-top: 70px;

 /* text-align: center;*/

}

.site-perspectives .mejs-controls .mejs-play button {
  background-image: url('../img/audio_controls/play.svg');
  width: 160px;
  height: 160px;
  outline: 0;


/*  top: 50%;*/
}


.container {
  /* other declarations... */

  overflow: hidden; /* arbitrary */
}

.overlay {

}

.site-perspectives  .mejs-time.mejs-duration-container {
  position: absolute;
  right: 10px;
  top: 270px; 
  text-align: right !important;
  z-index: 10002;
}

.site-perspectives .mejs-time-loaded {
/*  z-index: 923123;*/
}
.site-perspectives  .mejs-time .mejs-duration {
  text-align: left;

}
.site-perspectives .mejs-button.mejs-volume-button.mejs-mute {
  display: none;
}

.site-perspectives .mejs-button.mejs-playpause-button.mejs-pause button {
  background-image: url('../img/audio_controls/pause.svg') !important;
  width: 160px;
  height: 160px;
  background-position: 0 0;
  margin-top: 70px;
  outline: 0;

}

.audioplayer_bg {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  background-image: url('');
  height: 100px;
  
  min-height: 300px;
  background-color: blue;
 /* background-blend-mode: multiply;*/
 /* opacity: .3;*/
}

.site-perspectives .mejs-button.mejs-playpause-button {
  z-index: 10001;
}



.kqed_audio_more {
  position: absolute;
  width: 100%;

  left: 0;
  top: 130px;
  color: #ffffff;
  text-align: center;
  
}

.kqed_audio_more .whiteSVG {
    position: absolute;
    width: 100%;

    left: 25%;
    width: 60px;
    overflow: hidden;
    height: 70px; 
}

.kqed_audio_share {
  position: absolute;
  width: 100%;
  left: 0;
  top: 150px;
  color: #ffffff;
  text-align: center;
}




.kqed_audio_share .whiteSVG {
    position: absolute;
    width: 100%;
    left: 75%;
    width: 60px;
}

.whiteSVG {
  
  width: 60px;
}

.whiteSVG path {
  fill: #000000;
}

div.kqed_audio_share {
  overflow: hidden;

  height: 70px !important;
}
div.kqed_audio_share  div.kqedaudio_share_button_container {
  display: none;
  position: absolute;
  left: 400px;

}
/*
article.category-perspectives   {
  border-top: 2px solid #000;
  height: 400px;b
}

article.category-perspectives  div.entry-content {
  display: none;
  height: 400px;  

  }*/
 

  body.site-perspectives.home .entry-content {
  display: none;

  /*overflow: hidden;*/
}


.perspectivesHeader {
  width: 100%;
  max-width: 400px;

  margin: 10px auto;
}
.esSearchCont {
  width: 100%;
  max-width: 500px;
  background-color: #4ac8f4;
  height: 100px;
  margin: 10px auto;
}

body.site-perspectives .esSearchCont {
/*  background-color: yellow;*/
}

.esSearchCont .esSearchForm {
  text-align: center;
  margin: 30px auto;
  height: 30px;
  width: 50%;
}
.esSearchCont .esSearchForm form {
  font-family: 'jaf-bernino-sans', 'Helvetica Neue', Helvetica, Helvetica, Arial;
  padding-top: 30px;
  color: #fff;
}
.esSearchCont .esSearchForm input {
  border: 0px;
  font-size: 22px;
  border-bottom: 3px solid #fff;
  background-color: transparent;
  color: #fff;
  
  text-align: right;
}


.kqedSearchContainer ul.title-area li {
 /* background-color: pink !important;*/
}


.kqedSearchContainer ul.title-area li h1 {
  padding-left: 60px;
}

.kqedSearchContainer section.top-bar-section ul li {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}



.mejs-time-rail .mejs-time-slider .mejs-time-handle {
  background-color: green !important;
}




.perspectivesSubfeatureCont {
  position: relative;
/*  margin-bottom: 30px;*/
  min-height: 140px;
 
}


@media only screen and (min-width: 35.0625em) {

  .perspectivesSubfeatureCont {
    margin-bottom: 30px;
   
  }

}

.perspectivesSubfeatureCont .subFeatureBGImage div.subfeatureBG {
/*  position: absolute;*/
/*  background-blend-mode: multiply; 
  background-color: red;*/
  height: 150px;
}

.perspectivesSubfeatureCont .subFeatureLabel {
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  font-family: 'jaf-bernino-sans', 'Helvetica Neue', Helvetica, Helvetica, Arial;
  color: white;
  height: 160px;
  margin-top: -20px;
  margin-left: 20px;

 /* margin: 10px auto;*/
/*  top: -20px;*/
}

body.site-perspectives {
  overflow-x: hidden;
}



body.site-perspectives .section-nav.expanded-nav.radio.cfix{
/*  width: 490px;*/
}
.foldableDiv {
  height: 0;
  overflow: hidden;
}



.audioplayer_scrubber_kqed {
  background-color: transparent !important;
  width: 100%;
  height: 60px !important;
  position: absolute;
  top: 240px;
  z-index: 123123123123;
}




body.site-perspectives  #page #site-header a img {
    display: none;
}


body.site-perspectives .page-numbers {
  display: none;
}

body.site-perspectives .page-numbers.next, body.site-perspectives .page-numbers.prev {
  display: inline;
}

body.site-perspectives article {
  min-height: 330px;
}


.audioplayer_more {

}





@media only screen and (min-width: 65.0625em) {

.audioplayer_more .audioplayer_more_dots {
  z-index: 100123;
  position: absolute;
  top: 130px;
  left: 17%;
  background-image: url('../img/audio_controls/dots_white_m.svg') !important;
  background-repeat: no-repeat;
  width: 120px !important;
  height: 120px;
  margin-top: 80px;
}

.audioplayer_more .audioplayer_more_label {
  z-index: 100123;
  position: absolute;
  top: 160px;
  left: 13%;
  // text-align: center;
  color: #fff;
  font-size: 14px !important;
  text-transform: uppercase;
  width: 160px !important;
  height: 160px;
}


  
  

  .audioplayer_more .audioplayer_more_dots {
    z-index: 100123;
    position: absolute;
    top: 130px;
    left: 19%;
    background-image: url('../img/audio_controls/dots_white_m.svg') !important;
    background-repeat: no-repeat;
    width: 120px !important;
    height: 120px;
    margin-top: 80px;
  }

  .audioplayer_more .audioplayer_more_label {
    z-index: 100123;
    position: absolute;
    top: 160px;
    left: 15%;
    // text-align: center;
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase;
    width: 160px !important;
    height: 160px;
  }


  .audioplayer_more .audioplayer_dl_label {
    z-index: 100123;
    position: absolute;
    top: 160px;
    left: 75%;
    // text-align: center;
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase;
    width: 160px !important;
    height: 160px;

  }

  .audioplayer_more .audioplayer_download {
    z-index: 100123;
    position: absolute;
    top: 125px;
    left: 79%;
    background-image: url('../img/audio_controls/dl_white_m.svg') !important;
    background-repeat: no-repeat;
    width: 120px !important;
    height: 120px;
    margin-top: 80px;
  }
}




@media only screen and (max-width: 65.0625em) {


  
 
  .audioplayer_more .audioplayer_more_dots {
    z-index: 100123;
    position: absolute;
    top: 130px;
    left: 13%;
    background-image: url('../img/audio_controls/dots_white_m.svg') !important;
    background-repeat: no-repeat;
    width: 120px !important;
    height: 120px;
    margin-top: 80px;
  }

  .audioplayer_more .audioplayer_more_label {
    z-index: 100123;
    position: absolute;
    top: 160px;
    left: 8%;
    // text-align: center;
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase;
    width: 160px !important;
    height: 160px;
  }


  .audioplayer_more .audioplayer_dl_label {
    z-index: 100123;
    position: absolute;
    top: 160px;
    left: 75%;
    // text-align: center;
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase;
    width: 160px !important;
    height: 160px;

  }

  .audioplayer_more .audioplayer_download {
    z-index: 100123;
    position: absolute;
    top: 125px;
    left: 82%;
    background-image: url('../img/audio_controls/dl_white_m.svg') !important;
    background-repeat: no-repeat;
    width: 120px !important;
    height: 120px;
    margin-top: 80px;
  }
}






div > div.mejs-controls > div.audioplayer_bg > div > div h2  {
  margin-top: -10px;
}


@media only screen and (min-width: 65.0625em) {

  article.programs-perspectives.single header.entry-header {
   

  }


}

@media only screen and (min-width: 65.0625em) {
  .single .entry-header {
    display: block;
    padding-left: 1rem !important; 
    padding-right: 1rem !important; 
    width: 100% !important; 
    right: 0px !important; 
    left: 0px !important; 
    float: none !important; 
  }
  .single.single-post .entry-header {
    display: block;
    padding-left: 1rem !important; 
    padding-right: 1rem !important; 
    width: 64% !important; 
    right: 0px !important; 
    left: 0px !important; 
    float: none !important; 
  }

}


// .single .entry-header {
//     padding-left: 0.625rem;
//     padding-right: 0.625rem;
//     width: 100% !important;
//     right: 33.33333%;
//     left: auto;
//     float: left;
// }



body.site-perspectives.home .foldableDiv .entry-content {
  display: block;

}


body.site-perspectives.home .entry-meta {
  display: none;
}

body.site-perspectives.home .inner {
  border-top: none;
}


body.archive .river span.entry-date:before {
  content: "";
  border: none;
}


body.archive .entry-header  {
  border: none;
}
body.archive .entry-header .inner {
  border-top: none;
}

body.archive .entry-header .inner .entry-meta {
  border-top: none;
}

 
body.site-perspectives.archive header.entry-header .entry-meta .byline{
  disply:none !important;
}