/*
 * KJZZ Subtheme CSS
 * Updated June 2017
 * =========================
 */

/* Homepage H1 and H2 font */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Questrial');

/* Body layout */

/* fix for overlay modal (media) scrolling issue - Apr 2019 */
#overlay-container, .overlay-modal-background, .overlay-element {
  position: fixed;
}

body {
  font-family: 'Helvetica Neue', helvetica, Arial, sans-serif;
  background-color: #fff;
  font-size:100%;
}
.region-leaderboard .region-inner,
.region-footer .region-inner,
#columns {
	margin: auto;
	max-width: 1250px;
	padding: 15px 0 0 0;
}
.region-leaderboard .region-inner {
  padding:0;
}
#header {
	width: 1250px;
	margin: auto;
}
#breadcrumb {
  display: none;
}

.block {
  margin-bottom: 0px;
}
#page a {
  font-weight: bold;
  color: #1a85b5;
}
/* Added Jan 2018 - Chill */
blockquote {
  font-family: 'Questrial', sans-serif;
  text-align: center;
  width: 90%;
  padding: 25px 0;
  font-size: 32px;
  margin: 0 auto;
  border-top: 7px #666 solid;
  border-bottom: 7px #666 solid;
  line-height: 1.15em;
}
blockquote p {
  margin:0;
  line-height: 1.15em;
}
blockquote span {
  font-size: 18px;
  margin-left: 30%;
}

#sliding-popup a {
  font-weight: bold;
  color: #fff;
}

#sliding-popup .eu-cookie-compliance-more-button {
  display:none;
}

/* Hide page title for file nodes */
.page-file #page-title {
	display: none;
}

/* Leaderboard */
.region-leaderboard {
	background: #1a85b5;
	color: #eee;
	width: 100%;
}
.region-header {
  border-bottom: 1px solid #999;
  margin-top: 5px;
}

/* Main menu navigation */
#menu-bar {
  max-width: 1250px;
  margin: 0 auto 10px auto;
}
ul.sf-menu a {
  height:inherit;
  line-height: inherit;
}
.sf-menu li:hover > ul {
  top: 3.5em;
}
.sf-menu.sf-style-default li,
.sf-menu.sf-style-default.sf-navbar,
#superfish-1 li a,
#superfish-1 li ul li a,
#superfish-4 li a,
#superfish-4 li ul li a,
#superfish-3 li a,
#superfish-3 li ul li a {
  background:#1a85b5;
}
.sf-menu.sf-style-default a {
 border-left:#1a85b5;
 border-right:#1a85b5;
 border-top:#1a85b5;
}
#superfish-1 li a,
#superfish-4 li a,
#superfish-3 li a {
  color:#fff;
  padding: 20px 15px;
  font-weight: normal;
  font-size: 18px;
  height: inherit;
  line-height: inherit;
}
#superfish-1 li ul li a,
#superfish-4 li ul li a,
#superfish-3 li ul li a {
  padding: 10px 15px;
}
#superfish-1 li a:hover,
#superfish-1 li ul li a:hover,
#superfish-4 li a:hover,
#superfish-4 li ul li a:hover,
#superfish-3 li a:hover,
#superfish-3 li ul li a:hover {
  background:#555;
  color: #fff;
}

#block-superfish-1 > ul,
#block-superfish-4 > ul,
#block-superfish-3 > ul {
  text-align: center;
  padding: 0;
  width: 100%;
}
#block-superfish-1 .sf-menu li,
#block-superfish-4 .sf-menu li,
#block-superfish-3 .sf-menu li {
  float: none;
  position: relative;
  z-index: 498;
  display: inline-block;
  text-align:left;
}

/* Search box
input.header-form {
	color: #999999;
	background: url("images/spyglass.gif") no-repeat scroll 97% 50% #FFFFFF;
	border: 1px solid #BBBBBB;
	border-radius: 4px 4px 4px 4px;
	font-family: 'Helvetica Neue', arial, sans-serif;
	width: 300px;
	height: 30px;
	margin: 0;
}
#edit-search-block-form--2,
#edit-search-block-form--4 {
	color: #999999;
	background: url("images/spyglass.gif") no-repeat scroll 97% 50% #FFFFFF;
	border: 1px solid #BBBBBB;
	border-radius: 4px 4px 4px 4px;
	font-family: 'Helvetica Neue', arial, sans-serif;
	width: 250px;
	height: 25px;
}
#block-search-form .form-submit {
	visibility: hidden;
}
.region-leaderboard #block-search-form {
	float: right;
	clear: none;
	width: 250px;
	margin-top: -40px;
}
 */
/* Listen now box */
#block-block-7 {
	float: right;
  width: 300px;
  height: 188px;
  border: 8px #ddd solid;
  margin:0;
}
#on-play {
  margin: 15px 0 0 0;
}
.press-play {
  cursor: pointer;
  background: #ff9933;
  padding: 15px;
  width: 105px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 1em;
  margin-left: 3px;
  float:left;
}
.press-play:hover {
  background: #ff8c1a;
}
.press-live {
  font-size: 32px;
}

.block-content ul.graphic {
  padding:0;
}
.view-npr-hourly-news .views-field-title {
  font-size: 12px;
}
.jazzphx {
  margin: 7px 0 0 3px;
  padding: 3px 12px;
  width: 250px;
  background: #ddd;
  text-align: center;
}

