/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

@import url('//fonts.googleapis.com/css?family=Lato:400,700,900');


body {
  font-size: 1em;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
}
h1 { font-size: 2.2em; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }






#zone-user-wrapper {
  /* height: 90px; */
  /* padding: 16px 0; */
  background: #636363;
}

@media screen and (max-width: 740px) {
  #zone-user-wrapper {
    display: none;
  }
}

#zone-branding-wrapper {
  /* height: 70px; */
  margin-top: 20px;
  margin-bottom: 10px;
}
#block-block-1 .content h1#website-logo {
  margin: 0;
}
#block-block-1 .content h1#website-logo a {
  display: block;
  width: 260px;
  height: 70px;
  background: url(https://c1.staticflickr.com/1/913/42455019065_d2efc9c84f_o.png) no-repeat;
  text-indent: -5000px;
  margin: 0 auto;
}




/* top menu */

#zone-menu-wrapper {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 3px solid #cecece;
  border-bottom: 3px solid #cecece;
}

#block-menu-menu-news,
#block-menu-menu-op-ed,
#block-menu-menu-pick-to-post,
#block-menu-menu-multimedia,
#block-menu-menu-docs,
#block-menu-menu-about {
  display: block;
  float: left;
  text-transform: uppercase;
  font-size: 0.9em;
  margin-right: 20px;
  font-family: 'Lato', sans-serif;
}
#block-menu-menu-news h2.block-title,
#block-menu-menu-op-ed h2.block-title {
  font-size: 0.8em;
  color: #ff5d00;
  padding: 0 0 3px 0;
}
#block-menu-menu-pick-to-post h2.block-title,
#block-menu-menu-multimedia h2.block-title,
#block-menu-menu-docs h2.block-title,
#block-menu-menu-about h2.block-title {
  font-size: 0.8em;
  color: #fff;
  padding: 0 0 3px 0;
}
#block-menu-menu-news .content,
#block-menu-menu-op-ed .content,
#block-menu-menu-pick-to-post .content,
#block-menu-menu-multimedia .content,
#block-menu-menu-docs .content,
#block-menu-menu-about .content {
  border-top: 1px solid #000;
}
#block-menu-menu-news .content ul.menu,
#block-menu-menu-op-ed .content ul.menu,
#block-menu-menu-pick-to-post .content ul.menu,
#block-menu-menu-multimedia .content ul.menu,
#block-menu-menu-docs .content ul.menu,
#block-menu-menu-about .content ul.menu {
  margin: 0;
  padding: 0;
}
#block-menu-menu-news .content ul.menu li,
#block-menu-menu-op-ed .content ul.menu li,
#block-menu-menu-pick-to-post .content ul.menu li, 
#block-menu-menu-multimedia .content ul.menu li,
#block-menu-menu-docs .content ul.menu li,
#block-menu-menu-about .content ul.menu li {
  float: left;
  list-style: none;
  padding: 5px 0;
  margin: 0 15px 0 0;
  font-size: 0.9em;
  font-weight: 900;
}
#block-menu-menu-news .content ul.menu li.last,
#block-menu-menu-op-ed .content ul.menu li.last,
#block-menu-menu-pick-to-post .content ul.menu li.last,
#block-menu-menu-multimedia .content ul.menu li.last,
#block-menu-menu-docs .content ul.menu li.last,
#block-menu-menu-about .content ul.menu li.last {
  margin: 0;
}
#block-menu-menu-news .content ul.menu li a,
#block-menu-menu-op-ed .content ul.menu li a,
#block-menu-menu-pick-to-post .content ul.menu li a,
#block-menu-menu-multimedia .content ul.menu li a,
#block-menu-menu-docs .content ul.menu li a,
#block-menu-menu-about .content ul.menu li a {
  text-decoration: none;
  color: #000;
}





/* front content */

.region-preface-second-inner {
  padding: 10px;
  background: #efefef;
}

#block-views-slideshow-block {
  overflow: hidden;
}
#block-views-slideshow-block .views-field-field-cover-picture img {
  width: 100%;
  height: auto;
}
#block-views-slideshow-block .views-field-title h3 {
  font-size: 1.5em;
  margin: 0.5em 0;
}
#block-views-slideshow-block .views-field-title h3 a {
  color: #000;
  text-decoration: none;
}
#block-views-slideshow-block .views-field-body {
  font-size: 0.9em;
}
#block-views-slideshow-block .views-slideshow-controls-bottom {
  padding: 1em 0;
  overflow: hidden;
  margin-left: 30%;
}
#block-views-slideshow-block .views-slideshow-pager-field-item {
  display: block;
  float: left;
  text-indent: -5000px;
  width: 15px;
  height: 15px;
  margin: 10px 5px;
  padding: 0;
  border-radius: 50%;
  background: #ccc;
}
#block-views-slideshow-block .views-slideshow-pager-field-item.active {
  background: #000;
}

