/*

Theme Name: WJCT
Theme URI: http://wjct.org
Author: Justin Henderson
Author URI: http://rooocket.com
Description: This is a child of Themeco's "Pro" theme
Version: 1.0.0
Template: pro

*/

/*
**  Elements
*/

body h1, body h2, body h3,
body .h1, body .h2, body .h3,
.home-hero .pt-cv-omain h5.pt-cv-title:first-of-type {
  font-family:"Merriweather", sans-serif;
}

body h4, body h5, body h6,
body .h4, body .h5, body .h6 {
  font-family:"Montserrat", sans-serif;
  font-weight:700;
}

body h1,
body .h1,
body h1.entry-title {
  line-height:1.2;
}

body h3,
body .h3,
.home-hero .pt-cv-omain h5.pt-cv-title:first-of-type {
  font-size:1.9rem;
}

body h5,
body .h5 {
  text-transform: none;
  font-size:1rem;
  color:#444444;
  line-height:1.25;
}

body h6,
body .h6 {
  text-transform: none;
  letter-spacing: .075rem;
}

.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6,
.dark-bg p,
.dark-bg blockquote {
  color:#fff;
}

@media (max-width:979px) {
  body h3,
  body .h3,
  .home-hero .pt-cv-omain h5.pt-cv-title:first-of-type {
    font-size: 1.3rem;
  }

  body h5,
  body .h5 {
    font-size: .85rem;
  }

  body h6,
  body .h6 {
    font-size: .85rem;
  }
}


/*
**  Header
*/

.x-masthead .x-bar {
  z-index:inherit !important;
}

.x-masthead .passport {
  transition:.3s background ease-in-out;
}

#primary-nav {
  z-index:2;
}

#primary-logo img {
  width:100%;
  flex-basis:100%;
}

@media (max-width:767px) {
  #primary-nav,
  #primary-nav .x-bar-content {
    height:6em;
  }

  #primary-logo {
    max-width:125px;
  }
}

@media (max-width:480px) {
  .x-masthead .listen-donate.x-bar-outer-spacers:before,
  .x-masthead .listen-donate.x-bar-outer-spacers:after {
    -webkit-flex-basis:1em;
    flex-basis:1em;
    width:1em;
    height:1em;
  }

  #primary-nav,
  #primary-nav .x-bar-content {
    height:6em;
  }

  #primary-logo {
    max-width:125px;
  }
}

/*
** Menus
*/

ul.submenu {
  list-style:none;
  margin-left:0;
}

.submenu li a {
  font-size:.85em;
  font-weight:600;
  line-height:1.6;
  letter-spacing:.04rem;
  color:#6b8599;
  padding:0;
  transition:all .3s ease;
}

.submenu li a:hover {
  color:#36434d;
}

/*
**  Page Styles
*/

.page header.entry-header {
  margin:-6.75em 0 2.5em 1.5em;
}

.page h1.entry-title {
  font-size:250%;
  color:#fff;
}

@media (max-width:480px) {
  header.entry-header {
    margin:0;
  }

  h1.entry-title {
    color:inherit;
  }
}

@media (max-width:767px) {
  .page header.entry-header {
    margin:0;
  }

  .page h1.entry-title {
    color:inherit;
  }
}

/*
**  Post Styles
*/

.single header.entry-header {
  margin:0;
}

.single h1.entry-title {
  color:inherit;
}

.single .x-main.left .hentry .entry-featured {
  margin-top:-35px;
  margin-right:-35px;
}

.single .x-main .hentry .entry-featured {
  margin-bottom:2.15em;
}

.p-meta {
  display:none;
}

/*
**  Footer
*/

.x-colophon .widget:before {
  height:0;
}

.x-colophon .nav-header {
  width:100%;
  border-bottom:1px solid #40C4FF;
}

.x-colophon .nav-header h5 {
  color:#fff;
}

.x-colophon ul.menu a {
  color:#fff;
  letter-spacing:.025rem;
  line-height:2rem;
  font-size:.9rem;
  transition:all .3s ease;
}

.x-colophon ul.menu a:hover {color:#40C4FF;}

.x-colophon .copyright {
  color:#2C3E50;
}

/*
**  Accordions
*/

.x-accordion-heading .x-accordion-toggle.collapsed:before {
  color:rgb(0, 107, 182);
  transition:.3s all ease-in-out;
}

.x-accordion-heading .x-accordion-toggle,
.x-accordion-heading .x-accordion-toggle.collapsed {
  font-family:inherit;
  text-transform:none;
  background-color:#f1f1f1;
  color:rgb(0, 107, 182);
  transition:.3s all ease-in-out;
}

/* Active */
.x-accordion-heading .x-accordion-toggle {
  background-color:rgb(0, 107, 182);
  color:#fff;
}
.x-accordion-heading .x-accordion-toggle.collapsed:hover {
  background-color:#e9e9e9;
}

/*
**  What's On Now widget
*/

.wjct-won .x-column {
  border-top:1px solid #40C4FF;
}

.wjct-won .time {
  font-size:.9em;
}

.wjct-won .title {
  font-weight:300;
  font-size:1.2em;
}

@media (max-width:979px) {
  .wjct-won .time {
    font-size:.8em;
  }

  .wjct-won .title {
    font-size:.9rem;
  }
}


/*
**  Search
*/

#___gcse_0 input.gsc-input,input.gsc-input {
	background-image:none !important;
}