/* ==================== */


/* header KJZZ logo */
#header-logo {
  text-align:center;
}
#header-logo img {
  width:270px;
}
#block-block-5 {
	width: 300px;
	float:left;
}

#give-buttons {
  width: 300px;
  margin: -5px auto 0 auto;
}

.subscribe a,
.donate a {
  padding:4px 0;
  width: 47%;
  float: left;
  text-align: center;
}

.subscribe a {
  color: #1a85b5;
  border: 1px solid #1a85b5;
  margin-left: 5px;
}
#page .donate a {
  color: #fff;
  background: #bf0000;
  margin-right: 5px;
  border: 1px solid #bf0000;
}
#page .subscribe a:hover {
  text-decoration: none;
  background: #1a85b5;
  color: #fff;
}
#page .donate a:hover {
  text-decoration: none;
}


#block-block-81,
#block-block-82,
#block-block-83,
#block-block-84,
#block-block-85,
#block-block-86,
#block-block-103,
#block-block-104,
#block-block-126,
#block-block-89 { /* campaign + section header block */
  max-width:600px;
  float: left;
  margin: 0 0 0 20px;
}
#block-block-81 .block-inner,
#block-block-82 .block-inner,
#block-block-83 .block-inner,
#block-block-84 .block-inner,
#block-block-85 .block-inner,
#block-block-86 .block-inner,
#block-block-104 .block-inner,
#block-block-126 .block-inner,
#block-block-103,
#block-block-89 .block-inner {
  margin:0;
}

.campaign a {
  color:#1a85b5;
}
.campaign a:hover {
	color: #36b8f3;
	text-decoration: none;
}
.i-listen {
  font-size: 50px;
  float: left;
  margin: 0 0 0 60px;
  line-height: 1.3em;
  letter-spacing: -1px;
}
.campaign {
  max-width: 600px;
  height: 60px;
  margin: 0 0 5px 0;
  text-align: left;
  font-size: 16px;
  font-weight:bold;
}
#names {
  padding: 20px 0 0 15px;
  color: #000;
  float: left;
}

.highlight {
  /*max-width: 550px;*/
  height: 153px;
}

/* On Now block */

.views-field-field-audio audio {
  max-width: 280px;
}

#block-views-now-playing-block {
	position: relative;
	width: 200px;
	margin-left: 400px;
	padding-top: 10px;
}

#block-block-9 {
	width: 300px;
	float: left;
}
#home_scroller_container {
  text-align: center;
  margin: 0 10px 0 0;
  width: 130px;
  float: left;
}
#scroller_container {
  text-align: left;
}
#scroller_label {
	font-size: 10px;
	font-weight: bold;
	margin:0 0 10px 0;
}
#scroller {
	font-size: 22px;
	font-weight: bold;
}
a#scroller {
	color: #000;
	line-height:.05em;
}
/* ==================== */


.pencil-ad {
  text-align: center;
  padding-top: 15px;
}

/* podcasts */

.view-id-podcasts .view-content {
    float: left;
    width: 100%;
    margin-right: 20px;
}
ul.playlist li a {font-weight:normal; font-size:18px;}
ul.playlist li {letter-spacing:normal;}
.views-field-field-air-date {padding:7px 0;}
.view-id-podcasts .view-footer {
    width: 200px;
    float: left;
}
.view-id-podcasts .views-field-title {
    font-size: 14px;
    font-weight: bold;
}
a.down-audio {
    float: right;
    display: block;
    margin: 25px 10px 10px 0;
    background: #eee;
    padding: 5px 10px;
}
.view-podcasts .views-row-first {
    border-top: 1px solid #ddd;
}
.view-podcasts .views-row {
    padding: 20px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.pods img {margin-right:10px;}
#block-block-69 .block-inner {margin-left:0;}
#menu-bar {
  height:inherit;
  padding:0;
}
.nav {
  padding:0;
}
ul.graphic {
  padding:0;
}
ul.graphic li {
  margin-bottom:10px;
}
#block-block-68 {margin-bottom:20px;}
.pane-podcasts {float:left;}
span.date-display-single {
    font-weight: normal;
    display: block;
}
.page-podcast-the-show span.date-display-single,
.page-podcast-here-now span.date-display-single,
.page-podcast-dumpster-dive span.date-display-single {
    display:none;
}

@media only screen and (max-width: 480px) {
    .view-id-podcasts .view-content {
        width: 100%;
    }
}



/* Lead Story */
h1.lead-title {
  font-family: 'Roboto 700', sans-serif;
	line-height: 1.1em;
	font-size: 30px;
	letter-spacing:-1px;
	margin: 0 0 10px 0;
}

.lead-image {
	float: right;
	margin:0 0 15px 15px;
}
h3.sub-lead-title {
  line-height: 1.33em;
  margin: 10px 0;
}
/* KJZZ Homepage lists */
h2.news-title {
  font-family: 'Roboto 700', sans-serif;
  line-height: 1em;
	font-size: 24px;
	margin-bottom: 15px;
	letter-spacing:-.5px;
}
h3.news-title {
  line-height: 1em;
	font-size: 16px;
	margin: 10px 0;
}
/* NPR */
h2.npr-title {
  line-height: 1em;
	font-size: 20px;
	margin-bottom: 10px;
}
h1.lead-title a,
h2.news-title a,
h2.npr-title a,
h3.news-title a,
.show-heder-title a {
	color: #1a85b5;
}
/* Bolding all body text links for emphasis, request from Jon, April 2016 */