#block-views-front-block h2.block-title,
#block-views-front-block-1 h2.block-title,
#block-views-front-block-2 h2.block-title,
#block-views-front-block-3 h2.block-title,
#block-views-front-block-4 h2.block-title,
#block-views-front-block-5 h2.block-title,
#block-views-front-block-6 h2.block-title,
#block-views-front-block-7 h2.block-title,
#block-views-front-block-8 h2.block-title {
  background: #000;
  padding: 0.5em 1em;
  color: #ff5d00;
  text-transform: uppercase;
}
#block-views-front-block h2.block-title a,
#block-views-front-block-1 h2.block-title a,
#block-views-front-block-2 h2.block-title a,
#block-views-front-block-3 h2.block-title a,
#block-views-front-block-4 h2.block-title a,
#block-views-front-block-5 h2.block-title a,
#block-views-front-block-6 h2.block-title a,
#block-views-front-block-7 h2.block-title a,
#block-views-front-block-8 h2.block-title a {
  text-transform: uppercase;
  color: #ff5d00;
}
#block-views-front-block,
#block-views-front-block-1,
#block-views-front-block-2,
#block-views-front-block-3,
#block-views-front-block-4,
#block-views-front-block-5,
#block-views-front-block-6,
#block-views-front-block-7,
#block-views-front-block-8,
#block-quicktabs-latest-update,
#block-quicktabs-election-deepsouth {
  border-bottom: 2px solid #000;
  margin: 0 0 1em 0;
  padding: 0 0 2px 0;
}

@media screen and (min-width:740px) {
  /* #block-views-front-block-8, */
  #block-views-front-block-2 {
    float: left;
    width: 48%;
    margin-right: 2%;
  }
  #block-views-front-block-6 {
    float: right;
    width: 48%;
    margin-left: 2%;
  }
  #block-views-front-block-5,
  #block-views-front-block-7 {
    clear: both;
  }
}

.view-front .views-row {
  overflow: hidden;
  padding: 10px 0;
  border-bottom: 1px solid #999;
}
.view-latest .views-row,
.view-content-special .views-row {
  overflow: hidden;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}
.view-front .views-row .views-field-title h3 {
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 5px 0 0 0;
}
.view-latest .views-row .views-field-title h3,
.view-content-special .views-row .views-field-title h3 {
  font-size: 1em;
  line-height: 1.2em;
  margin: 5px 0;
}
.view-front .views-row .views-field-title h3 a,
.view-latest .views-row .views-field-title h3 a,
.view-content-special .views-row .views-field-title h3 a {
  color: #000;
  text-decoration: none;
}
.view-front .views-row .views-field-field-cover-picture {
  padding: 5px 0;
}
.view-front .views-row .views-field-field-cover-picture img {
  width: 100%;
  height: auto;
}
.view-front .views-row .views-field-field-byline,
.view-latest .views-row .views-field-field-byline {
  float: left;
  font-size: 0.7em;
  color: #ff5d00;
}
.view-front .views-row .views-field-created,
.view-latest .views-row .views-field-created {
  float: right;
  font-size: 0.7em;
  text-align: right;
}

#quicktabs-latest_update .item-list,
#quicktabs-election_deepsouth .item-list {
  padding: 0 !important;
}
#quicktabs-latest_update .item-list ul.quicktabs-tabs,
#quicktabs-election_deepsouth .item-list ul.quicktabs-tabs {
  padding: 0 !important;
  margin: 0 !important;
}

#quicktabs-container-latest_update,
#quicktabs-container-election_deepsouth {
  padding: 0 9px 9px 9px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

/* quote block front */