.gsc-control-cse .gsc-table-result {
	font-family: inherit;
}

.gsc-control-cse .gsc-input-box {
	height: inherit;
}

td.gsc-input,
td.gsc-search-button {
	border-top:none;
}

.gsc-input-box {
  height: 36px !important;
}

input#gsc-i-id1 {
  height: 25px !important;
  margin-top: 3px !important;
  padding: 5px !important;
	background: #fff !important;
	box-shadow: none !important;
}

td.gsib_a {
	padding-top:0;
}

/*  Hide the clear button */
td.gsib_b {
  display:none;
}

input.gsc-search-button.gsc-search-button-v2 {
  color: #fff !important;
  padding: 16px 30px !important;
  background: url("https://www.google.com/uds/css/v2/search_box_icon.png") no-repeat center center #40C4FF !important;
}

@media (max-width:480px) {
  td.gsib_a input {
  	margin:.4em 0 0 !important;
  }
}

/*
**  DFP Ad Slots
*/

div[data-adunit="wjct-second"],
div[data-adunit="wjct-news"] {
  width:300px;
  margin:0 auto;
}

/* Hide 'ADVERTISEMENT' copy above ad slots */
.dfw-unit.display-block:before {
  content:'' !important;
}

/*
**  Homepage
*/

.home-hero {
  margin-top:-12.25em;
}
/*
.home-hero > * {
  max-height:100%;
}*/


.home-hero .pt-cv-omain .pt-cv-ifield {
  height:0;
  padding-bottom:56.25%;
  overflow:hidden;
  position:relative;
}

.home-hero .pt-cv-omain h5.pt-cv-title,
.home-hero .pt-cv-omain .pt-cv-thumbnail {
  margin-bottom:0px !important;
}

.home-hero .pt-cv-omain .pt-cv-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  min-height:100%;
  /*vertical-align: middle;
  object-fit: cover;*/
}

.home-hero .pt-cv-omain h5.pt-cv-title a {
  font-family:"Merriweather", Georgia, serif;
  color:#fff;
  position:absolute;
  bottom:0;
  line-height:1.4;
  padding:4em 4em 1em 1em;
  max-width:100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.42) 70%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 70%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 70%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
  transition:all .3s ease-in-out;
}

.home-hero .pt-cv-omain h5.pt-cv-title a:hover {
  color:#40c4ff;
}

.home-hero div.col-md-12.pt-cv-ocol:last-of-type:before {
  content:'Top Stories';
  display:block;
  font-weight:600;
  letter-spacing:.03em;
  color:#6b8599;
  border-bottom:1px solid #6b8599;
  margin:1em 15px 1em 15px;
}

.home-hero.weekend-hero div.col-md-12.pt-cv-ocol:last-of-type:before {
  content:'Weekends at WJCT';
}

@media (max-width:979px) {
  /* Play icon */
  .tg-grid-holder .tg-youtube-feature .tg-element-2 {
    font-size:12px;
    width:22px;
    height:22px;
    min-width:22px;
    min-height:22px;
    line-height:22px;
    margin:0 8px;
  }

  /* Title */
  .tg-youtube-feature h2.tg-element-1 {
    font-size:90%;
    line-height:1.4;
    padding:8px;
  }
}

@media (max-width:767px) {
  .home-hero {
    margin-top:0;
  }
}

@media (max-width:480px) {
  .highlights {
    margin-top:2em;
  }
}

/*
**  Listen Live
*/

/* Styling the NPR WON widget */
body#nprds_widget a {
  font-family:"Montserrat", sans-serif;
}

body#nprds_widget p {
  display:none !important;
}


/* Audio Player */

/* change the color of the background */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
	background: url('') !important;
	background-color: #2c3e50 !important;
}
 
/* change the color of the lettering */
.mejs-currenttime,
.mejs-duration {
	color: white !important;
}
 
.mejs-currenttime{
	margin-right:5px;
}
.mejs-duration {
	margin-left:5px;
}
/* eliminate the yellow border around the play button during playback */
.mejs-controls .mejs-button button:focus {
outline: none !important;
}

.mejs-time {
    width: 70px !important;
    margin-left: 10px;
}

/* This fixes the brief flash of the old style */
.audio-controls {
	display:none;
}

.mejs-button button {
    color: rgba(255,255,255);
}

.x-audio {
    margin: 1em 0;
}

.byline a {
    color: #444 !important;
}

.byline a:hover {
    color: #444 !important;
	text-decoration:underline;
}

p {margin-bottom:1.2em;}