#content a,
.show-lead-row a {
  font-weight: bold;
  color: #1a85b5;
}
h1.lead-title a:hover,
h2.news-title a:hover,
h2.npr-title a:hover,
h3.news-title a:hover,
.prog-title a:hover,
.lead-view-title a:hover,
.author_label a:hover,
#content a:hover,
.show-lead-row a:hover {
	color: #36b8f3;
	text-decoration: none;
}

/* Related stories bulleted list - Mar 2019 ============= */

.node-body ul.bull-arrow {
  padding: 0;
}

ul.bull-arrow li {
  list-style-type: none;
}

ul.bull-arrow li:before {
  content: "\2192";
  margin-right: 5px;
}


/* Soundmanager audio link white ============= */
#content a.sm2_link,
#content ul.playlist li a,
#content ul.playlist li.sm2_playing a,
#content ul.playlist li.sm2_paused a {
  color:#fff;
}

#block-superfish-1 a:hover {
  color: #ffffff;
}

/* News Story Styles */
.node-body {
	border-top: thin solid #bbb;
}

.node-body ul {
  padding: 0 0 0 20px;
  overflow: hidden;
}

h1.node-title,
h1#page-title,
h1.special-format-title,
h2.lead-title a {
	color: #1a85b5;
	font-family: 'Roboto 700', sans-serif;
	line-height: 1.1em;
	font-size: 30px;
	letter-spacing:-1px;
	margin-bottom: 0px;
}

.node-title {
  margin-bottom: 0px;
}
.author-block {
	margin-top: 10px;
}
.author_label a {
  color:#1a85b5;
  font-weight: bold;
}
.news-date {
  font-size:11px;
  color: #666;
}
#social-counts {
  width: 130px;
  clear:both;
}
.fb_iframe_widget {
  float: left;
  margin: 0 7px 0 0;
}
#twitter-widget-1 {
  vertical-align: bottom;
}

/* Category tags */

.cat-label {
  font-size: 11px;
  margin-right:10px;
}
.kjzz-category,
.cat-label {
  float: left;
}
.kjzz-category {
  font-size: 11px;
  text-transform: uppercase;
  padding: 5px 7px;
  background: #ddd;
  margin: 10px 5px 5px 0;
  min-width: 50px;
  text-align: center;
  float: left;
}
.kjzz-category a {
  color:#1a85b5;
}
.kjzz-category a:hover {
  color:#fff;
  text-decoration:none;
}

h2.pane-title,
h2.block-title {
  letter-spacing: -.5px;
}
h2.pane-title {
  margin: 10px 0 15px 0;
}
.article-body {
clear:both;
}
.article-title-bylines {
  max-width: 780px;
  float:left;
}
.news-wrap {
  margin:10px 0 0 0;
}
.news-left-sidebar {
  width:290px;
  float: left;
  margin-right: 15px;
}
.sp-box {
  width: 290px;
  background-color: #c4e5fa;
  text-align: center;
  padding: 4px 0;
}
.sp-label {
  font-size: 11px;
  font-style: italic;
}
.sp-name {
  font-size: 14px;
  font-weight: bold;
}

/*  jPlayer ============  */
.responsive-wrapper {
	margin:10px 0 0 0;
	min-width:320px;
	width:100%;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#aud-title,
#aud-url,
#aud-orig {
  display: none;
}

/* pager ============== */
ul.pager {
 margin: 15px 0;
}
/* news story panel - image float left */
.left-wrap {
  width: 210px;
  float: left;
  margin-right: 15px;
}

.news-image-credit {
  padding: 0px 5px;
  font-style: italic;
  color: #333333;
  font-size: 0.7em;
  text-align: right;
}
.news-image-caption {
  padding: 0px 5px 5px 5px;
  color: #333333;
  font-size: 0.8em;
}
/* News article image style to stretch full width of div */
.news-image,
.pdf-box {
  margin-bottom: 15px;
  background-color: #eee;
}
.news-image img {
  width: 100%;
}
.pdf-label {
  margin-left: 5px;
  color: #666666;
  margin-bottom: 0px;
}
.pdf-title {
  padding: 0px 5px 5px 5px;
  color: #333333;
  margin: 0;
}
.pdf-thumb {
  /*width: 190px;*/
  color: #333333;
  font-size: 0.95em;
}
.pdf-thumb img {
  padding-left: 10px;
}



/* Breaking News */
#breaking-news {
	max-width: 1200px;
	margin: auto;
	background-color: #ffffe0;
	padding: 10px 20px;
	text-align:center;
}


.block-views-now-playing-block {
  margin: auto;
  width: 998px;
}

#block-views-now-playing-block {
  position: relative;
  width: 200px;
  margin-left: 400px;
  padding-top: 10px;
}

/*format player in header */

#block-block-9 {
  width: 300px;
  float: left;
}

#block-block-6 {
  float: right;
  width: 360px;
  clear: right;
  margin-right: -25px;
  margin-top: 25px;
}
h4.galleryformatter {
  font-weight: normal;
  font-size: 1.0em;
}

/* === Media Element ===*/

