body {
  font-family: 'Open Sans', arial, sans-serif;
  color: black;
  font-size: 1.35em;
  line-height: 1.35;
  padding-top: 10px;
}
a {
  color: #17899D;
}
a:hover {
  color: #e81332;
  text-decoration: none;
}
p {
  margin: 0 0 10px 0;
}
h1, h2, h3, h4, h5, h6, .story-head {
  margin: 0 0 10px 0;
  font-weight: bold;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.box a,
.story-head a {
  color: black;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.box a:hover,
.story-head a:hover,
a.heading-1:hover {
  color: #e81332 !important;
}
.ebri .story-head.lede {
  font-size: 1.5em;
}
.ebri .story-head {
  font-size: 1.1em;
}
.ebri .when {
  color: #777;
  font-size: 85%;
}

/* Bootstrap fixes */
.label {
  border-radius: inherit;
  color: inherit;
  /*display: inline-block;*/
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: inherit;
  text-align: inherit;
  vertical-align: inherit;
  white-space: inherit;
}
#widget_detail_floated_polls .label {
  display: inline !important;
}
.lead {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: inherit;
}

/* Base */
@media only screen and (min-width : 992px) {
  .ebri {
    margin-bottom: 30px;
  }
  .ebri .container {
    /*width: 968px;*/
  }
}
.ebri .row.page-section {
  padding: 5px 15px;
}
.ebri .toplinks {
  margin-bottom: 12px;
}
.ebri .toplinks a {
  color: black;
}
.ebri .toplinks li {
  padding: 2px 7px;
}
li.subscribe {
  cursor: pointer;
  position: relative;
}
li.subscribe ul.options {
  display: none;
  position: absolute;
  margin-top: -1px;
  margin-left: -7px;
  font-size: 85%;
  padding: 5px 0;
  width: 150px;
  z-index: 9999;
  line-height: 1.75;
}
li.subscribe ul.options a {
  color: white;
}
li.subscribe ul.options a:hover {
  color: yellow;
}
li.subscribe:hover ul.options {
  display: block;
}
li.subscribe:hover,
li.subscribe:hover ul.options {
  color: white;
  background: #17899D;
}
.ebri .fullwidth {
  padding-left: 30px;
}
.ebri .refer {
  font-size: 1.25em;
  font-family: 'Oswald', sans-serif;
}
@media only screen and (min-width : 1200px) {
  .ebri .refer {
    font-size: 1.6em;
  }
}
.ebri .towns {
  text-transform: uppercase;
  font-weight: bold;
  color: #858c97;
}
@media only screen and (min-width : 768px) {
  .ebri .towns {
    font-size: 0.9em;
    margin-top: 10px;
  }
}
@media only screen and (min-width : 992px) {
  .ebri .towns {
    font-size: 1.2em;
    margin-top: 17px;
  }
}
@media only screen and (min-width : 1200px) {
  .ebri .towns {
    font-size: 1.3em;
    margin-top: 30px;
  }
}
.ebri .townheader {
  text-transform: uppercase;
  color: #858c97;
  font-weight: bolder;
  padding-top: 44px;
  font-size: 2.25em;
}
@media only screen and (min-width : 992px) {
  .ebri .townheader {
    padding-top: 65px;
    font-size: 2.75em;
  }
}
@media only screen and (min-width : 1200px) {
  .ebri .townheader {
    padding-top: 80px;
    font-size: 2.85em;
  }
}
.ebri .masthead {
  z-index: 1000;
  position: relative;
}
.ebri .body {
  padding-bottom: 20px;
}
@media only screen and (min-width : 992px) {
  .ebri > .body {
    min-height: 500px;
  }
}
.ebri .page-content .margins {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 4px solid black;
}
@media only screen and (min-width : 992px) {
  .ebri aside {
    width: 330px;
  }
  .ebri .page-content {
    width: 640px;
    border-right: 1px solid #ddd;
  }
  .ebri .page-content .margins {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media only screen and (min-width : 1200px) {
  .ebri .page-content {
    width: 840px;
  }
}
.ebri aside.rail .railitem {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dedede;
}
.ebri aside.rail .railitem:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* Nav */
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {
  color: white;
}
.navbar-default { /* Overall type & color of nav */
  color: white;
  background: #17899d;
  font-size: 1.1em;
  text-transform: uppercase;
  border-top: 4px solid black;
  margin-top: -15px;
}
.navbar-default ul.nav {
  margin-top: -6px;
}
.navbar { /* Remove static height settings */
  min-height: 0;
  border-radius: 0;
}
.navbar-default .navbar-nav > li > a { /* Adjust padding above and below nav items */
  padding: 10px;
}
.navbar-default .navbar-nav li.dropdown:hover,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a { /* Styles for "active" items */
    background-color: white;
    color: black;
    font-size: 100%;
}
nav, nav a, .navbar .nav > li > a { /* Reset links of various states to a single color */
  color: white;
}
.navbar-default .navbar-nav li.dropdown:hover > a {
  color: black;
}
@media (min-width: 769px) { /* Padding reset for desktop */
  .navbar-default .container-fluid {
    padding: 0;
  }
}
.navbar-default .dropdown:hover .dropdown-menu { /* Enable dropdown expand on hover. By default it expands on click */
  display: block;
}
.navbar-default .dropdown-menu > li > a { /* Overall spacing & font */
  padding: 7px 15px;
  font-size: 85% !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .dropdown-menu { /* Overall background  */
  background-color: white;
}
.navbar-default .navbar-nav .dropdown-menu a { /* Hover state for dropdown items */
  color: black;
  /*background-color: red;*/ /* Remove this setting to use the default dropdown background */
}
.navbar-default .navbar-nav .dropdown-menu a:hover { /* Hover state for dropdown items */
  color: white;
  background-color: red;
}
.navbar-default .dropdown-menu .divider { /* Spacing and color of dividers */
  margin: 4px 0;
  color: blue;
}
.navbar-default .navbar-toggle { /* Hamburger button styling */
    /*border-color: red;*/
    background: white;
}
.navbar-default .navbar-toggle .icon-bar { /* Hamburger icon styling */
  background-color: black;
}
.navbar-default .dropdown-menu .divider { /* Color for dropdown dividers */
  background: purple;
}
.btn-primary {
  background-color: #e81332;
  border-color: #e81332;
}
.mobile-buttons {
  /*margin-top: -10px;*/
}
.mobile-buttons .btn {
  width: 100%;
  background: #ababab;
  color: white;
  border-color: #ababab;
}
.mobile-buttons .subscribe-options {
  background: #ababab;
  color: white;
  border-radius: 2px;
  position: absolute;
  margin-top: -5px;
  z-index: 9999;
  padding-bottom: 5px;
  display: none;
}
.mobile-buttons .subscribe-options a {
  color: white;
  line-height: 1.0;
  display: inline-block;
  padding: 7px;
}

/* WF stuff */
.pk-layer.lightblue .margins,
.pk-layer.darkblue .margins,
.pk-layer.beige .margins,
.pk-layer.black .margins,
.pk-layer.breaking .margins {
  padding: 0 15px;
}

.pk-layer.noear,
.pk-layer.withear .layer-col {
  background: white;
  margin-bottom: 12px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.pk-layer.withear .ear-col {
  background-color: #78a3e3;
  color: white;
  margin-bottom: 12px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.pk-layer.breaking.withear .ear-col {
  background-color: #a33333;
  color: white;
  padding-top: 4px;
  padding-bottom: 4px;
}
.pk-layer.breaking.withear .layer-col {
  padding-top: 0;
  padding-bottom: 0;
}
.pk-layer.noear.lightblue,
.pk-layer.withear.lightblue .layer-col {
  background-color: #e1eff7;
}
.pk-layer.noear.darkblue,
.pk-layer.withear.darkblue .layer-col {
  background-color: #78a3e3;
  color: white;
  padding-top: 0px;
  padding-bottom: 5px;
}
.pk-layer.noear.beige,
.pk-layer.withear.beige .layer-col {
  background-color: #f4efea !important;
  color: #000000;
  padding: 20px 10px;
}
.pk-layer.noear.black,
.pk-layer.withear.black .layer-col {
  background-color: #000000 !important;
  color: white;
  padding: 20px 10px;
}
.pk-layer.noear.black .label,
.pk-layer.withear.black .label {
  font-family: 'Oswald';
  text-transform: uppercase;
  margin-bottom: 15px;
}
.pk-layer.noear.black a {
  color: white;
}
.pk-layer.noear.black a:hover {
  color: #e81332;
}
.pk-layer.withear .ear-col .reverse-bar-label {
  margin-top: 0;
  padding-top: 0;
}

.pk-layer .labl {
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #a33333;
  color: white;
}
.pk-section {
  border-right: 1px solid #dedede;
}
.pk-section[last-child],
.pk-section.last {
  border-right: 0;
}
.pk-section .box {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dedede;
}
.pk-section .box-link {
  margin-top: 10px;
}
.pk-section .box:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.ebri .cover-photo {
  cursor: pointer;
  width: 100%;
  height: 100px;
  background-position: center center;
    background-size: cover;
}

/* Boxes */
.box-content-headlines h3 {
  margin-bottom: 10px;
  padding: 0;
}
.section-1col .box-content-headlines h3,
.section-2col .box-content-headlines h3 {
  font-size: 1.0em;
  margin-top: 15px;
}
.section-3col .box-content-headlines h3,
.section-4col .box-content-headlines h3 {
  font-size: 0.9em;
  margin-top: 18px;
}
.section-5col .box-content-headlines h3,
.section-6col .box-content-headlines h3 {
  font-size: 1.75em;
  margin-top: 25px;
}
.box-content-headlines h3:first-child {
  margin-top: 0 !important;
}
.pk-layer.noear.darkblue .box-content-headlines, {
  text-align: center;
}
.pk-layer.darkblue.noear .box-content-headlines,
.pk-layer.darkblue.withear .layer-col .box-content-headlines {
  text-align: center;
}
.pk-layer.breaking.noear .box-content-headlines,
.pk-layer.breaking.withear .layer-col .box-content-headlines {
  text-align: left;
}
.pk-layer .box-content-gallery .carousel .canvas {
  background: #efefef;
  margin-bottom: 10px;
}
.pk-layer .section-1col .box-content-gallery .item img {
  height: 95px;
}
.pk-layer .section-2col .box-content-gallery .item img {
  height: 210px;
}
.pk-layer .section-3col .box-content-gallery .item img {
  height: 325px;
}
.pk-layer .section-4col .box-content-gallery .item img {
  height: 440px;
}
.pk-layer .section-5col .box-content-gallery .item img {
  height: 550px;
}
.pk-layer .section-6col .box-content-gallery .item img {
  height: 600px;
}
.pk-layer .box-content-gallery .thumbnails {
  text-align: center;
}
.pk-layer .box-content-gallery .thumbnails li {
  display: inline-block;
  margin: 0 .25% 5px .25%;
  opacity: 0.5;
}
.pk-layer .box-content-gallery .thumbnails li.active {
  opacity: 1.0;
}
.pk-layer .section-6col .box-content-gallery .thumbnails li {
  width: 11.5%;
  height: 95px;
}
.pk-layer .section-5col .box-content-gallery .thumbnails li {
  width: 13.3%;
  height: 85px;
}
.pk-layer .section-4col .box-content-gallery .thumbnails li {
  width: 15.6%;
  height: 75px;
}
.pk-layer .section-3col .box-content-gallery .thumbnails li {
  width: 15.6%;
  height: 60px;
  margin-bottom: 3px;
}
.pk-layer .section-2col .box-content-gallery .thumbnails li {
  width: 18.7%;
  height: 45px;
  margin-bottom: 3px;
}
.pk-layer .section-1col .box-content-gallery .thumbnails li {
  width: 31%;
  height: 40px;
  margin-bottom: 3px;
}
.pk-layer .box-content-gallery .carousel-caption {
  display: none;
}

.pk-layer.lightblue .heading-1 {
  color: black;
}
.pk-layer .section-1col .box-content-default .story-head {
  font-size: 120%;
  line-height: 1.1;
}
.pk-layer .section-1col .box-content-default .text-lede {
  font-size: 90%;
  line-height: 1.35;
}
.pk-layer .section-3col .box-content-default .heading-1 {
  font-size: 160%;
  line-height: 1.1;
}
.pk-layer .section-4col .box-content-default .heading-1 {
  font-size: 160%;
  line-height: 1.1;
}
.pk-layer .section-5col .box-content-default .heading-1 {
  font-size: 175%;
  line-height: 1.1;
}
.pk-layer .box-content-default .poll-section {
  font-family:'PT Sans', sans-serif;
}
.pk-layer .box-content-default .poll-section .vote button {
  background-color: #78a3e3;
  border-color: #78a3e3;
  min-width: 80px;
}
.pk-layer .box-content-default .poll-section .response {
  margin-bottom: 5px;
}
.pk-layer .box-content-default .poll-section .response label {
  font-weight: normal;
}
.pk-layer .box-content-default .poll-section .input {
  margin-right: 10px;
}
.pk-layer .section-1col .box-content-default .poll-section {
  display: none;
}
.box-content-default .content-item img {
  
}
.pk-layer .box-calendar-default .calendar-featured-date a {
  color: black !important;
}
.box-content-refer  {
  font-size: 90%;
}
.box-content-refer p {
  font-size: 100%;
}
.box-content-refer .photo {
  float: left;
  margin-right: 2%;
  width: 23%;
}
.box-content-refer .cover-photo {
  height: 80px;
}
.box-content-refer .photo-content {
  float: left;
  margin-right: 1%;
  width: 70%;
}

/* Bootstrap fixes */
.label {
  border-radius: inherit;
  color: inherit;
  display: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: inherit;
  text-align: inherit;
  vertical-align: inherit;
  white-space: inherit;
}
.lead {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: inherit;
}

/* Webflow fixes */
.pk-section .box-content-default .content-item {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dedede;
}
.pk-section .box-content-default .content-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.pk-section.section-6col .box-content-list .list-item {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dedede;
}
.pk-section.section-6col .box-content-list .list-item:first-child,
.pk-section.section-6col .box-content-list .list-item.first {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.pk-section .box-content-list .vertical {
  overflow: hidden;
}
.pk-section.section-6col .box-content-list .vertical .single-image {
  max-width: 360px;
}
.pk-section.section-6col .box-content-list .horizontal .single-image {
  max-width: 50%;
}
.box-content-list .photo-container {
  margin-bottom: 15px;
}
.pk-section .box.light-blue:first-child {
  padding-top: 10px;
}
.ebri .w-dropdown-list {
  background-color: #ffffff;
}
.ebri .w-dropdown-list a {
  color: #78a3e3;
}
.ebri .w-dropdown-list a:hover {
  color: white;
}


.ebri .pk-section.section-6col h1 {
  font-size: 3.2em;
}
.ebri .pk-section.section-5col h1 {
  font-size: 2.9em;
}
.ebri .pk-section.section-4col h1 {
  font-size: 2.5em;
}
.ebri .pk-section.section-3col {
  font-size: 0.90em;
}
.ebri .pk-section.section-3col h1 {
  font-size: 2.1em;
}
.ebri .pk-section.section-2col {
  font-size: 0.90em;
}
.ebri .pk-section.section-2col h1 {
  font-size: 1.75em;
}
.ebri .pk-section.section-2col .cover-photo {
  height: 200px;
}
.ebri .pk-section.section-1col {
  font-size: 0.85em;
}
.ebri .pk-section.section-1col h1 {
  font-size: 150%;
}
.ebri .pk-section.section-1col h3 {
  font-size: 150%;
}
.ebri .pk-section.section-1col .cover-photo {
  height: 100px;
}
.ebri .box-content-carousel .carousel-indicators {
    bottom: 0;
    left: 0;
    list-style: none outside none;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 0;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 15;
}
.ebri .box-content-carousel .carousel-indicators li {
  border-color: #bbb;
  background-color: #bbb;
}
.ebri .box-content-carousel .carousel-indicators .active {
  border-color: #005BAA;
    background-color: #005BAA;
    height: 12px;
    margin: 0;
    width: 12px;
}
.ebri .pk-section.section-6col .box-content-carousel .carousel {
  min-height: 300px;
}
.ebri .pk-section.section-6col .box-content-carousel .cover-photo {
  max-height: 275px;
}
.ebri .pk-section.section-5col .box-content-carousel .carousel {
  min-height: 250px;
}
.ebri .pk-section.section-5col .box-content-carousel .cover-photo {
  max-height: 215px;
}
.ebri .pk-section.section-4col .box-content-carousel .carousel {
  min-height: 210px;
}
.ebri .pk-section.section-4col .box-content-carousel .cover-photo {
  max-height: 170px;
}
.ebri .pk-section.section-3col .box-content-carousel .carousel {
  min-height: 200px;
}
.ebri .pk-section.section-3col .box-content-carousel .cover-photo {
  max-height: 120px;
}
.ebri .box-eedition .photo img {
  padding: 3px;
  border: 1px solid #ccc;
}
.ebri .box-content-displayads .ad {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width : 768px) {
  .ebri .box-content-displayads .photo {
    max-height: 100px;
    overflow: hidden;
  }
  .ebri .box-content-displayads .ad {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.ebri .box-eedition {
  font-size: 90%;
}
.ebri .box-eedition h1 {
  font-size: 145%;
}

.ebri .eedition-landing .row .publication {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #efefef;
}
.ebri .eedition-landing .kicker {
  font-size: 80%;
  color: #999;
  font-weight: bold;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* ===== NEW MODULES ===== */

.black {
  background-color: #000000;
  background: #000000;
}
.transparent {
  background-color: transparent;
  background: transparent;
}

@media only screen and (min-width : 400px) {
  .secondary-masthead-is-text .secondary-masthead {
    font-size: 3.5em;
  }
  .large-lead-story h2 {
    font-size: 2em;
  }
  .large-tease-wrap h4 {
    font-size: 1.3em !important;
  }
  .hero-tease-wrap h4 {
    font-size: 1.25em !important;
    line-height: 18px
  }
}
@media only screen and (max-width : 768px) {
  .large-screen-heads {
    width: 100% !important;
    float: left !important;
  }
}
@media only screen and (min-width : 768px) {
  .secondary-masthead-is-text .secondary-masthead {
    font-size: 5.0em;
  }
  .large-lead-story h2  {
    font-size: 2.5em;
  }
  .large-tease-wrap h4 {
    font-size: 1.5em;
  }
  .hero-tease-wrap h4 {
    font-size: 1.5em !important;
    line-height: 22px
  }
}
@media only screen and (max-width : 992px) {
  .large-tease-wrap {
    width: 90% !important;
  }
  .single-hero-head h2 {
    font-size: 2.2em;
  }
  .single-hero-head h4 {
    font-size: 1.5em;
  }
}

@media only screen and (min-width : 992px) {
  .secondary-masthead-is-text .secondary-masthead {
    font-size: 6.0em;
  }
  .large-tease-wrap h4 {
    font-size: 1.8em;
  }
  .single-hero-head h2 {
    font-size: 2.5em;
  }
  .single-hero-head h4 {
    font-size: 1.8em;
  }
}

.pk-layer.hero.noear {
  padding: 0 15px;
  margin: 0 auto 15px auto;
  background-color: transparent !important;
}
.pk-layer.hero.noear .reverse-bar {
  margin: 0 15px;
}
.reverse-bar {
  margin-right: -10px;
  margin-left: -10px;
  background-color: #5e8c7f;
}
.reverse-bar.blue {
  height: auto;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #17899d;
}
.reverse-bar.red {
  height: auto;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #B70032;
}
.reverse-bar-label {
  height: 41px;
  line-height: 41px;
  font-family: 'PT Sans', sans-serif;
  font-size: 1.6em;
  color: white;
  font-weight: 700;
}
.reverse-bar-label.centered {
  text-align: center;
}
.box-content-hero-list {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}
.hero-photo-container {
  position: relative;
  width: 100%;
  /*height: 100%;*/
  margin: 0;
  padding: 0;
  background-size: cover;
  background-position: center center !important;
  overflow: hidden;
}
.hero-photo-container .label {
  position: absolute;
  display: block;
  top: 25px;
  padding: 5px 60px 5px 30px;
  background-color: #ffffff;
  text-align: left;
  z-index: 100;
}
.hero-photo-container .label.right {
  position: absolute;
  display: block;
  top: 25px;
  right: 0px;
  padding: 5px 60px 5px 30px;
  background-color: #ffffff;
  color: #E00C33;
  font-family: 'Oswald';
  text-align: center;
  text-transform: uppercase;
  z-index: 100;
}
.hero-screen {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  /*background-color: #245B9C;*/
  background-color: rgba(4,50,104,0.7);
  /*opacity: 0.65;*/
}
.hero-lead-story {
  position: absolute;
  bottom: 25px;
  left: 30px;
  width: 47%;
  text-align: left;
  z-index: 100;
  float: left;
}
.hero-lead-story.right {
  position: absolute;
  bottom: 25px;
  left: unset;
  right: 40px;
  width: 47%;
  text-align: left;
  z-index: 100;
  float: left;
}
.hero-lead-story-1col {
  position: relative;
  top: 80px !important;
  left: 10px;
  width: 90% !important;
  margin: 0 0 90px 0 !important;
  text-align: left;
}
.hero-lead-story.full {
  position: relative;
  top: 80px;
  left: 20px;
  width: 90% !important;
  margin: 0 0 90px 0 !important;
  text-align: left;
}
.hero-lead-story h2 a,
.hero-lead-story-1col h3 a,
.large-lead-story h2 a {
  color: #ffffff !important;
  font-family: 'PT Sans', sans-serif;
  font-weight: 700;
}
.hero-lead-story-1col h3 a {
  font-weight: 400 !important;
}
.hero-lead-story .text-lede {
  color: #ffffff !important;
  font-size: 18px !important;
}
.hero-screen-heads {
  position: absolute;
  top: 0;
  right: 25px;
  width: 45%;
  /*height: 100%;*/
  height: 7000px;
  background-color: #000;
  opacity: 0.65;
}
.hero-screen-heads-left {
  position: absolute;
  top: 0;
  left: 25px;
  width: 45%;
  /*height: 100%;*/
  height: 7000px;
  background-color: #000;
  opacity: 0.65;
}
.hero-screen-heads.flush-right {
  position: absolute;
  top: 0;
  right: 25px;
  width: 45%;
  background-color: #000;
  opacity: 0.65;
}
.hero-screen-heads.flush-left {
  position: absolute;
  top: 0;
  left: 25px;
  width: 45%;
  background-color: #000;
  opacity: 0.65;
}
.hero-screen-heads.full {
  position: relative;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  padding: 10px 10px 10px 5px;
  /*margin: 0 !important;*/
  background-color: #043268;
  opacity: 1.0;
}
.hero-screen-heads-full {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  padding: 10px 10px 10px 5px;
  /*margin: 0 !important;*/
  background-color: #043268;
  opacity: 1.0;
}
.hero-screen-heads a,
.hero-screen-heads.full a,
.hero-screen-heads-full a {
  color: #ffffff;
}
.hero-tease-wrap,
.large-tease-wrap {
  position: relative;
  padding: 0 20px;
  z-index: 2500;
}
.large-tease-wrap {
  width: 70%;
}
.hero-tease-wrap h4 a,
.large-tease-wrap h4 a {
  color: #fff;
  line-height: 24px;
}
.heads-on-screen {
  position: relative;
  display: block;
  top: 0;
  right: 25px;
  width: 45%;
  float: right;
  padding: 20px 0;
}
.heads-on-screen-left {
  position: relative;
  display: block;
  top: 0;
  left: 25px;
  width: 45%;
  float: left;
  padding: 20px 0;
}
.heads-on-screen .box-link,
.hero-screen-heads-full .box-link {
  display: block;
  width: 100%;
  float: left;
  padding: 0 0 0 25px;
}
.heads-on-screen .box-link a {
  color: #fff;
}
.heads-on-screen .box-link a,
.box-link-left a {
  color: #fff;
}
.box-link-left {
  margin-left: 25px !important;
}
.large-photo-container {
  position: absolute;
  width: 44%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-size: cover;
  background-position: center center !important;
  float: left;
}
.large-photo-container.small {
  position: absolute;
  width: 37% !important;
  height: 100%;
  margin: 0;
  padding: 0;
  background-size: cover;
  background-position: center center !important;
  float: left;
}
.large-photo-container.right,
.large-photo-container.right.small {
  right: 0;
}
.large-screen-heads {
  position: relative;
  width: 56%;
  background-size: cover;
  background-position: center center !important;
  /*background-color: #043268;*/
  opacity: 1.0;
  float: right;
  z-index: 100 !important;
}
.large-screen-heads.small {
  position: relative;
  width: 63%;
  background-size: cover;
  background-position: center center !important;
  /*background-color: #043268;*/
  opacity: 1.0;
  float: right;
  z-index: 100 !important;
}
.large-screen-heads.left,
.large-screen-heads.left.small {
  float: left;
}
.large-screen-heads.wide {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center !important;
  /*background-color: #043268;*/
  opacity: 1.0;
  float: right;
  z-index: 100 !important;
}
.screen {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color: rgba(4,50,104,0.65);*/
  background-color: rgba(23,137,157,0.55);
}
.large-screen-heads .box-link {
  display: block;
  position: relative;
  width: 100%;
  bottom: 0 !important;
  /*background-color: rgba(36,91,156,0.8);*/
  background-color: #17899d;
  text-align: right;
  padding: 25px 50px 25px;
  margin-top: 16px !important;
  z-index: 200;
}
.large-screen-heads p {
  margin: 0 !important;
}
.large-screen-heads .box-link a {
  color: #ffffff;
  font-size: 18px;
}
.large-screen-heads .label {
  position: relative;
  color: #ffffff;
  text-align: left;
  letter-spacing: 1px;
  margin: 20px 0 0 20px;
  z-index: 200;
  float: left;
}
.large-lead-story {
  position: relative;
  margin: 0 20px 20px 20px;
  text-align: left;
  float: left;
  z-index: 9999;
}
.large-lead-story.small {
  position: relative;
  margin: 0 20px 10px 20px !important;
  text-align: left;
  float: left;
}
.large-tease-wrap.small {
  position: relative;
  width: 90% !important;
  margin: 0 15px;
  opacity: 1.0;
  z-index: 200;
  float: left;
}
.large-tease-wrap.small h4 a {
  color: #fff;
  font-size: 18px;
  line-height: 22px !important;
}
.large-tease-wrap.wide {
  position: relative;
  width: 85% !important;
  margin: 0 10px 15px 10px;
  opacity: 1.0;
  z-index: 200;
  float: left;
}
.large-lead-story.wide h3 a {
  color: #fff;
  font-size: 18px;
  line-height: 22px !important;
  margin-bottom: 15px !important;
}
.large-tease-wrap.wide p a {
  color: #fff !important;
}
.large-lead-story.wide h3 a:hover,
.large-lead-story.wide h4:hover {
  color: #ffffff;
}
.large-screen-heads.small .box-link {
  display: block;
  position: relative;
  width: 100%;
  bottom: 0 !important;
  background-color: rgba(36,91,156,0.8);
  text-align: right;
  padding: 15px 30px 15px;
  margin-top: 16px !important;
  z-index: 200;
}
.large-screen-heads.wide .box-link.wide {
  display: block;
  position: relative;
  width: 100%;
  bottom: 0 !important;
  background-color: rgba(36,91,156,0.8);
  text-align: right;
  padding: 5px 10px 5px;
  margin-top: 16px !important;
  z-index: 200;
}
.large-screen-heads.wide .box-link.wide a {
  font-size: 14px;
  color: #ffffff;
}
.large-screen-heads.small p {
  margin: 0 !important;
}
.large-screen-heads.small .box-link a {
  color: #ffffff;
  font-size: 16px;
}
.large-screen-heads a:hover {
  color: #ffffff !important;
}
.box-single-hero-photo {
  margin: 0 !important;
  padding: 0 !important;
}
.hero-photo {
  position: relative;
  margin: 0 0 15px 0 !important;
  padding: 0;
}
.hero-photo img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.hero-photo .label {
  position: absolute;
  display: block;
  top: -60px;
  padding: 5px 60px 5px 10px;
  color: #ca2029;
  background-color: #ffffff;
  text-align: left;
}
.single-hero-head {
  display: block;
  position: absolute;
  width: 95%;
  bottom: 10px;
  margin: 0 !important;
  padding: 0 50px 0 20px;
}
.single-hero-head h2,
.single-hero-head h4,
.single-hero-head p {
  color: #ffffff;
  font-family: 'PT Sans', sans-serif;
  text-shadow: 2px 2px black;
}
.single-hero-head h2 {
  font-weight: 700;
  font-size: 2.2em;
}
.single-hero-head h4 {
  font-weight: 400;
}
.single-hero-head .small {
  font-size: 2.0em;
}
.below {
  position: relative;
  top: 0px;
  font-family: 'PT Sans', sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  padding: 5px;
  background-color: #ffffff;
  color: #000000;
  text-shadow: none;
}
@media only screen and (max-width : 768px) {
  .below {
    font-size: 2.5em;
  }
}
@media only screen and (max-width : 992px) {
  @media only screen and (min-width : 768px) {
    .single-hero-head h2 {
      font-size: 1.5em;
    }
    .single-hero-head h4,
    .single-hero-head .small {
      font-size: 1.25em;
    }
  }
}

.hero-lead-story.full {
  width: 70%;
  margin: 0 16px 0 40px;
  float: left;
}
.clear {
  clear: both;
}

/* ===== Lists with images ===== */
.list-item {
  display: block;
  padding: 5px 0 10px 0 !important;
  margin: 5px 0 10px 0 !important;
  font-family: 'PT Serif', serif;
  font-size: 1.2em;
}
.widget-image,
.widget-image {
  width: 25%;
  margin-right: 10px;
  float: left;
  clear: none;
}
.widget-image img {
  width: 100%;
  height: auto;
  float-left;
}
.widget-tease {
  float: left;
  clear: none;
}
.widget-tease.white {
  color: #fff;
  font-weight: 400;
}
.rule-below {
  display: block;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #c9c9c9 !important;
}

/* ========== GRID ========== */
.grid-item {
  padding: 7px;
  float: left;
  overflow: hidden;
}
.grid-item.col-5 {
  width: 20%;
  height:410px;
}
.grid-item.col-4 {
  width: 25%;
  height: 400px;
}
.grid-item.col-3 {
  width: 33%;
  height: 400px;
}
.grid-item.col-2 {
  width: 50%;
}
.grid-item.col-1 {
  width: 100%;
}
@media screen and (max-width: 992px) {
  @media screen and (min-width: 480px) {
    .grid-item.col-5,
    .grid-item.col-4 {
      width: 33%;
      height: 445px;
    }
    .grid-item.col-3,
    .grid-item.col-2 {
      width: 50%;
    }
  }
}
@media screen and (max-width: 768px) {
  @media screen and (min-width: 480px) {
    .grid-item.col-5 {
      width: 50%;
      height: 300px;
    }
    .grid-item.col-4,
    .grid-item.col-1 {
      width: 50%;
    }
  }
}
@media screen and (max-width: 480px){
  .grid-item.col-5,
  .grid-item.col-4,
  .grid-item.col-3,
  .grid-item.col-2,
  .grid-item.col-1 {
    width: 100%;
    height: 360px;
    float: unset;
  }
}
.grid-item .single-story-head {
  font-size: 20px;
  line-height: 27px;
}
.grid-item.col-1 .single-story-head {
  font-size: 16px;
  line-height: 16px;
}
@media screen and (max-width: 480px) {
  .grid-item.col-5 .photo-container {
    height: 175px !important;
  }
  .grid-item.col-1 .single-story-head {
    font-size: 20px;
    line-height: 25px;
  }
  .grid-item.col-1 .photo-container {
    height: 175px !important;
  }
  .grid-item.col-1 {
    height: 275px;
  }
}
.grid-item .photo-container {
  width: 100% !important;
  height: 175px;
  margin: 0 0 10px 0;
  overflow: hidden;
  background-color: #efefef;
  text-align: center;
}
.grid-item.col-5 .photo-container,
.grid-item.col-2 .photo-container {
  height: 140px;
}
.grid-item.col-1 .photo-container {
  height: 75px;
}
.grid-item .photo-container img {
  max-height: 100% !important;
}
.grid-item .text-lede {
  font-size: 14px;
}

/* ========== QUOTE ========== */
.thought-quote {
  line-height: 1.1;
}
.thought-quote.small {
  line-height: 1.25;
}
.box-content-quote .photo {
  margin: 0 0 15px 0;
}
.box-content-quote .photo .float {
  max-width: 33.3% !important;
}

/* ========== TILED PHOTOS ========== */
.box-content-tiles {
    padding: 0;
    border: 0 !important;
    margin-top: 0 !important;
  }
  .large-tile {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border: 2px solid #ffffff;
    background-color: #000000;
    background-size: cover;
    background-position: center center !important;
  }
  @media screen and (max-width: 992px) {
    .large-tile {
      height: 300px;
    }
  }
  .large-tile img {
    position: absolute;
    top: -9999px;
      bottom: -9999px;
      left: -9999px;
      right: -9999px;
      margin: auto;
    max-height: 100%;
    transition: all .2s ease-in-out;
  }
  .large-tile:hover img {
    transform: scale(1.15);
  }
  .large-tile:hover .tile-label {
    background-color: #f8e27d;
    color: #000000;
    font-weight: 600;
    padding: 5px 10px 3px 30px;
    transform: scale(1.15);
  }
  .small-tile {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    border: 2px solid #ffffff;
    background-color: #000000;
    background-size: cover;
    background-position: center center !important;
  }
  .small-tile.short {
    height: 150px;
  }
  @media screen and (max-width: 992px) {
    .small-tile {
      height: 150px;
    }
  }
  @media screen and (max-width: 768px) {
    .small-tile {
      height: 300px;
    }
  }
  .small-tile img {
    position: absolute;
    top: -9999px;
      bottom: -9999px;
      left: -9999px;
      right: -9999px;
      margin: auto;
    max-height: 100%;
    transition: all .2s ease-in-out;
  }
  .small-tile:hover img {
    transform: scale(1.15);
  }
  .small-tile:hover .tile-label {
    background-color: #f8e27d;
    color: #000000;
    font-weight: 600;
    padding: 5px 10px 3px 30px;
    transform: scale(1.15);
  }
  .box-content-tiles .left-col.col-md-3,
  .box-content-tiles .center-col.col-md-6,
  .box-content-tiles .right-col.col-md-3,
  .box-content-tiles .col-sm-6,
  .box-content-tiles .col-sm-12,
  .box-content-tiles .col-xs-12 {
    padding: 0 !important;
  }
  .photo-head-wrap {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 75%);
    opacity: 0.75;
  }
  .photo-head {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
    position: absolute;
    z-index: 200;
    padding: 0 10px 5px 10px;
    bottom: 0;
  }
  .small-tile.short .photo-head {
    font-size: 15px;
  }
  @media screen and (max-width: 992px) {
    .photo-head {
      font-size: 16px;
    }
  }
  @media screen and (max-width: 768px) {
    .photo-head {
      font-size: 22px;
    }
  }
  .photo-head.large {
    font-size: 38px;
    padding: 0 10px 15px 10px;
  }
  @media screen and (max-width: 992px) {
    .photo-head.large {
      font-size: 22px;
    }
  }
  .tile-label {
    position: absolute;
    top: 15px;
    left: 0px;
    background-color: #000000;
    color: #f8e27d;
    padding: 5px 10px;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
  }
  @media screen and (max-width: 992px) {
    .tile-label {
      font-size: 0.9em;
      top: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .tile-label {
      font-size: unset;
      top: 15px;
    }
  }
.norule {
  border-right: 0px !important;
}

/* Footer */
.footer {
  border-top: solid 5px black;
  padding-top: 15px;
  /*margin: 0 15px;*/
}
.footer .logo.photo {
  padding: 0 90px 0 90px;
}
.footer ul {
  list-style: none !important;
  padding-left: 0px !important;
  line-height: 2.2 !important;
}
.footer .towns {
  font-size: 1.1em;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #858c97;
}
.footer .staffer img {
  max-width: 33%;
}
.footer .social {
  margin-top: 10px;
}
.footer .social a {
  margin: 0 3px;
}
.footer .caption {
  font-size: .85em;
}
.ebri footer .mug {
  max-width: 20% !important;
  margin: 0 10px 5px 0;
}
.ebri img.photo,
.ebri .photo img {
  max-width: 100%;
}
.footer .label {
  padding: 0;
}
.label {
  font-family: 'Oswald';
  font-size: 15px;
  text-transform: uppercase;;
  color: #e81332;
  margin: 0 0 10px 0;
}
.thought-quote {
  line-height: 1.1;
}
.thought-quote.small {
  line-height: 1.25;
}
.box-content-quote .photo {
  margin: 0 0 15px 0;
}
.box-content-quote .photo .float {
  max-width: 33.3% !important;
}

/* NZW notice */
.nzw-notice {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: #333;
  color: white;
  z-index: 9999;
  font-family: 'Open sans', arial, sans-serif;
  font-size: 1.0em;
  text-align: center;
  padding: 10px 0;
  opacity: 0.875;
  box-shadow: 0 4px 2px -2px gray;
}
.nzw-notice a {
  color: yellow;
}
.nzw-notice a:hover {
  text-decoration: underline;
}
.nzw-notice .icon {
  font-size: 2.5em;
  margin-top: 15px;
  line-height: 1.0;
  opacity: 0.55;
}
.nzw-notice .icon.close-me {
  cursor: pointer;
}
.nzw-notice .icon.close-me:hover {
  opacity: 0.9;
} 
.subscribe-button {
  position: relative;
}
.subscribe-button .dropdown-menu {
  margin-left: -150px;
  z-index: 9999;
}