#block-views-quote-block {
  width: 260px;
  margin: 0 auto 1.5em auto;
  overflow: hidden;
  border-bottom: 2px solid #000;
  padding-bottom: 2px;
}
#block-views-quote-block h2.block-title {
  display: block;
  background: url(https://c2.staticflickr.com/2/1826/28561929947_05ae8630d3_o.png) no-repeat;
  background-size: 100% auto;
  height: 55px;
  text-indent: -5000px;
}
#block-views-quote-block .content {
  background: url(https://c2.staticflickr.com/2/1784/28561930087_8f25c5786f_o.png) no-repeat bottom right #ccc;
  border-bottom: 1px solid #000;
}
#block-views-quote-block .views-field-body {
  border-top: 1px solid #000;
  background: url(https://c2.staticflickr.com/2/1827/42564402145_d7c3968861_o.png) no-repeat bottom center;
  background-size: 100% auto;
  padding: 0.5em 1em 2em 1em;
}
#block-views-quote-block .views-field-field-quote-photo {
  padding: 1em 3em;
}
#block-views-quote-block .views-field-field-quote-photo img {
  width: 100%;
  height: auto;
}
#block-views-quote-block .views-field-title {
  padding: 0.5em 1em 0 1em;
}
#block-views-quote-block .views-field-title h2 {
  font-size: 1.3em;
  margin: 0;
}
#block-views-quote-block .views-field-title h2 a {
  color: #000;
  text-decoration: none;
}
#block-views-quote-block .views-field-field-source {
  padding: 0 1em 2em 1em;
}

@media screen and (min-width: 740px) {
  #block-views-quote-block {
    width: 100%;
  }
  #block-views-quote-block h2.block-title {
    height: 35px;
  }
}
@media screen and (min-width: 980px) {
  #block-views-quote-block h2.block-title {
    height: 45px;
  }
}
@media screen and (min-width: 1220px) {
  #block-views-quote-block h2.block-title {
    height: 60px;
  }
}


/* alternative breadcrumb */

#block-views-alternative-breadcrumb-block {
  padding: 1em 0;
  color: #ff5d00;
}
#block-views-alternative-breadcrumb-block .views-row a {
  color: #ff5d00;
  text-decoration: none;
}

/* article disclaimer */

#block-views-article-disclaimer-block {
  background: #FFDEDE;
  padding: 0.5em 1em;
  margin: 1em 0;
}
#block-views-article-disclaimer-block .content {
  color: #6c0707;
  font-weight: bold;
}

/* -- inside content -- */

article {
  padding: 0 0 5em 0;
}
article .submitted-by {
  display: block;
  font-size: 0.8em;
  padding: 1em 0 2em 0;
}
article .field-name-field-byline {
  font-weight: bold;
  padding: 0 0 1em 0;
  color: #ff5d00;
}
article .field-name-body {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 2em 0;
  font-size: 1.1em;
}
article .field-name-body img {
  max-width: 100%;
  height: auto !important;
}
article .field-name-body iframe {
  max-width: 100%;
}
article .field-name-body div {
  margin: 0 0 1.5em 0;
}
article .field-name-body .inline-ads-box {
  width: 300px;
  margin: 0 auto;
  padding: 1em;
  font-size: 0.8em;
  color: #000;
  background: #ccc;
}
article .field-name-body .inline-ads-box a {
  color: #000;
  text-decoration: none;
  font-size: 0.8em;
}
article .field-name-body .inline-ads-box img {
  width: 100%;
  height: auto;
}
article .field-type-taxonomy-term-reference .field-item {
  float: left;
  margin: 0 1em 0.5em 0;
}
article .field-name-field-source {
  clear: both;
  padding: 1em 0 2em 0;
}
article .field-name-field-cover-picture {
  width: 100%;
  margin: 0 auto;
}
article .field-name-field-cover-picture img {
  width: 100%;
  height: auto;
  padding: 2em 0 0 0;
}

@media screen and (min-width:740px) {
  article .field-name-body {
    width: 70%;
    margin: 0 auto;
    padding: 0 0 2em 0;
  }
  article .field-name-field-cover-picture {
    width: 70%;
    margin: 0 auto;
  }

}




#block-views-latest-random-block {
  border: 1px solid #000;
}
#block-views-latest-random-block h2.block-title {
  background: #000;
  color: #fff;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
#block-views-latest-random-block .content {
  padding: 0 1em;
}
#block-views-latest-random-block .views-row {
  border-bottom: 1px solid #999;
  padding: 10px 0;
  overflow: hidden;
}
#block-views-latest-random-block .views-row.views-row-last {
  border-bottom: none;
}
#block-views-latest-random-block .views-row .views-field-title h3 {
  margin: 0;
  font-size: 1.2em;
}
#block-views-latest-random-block .views-row .views-field-title h3 a {
  color: #000;
  text-decoration: none;
}
#block-views-latest-random-block .views-row {

}
#block-views-latest-random-block .views-row .views-field-field-category a {
  color: #000;
  text-decoration: none;
  font-size: 0.9em;
}
#block-views-latest-random-block .views-row .views-field-field-byline {
  clear: both;
  font-size: 0.8em;
  float: left;
  color: #ff5d00;
}
#block-views-latest-random-block .views-row .views-field-created {
  font-size: 0.8em;
  float: right;
}