ul.playlist li {
  background: #6699cc;
}

ul.playlist li a {
  font-size: .85em;
  padding-left: 25px;
  color:#fff;
}
ul.playlist li,
ul.playlist li.sm2_paused  {
  background-image: URL('https://kjzz.org/sites/all/themes/kjzz_subtheme/css/images/arrow.png');
  background-repeat: no-repeat;
}
ul.playlist li.sm2_playing  {
  background-image: URL('https://kjzz.org/sites/all/themes/kjzz_subtheme/css/images/pause.png');
  background-repeat: no-repeat;
}
.mejs-overlay-button {
  display: true;
}

.audio-mobile {
  display:none;
}

/*ul.playlist li.sm2_playing {
  background-color:#eee;
}*/
/* Soundmanager ======= */
#block-block-7 ul.graphic li a.sm2_link {
  min-width:250px;
}
#block-block-7 #sm2_timing {
  display:none;
}
#content ul.playlist li.sm2_playing,
#content ul.playlist li.sm2_paused,
#content ul.playlist li.sm2_playing a {
    color: #fff;
    border-radius: 0;
}


/* ===== */

tr.info, tr.even, tr:nth-child(2n+2) {
  background-color: #ffffff;
}

/* === Facebook block in leaderboard ===*/

#block-block-11 {
  float: right;
  text-align: right;
  padding-top: 5px;
}

/* ===== */


.views-row {
  clear: both;
}

.form-item-field-old-site-und {
  /*display: none;*/
}
.contact-form {
  width: 650px;
}
.img-cap {
  margin-top: 0px;
  font-size: .9em;
  color: #999999;
}
.img-cred {
  margin-top: 0px;
  font-weight: bold;
  color: #999999;
  float: right;
}
.one-off {
  font-weight: bold;
}

.pane-lead-image {
  border-bottom: 1px solid #ddd;
}
#block-views-nodequeue-8-block {
  border-bottom: 1px solid #ddd;
}
#block-views-nodequeue-7-block, #block-views-nodequeue-20-block {
  margin-left: 5px;
  border-bottom: 1px solid #ddd;
}
#block-views-nodequeue-20-block .block-title {
  font-size: 1.2em;
  color: #000000;
  font-style: italic;
}
#block-views-nodequeue-20-block a {
  color: #000000;
  font-style: italic;
}
.views-field-field-credit h4 {
  margin-bottom: 0px;
}
.node-date {
  color: #999999;
  font-size: 0.8em;
}
.flexslider {
  margin-bottom: 0px;
}
.gal-cap {}
.gal-credit {
  font-style: italic;
  font-size: 0.8em;
}
.flex-direction-nav a {
  color: #C0C0C0;
}
.news-gallery {
  width: 100%;
}
.flex-viewport ul, .flex-viewport ol {
  padding-left: 0px;
}

.panel-flexible .panel-separator {
  margin-bottom: 0em;
}

/* === Landing page titles ===*/
.page-education h1#page-title,
.page-mexico-city h1#page-title,
.page-hermosillo h1#page-title,
.page-sustainability h1#page-title,
.page-tribal-natural-resources h1#page-title {
  display: none;
}
/* landing pages front bottom block */
.pane-front-bottom.no-title.block {
  margin-top: 20px;
}


/* === Footer ===*/

.region-footer {
  background:#333;
  color:#fff;
  padding:20px 0;
}
.region-footer p {
  text-align:center;
  margin-top:10px;
}
.region-footer a {
  color: #1a85b5;
}
.ft-block {
    width: 370px;
    float: left;
    margin: 10px 15px;
}
.social {
  margin:15px 0 0 0;
}

/* ===== */


/* === Unpublished node background pink ===*/

#unpub {
  background-color: #FBEFEF;
}

/* ===== */


/* === Pop scroller ===*/

