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

/* Pull KJZZ subtheme base sheet */
@import url('https://kjzz.org/sites/all/themes/kjzz_subtheme/css/kjzzup.css');

/* SHOW custom CSS ====================== */
.block { /* added b/c kjzz css not being recognized */
  margin-bottom: 0px;
}

#content-column {
  width: 69%;
  float: left;
}
.sidebar-second .content-inner {
  margin-right: 0%;
}
.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;
}
.show-lead-row a {
  font-weight: bold;
  color: #1a85b5;
}
.show-lead-row a:hover {
  color: #36b8f3;
  text-decoration: none;
}
.audio-dl {
  margin: 5px 0 0 0;
}
#block-views-nodequeue-11-block .block-inner {
  max-width:1000px;
  margin:0 auto;
  margin-bottom: 20px;
}
/* pager ============== */
ul.pager {
 margin: 15px 0;
}

.view-mode-search_index .group-right{
max-width: 1000px;
}
.ds-2col-fluid > .group-right{
	float: none;
}
.ds-2col > .group-right{
float: none;
}

/* Category tags */

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

/* 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;
}

/* 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%;
}

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

  /* news story image mobile view */
  .left-wrap {
    width: 100%;
    float: none;
  }

  #content-column {
    width: 100%;
    float: none;
  }

}