/* 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, body.site-forum  > 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;
  }

  .audioplayer_download {
    display: none;
  }
}


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



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

/*
.river .navigation {
  position: relative;
}
*/
 .mejs-audio {
  height: 300px;
}


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

}
.mejs-container  .mejs-time-rail  span.mejs-time-float {
  z-index: 2345;

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


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

.mejs-controls .mejs-time-rail .mejs-time-float {
  background-color: #000 !important;
}

 .mejs-container  .mejs-time-rail  span.mejs-time-total {
/*  height: 280px; */
/*  opacity: .4;*/
background-color: transparent !important;
}

 .mejs-container  .mejs-time-rail,{
  position: absolute;
  z-index: 5678;
}
 .mejs-container  .mejs-time-rail  span.mejs-time-current {
  background-color: rgba(10,176,211,1) !important;
  position: absolute;
  height: 6px !important;
  // margin-left: 100px;
  // margin-right: 100px;
/*  background-blend-mode: multiply;*/
  z-index: 5678;
/*  opacity: .4;*/
}

.mejs-container .mejs-controls .mejs-time {
  height: 1px;
}

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


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


 .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;
  // background-color: rgba(10,176,211,.5);
  // padding: 4px 4px;
  font-size: 16px;
  width: 100%;
}
.audio_player_title {
  position: absolute;
  top: 29px; 
  
}


 .audio_player_meta_cont {
  position: absolute;
  top: 5px;
  left: 0px; 
  
  // left: 10px;
  width: 100%;
}
 .audio_player_meta_cont h2{
  position: absolute;
  top: 3px;
  left: 0px; 
    padding: 4px 5px !important; 
  // left: 10px;
  width: auto;
}

.audio_player_date {
    // padding-left: 5px;
    display: block;
    color: #ffffff;
    font-size: 14px;
}


.audio_player_title h3 {
  line-height: 18px;
  padding: 4px 5px 4px 5px;
}


.audio_player_title h3 a{
  // background-color:rgba(10,176,211,.5);
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
  text-transform: none;
  text-decoration: underline;

}


.mejs-currenttime-container {
  position: absolute;
  left: 5px;
  top: 270px;
  color: #fff !important;
  text-align: left !important;
/*  background-color: pink;*/
  z-index: 5678;
}

.mejs-time.mejs-duration-container span.mejs-duration {
  color: #fff;

}
.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: #fff !important;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
 color: #fff !important;
}


.site-perspectives .mejs-container .mejs-controls div,.site-forum .mejs-container .mejs-controls div {
  width: 100%; 
}


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

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

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



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

 /* text-align: center;*/

}

 .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 {

}

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


.mejs-controls .mejs-time-rail .mejs-time-loaded {
/*  z-index: 923123;*/
  background-color: #000 !important;
  height: 6px !important;
  // margin: 0 100px 0 100px;
}
 .mejs-time .mejs-duration {
  text-align: left;

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

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

}

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

 .mejs-button.mejs-playpause-button {
  z-index: 1000;
}



.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;
}


.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: 30px !important;
  position: absolute;
  top: 270px;

  z-index: 1001;
}




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: 1000;
  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: 1002;
  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: 1001;
    position: absolute;
    top: 230px;
    left: 15%;
    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: 1002;
    position: absolute;
    top: 260px;
    left: 15%;
    // text-align: center;
    color: #fff;
    font-size: 12px !important;
    text-transform: uppercase;
    width: 160px !important;
    height: 160px;
  }


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

  }

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

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.mejs-time-total.mejs-time-slider {
  // padding-left: 10%;
  // padding-right: 10%;

}

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


  
 
  .audioplayer_more .audioplayer_more_dots {
    z-index: 1000;
    position: absolute;
    top: 230px;
    left: 40%;
    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: 1000;
    position: absolute;
    top: 260px;
    left: 40%;
    // text-align: center;
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase;
    width: 160px !important;
    height: 160px;
  }


  .audioplayer_more .audioplayer_dl_label {
    z-index: 1000;
    position: absolute;
    top: 260px;
    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: 1000;
    position: absolute;
    top: 225px;
    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 {
   

  }


}
.esSearchContOuter {
  margin-bottom: 40px;
}
@media only screen and (min-width: 65.0625em) {
  .single .entry-header {
    display: block;
    padding-left: 0rem !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;
}


.esSearchContainer {
  position: absolute;
  z-index: 2112312312;
}

.esSearchContainer #root {
  position: absolute;
  z-index: 2112312312;
}