#popscroller {
  font-weight: normal;
}
a#popscroller {
  color: #333;
}
.popoptions {
  text-align: center;
  background: #1a85b5;
  padding-top: 10px;
  padding-bottom: 10px;
}
.popsched {
  text-align: center;
  background-color: #999999;
  padding-top: 8px;
  padding-bottom: 8px;
}
#pop_label {
  float: left;
  color: #333;
  font-weight: bold;
  padding-right: 5px;
}
.donate-block{
  text-align: center;
  background-color: #7e0d10;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* === Program Schedule === */

.sch-head {
  background: -webkit-linear-gradient(#0c5675, #3399cc);
  background: -moz-linear-gradient(center top, #0c5675, #3399cc) repeat scroll 0 0 transparent;
  background: linear-gradient(rgba(51, 153, 204, 0.7), rgba(12, 86, 117, 0.7)) repeat scroll 0 0 transparent;
  background-color: #0c5675;
  color: #ffffff;
}
.time {
  background: -webkit-linear-gradient(#888888, #999999);
  background: -moz-linear-gradient(center top, #888888, #999999) repeat scroll 0 0 transparent;
  background: linear-gradient(rgba(136, 136, 136, 1), rgba(153, 153, 153, 1)) repeat scroll 0 0 transparent;
  text-align: center;
  background-color: #0c5675;
  color: #ffffff;
}
.event {
  background-color: #ffffff;
}
.event a {
  color: #3399cc;
}



/* === schedule page only
 * page-node-49
 * ======================
 */
.page-node-49 table {
  margin: 0 0 0 0;
}

.page-node-49 ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.page-node-49 #page-title {
  visibility: hidden;
}

.page-node-49 ul.tabs li {
  display: inline-block;
  padding:3px 15px;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.1em;
  border-radius: 9px 9px 0 0;
  background: -webkit-linear-gradient(#eeeeee, #cccccc);
  background: -moz-linear-gradient(center top, #eeeeee, #cccccc) repeat scroll 0 0 transparent;
  background: linear-gradient(rgba(238, 238, 238, 1), rgba(204, 204, 204, 1)) repeat scroll 0 0 transparent;
  text-align: center;
  background-color: #cccccc;
  color: #888888;
}

.page-node-49 ul.tabs li.current {
  background: -webkit-linear-gradient(#0c5675, #3399cc);
  background: -moz-linear-gradient(center top, #0c5675, #3399cc) repeat scroll 0 0 transparent;
  background: linear-gradient(rgba(51, 153, 204, 0.7), rgba(12, 86, 117, 0.7)) repeat scroll 0 0 transparent;
  background-color: #0c5675;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.1em;
}

.page-node-49 .tab-content {
  display: none;
}

.page-node-49 .tab-content.current {
  display: inherit;
  margin-top: -2px;
}

.page-node-49 .tab-link {
  border: 1px solid #ccc;
}
.page-node-49 .print-me {
  background:#3890c6;
  color:#fff;
  padding:5px 10px;
  cursor: pointer;
  width: 200px;
  font-weight:bold;
  text-align: center;
}
.page-node-49 .showme {
  display:block;
}
/* ===== */








/* === Sidebar right lists === */


h3.prog-title,
h3.lead-view-title {
  line-height: 1.1em;
  font-size: 1.2em;
  margin:0 0 3px;
}
h5.prog-title {
  line-height: 1.1em;
  margin-top: 12px;
  margin-bottom: 0px;
}
h4.prog-title {
  line-height: 1.1em;
  margin-top: 12px;
  margin-bottom: 0px;
}
#block-views-bbc-view-block {
  margin-top: 15px;
}
#block-views-bbc-view-block .block-inner {
  border-top: 1px solid #ddd;
}
.prog-title a,
.lead-view-title a {
  color: #1a85b5;
}
.progamming-title {
  line-height: 1.1em;
  font-size: 1.2em;
  margin-bottom: 0px;
  text-align: center;
  color: #666666;
}
.progamming-title a {
  color: #000000;
}
.prog-sub {
  font-style: italic;
  margin-bottom: 8px;
  margin-top: 0px;
  text-align: center;
  color: #666666;
}
.prog-img {
  float: left;
  padding-right: 8px;
}

#block-block-90 { /* Legacy society quick links */
  border: 1px #999 solid;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 3px 4px 6px #999;
}

#block-block-60, /* underwriting top */
#block-block-1, /* underwriting middle */
#block-block-59, /* underwriting middle */
#block-block-3, /* twitter */
#block-block-75, /* Soundbite box */
#block-block-36,
#block-block-47 {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
#block-block-3 { /* twitter */
  border-top: 1px solid #ddd;
}

.pane-bbc-view,
.pane-ap-feed {
  width: 50%;
  float: left;
  margin-bottom: 20px;
}

/* ===== */

.more-news {
  float: right;
  font-weight: bold;
  color: #1a85b5;
}


/* The Show banner - hide large banner, show smaller logo =================== */

#block-block-76 .show-hdr-mobile {
  display: none;
}
#block-block-76 .show-hdr-banner {
  display: block;
}
.domain-ts-kjzz-org #content-column {
  width: 69%;
  float: left;
}
.domain-ts-kjzz-org .sidebar-second .content-inner {
  margin-right: 0%;
}
.domain-ts-kjzz-org .region-sidebar-second {
  width: 31%;
  overflow-x: visible;
  overflow-y: visible;
  float: right;
  padding-top: 10px;
}
.show-lead-row {
  float: left;
  padding-left: 9px;
  max-width: 235px;
}
#block-views-nodequeue-11-block .block-inner {
  max-width:1000px;
  margin:0 auto;
  margin-bottom: 20px;
}

/* ===== */


/* === Promo box === */

#block-views-nodequeue-4-block {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

/* === Homepage panels === */

.summary {
  font-style: italic;
}