/* term page */

.view-taxonomy-term .views-row {
  overflow: hidden;
  padding: 1em 0;
  border-top: 1px solid #999;
}
.view-taxonomy-term .views-row .views-field-field-cover-picture {
  width: 100%;
  position: relative;
}
.view-taxonomy-term .views-row .views-field-field-cover-picture img {
  width: 100%;
  height: auto;
}
.view-taxonomy-term .views-row .views-field-title {
  margin-left: 0;
}
.view-taxonomy-term .views-row .views-field-title h2 {
  font-size: 1.3em;
  margin: 5px 0;
}
.view-taxonomy-term .views-row .views-field-title h2 a {
  color: #000;
  text-decoration: none;
}
.view-taxonomy-term .views-row .views-field-field-byline {
  float: left;
  margin-left: 0;
  font-size: 0.8em;
}
.view-taxonomy-term .views-row .views-field-created {
  float: right;
  font-size: 0.8em;
}
.view-taxonomy-term .views-row .views-field-body {
  clear: both;
  float: none;
  margin-left: 0;
  font-size: 0.9em;
  padding: 5px 0;
}
.view-taxonomy-term .views-row .views-field-edit-node {
  clear: both;
  text-align: right;
}
.view-taxonomy-term .views-row .views-field-edit-node a {
  color: #000;
  text-decoration: none;
}

@media screen and (min-width: 740px) {

  .view-taxonomy-term .views-row .views-field-field-cover-picture {
    width: 23%;
    position: absolute;
  }
  .view-taxonomy-term .views-row .views-field-title {
    margin-left: 25%;
  }
  .view-taxonomy-term .views-row .views-field-title h2 {
    font-size: 1.3em;
    margin: 5px 0;
  }
  .view-taxonomy-term .views-row .views-field-title h2 a {
    color: #000;
    text-decoration: none;
  }
  .view-taxonomy-term .views-row .views-field-field-byline {
    float: left;
    margin-left: 25%;
    font-size: 0.8em;
  }
  .view-taxonomy-term .views-row .views-field-created {
    float: right;
    font-size: 0.8em;
  }
  .view-taxonomy-term .views-row .views-field-body {
    clear: both;
    float: left;
    margin-left: 25%;
    font-size: 0.9em;
    padding: 5px 0;
  }

}




/* docs page */

.view-docs-page .views-row {
  overflow: hidden;
  padding: 10px 0;
  border-top: 1px solid #ccc;
}
.view-docs-page .views-field-title h2 {
  font-size: 1.3em;
  margin: 5px 0;
}
.view-docs-page .views-field-title h2 a {
  color: #000;
  text-decoration: none;
}




/* quote page */

.view-quote.view-display-id-page .views-row {
  overflow: hidden;
  float: left;
  width: 100%;
  margin: 0;
}
.view-quote.view-display-id-page .views-row .views-field-title h2 {
  font-size: 1.3em;
  line-height: 1.2em;
  margin: 0.5em 0;
}
.view-quote.view-display-id-page .views-row .views-field-title h2 a {
  text-decoration: none;
}
.view-quote.view-display-id-page .views-row .views-field-field-quote-photo img {
  width: 100%;
  height: auto;
}
.view-quote.view-display-id-page .views-row .views-field-body {
  font-size: 0.9em;
  padding: 1em 0;
}
.view-quote.view-display-id-page .views-row .views-field-field-source {
  font-size: 0.9em;
}

@media screen and (min-width: 740px) {

  .view-quote.view-display-id-page .views-row {
    overflow: hidden;
    float: left;
    width: 28%;
    margin: 0 2% 2em 2%;
  }

  .view-quote.view-display-id-page .views-row.views-row-4,
  .view-quote.view-display-id-page .views-row.views-row-7,
  .view-quote.view-display-id-page .views-row.views-row-10 {
    clear: both;
  }

}