.esSearchContainer h2 {
  font-size: 18px;
  font-weight: bold;
}
.esSearchContainer h3 {
  font-size: 14px !important;
}

.esSearchContainer h3 a {
  font-size: 14px !important;
}

div#primary {
  z-index: 112;
} 

div#root {z-index: 12312;}






.esSearchCont {
  width: 100%;
  // max-width: 500px;

  height: 100px;
  margin: 0 auto 10px auto;
  z-index: 23000;
  position: relative;

}

// .esSearchCont div {
//   display: inline-block;
// }

.esSearchCont #root {
  background-color: #fff;


}
.esSearchCont #root h2 {
  font-size: 18px;
}
.esSearchCont #root h3 {
  font-size: 14px;
}
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;
}


.searchResultItem {
  border-top: 1px solid #1bb1d6;

}


.searchResultItem h3 {
  margin-top: 5px;
}



.single header.entry-header div.inner {
  border-top: none;
}

 

.esSearchContOuter {
  // background-color: #0db0d4;
  font-family: jaf-bernino-sans, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
  
}
.esSearchContOuter img {
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

// .elasticSearchInput div {
//   margin-right: auto;
//   margin-left: auto;
// }



.searchResultItem p {
  font-size: 14px;
  color: #585858;
}



.elasticSearchInput input::-webkit-input-placeholder { 
  color:#fff; 


}
.elasticSearchInput input::-moz-placeholder { 
  color:#fff; 

} /* firefox 19+ */
.elasticSearchInput input:-ms-input-placeholder { 
  color:#fff; 

} /* ie */
.elasticSearchInput input:-moz-placeholder { 
  color:#fff; 

}


.search {
  margin-top: 50px;
}
.Dropdown-root {
  position: relative;
}
.Dropdown-control {
  font-weight: bold;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #0db0d4;
  box-sizing: border-box;
  color: #FFF;
  cursor: pointer;
  outline: none;
  padding: 8px 52px 8px 10px;
  transition: all 200ms ease;
}
/*.Dropdown-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}*/
/*.Dropdown-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: ' ';
  display: block;
  height: 0;
  margin-top: -ceil(2.5);
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0
}*/
/*.is-open .Dropdown-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}*/
.Dropdown-menu {
  text-align: center;
  color: #FFF;
  background-color: #1caee5;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}
/*.Dropdown-menu .Dropdown-group > .Dropdown-title {
  padding: 8px 10px;
  color: #FFF;
  text-transform: capitalize;
}*/
.Dropdown-option {
  box-sizing: border-box;
  color: #FFF;
  cursor: pointer;
  display: block;
  padding: 5px 10px;
}
.Dropdown-option:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  padding-bottom: 15px;
}
/*.Dropdown-option:hover {
  background-color: #f2f9fc;
  color: #333;
}*/
.Dropdown-option.is-selected {
  /*color: red;*/
  font-weight: bold;
}
.is-open.Dropdown-option.is-selected {
  color: red;
  font-weight: bold;
}
.Dropdown-noresults {
  box-sizing: border-box;
  color: #ccc;
  cursor: default;
  display: block;
  padding: 8px 10px;
}



textarea:focus, input:focus{
    outline: none;
}


.squareImage {
  padding: 0 0 0 0;
}


#root .search {
  height: 100% !important;

}



.mejs-currenttime,
.mejs-duration,
.mejs-currenttime,
.mejs-duration {
color: white !important;
}




.dropdownIcon {
  font-family: "FontAwesome"
}


span.guests {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

span.guest {
  font-weight: bold;

}

span.guest-bio {
  font-weight: normal;
}


.logo-forum {
  text-transform: capitalize;
}