/* === News Story === */
.panels-flexible-region-node_layout-front_top {
  border-right: 1px solid #ddd;
}
.pane-imagelinks {
  float: left;
  width: 300px;
}
.pane-node-field-image {
  float: left;
  width: 300px;
}
.image-two {
  float: right;
  width: 300px;
}
.embedded-image {
  background-color: #eee;
  margin-bottom: 15px;
  padding: 10px;
}
.float-left-image {
  float: left;
  margin-right: 20px;
}
.npr-teaser-img {
  width:213px;
  height:120px;
  object-fit:cover;
}
.float-right-date {
  float: right;
  color: #666;
  padding-top: 8px;
  font-size: 15px;
}
.bylines {
  float: left;
  color: #000;
  font-size: 15px;
  font-weight:bold;
  padding-bottom: 10px;
}
.panels-flexible-home_layout {
  border-right: 1px solid #ddd;
}
.panels-flexible-region-home_layout-lead {
  border-bottom: 1px solid #ddd;
}
.panels-flexible-region-home_layout-bottom {
  border-top: 1px solid #ddd;
}
.panels-flexible-region-home_layout-mid_left,
.panels-flexible-region-home_layout-center {
  max-width: 50%;
  float: left;
}
.midLeft ul,
.view-id-ap_feed ul,
.view-id-bbc_view ul {
  list-style-type: none;
  color: #3a8bac;
  font-size: 18px;
}
.midLeft ul li,
.view-id-ap_feed ul li,
.view-id-bbc_view ul li  {
  padding:0 0 15px 0;
  border-bottom:1px solid #ddd;
  margin:0;
}
.midLeft ul li:last-child,
.view-id-ap_feed ul li:last-child,
.view-id-bbc_view ul li:last-child {
  border-bottom:none;
}
.panels-flexible-row-home_layout-1-inside {}
.panels-flexible-row-home_layout-2 {}
.clear-both {
  clear: both;
  padding-bottom: 20px;
}
.kjzz-pane,
.npr-pane {
  border-bottom: 1px solid #ddd;
}
.kjzz-pane .views-row,
.view-science-news .views-row,
.view-front-bottom .views-row,
.view-buiness-news .views-row,
.npr-page .views-row,
.page-fronteras-news .views-row,
.page-fronteras .views-row,
.view-special-reports-block-and-page .views-row   {
  min-height:150px;
}
.npr-pane {
  margin-bottom: 10px;
  padding-bottom: 15px;
}
.npr-pane .views-row {
  min-height:120px;
}
.view-display-id-page_1 {}
.more-link {
  clear: both;
  font-weight: bold;
  margin-top: 20px;
}
.more-link a {
  color: #0c5675;
}
.mejs-controls .mejs-button button {
  background-image: url(controls.png);
}
.timetable tbody tr {
  border: none;
}

/* ===== */


.link-list {
  border-bottom: 9px solid #eeeeee;
  margin: auto;
  padding-top: 5px;
  position: relative;
  width: 990px;
}

#block-views-nodequeue-8-block-1 {
  margin-top: 10px;
}

/* === Legacy society === */

.legacy_bg {
  height: 135px;
  background-image: url('https://kjzz.org/sites/all/themes/kjzz_subtheme/css/images/KJZZ_Legacy_Society1.jpg');
  background-repeat: no-repeat;
  background-position: center;
}
#legacy {
  color: #ffffff;
  font-size: 1.3em;
  padding-top: 65px;
  text-align: center;
}

/* ===== */

.views-field-view {
  float: right;
  max-width: 370px;
}
.audio-dl {
  margin: 5px 0 0 0;
}
.HN-pod {
  float: left;
}
.pod-img {
  float: left;
  clear: both;
  margin-top: 10px;
  padding-right: 8px;
}
#twitter-widget-0 {
  vertical-align: bottom;
}

/* === Grey screen === */

#gscontain {
  max-width: 700px;
  width: 78%;
  margin: auto;
  margin-top: 30px;
  font-weight: bold;
}
#greypromote {
  font-size: 16px;
  margin-left: 15px;
  color: #b1e2ff;
}
#newscreen {
  background-image: url('https://kjzz.org/sites/all/themes/kjzz_subtheme/css/images/onairbg.jpg');
  background-color: #000000;
  position: absolute;
  z-index: 9999;
  max-width: 700px;
  width: 78%;
  background-size: contain;
  background-repeat: no-repeat;
}
#greylogo {
  width: 65%;
  max-width: 260px;
}
#greydonate {
  width: 205px;
  font-size: 28px;
  color: #ffffff;
  clear: both;
  background-color: #2d9ad9;
  padding: 10px 18px;
  margin-top: 30px;
  float: left;
}
#greymatch {
  background-color: #2d9ad9;
  color: #ffffff;
  font-size: 28px;
  margin-top: 30px;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 10px;
  float: right;
}
#greyclose, #greyclosea {
  float: right;
  width: 19%;
  color: #ffffff;
  margin-top: 0px;
  font-size: 14px;
  padding: 10px 5px;
}
#greyclosea {
  display: none;
}
#greysupport {
  clear: both;
  width: 52%;
  color: #ffffff;
  font-size: 28px;
  padding: 10px 5px;
  margin-top: 20px;
  margin-left: 10px;
  text-align: left;
}
@media only screen and (max-width: 700px) and (orientation: landscape) {


 #greypromote {
    font-size: 14px;
    width: 60%;
  }
  #greymatch {
    font-size: 14px;
  }
  #gscontain {
    margin-top: 0px;
  }
  #greyclose {
    display: none;
  }
  #greyclosea {
    display: block;
    margin-top: 0px;
  }
  #greysupport {
    display: none;
  }
  #newscreen, #gscontain {
    height: 300px;
  }
}
#pledgeon {
  display: none;
  font-family: 'Times New Roman', Times, serifm, serif;
  z-index: 9998;
}
#pledgeon #pledgescreen {
  position: absolute;
  overflow: visible;
  top: 4px;
  left: 4px;
  width: 99%;
  min-width: 99%;
  height: 99%;
  min-height: 99%;
  background-color: #808080;
  border: 1px solid black;
  filter: Alpha(opacity=70);
  opacity: .7;
  text-align: center;
  z-index: 9990;
}
#pledgeon #menulist {
  text-align: center;
  background-color: #ffffff;
  border: 4px outset #000000;
  border-radius: 40px;
  position: absolute;
  overflow: visible;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  top: 150px;
  left: 200px;
  padding: 14px;
  line-height: 32px;
  z-index: 9999;
}
#pledgeon #menulist h1 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 24px;
}
#pledgeon #menulist #pledgbutb {
  color: darkblue;
  border-radius: 15px;
  font-size: 16px;
  border-color: red;
  background-color: #9999ff;
  padding: 8px;
  width: 100px;
  white-space: normal;
  float: left;
}
#pledgeon #menulist .import {
  color: red;
  font-size: 18px;
}
#pledgeon #menulist a:link, #pledgeon #menulist a:visited {
  text-decoration: none;
}