@media screen and (min-width: 1220px) {

  .view-quote.view-display-id-page .views-row {
    overflow: hidden;
    float: left;
    width: 23%;
    margin: 0 1% 2em 1%;
  }

  .view-quote.view-display-id-page .views-row.views-row-4,
  .view-quote.view-display-id-page .views-row.views-row-7, 
  .view-quote.view-display-id-page .views-row.views-row-10 {
    clear: none;
  }

  .view-quote.view-display-id-page .views-row.views-row-5,
  .view-quote.view-display-id-page .views-row.views-row-9 {
    clear: both;
  }

}












/* special block quote in content */

.special-quote-left,
.special-block-quote-left {
  float: left;
  width: 280px;
  padding: 10px;
  font-size: 1.25em;
  font-style: italic;
  color: #ff5d00;
  margin: 0 10px 20px -95px;
  font-weight: bold;
}
.special-quote-right,
.special-block-quote-right {
  float: right;
  width: 280px;
  padding: 10px;
  font-size: 1.25em;
  font-style: italic;
  color: #ff5d00;
  margin: 0 -95px 20px 10px;
  font-weight: bold;
}
.special-story-left,
.special-block-story-left {
  float: left;
  width: 280px;
  padding: 9px;
  border: 1px solid #666;
  margin: 0 10px 20px -95px;
}
.special-story-right,
.special-block-story-right {
  float: right;
  width: 280px;
  padding: 9px;
  border: 1px solid #666;
  margin: 0 -95px 20px 10px;
}
.special-story-left img,
.special-story-right img,
.special-block-story-left img,
.special-block-story-right img {
  max-width: 100% !important;
  height: auto !important;
}
.special-full-width,
.special-block-full-width {
  clear: both;
  width: 830px;
  margin-left: -95px;
}
.special-full-width img,
.special-block-full-width img {
  width: 100% !important;
  height: auto !important;
}
.more-story,
.special-block-more-story {
  clear: both;
  border-top: 3px solid #ff5d00;
  border-bottom: 3px solid #ff5d00;
  margin: 0 1.5em 1.5em 1.5em;
  padding: 1.5em 0;
  color: #ff5d00;
}
.more-story p,
.special-block-more-story p {
  margin: 0;
  color: #ff5d00;
}
.more-story a,
.more-story p a,
.special-block-more-story a,
.special-block-more-story p a {
  color: #ff5d00 !important;
}

.note-box {
  padding: 1em;
  margin: 0 0 1.5em 0;
  background: #efd4e7;
}
.summary-box {
  font-size: 1.1em;
  padding: 1em;
  margin: 0 0 1.5em 0;
  background: #efefef;
  border-bottom: 1px solid #666;
}
.summary-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.summary-box ul li {
  padding-left: 1em;
  text-indent: -0.7em;
}
.summary-box ul li::before {
  content: "• ";
  color: #ff6600;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 50px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/* footer link */

#zone-postscript-wrapper {
  background: #000;
  margin: 2em 0 0 0;
}
.zone-postscript .block-block .content {
  color: #fff;
  font-size: 0.8em;
}
.zone-postscript .block-block .content a {
  color: #fff;
  text-decoration: none;
}
.zone-postscript .block-block .content h4 {
  font-size: 1.2em;
  margin: 1em 0 0 0;
  color: #ff5d00;
}
#block-block-5 .content img {
  width: 100%;
  height: auto;
}

#zone-footer-wrapper {
  background: #000;
}
.zone-footer .block-block .content {
  color: #fff;
  font-size: 0.8em;
}
.zone-footer .block-block .content a {
  color: #fff;
  text-decoration: none;
}
#block-block-6 .content {
  text-align: right;
}



/* fixed */

sup {
  vertical-align: super;
  font-size: smaller;
}
#block-block-10 .content {
  width: 100%;
  overflow: hidden;
}

form {
  width: 100%;
  overflow: hidden;
}

.region-sidebar-second .block {
  margin: 0 0 1.5em 0;
}

#block-block-7 .content p {
  margin: 0;
}
#block-block-7 .content img {
  width: 100%;
  height: auto;
}

/* fixed pager number */

.item-list {
  clear: both;
  padding: 1em 0 2em 0;
}
.item-list .pager li {
  font-size: 2em;
}
.item-list .pager li.pager-next {
  right: 100px;
}
.item-list .pager li.pager-first a,
.item-list .pager li.pager-next a,
.item-list .pager li.pager-last a {
  width: 100px;
}
.item-list .pager li.pager-previous a {
  width: 130px;
}