/* ===== */

.special-title {
  margin-bottom: 2px;
  margin-top: 5px;
  padding: 6px 10px;
  font-size: 1.85em;
  font-weight: normal;
  background-color: #eeeeee;
}
.special-link a {
  color: #000000;
}
.overlay-inner h4 {
  font-weight: normal;
  font-size: 1.0em;
}

/* === Business page === */

.pane-buiness-news .block-content,
.pane-science-news .block-content {
  padding: 20px 0;
}
.business-page #page-title {
  display: none;
}

.view-business-mid-right h3.prog-title,
.view-business-mid-left h3.prog-title,
.view-science-mid-right h3.prog-title,
.view-science-mid-left h3.prog-title {
  margin:10px 0 15px 0;
}
.page-business-news h1#page-title,
.page-mexico-city-bureau-news h1#page-title,
.page-sustainability-news h1#page-title,
.page-education-news h1#page-title,
.page-science-news h1#page-title,
.page-news h1#page-title,
.page-press h1#page-title,
.page-npr-stories h1#page-title {
  margin-bottom: 20px;
}

/* ===== */


/* === Science page === */



#block-block-29 {
  float: right;
  margin-top: 5px;
  margin-right: -11px;
  width: 110px;
}
#block-block-28 {
  margin: auto;
}
.bbc-block ul {
  padding: 0 0 0 0;
}
.node-ap-article .field-name-field-npr-byline {
  font-weight: bold;
  float: left;
}
.node-ap-article .field-name-post-date {
  font-style: italic;
  float: right;
}
.node-ap-article .field-name-body {
  clear: both;
  padding-top: 10px;
}
.clear-it {
  clear: both;
}

/* ===== */

.form-item-field-old-site-und {
  visibility: hidden;
}
#edit-field-old-site {
  display: none;
}

/* Fix views slideshow overlapping facebook like box */

.views-slideshow-cycle-main-frame {
  z-index: 0;
}

/* I'm In, Are You donate block '*/

#block-block-43 {
  float: right;
}
.centered-title {
  text-align: center;
}

/* Loyalty card page */

.loyal {
  max-width: 250px;
  border: 1px dotted #999;
  float: left;
  padding: 15px;
  text-align: center;
  margin: 10px;
}

/* Advanced Poll */
.node-advpoll .submitted {
  display:none;
}

/* Support landing page */
.support #content .panel-display {
    width: 1000px;
    margin: 0 auto;
}

/* Support horizontal menu - June 2016 */

nav#block-superfish-4 {
  max-width: 1250px;
  margin: auto;
}
#block-superfish-4 a {
  color: #767676;
}
#block-superfish-4 a:hover {
  color: #ffffff;
}

/* Responsive menu */
.mean-container .mean-bar,
.mean-container .mean-nav {
  background: #1a85b5;
}

/* hide guest user edit tabs */
.page-user-70 #tasks {
  display:none;
}
/* Classes for special story inline images */
.inline-right {
 max-width:400px;
 float:right;
 margin: 0 0 15px 15px;
}
.inline-left {
 max-width:400px;
 float:left;
 margin: 0 15px 15px 0;
}
.inline-right-small {
 max-width:200px;
 float:right;
 margin: 0 0 15px 15px;
}
.inline-left-small {
 max-width:200px;
 float:left;
 margin: 0 15px 15px 0;
}
/* Center podacst banners */
.view-podcasts .view-header {
  text-align: center;
}

/* New Search formatting */
.view-mode-search_display .group-left{
width: 155px;
}

.view-mode-search_display .group-right{
width: 100%;
max-width: 750px;

}
.group-right h3{
margin: 0px;
}
.group-right .field-name-field-bylines {
font-weight: bold;
}
#views-exposed-form-search-news-page-5 .views-submit-button{
display: none;
}
#views-exposed-form-search-news-page-5{
float: right;
clear: none;
width: 250px;
margin-top: -50px;
}
#views-exposed-form-search-news-page-5 input {
    color: #999999;
    background: url(/sites/all/themes/kjzz_subtheme/css/images/spyglass.gif) no-repeat scroll 97% 50% #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    font-family: 'Helvetica Neue',arial,sans-serif;
    width: 250px;
    height: 25px;
}


/* =======================
 *
 * MOBILE RESPONSIVE
 *
 * =======================
 */

/* === laptop view === */
@media (max-width: 1000px) {
	 .inline-right {
        max-width: 60%;
    }
    .inline-left {
        max-width: 60%;
    }
  #header {
    max-width: 1000px;
  }
  .page-banner img {
    max-width: 340px;
  }
  .page-banner {
    margin-top: 125px;
  }
  #views-exposed-form-search-news-page-5 {
    float: none;
    width: 250px;
    margin-top: 0;
    position: absolute;
    left: 10px;
    z-index: 9999999;
  }
}

/* === Tablet view === */
@media (max-width: 768px) {

 .float-right-date {
  padding: 0px 0px 30px 0px;;
  }

 .panels-flexible-region-home_layout-center {
    clear: both;
    width: 100%;
  }
  .panels-flexible-region-home_layout-mid_left {
    clear: both;
    width: 100%;
    border-bottom: #666666 dotted thin;
    border-right: none;
  }
  .region-sidebar-second {
    width: 100%;
    float: none;
  }
  .audio-mobile {
    display:block;
    width:100%;
  }
  .midLeft {
    border-right: none;
  }

  #header-logo,
	#block-block-7, /* listen block */
	#block-block-5  {
		float: none;
		margin: 0 auto;
	}
	#block-block-7 { /* listen block */
		margin: 10px auto;
	}

  #header {
    max-width: 100%;
    width: 100%;
    border-bottom: none;
  }
  .nav {
    padding-left: 0;
  }
  #menu-bar {
    height: auto;
    margin-bottom: 0px;
  }
  #block-block-81,
  #block-block-82,
  #block-block-84,
  #block-block-85,
  #block-block-86 {
    float: none;
  }
  #block-superfish-1,
  #block-superfish-4 {
    padding-left: 0px;
    width: 100%;
  }
  #block-block-11 {
    display: none;
  }

  #block-block-6 {
    margin-right: 0px;
    margin-top: 0px;
    width: 100%;
  }
  #block-block-9 {
    margin-top: -50px;
    margin-left: 100px;
    width: 70%;
  }

  img.subscribe-env {
    margin: 0;
  }
  #superfish-1-select,
  #superfish-4-select {
    width: 50%;
    float: right;
    margin-right: 10px;
  }
  .mean-container .mean-bar {
    background: #1a85b5;
    width: 60%;
    float: right;
  }
  .mean-container .mean-nav {
    background: #1a85b5;
    margin-left: -70%;
    width: 170%;
  }
  .region-leaderboard #block-search-form {
    position: absolute;
    top: 50px;
    left: 10px;
    z-index: 999999;
  }
}

/* === Mobile screen === */
@media only screen and (max-width: 480px) {

    .inline-right,
    .inline-right-small {
        float: none;
        margin-left: 0;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .inline-left,
    .inline-left-small {
        float: none;
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 15px;
    }
  .masonry-item {
    width:100%;

  }
  #block-block-81,
  #block-block-82,
  #block-block-84,
  #block-block-85,
  #block-block-86,
  #block-block-104,
  #block-block-126,
  #block-block-103 {
    max-width:300px;
    float: none;
    margin: 0 auto;
  }
  .subscribe a, .donate a {
    width: 44%;
  }
  .page-banner {
    max-width:300px;
  }
  .i-listen {
    float: none;
    margin: 0;
  }
  .campaign {
    max-width: 300px;
    height: 130px;
    text-align: center;
    font-size: 18px;
    font-weight:bold;
  }
  #names {
    padding: 0;
    float:none;
  }

  .lead-image {
    float: none;
    margin-left: 0;
  }
  .pane-bbc-view, .pane-ap-feed {
    width:100%;
  }

  #greydonate {
    width: 150px;
    font-size: 18px;
  }
  #greymatch {
    font-size: 14px;
  }
  #greypromote {
    font-size: 14px;
  }
  #greyclose {
    margin-top: 30px;
  }
  #legacy {
    font-size: 0.9em;
  }
  #block-block-9 {
    width: 50%;
    margin-left: 80px;
  }

  #greyclose, #greyclosea {
    font-size: 10px;
    width: 25%;
  }
  #greysupport {
    font-size: 18px;
    width: 70%;
  }
  #gscontain {
    margin-top: 0px;
  }
  #newscreen, #gscontain {
    width: 100%;
  }
  #node-4570 td {
    display: block;
  }
  /* events page (/events) - mobile image style */
  td.ev-desc div img {
    float: none;
    width: 100%;
  }

  /* The Show banner - hide large banner, show smaller logo */
  #block-block-76 .show-hdr-mobile {
    display: block;
  }
  #block-block-76 .show-hdr-banner {
    display: none;
  }
  /* === YouTube video container - responsive, added April 2017 === */
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .panels-flexible-region-home_layout-lead .views-field-php-1 {
    clear: left;
  }
  .panels-flexible-region-home_layout-mid_left,
  .panels-flexible-region-home_layout-center {
    max-width: 100%;
    float: none;
  }
  /* ===== fix for mobile search box to appear on top of mean menu === */
  #views-exposed-form-search-news-page-5 input {
    position: absolute;
    width: 200px;
    top: 10px;
    left: 10px;
    z-index: 999999;
  }
  /* news story image mobile view + the show */
  .left-wrap,
  .domain-ts-kjzz-org #content-column,
  .domain-ts-kjzz-org .region-sidebar-second {
    width: 100%;
    float: none;
  }
  .npr-teaser-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .float-left-image {
    float: none;
  }

  .float-left-image img {
    width: 100%;
  }

}