@charset "UTF-8";
/*pre-sets -- not Forum approved colors ***************/
/* Brand colors *****************************************************/
@import url("https://fonts.googleapis.com/css?family=Oswald:400,700|Source+Sans+Pro:400,700");
@import url("https://fonts.googleapis.com/css?family=PT+Serif:400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:100&display=swap");
@import url("https://use.typekit.net/uxm5owm.css");
.primary {
  color: #1e1f21; }

.bg-primary-inverse {
  background-color: #1e1f21; }

.bg-primary {
  background-color: #f7f8fa; }

.secondary {
  color: #006dd0; }

.bg-secondary-inverse {
  background-color: #006dd0; }

.third {
  color: #545556; }

.bg-third-inverse {
  background-color: #545556; }

.b--third {
  border-color: #545556; }

.red {
  color: #e72323; }

.bg-red {
  background-color: #e72323; }

.blue {
  color: #0057a6; }

.bg-blue {
  background-color: #0057a6; }

.dark-blue {
  color: #004584; }

.bg-dark-blue {
  background-color: #004584; }

.light-blue {
  color: #006dd0; }

.bg-light-blue {
  background-color: #006dd0; }

/* Greys *****************************************************/
.light-grey {
  color: #f7f8f9; }

.bg-light-grey {
  background-color: #f7f8f9; }

.b--light-grey {
  border-color: #f7f8f9; }

.med-light-grey {
  color: #d2dbe3; }

.bg-med-light-grey {
  background-color: #d2dbe3; }

.b--med-light-grey {
  border-color: #d2dbe3; }

.medium-grey {
  color: #c1cad3; }

.bg-medium-grey {
  background-color: #c1cad3; }

.dark-med-grey {
  color: #a3afba; }

.bg-dark-med-grey {
  background-color: #a3afba; }

.dark-grey {
  color: #545556; }

.bg-dark-grey {
  background-color: #545556; }

/* Font colors *******************************************/
.font {
  color: #1e1f21; }

.bg-font {
  background-color: #1e1f21; }

.inverse-font {
  color: #ffffff; }

.bg-inverse-font {
  background-color: #ffffff; }

/* pre-sets -- not Forum approved colors *****************/
.green {
  color: #00a87a; }

.bg-green {
  background-color: #00a87a; }

.yellow {
  color: #faa13d; }

.bg-yellow {
  background-color: #faa13d;
  float: left; }

.purple {
  color: #7038a8; }

.bg-purple {
  background-color: #7038a8; }

.salmon {
  color: #fa615c; }

.bg-salmon {
  background-color: #fa615c; }

.brown {
  color: #94705c; }

.bg-brown {
  background-color: #94705c; }

.lightest-grey {
  color: #eeeeee; }

.bg-lightest-grey {
  background-color: #eeeeee; }

.b--lightest-grey {
  border-color: #eeeeee; }

.base-font {
  font-family: "PT Serif", serif;
  font-size: 16px;
  line-height: 1.3; }

.header-font {
  font-family: "PT Serif", serif; }

.allCaps {
  text-transform: uppercase; }

.italic {
  font-style: italic; }

.no-wrap {
  white-space: nowrap; }

.drop-cap {
  margin-top: 3px;
  line-height: 60px;
  font-size: 80px; }

.headline-h4 {
  font-family: "PT Serif", serif;
  font-size: 1.1rem;
  line-height: 1.55rem;
  font-weight: 300;
  margin: 0; }
  @media (min-width: 999px) {
    .headline-h4 {
      font-size: 1.2rem; } }

h6 {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase; }

.serifFont {
  font-family: "PT Serif", serif; }

.sansSerifFont {
  font-family: "Source Sans Pro", sans-serif; }

.accentFont {
  font-family: "Oswald", sans-serif; }

/* default link styling - must be in the exact order
or they don't work properly  */
a {
  color: #1e1f21;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  a:visited {
    color: #1e1f21; }
  a:hover {
    color: #006dd0; }
  a:active {
    color: #004584; }

p a {
  color: #006dd0; }
  p a:visited {
    color: #006dd0; }
  p a:hover {
    text-decoration: underline; }

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px; }

.breaking {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.8em;
  font-weight: lighter;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-align: center; }

.breaking-large {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.8em;
  font-weight: lighter;
  letter-spacing: 0.05em;
  color: #ffffff; }

.timestamp {
  font-family: "Source Sans Pro", sans-serif;
  color: #545556;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400; }

.section-label {
  margin: 5px 0; }

.caption, .credit {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  color: #737576; }

.credit {
  display: inline-block;
  font-size: 12px;
  color: #737576;
  padding-left: 10px; }

.article-headline {
  font-family: "PT Serif", serif;
  font-size: 20px;
  margin-top: 7px; }
  .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 20px;
    line-height: 28px; }
  .article-headline h3 {
    margin-bottom: 0.3rem; }

.section-header {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.3em;
  text-transform: capitalize;
  color: #006dd0;
  padding-bottom: 0.2em;
  margin-top: 0;
  margin-bottom: 0.2em; }
  .section-header a {
    color: #006dd0;
    font-family: "Source Sans Pro", sans-serif; }

.f7 {
  font-size: .625rem; }

.special-sections-headline {
  margin: 0; }
  .special-sections-headline a {
    font-family: "PT Serif", serif;
    font-weight: normal;
    font-size: 19px;
    line-height: 24px; }

.article-story-page-container #article-header .article-header-title {
  font-size: 12px;
  padding-top: 12px; }
  .article-story-page-container #article-header .article-header-title .article-headline {
    font-size: 24px; }
  .article-story-page-container #article-header .article-header-title .article-leadtext {
    font-family: "PT Serif", serif;
    font-size: 16px; }
  .article-story-page-container #article-header .article-header-title .byline {
    color: #545556;
    font-size: 14px; }
  .article-story-page-container #article-header .article-header-title .timestamp {
    font-size: 14px; }

@media (min-width: 768px) and (max-width: 1274px) {
  .article-story-page-container #article-header .article-header-title .article-headline {
    -webkit-order: 3;
    order: 3;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 14px;
    font-size: 24px; }
  .article-story-page-container #article-header .article-header-title .byline {
    padding-top: 10px; }
  .section-header-large {
    margin: 10px 0px 0px 0px;
    font-family: "PT Serif", serif;
    font-size: 26px;
    line-height: 32px !important; } }

@media (min-width: 1275px) {
  .article-story-page-container #article-header .article-header-title {
    font-size: 14px; }
    .article-story-page-container #article-header .article-header-title .article-headline {
      font-size: 26px;
      margin-bottom: 20px; }
  .section-header-large {
    margin: 10px 0px 0px 0px;
    font-family: "PT Serif", serif;
    font-size: 30px !important;
    line-height: 30px !important; } }

.section-header-large {
  white-space: nowrap;
  margin: 10px 0px 0px 0px;
  font-family: "PT Serif", serif;
  font-size: 26px;
  line-height: 30px;
  font-weight: 200;
  color: #006dd0;
  text-transform: capitalize;
  grid-area: section-header-large; }
  .section-header-large a {
    color: #1e1f21;
    font-family: "Oswald", sans-serif; }

.article-headline-large {
  font-family: "PT Serif", serif;
  font-size: 2.37em;
  font-weight: bold;
  margin: 0;
  color: #1e1f21;
  line-height: 1.05; }

.timestamp-prefix {
  color: #737576;
  font-family: "Source Sans Pro", sans-serif;
  font-size: .89em;
  font-weight: bold;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: bold; }

.timestamp-with-prefix {
  color: #1e1f21;
  font-family: "PT Serif", serif;
  font-size: 1.1em;
  line-height: 1.37; }

.article-title-large {
  margin: 0;
  font-family: "Oswald", sans-serif;
  font-size: 2.19em;
  text-transform: uppercase;
  color: #1e1f21;
  border-bottom: #1e1f21 solid 0.06em;
  padding-bottom: 0.2em;
  grid-area: article-title-large; }
  .article-title-large a {
    color: #1e1f21;
    font-family: "Oswald", sans-serif; }

/* Icons copied directly from generated icomoon export */
@font-face {
  font-family: 'icomoon';
  src: url("/theme/fonts/icomoon.eot?b62tno");
  src: url("/theme/fonts/icomoon.eot?b62tno#iefix") format("embedded-opentype"), url("/theme/fonts/icomoon.ttf?b62tno") format("truetype"), url("/theme/fonts/icomoon.woff?b62tno") format("woff"), url("/theme/fonts/icomoon.svg?b62tno#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  height: 2em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-play:before, .sssnext:before, .sssprev:before {
  content: ""; }

.icon-top:before {
  content: ""; }

.icon-comments:before {
  content: ""; }

.icon-login:before {
  content: ""; }

.icon-link-arrow-2:before {
  content: ""; }

.icon-link-arrow-up:before {
  content: "";
  transform: rotate(45deg); }

.icon-search:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

.icon-corner-kick:before {
  content: ""; }

.icon-cards:before {
  content: ""; }

.icon-goal:before {
  content: ""; }

.wrapper {
  width: 90%;
  margin: 1% 3%;
  background-color: #d2dbe3;
  padding: 2em; }

/*One column grid *********************/
.oneColumnFlex {
  max-width: 1427px;
  margin: 1% 2%;
  border: 1px solid #1e1f21;
  display: grid;
  grid-gap: .6rem;
  grid-template-columns: 1fr;
  grid-template-areas: "flex"; }

/*Two column grid *********************/
.twoColumnFixedLeft {
  max-width: 1427px;
  margin: 1% 2%;
  border: 1px solid #1e1f21;
  display: grid;
  grid-gap: .6rem;
  grid-template-columns: 300px 1fr;
  grid-template-areas: "fixed  flex"; }

.twoColumnFixedRight {
  max-width: 1427px;
  margin: 1% 2%;
  border: 1px solid #1e1f21;
  display: grid;
  grid-gap: .6rem;
  grid-template-columns: 1fr 300px;
  grid-template-areas: "flex fixed"; }

/* Three column grid *******************************/
.threeColumnFlexAreaMiddle {
  max-width: 1427px;
  margin: 1% 2%;
  border: 1px solid #1e1f21;
  display: grid;
  grid-gap: .6rem;
  grid-template-columns: 300px 1fr 300px;
  grid-template-areas: "fixed flex fixed2"; }

/* definition of fixed and flex used above *********/
.staticColumn {
  grid-area: fixed;
  width: 300px;
  background-color: #006dd0;
  color: #fff;
  height: 40px;
  padding: .5em; }

.flexColumn {
  grid-area: flex;
  background-color: #f7f8f9;
  color: #1e1f21;
  height: 40px;
  padding: .5em; }

/* needed for second fixed column in three column layout
(each area needs a unique name) ***********************/
.staticColumn2 {
  grid-area: fixed2;
  width: 300px;
  background-color: #006dd0;
  color: #fff;
  height: 40px;
  padding: .5em; }

/* not used by the Forum
(came with setup) ***********************/
aside, article {
  box-sizing: border-box; }

.mw-row {
  max-width: 76.13rem; }

/* the media query variables have been moved to _media-query.scss to avoid an error when a media query loaded before the variable definition  */
* {
  box-sizing: border-box; }

body {
  margin: 0;
  background-color: #f7f8fa; }

@media (min-width: 561px) and (max-width: 1459px) {
  [class$=page-container] {
    padding: 0 4%; } }

@media (max-width: 560px) {
  [class$=page-container] {
    padding: 0 4%; } }

@media (max-width: 320px) {
  [class$=page-container] {
    padding: 0; } }

[class$=page-container] .sidebar {
  margin-bottom: 20px; }

.no-cssgrid #aside .sidebar #jobsHQ-hotjobs-desktop {
  margin: auto;
  max-width: 300px; }

.homepage-container, .section-page-container {
  padding: 0; }

.margin-bottom-30 {
  margin-bottom: 1.9rem; }

.margin-bottom-48 {
  margin-bottom: 3rem; }

.margin-top-25 {
  margin-top: 1.56rem; }

.margin-bottom-20 {
  margin-bottom: 1.25rem; }

.no-margin {
  margin: 0 !important; }

.border-bottom {
  border-bottom: 1px solid #d2dbe3;
  padding-bottom: 15px; }

.none {
  display: none; }

a.pagination-button:visited {
  color: #fff; }

.breaking {
  background-color: #e72324;
  padding: 2px; }

.breaking-large {
  background-color: #e72324;
  padding: 5px 15px;
  margin: 0; }

#noLink {
  color: #1e1f21; }

.members-only {
  background-color: #006dd0;
  border-radius: 10px;
  color: #ffffff;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 200;
  font-size: .8em;
  padding: 2px 7px;
  margin: 1px 5px 0 0;
  height: 20px;
  width: max-content;
  display: flex;
  align-items: center; }
  .members-only .members-arrows {
    line-height: 0;
    font-size: 1.15em;
    margin-right: 2px;
    height: 12px; }

.teaser-article-headline {
  font-size: 1.5em;
  font-weight: bold;
  color: #1e1f21;
  line-height: 1.17;
  margin: 0; }
  .teaser-article-headline a {
    font-family: "PT Serif", serif; }

.fullWidth {
  width: 100%; }

@media (min-width: 560px) {
  .floatRight {
    float: right; } }

.thumbnailWidth {
  width: 250px; }

.floatLeft {
  float: left; }

.paddingTop2 {
  padding-top: 2em; }

.clearFloat {
  clear: both; }

.pagination-button {
  display: block;
  color: #ffffff;
  background-color: #1e1f21;
  height: 33px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-size: 0.95em;
  margin: 21px auto;
  cursor: pointer;
  border-radius: 3px;
  border: none;
  padding: .4rem;
  text-align: center;
  min-width: 200px; }
  @media (min-width: 560px) {
    .pagination-button {
      width: 30%; } }
  .pagination-button:hover, .pagination-button:focus, .pagination-button:active {
    color: #ffffff; }

hr {
  height: 1px;
  border: 0;
  background-color: #C1CAD3; }

.breaking-font-12 .breaking {
  font-size: .76rem;
  line-height: .95rem;
  width: auto;
  display: inline-block;
  font-weight: 600;
  padding: 2px 5px;
  margin: 0; }

.announcement-name {
  font-family: "PT Serif", serif;
  line-height: 1.35;
  margin: 0; }

.announcement-status {
  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
  color: #545556;
  font-size: 0.9em;
  font-weight: 400; }

.alert-description {
  margin-top: 1em; }
  .alert-description > p {
    font-size: .76em;
    margin: .5em;
    text-transform: uppercase;
    font-family: "PT Serif", serif; }

.tag-item {
  background-color: #ffffff;
  color: #006dd0;
  font-size: .86em;
  font-weight: bold;
  font-family: "Source Sans Pro", sans-serif;
  margin-top: 10px;
  border: 1px solid #d2dbe3; }
  .tag-item:hover {
    text-decoration: underline;
    color: #ffffff;
    background-color: #006dd0; }
    .tag-item:hover a {
      color: #ffffff; }
  .tag-item a {
    color: #006dd0;
    font-weight: bold; }
    .tag-item a:visited {
      color: inherit; }

#subscribeHeader {
  color: #006DD0;
  font-family: "PT Serif";
  font-size: 32px;
  line-height: 34px;
  font-weight: normal; }

#subscribeSubheader {
  color: #004584;
  font-family: "Source Sans Pro";
  font-size: 21px;
  line-height: 24px;
  text-align: center;
  font-weight: normal; }

.subscribeSectionHeading {
  font-size: 26px;
  font-weight: bold;
  line-height: 34px;
  margin: 0;
  margin-top: 12px; }

.subscribeSectionDescription {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  margin: 0;
  padding-top: 10px; }

@media only screen and (max-width: 767px) {
  .subscribeSectionDescription {
    text-align: left;
    padding-top: 12px;
    padding-bottom: 12px; }
  #subscribeHeader {
    margin-bottom: 31px; } }

.more-link {
  font-size: 0.75em;
  font-weight: bold; }

.static-link {
  color: #1e1f21;
  font-family: "Source Sans Pro", sans-serif;
  font-size: .89em;
  line-height: 1.3;
  text-decoration: underline;
  margin: 0; }

.white-link {
  color: #ffffff; }

.livestream-ticker-item:visited {
  color: #1e1f21; }

.livestream-ticker-item:hover {
  color: #006dd0; }

.livestream-ticker-item:active {
  color: #1e1f21; }

.livestream-ticker-item .thumbnailwrapper {
  position: relative;
  float: left;
  margin-right: 1em; }
  .livestream-ticker-item .thumbnailwrapper .icon-play-button {
    height: 40px; }
  .livestream-ticker-item .thumbnailwrapper > img {
    width: 107px !important;
    height: 60px !important; }

.livestream-ticker-item .title-container {
  float: left; }
  .livestream-ticker-item .title-container h5 {
    margin: 5px 0; }
  .livestream-ticker-item .title-container .space {
    padding: 0 6px; }
  .livestream-ticker-item .title-container .headline {
    font-family: "PT Serif", serif;
    font-size: 0.9375rem;
    line-height: 1.125rem;
    color: #1e1f21;
    font-weight: normal;
    padding-top: 5px; }

.livestream-ticker-item .static-text {
  font-family: "Oswald", sans-serif;
  font-size: 0.875rem;
  font-weight: normal; }

.livestream-ticker-item .wday {
  background-color: #006dd0;
  border-radius: 2px;
  padding: 2px 3px 2px 3px;
  font-family: "Source Sans Pro", sans-serif;
  color: #ffffff;
  font-size: 15px;
  line-height: 12px;
  text-align: center;
  margin-right: 5px; }
  .livestream-ticker-item .wday:before {
    content: '\25ba';
    padding-left: 1px;
    height: 9px;
    width: 7px;
    padding-right: 0.25em;
    font-size: 0.8em; }

.livestream-ticker-item:after {
  content: "";
  display: table;
  clear: both; }

@media (max-width: 560px) {
  .livestream-ticker-item .thumbnailwrapper {
    margin-right: 0.750em; } }

.subscribeButtons {
  height: 37px;
  border-radius: 4px;
  background-color: #006dd0;
  color: #ffffff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  border-color: #006dd0;
  position: absolute;
  bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  min-width: 186px; }

.subscribeButtons:hover {
  background-color: #0057a6;
  border-radius: 4px; }

.subscribeButtons:active {
  background-color: #004584;
  border-radius: 4px; }

.benefitsButton {
  position: relative;
  margin: 20px 0 10px 32px; }

@media only screen and (max-width: 767px) {
  .subscribeButtons {
    position: static; } }

.logo {
  margin: auto;
  font-size: 1.4rem; }

header .logo {
  margin: 1.25rem auto 1.1rem auto; }

.aspect-ratio-landscape {
  padding-bottom: 55.13%; }

.imageText {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.86em;
  max-width: 780px; }
  .portrait .imageText {
    max-width: 430px; }

.link {
  text-decoration: none;
  font-family: "Source Sans Pro", sans-serif; }

img {
  width: 100%; }

.placeholder {
  padding: 16% 0;
  margin-bottom: 5px;
  background: #ffffff; }

.no-cssgrid .placeholder {
  width: 300px;
  padding: 100px 0; }
  .no-cssgrid .placeholder svg.logo-placeholder {
    max-width: 300px; }

.image, .thumbnailwrapper, .keyframe {
  position: relative; }
  .image .icon-play-button, .thumbnailwrapper .icon-play-button, .keyframe .icon-play-button {
    position: absolute;
    cursor: pointer;
    height: 70%;
    fill: #c1cad3;
    opacity: 0.7;
    top: 50%;
    left: 48%;
    transform: translate(-30%, -44%);
    -ms-transform: translate(-50%, -50%); }
    .image .icon-play-button:hover, .thumbnailwrapper .icon-play-button:hover, .keyframe .icon-play-button:hover {
      fill: #006dd0; }

#topMedia {
  cursor: pointer; }

@media (min-width: 560px) {
  .image .icon-play-button {
    height: 100%; } }

.inline-element .image {
  margin: 0.7em auto; }
  .inline-element .image img {
    max-height: 60vh;
    max-width: 100%; }
  @media (min-width: 768px) {
    .inline-element .image img {
      max-height: 480px; } }
  .inline-element .image .portrait img, .inline-element .image .free img {
    width: auto; }
  .inline-element .image .square img {
    max-width: 60vh; }
  @media (min-width: 768px) {
    .inline-element .image .square img {
      max-width: 480px; } }

#organisms-video {
  max-width: 1425px; }

.image {
  position: relative; }
  .image .icon-play-button {
    position: absolute;
    cursor: pointer;
    height: 80%;
    fill: #c1cad3;
    opacity: 0.7;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -44%);
    -ms-transform: translate(-50%, -50%); }
    .image .icon-play-button:hover {
      fill: #006dd0; }

.section-thirds .video-block .keyframe,
.section-half .video-block .keyframe,
.jwThumbnail {
  background-color: #000000;
  position: relative;
  width: 100%;
  padding-top: 62.5%;
  /* 8:5 aspect ratio */ }
  .section-thirds .video-block .keyframe img,
  .section-half .video-block .keyframe img,
  .jwThumbnail img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto; }

.featured-container .icon-play-button {
  opacity: 0.55;
  height: 300px;
  top: 50%;
  z-index: 19; }

@media (max-width: 768px) {
  .section-full .icon-play-button {
    height: 200px; } }

.playlist-wrapper {
  overflow: auto; }

.playlist {
  display: flex;
  width: 100%;
  list-style: none;
  padding: 0; }

.playlist li {
  object-fit: cover;
  padding: 0 0.5em; }
  .playlist li:first-child {
    padding-left: 0; }
  .playlist li:last-child {
    padding-right: 0; }
  @media (max-width: 768px) {
    .playlist li {
      padding: 0.5rem 0; } }

.playlist li a {
  height: auto;
  display: block;
  cursor: pointer;
  text-align: left; }
  .playlist li a .icon-play-button {
    position: absolute;
    cursor: pointer;
    height: 80%;
    width: 80%;
    fill: #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -44%);
    -ms-transform: translate(-50%, -50%); }
    .playlist li a .icon-play-button:hover {
      fill: #006dd0; }

.playlist-thumbnail-wrapper {
  position: relative;
  color: white;
  font-weight: 400;
  text-shadow: 0 0 7px #545556; }

.playlist-duration {
  position: absolute;
  top: 5px;
  right: 5px; }

.playlist-thumbnail {
  width: 100%; }

.playlist-wrapper .title-wrapper {
  font-size: 1em;
  padding: 0;
  margin: 0;
  color: #1e1f21;
  font-family: "PT Serif", serif;
  line-height: 1.15;
  font-weight: bold; }

@media (max-width: 768px) {
  .playlist {
    display: block; }
  .playlist-thumbnail {
    width: 100%;
    height: auto; } }

.video-show-more {
  position: absolute;
  top: 50%;
  left: 44%;
  color: #ffffff;
  display: block;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000000;
  font-size: 1rem;
  transform: translate(-30%, -44%);
  -ms-transform: translate(-50%, -50%); }
  @media (max-width: 768px) {
    .video-show-more {
      height: 121px;
      left: 47%;
      top: 66%; } }

/*Common owl carousel css*/
.inline.owl-carousel .owl-prev {
  height: 100px;
  position: absolute;
  top: 40%;
  left: -20px; }

.inline.owl-carousel .owl-next {
  height: 100px;
  position: absolute;
  top: 40%;
  right: -20px; }

.inline.owl-carousel .owl-item {
  padding-bottom: 10px;
  border-bottom: 1px solid #C1CAD3; }

.inline.owl-carousel .owl-prev svg, .inline.owl-carousel .owl-next svg {
  font-size: 10px;
  color: #000000;
  margin: 26% 0; }

.inline.owl-carousel .owl-circle {
  height: 40px;
  width: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 0.9em; }

.inline.owl-carousel .owl-dot.active {
  margin-right: 15px; }

.inline.owl-carousel .owl-dots {
  counter-reset: slides-num;
  position: absolute;
  top: inherit;
  bottom: 11px;
  margin-top: 10px;
  letter-spacing: 1px;
  background: #f7f8f9; }
  .inline.owl-carousel .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-size: 0.9em;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: normal;
    padding-left: 2px;
    line-height: 1; }

.inline.owl-carousel .owl-dot {
  display: inline-block;
  counter-increment: slides-num;
  margin-right: 0px; }
  .inline.owl-carousel .owl-dot span {
    display: none; }
  .inline.owl-carousel .owl-dot.active:before {
    content: counter(slides-num) " /";
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9em;
    line-height: 1;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 2px; }

.inline.owl-carousel button.owl-next:focus,
.inline.owl-carousel button.owl-prev:focus {
  outline: none; }

@media only screen and (max-width: 768px) and (min-width: 560px) {
  .inline.owl-carousel .owl-prev, .inline.owl-carousel .owl-next {
    top: 30%; } }

@media (max-width: 560px) {
  .inline.owl-carousel .owl-prev, .inline.owl-carousel .owl-next {
    top: 30%; }
    .inline.owl-carousel .owl-prev .owl-circle, .inline.owl-carousel .owl-next .owl-circle {
      height: 55px;
      width: 55px; }
    .inline.owl-carousel .owl-prev svg, .inline.owl-carousel .owl-next svg {
      font-size: 0.9em;
      margin: 20% 0; }
  .inline.owl-carousel .owl-prev {
    left: -25px; }
  .inline.owl-carousel .owl-next {
    right: -25px; } }

/*custom css for inline carousel*/
.inline.owl-carousel {
  width: 725px;
  margin: auto; }

@media only screen and (max-width: 1100px) and (min-width: 999px) {
  .inline.owl-carousel {
    max-width: 650px;
    margin: auto; } }

@media only screen and (max-width: 998px) and (min-width: 890px) {
  .inline.owl-carousel {
    max-width: 500px;
    margin: auto; } }

@media only screen and (max-width: 889px) and (min-width: 768px) {
  .inline.owl-carousel {
    max-width: 450px;
    margin: auto; } }

@media (max-width: 767px) {
  .inline.owl-carousel {
    max-width: 400px; } }

@media (max-width: 320px) {
  .inline.owl-carousel {
    max-width: 300px; } }

.inline.owl-carousel .owl-stage-outer {
  padding-bottom: 38px; }

.inline.owl-carousel .item-container .caption {
  position: absolute;
  left: 50px;
  bottom: -26px;
  font-size: 0.9em; }

/*inline poll css*/
article.poll .poll-wrapper {
  margin-left: auto;
  margin-right: auto; }

.inline-element {
  margin: 2.5rem 0; }

.embed-iframe iframe {
  max-width: 100%; }

#banner-1, #banner-2, #banner-3, #footer-banner {
  margin-top: 11px;
  margin-bottom: 11px; }

#in-page {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 100; }

#latest-sponsor {
  margin-bottom: 20px; }

#sidebar-2-container,
#sidebar-3-container,
#sidebar-4-container,
#sidebar-5-container,
#sidebar-6-container {
  margin: 25px 0px; }

.sidebar #motors-widget, .sidebar #search-marketplace-widget {
  margin-top: 10px; }

#header-sponsor {
  margin-right: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 auto; }

.classified-index-promos {
  padding: 25px 15px; }

@media (min-width: 768px) {
  .section-half {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "leftColumn rightColumn"; }
  .left-column {
    grid-area: leftColumn; } }

#gatecity-sponsor {
  cursor: pointer; }
  #gatecity-sponsor .bmz-big-green {
    width: 100%;
    max-width: 1400px;
    height: 140px;
    background-image: url("https://static.forumcomm.com/svgs/brands/BisonMediaZone/Top-banner.svg");
    background-color: #006634;
    background-repeat: no-repeat;
    background-size: 80% 121%;
    background-position: 100% 0px;
    padding: 20px;
    display: flex;
    flex-wrap: nowrap; }
    #gatecity-sponsor .bmz-big-green .bmz-green-bkgd img {
      width: 250px;
      height: 100px; }
    #gatecity-sponsor .bmz-big-green .bmz-white-bkgd {
      border: 10px solid white;
      background-color: #ffffff; }
      #gatecity-sponsor .bmz-big-green .bmz-white-bkgd img {
        width: 230px;
        height: 78px; }
    #gatecity-sponsor .bmz-big-green .bmz-fancy-text {
      font-family: voltage, cursive, sans-serif;
      font-size: 52px;
      color: #ffffff;
      margin: 0;
      line-height: 1.2; }
    #gatecity-sponsor .bmz-big-green .bmz-solid-text {
      font-family: "Oswald", sans-serif;
      font-size: 30px;
      color: #ffcc09;
      line-height: 0.2;
      margin: 0 0 0 40px;
      font-weight: 700; }
    #gatecity-sponsor .bmz-big-green .bmz-cityBank {
      margin-left: auto; }
    #gatecity-sponsor .bmz-big-green .bmz-tagline {
      margin: 8px 0 0 21px; }

@media (min-width: 801px) and (max-width: 1100px) {
  #gatecity-sponsor .bmz-big-green {
    background-position: 63% -3%;
    background-size: 81% 130%; } }

@media (min-width: 561px) and (max-width: 800px) {
  #gatecity-sponsor .bmz-big-green {
    background-position: 34% 0%;
    background-size: 105% 130%; } }

@media (min-width: 768px) and (max-width: 1060px) {
  #gatecity-sponsor .bmz-big-green .bmz-white-bkgd img {
    width: 22vw;
    height: 100%; }
  #gatecity-sponsor .bmz-big-green .bmz-tagline {
    margin: 1vw 0 0 2vw; }
  #gatecity-sponsor .bmz-big-green .bmz-fancy-text {
    font-size: 5vw; }
  #gatecity-sponsor .bmz-big-green .bmz-solid-text {
    font-size: 3vw;
    margin: 0 0 0 4vw; } }

@media (min-width: 560px) and (max-width: 767px) {
  #gatecity-sponsor .bmz-big-green .bmz-green-bkgd img {
    width: 25vw;
    height: 100%; }
  #gatecity-sponsor .bmz-big-green .bmz-white-bkgd img {
    width: 20vw;
    height: 100%; }
  #gatecity-sponsor .bmz-big-green .bmz-fancy-text {
    font-size: 5vw; }
  #gatecity-sponsor .bmz-big-green .bmz-solid-text {
    font-size: 2.6vw; }
  #gatecity-sponsor .bmz-big-green .bmz-tagline {
    margin-top: 3vw; } }

@media (max-width: 560px) {
  #gatecity-sponsor .bmz-big-green {
    height: 65px;
    width: 270px;
    margin: auto;
    background-image: url("https://static.forumcomm.com/images/270x65/bmz-mobile-banner-new.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    #gatecity-sponsor .bmz-big-green .bmz-white-bkgd, #gatecity-sponsor .bmz-big-green .bmz-green-bkgd, #gatecity-sponsor .bmz-big-green .bmz-tagline {
      display: none; }
    #gatecity-sponsor .bmz-big-green .bmz-gatecity-link {
      display: block;
      position: relative;
      top: -18px;
      width: 100%;
      height: 62px;
      transform: scaleX(1.18); } }

#gatecity-mid-sponsor .bmz-wrapper {
  background-image: url("https://static.forumcomm.com/svgs/brands/BisonMediaZone/Sponsor-banner.svg");
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-size: cover;
  background-position: 58% 0;
  padding: 20px 35px; }

#gatecity-mid-sponsor .bmz-sponsor-text {
  letter-spacing: 1px;
  font-weight: 600; }
  #gatecity-mid-sponsor .bmz-sponsor-text p {
    font-family: "Source Sans Pro", sans-serif;
    color: #ffffff;
    line-height: 1.4;
    font-size: 28px;
    margin: 0; }
  #gatecity-mid-sponsor .bmz-sponsor-text span {
    color: #fdcb0b; }

#gatecity-mid-sponsor .bmz-cityBank img {
  width: 360px; }

#gatecity-mid-sponsor .bmz-gatecity-link {
  display: none; }

@media (min-width: 1060px) and (max-width: 1400px) {
  #gatecity-mid-sponsor .bmz-wrapper .bmz-cityBank img {
    width: 25vw; }
  #gatecity-mid-sponsor .bmz-wrapper .bmz-sponsor-text p {
    font-size: 1.8vw; } }

@media (min-width: 1060px) and (max-width: 1219px) {
  #gatecity-mid-sponsor .bmz-wrapper {
    padding: 20px; }
    #gatecity-mid-sponsor .bmz-wrapper .bmz-cityBank img {
      width: 24vw; } }

@media (min-width: 561px) and (max-width: 1059px) {
  #gatecity-mid-sponsor .bmz-wrapper .bmz-cityBank img {
    width: 32vw; }
  #gatecity-mid-sponsor .bmz-wrapper .bmz-sponsor-text p {
    font-size: 2.4vw; } }

@media (max-width: 560px) {
  #gatecity-mid-sponsor .bmz-wrapper {
    height: 35px;
    width: 300px;
    margin: auto;
    background-image: url("https://static.forumcomm.com/images/300x50/sponsorBanner.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  #gatecity-mid-sponsor .bmz-gatecity-link {
    display: block;
    position: relative;
    top: -21px;
    width: 100%;
    height: 40px;
    transform: scaleX(1.3); }
  .bmz-sponsor-text, .bmz-cityBank {
    display: none; } }

.responsive-banner {
  margin: auto; }
  @media (max-width: 499px) {
    .responsive-banner {
      padding: 0 0.5em; } }
  @media (min-width: 500px) and (max-width: 1300px) {
    .responsive-banner {
      padding: 0 2.0em; } }

.icon-circular-small {
  width: 30px;
  height: 30px;
  padding-top: 8px;
  font-size: 14px; }

.icon-circular-extra-small {
  width: 20px;
  height: 20px;
  padding-top: 5px;
  font-size: 10px;
  color: #1e1f21; }

.rotate-minus-90 {
  transform: rotate(-90deg); }

.current-weather {
  min-width: 75px; }
  .current-weather:focus-within {
    border: 1px dotted #d2dbe3;
    margin: -1px;
    box-sizing: content-box; }
  .current-weather a {
    text-decoration: none; }
    .current-weather a:focus {
      outline: none; }
  .current-weather figure {
    margin: 0;
    height: 0; }
  .current-weather .temperature {
    font-size: 1.3em;
    font-weight: 800; }
  .current-weather canvas {
    position: relative;
    display: none;
    top: -26px;
    left: 38px; }

.subscribeIcons {
  width: 142px !important;
  height: 142px;
  display: inline-block;
  margin-top: 16px; }

@media only screen and (max-width: 767px) {
  .subscribeIcons {
    width: 100px !important;
    height: 100px;
    margin-top: 24px; } }

.map {
  height: 20rem; }

.tp-modal-open .tp-modal button.tp-close {
  top: 0;
  box-shadow: none;
  transform: scale(2.2, 2.2);
  margin-right: 25px;
  margin-top: 25px;
  background-color: transparent;
  width: 11px;
  height: 20px; }

.tp-modal-open .tp-modal button.tp-close:hover {
  background-color: transparent;
  box-shadow: none; }

@media (min-width: 650px) {
  .tp-modal-open .tp-modal .tp-close {
    right: 0; } }

.tp-modal-open .tp-modal .tp-iframe-wrapper {
  border-radius: 6px; }

.tp-modal-open .tp-modal {
  z-index: 300050000 !important;
  position: fixed;
  overflow-y: auto; }

.tp-modal-open .tp-backdrop {
  z-index: 30000000 !important; }

.ownlocal-widget {
  width: 300px !important;
  height: 250px !important; }

.jobsWidget {
  width: 300px; }

#jobsHQ-hotjobs-list iframe, div[id^="origami-"], div[id^="origami-"] iframe {
  display: block !important;
  margin-left: auto;
  margin-right: auto; }

#spingo-list-widget {
  background-color: #fff; }

/*---------- WDAY listen/watch live ---------*/
.wday-live-container {
  width: 100%;
  max-width: 300px;
  margin: 0 auto; }
  .wday-live-container h1 {
    display: none; }
  .wday-live-container .wday-background {
    width: 300px;
    background: linear-gradient(330deg, #28286E 0%, #5251BC 100%);
    border-radius: 6px; }
    .wday-live-container .wday-background img {
      max-width: 168px;
      margin: 14px; }
  .wday-live-container .wday-live-buttons {
    float: right;
    width: 95px;
    margin-top: 14px; }
    .wday-live-container .wday-live-buttons .button {
      width: 72px;
      height: 30px;
      border-radius: 4px;
      font-family: "Source Sans Pro", sans-serif;
      text-transform: uppercase;
      font-size: 8px;
      font-weight: 700;
      padding: 10px;
      line-height: 10px;
      cursor: pointer;
      text-align: center; }
    .wday-live-container .wday-live-buttons .wday-listen-live {
      background-color: #ffffff; }
    .wday-live-container .wday-live-buttons .wday-watch-live {
      background-color: #e72323;
      color: #ffffff;
      margin-top: 8px; }

.marketing-newsletter-image {
  width: 100%;
  max-width: 300px;
  margin: 0 auto; }

@media (min-width: 998px) {
  .wday-live-container h1 {
    display: block; }
  .wday-live-container .wday-background {
    height: 250px; }
    .wday-live-container .wday-background img {
      max-width: 231px;
      margin: 34px; }
  .wday-live-container .wday-live-buttons {
    float: none;
    width: 300px;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    display: flex;
    justify-content: space-around;
    margin-top: 0;
    padding: 15px 10px 20px 10px; }
    .wday-live-container .wday-live-buttons .button {
      width: 130px;
      height: 50px;
      font-size: 14px;
      line-height: 27px;
      letter-spacing: 1px; }
    .wday-live-container .wday-live-buttons .wday-watch-live {
      margin-top: 0; } }

/*-------- freshDesk-embed Widget ---------*/
.paywall-container .freshDeskEmbed {
  width: 85%;
  max-width: 700px;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .paywall-container .freshDeskEmbed {
      width: 100%; } }

.paywall-container .help-intro {
  margin-bottom: 2em; }
  .paywall-container .help-intro p {
    margin-bottom: 0; }

/*-------- Podcast Widget ---------*/
.podcast-container {
  width: 320px;
  height: 250px;
  position: relative;
  overflow: hidden; }
  .podcast-container .podcast-background {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff; }
  .podcast-container .podcast-overlay {
    width: 320px;
    position: absolute;
    top: 0;
    left: 0; }
    .podcast-container .podcast-overlay .property-logo {
      width: 36%;
      margin: 5px auto 12px auto; }
    .podcast-container .podcast-overlay h5 {
      display: none; }
    .podcast-container .podcast-overlay button {
      display: block;
      padding: 0;
      border: none;
      width: 158px;
      margin: auto;
      background-color: transparent; }
    .podcast-container .podcast-overlay .apple-podcast {
      margin-bottom: 8px; }

.trending-ticker-item:hover, .trending-ticker-item:active {
  color: black; }

.trending-ticker-item .title-container {
  float: left;
  margin-right: 1em; }
  .trending-ticker-item .title-container h5 {
    margin: 5px; }
  .trending-ticker-item .title-container > img {
    width: 100px; }

.trending-ticker-item:after {
  content: "";
  display: table;
  clear: both; }

button.next {
  background: #f7f8fa;
  border-radius: 50%;
  padding: 4px;
  position: relative;
  border: none;
  display: none;
  z-index: 2;
  cursor: pointer;
  left: 96%; }

button.prev {
  background: #f7f8fa;
  border-radius: 50%;
  padding: 4px;
  position: relative;
  border: none;
  display: none;
  z-index: 2;
  cursor: pointer;
  left: -30px; }

#aside {
  z-index: 5; }

.article-slider button:active,
.article-slider button:focus,
.article-slider button img:active,
.article-slider button img:focus {
  outline: none !important;
  outline-style: none !important;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none; }

.article-slider div.individual-slide {
  width: 100%;
  display: none;
  background-color: #d2dbe3; }

.article-slider {
  font-family: "Source Sans Pro", sans-serif; }
  .article-slider img {
    object-fit: contain;
    -o-object-fit: contain;
    height: inherit;
    max-height: 47vh; }
  @media (min-width: 768px) {
    .article-slider img {
      max-height: 480px; } }
  .article-slider .carousel-info {
    display: flex;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1cad3;
    align-items: baseline; }
  .article-slider #counter {
    color: #737576;
    display: inline;
    font-size: 0.9em;
    flex: none;
    background-color: #f7f8fa;
    z-index: 2;
    margin-right: 10px; }
    .article-slider #counter span {
      font-weight: bold; }

.individual-slide img {
  cursor: pointer; }

.pop-modal {
  display: none;
  position: fixed;
  z-index: 100;
  padding-top: 200px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9); }

.pop-image {
  margin: auto;
  display: block;
  width: 80%;
  height: 80%;
  max-width: 700px;
  object-fit: contain; }

.close-pop {
  position: absolute;
  top: 100px;
  right: 35px;
  color: #f8f9fb;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer; }

/* Media Queries */
@media (max-width: 1091px) {
  button.next {
    left: 93%; } }

@media (max-width: 999px) {
  button.next {
    left: 94%; } }

@media (max-width: 875px) {
  button.next {
    left: 95%; } }

@media (max-width: 413px) {
  button.next {
    left: 91%; } }

.inline-element .related-media .fcc-slider {
  max-width: 680px;
  margin: 0 auto; }

.top-media-modal {
  display: none;
  position: fixed;
  z-index: 199999;
  padding-top: 200px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9); }

.top-media-image {
  margin: auto;
  display: block;
  width: 80%;
  height: 80%;
  max-width: 700px;
  object-fit: contain; }

/*-------------------------------------------------------------------
------------------ masthead and logo -------------------------------*/
.site-masthead {
  display: none; }
  .site-masthead a:focus, .site-masthead img:focus {
    outline: none; }
  .site-masthead #marquee-1-container, .site-masthead #marquee-2-container {
    display: none; }

@media (max-width: 768px) {
  #marquee-1-container, #marquee-2-container {
    display: none; } }

@media (max-width: 1275px) {
  #marquee-1-container, #marquee-2-container {
    display: none; } }

@media (min-width: 1275px) {
  #marquee-1-container, #marquee-2-container {
    display: none; }
  .site-masthead-container {
    max-width: 1425px;
    margin: auto;
    position: relative; }
  .site-masthead {
    margin: 0 auto;
    padding: 15px 0;
    height: auto;
    width: 380px;
    display: block; }
  #marquee-1-container, #marquee-2-container {
    position: absolute;
    height: 169px;
    width: 225px; }
  #marquee-1-container {
    left: 32px; }
  #marquee-2-container {
    right: 32px; } }

/*-------------------------------------------------------------------*/
/*------------ top navigation bar (top gray bar) --------------------*/
.top-nav {
  height: 30px;
  display: -webkit-flex;
  -webkit-justify-content: center;
  display: flex;
  justify-content: center;
  background-color: #f7f8f9;
  font-family: "Source Sans Pro", sans-serif;
  padding: 3px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 2000000; }
  .top-nav .top-wrapper {
    max-width: 1475px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: auto;
    position: relative;
    height: 26px; }
  .top-nav .weather-widget-ad {
    display: none; }
  .top-nav .current-weather {
    display: none; }
  .top-nav .weather {
    display: block; }
    .top-nav .weather .header-weather {
      display: -webkit-flex;
      display: flex; }
      .top-nav .weather .header-weather .weather-notifications-text {
        font-size: 12px; }
      .top-nav .weather .header-weather .weather-alerts, .top-nav .weather .header-weather .weather-announcements {
        display: -webkit-flex;
        display: flex;
        font-weight: 400;
        border-bottom: none; }
      .top-nav .weather .header-weather a {
        display: -webkit-flex;
        display: flex;
        color: #006dd0;
        height: 24px;
        padding: 2px 6px; }
        .top-nav .weather .header-weather a:hover {
          color: #006dd0;
          background-color: #ffffff; }
        .top-nav .weather .header-weather a:focus-within {
          border: 1px dotted #c1cad3;
          outline: none;
          margin: -1px; }
      .top-nav .weather .header-weather .blue-circle {
        text-align: center;
        background-color: #006dd0;
        min-width: 17px;
        height: 17px;
        border-radius: 50%;
        padding: 0 4px; }
      .top-nav .weather .header-weather h5 {
        color: #006dd0;
        margin-top: 0;
        margin-left: 6px;
        font-weight: 400;
        font-size: 12px; }
      .top-nav .weather .header-weather .alert-count, .top-nav .weather .header-weather .announcements-count {
        color: #ffffff;
        font-size: 12px; }
  .top-nav #search-popup {
    display: none; }

.search-menu, #search-popup {
  display: none; }

/*--------- top nav mobile up to 320px ------------*/
@media (max-width: 320px) {
  .top-nav .weather .header-weather .weather-notifications-text,
  .top-nav .weather .header-weather .alert-count,
  .top-nav .weather .header-weather .announcements-count, .top-nav .weather .header-weather h5 {
    font-size: 10px; }
  .top-nav .weather .header-weather h5 {
    margin-left: 5px; }
  .top-nav .weather .header-weather .blue-circle {
    padding: 0 3px;
    min-width: 15px;
    height: 15px; } }

/*--------------- top nav down to 768px ------------*/
@media (min-width: 768px) {
  .top-nav {
    height: 40px;
    justify-content: space-between;
    border-bottom: 1px solid #d2dbe3;
    /*---- weather notifications and alerts -----*/
    /*----------- weather widget ----------------*/
    /*--------- search menu ------------*/ }
    .top-nav .weather {
      padding-left: 15px;
      flex-grow: 2; }
      .top-nav .weather .header-weather .weather-notifications-text,
      .top-nav .weather .header-weather .alert-count,
      .top-nav .weather .header-weather .announcements-count, .top-nav .weather .header-weather h5 {
        font-size: 14px; }
      .top-nav .weather .header-weather .weather-alerts, .top-nav .weather .header-weather .weather-announcements {
        margin-left: 7px; }
      .top-nav .weather .header-weather .blue-circle {
        padding: 0 3px;
        min-width: 20px;
        height: 20px; }
    .top-nav .weather-widget-ad {
      display: block;
      min-width: 100px;
      margin-left: 8px; }
    .top-nav .current-weather {
      display: block;
      padding: 0;
      z-index: 199898;
      margin-left: 7px;
      max-height: 40px; }
      .top-nav .current-weather:hover {
        cursor: pointer;
        padding-bottom: 1px; }
        .top-nav .current-weather:hover > a {
          color: #006dd0; }
      .top-nav .current-weather:focus-within {
        border-top: none;
        border-bottom: none;
        margin: 0 -1px; }
      .top-nav .current-weather a {
        display: block; }
        .top-nav .current-weather a:focus {
          border-top: none; }
    .top-nav .search-menu {
      display: inline-block;
      margin: auto;
      margin-right: 23px;
      margin-left: 0; }
      .top-nav .search-menu .icon-search {
        height: 17px;
        fill: #1e1f21; }
      .top-nav .search-menu:hover {
        cursor: pointer; }
        .top-nav .search-menu:hover .icon-search {
          fill: #006dd0; }
        .top-nav .search-menu:hover span.search-label {
          color: #006dd0; }
      .top-nav .search-menu .search-label {
        position: relative;
        top: -4px;
        font-size: 13px;
        margin-left: 5px;
        margin-right: 5px; }
    .top-nav #search-popup {
      position: absolute;
      display: none;
      top: 41px;
      right: 27px;
      z-index: 2000000; }
      .top-nav #search-popup .search-body {
        padding: 12px;
        background-color: #f7f8f9;
        border: 1px solid #c1cad3;
        position: relative;
        margin-top: 0; }
        .top-nav #search-popup .search-body .input-search-icon {
          cursor: pointer;
          position: absolute;
          right: 10px;
          top: 11px;
          padding: 10px; }
          .top-nav #search-popup .search-body .input-search-icon:hover {
            opacity: 0.5; }
          .top-nav #search-popup .search-body .input-search-icon svg {
            height: 14px;
            opacity: 0.7;
            margin-bottom: 3px; }
      .top-nav #search-popup .arrow-up {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f7f8f9;
        margin-left: 268px;
        margin-bottom: -1px;
        margin-top: -10px;
        z-index: 2000000;
        position: relative; }
      .top-nav #search-popup .arrow-up-background {
        width: 0;
        height: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #c1cad3;
        margin-left: 267px;
        margin-top: -8px;
        z-index: 1999999;
        position: relative; }
      .top-nav #search-popup input {
        padding: 5px;
        padding-right: 25px;
        width: 300px;
        font-size: 14px; }
        .top-nav #search-popup input::placeholder {
          text-transform: capitalize; } }

/*------ top nav above 1275px -------------------*/
@media (min-width: 1275px) {
  .top-nav {
    padding: 0 25px;
    border-top: 1px solid #d2dbe3; }
  .weather-widget-ad {
    display: block;
    min-width: 100px;
    margin-left: 8px; } }

@media (min-width: 1476px) {
  .top-nav .search-menu {
    margin-right: 28px; }
  .weather-widget-ad {
    display: block;
    min-width: 100px;
    margin-left: 8px; } }

/*-------------------------------------------------------------------
------------- header & main navigation menu -----------------------*/
.header {
  background-color: #ffffff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 52px; }
  .header .main-wrapper {
    max-width: 1425px;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: auto;
    height: 52px; }
  .header .menu-label {
    display: none; }
  .header .home-logo {
    width: 110px;
    margin: auto;
    margin-left: -5px; }
    .header .home-logo:focus {
      outline: none; }
    .header .home-logo a:focus {
      outline: none; }
    .header .home-logo img {
      padding-top: 5px;
      margin-left: 3vw; }
      .header .home-logo img:focus {
        outline: none; }
  .header .logo {
    display: block;
    font-size: 2em;
    padding: 5px 0 5px 10px;
    text-decoration: none;
    width: 94%;
    margin: 0; }
    .header .logo:focus-within {
      border: 1px dotted #c1cad3;
      outline: none; }
    .header .logo a:focus {
      outline: none; }
  .header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: #ffffff; }
  .header li a {
    display: block;
    font-size: 14px;
    padding: 10px 20px;
    text-decoration: none;
    color: #1e1f21;
    text-transform: uppercase; }
  .header li a:hover,
  .header .hq-nav li a:hover {
    background-color: #c1cad3; }
  .header li a:focus,
  .header .hq-nav li a:focus {
    border: 1px dotted #c1cad3;
    margin: -1px;
    outline: none; }
  .header .menu,
  .header .dropdown-nav,
  .header .hq-nav {
    background-color: #f7f8f9; }
  .header button {
    display: none; }
    .header button .header-more {
      display: none; }
  .header .hq-nav {
    display: block;
    box-shadow: 1px 1px 4px 0 #c1cad3; }
    .header .hq-nav li a {
      text-transform: none; }
    .header .hq-nav ul {
      list-style-type: none;
      margin: 0;
      min-width: 400px;
      background-color: #f7f8f9; }

/*----------- New menu styling --------------*/
.full-header .menu-full {
  min-width: 320px; }
  .full-header .menu-full .paywall-buttons {
    justify-items: center; }
    .full-header .menu-full .paywall-buttons li a {
      width: unset; }
  .full-header .menu-full .mobile-paywall-link a {
    font-size: 16px; }
  .full-header .menu-full .mobile-divider {
    border-bottom: 2px solid #d2dbe3; }
  .full-header .menu-full .mobile-section-wrapper {
    padding: 10px 0 0 14px; }
  .full-header .menu-full .section-wrapper {
    padding: 0 0 0 14px;
    border-bottom: 1px solid #d2dbe3; }
  .full-header .menu-full .hq-section-wrapper {
    border-bottom: 2px solid #d2dbe3; }
  .full-header .menu-full .hq-section-wrapper:last-child {
    border-bottom: none; }
  .full-header .menu-full .menu-section {
    font-weight: bolder;
    font-size: 18px;
    padding: 12px 0 0 20px;
    line-height: 2.5; }
  .full-header .menu-full ul {
    background-color: #f7f8f9; }
  .full-header .menu-full li {
    display: block; }
    .full-header .menu-full li a {
      text-transform: initial;
      padding: 10px 20px;
      width: 155px;
      white-space: unset; }
  .full-header .menu-full li a:focus, .full-header .menu-full .hq-nav li a:focus {
    outline: 1px dotted #c1cad3;
    outline-offset: -3px;
    border: none;
    margin: 0; }
  .full-header .menu-full .paywall-buttons, .full-header .menu-full .topics-first, .full-header .menu-full .topics-second,
  .full-header .menu-full .forum-network, .full-header .menu-full .special-interests,
  .full-header .menu-full .opinions, .full-header .menu-full .community-interests, .full-header .menu-full .listings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 18px; }
  .full-header .menu-full .topics-first {
    padding-bottom: 0; }
  .full-header .menu-full .hq-nav {
    box-shadow: none; }
    .full-header .menu-full .hq-nav ul {
      min-width: 155px; }

/* --------------- header buttons -------------------------*/
.subscribe {
  margin: auto;
  height: 28px;
  width: 91px;
  border-radius: 4px;
  text-align: center;
  display: table;
  background-color: #006dd0; }
  .subscribe .subscribe-btn span {
    color: #ffffff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 1.9;
    text-transform: uppercase; }
  .subscribe .subscribe-btn:hover {
    background-color: #0057a6;
    border-radius: 4px; }
  .subscribe .subscribe-btn:active {
    background-color: #004584;
    border-radius: 4px; }
  .subscribe .subscribe-btn-no-paywall span {
    color: #ffffff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 1.9;
    text-transform: uppercase; }

.subscribe:hover {
  border-radius: 4px; }

.subscribe:active {
  border-radius: 4px; }

.subscribe-btn {
  display: none; }

.e-paper-link {
  margin: auto;
  height: 28px;
  width: 91px;
  border-radius: 4px;
  text-align: center;
  background-color: #ffcf06; }
  .e-paper-link a span {
    color: #1e1f21;
    font-family: "Source Sans Pro", sans-serif;
    text-transform: uppercase; }

@media (max-width: 560px) {
  .login {
    display: none !important; }
  .subscribe {
    width: 72px !important;
    margin-right: 18px; }
  .e-paper-link {
    width: 72px !important;
    margin-right: 10px;
    margin-left: 10px; } }

@media (min-width: 1000px) {
  .subscribe {
    margin-right: 0;
    height: 38px;
    width: 100px; }
    .subscribe .subscribe-btn span {
      font-size: 14px;
      padding: 9px 8px;
      line-height: 2.6; }
    .subscribe .subscribe-btn-no-paywall span {
      font-size: 14px;
      padding: 9px 8px;
      line-height: 2.6; } }

.epaper-link {
  display: table-cell;
  vertical-align: middle;
  display: none; }

.epaper-link-no-paywall {
  display: table-cell;
  vertical-align: middle; }

.log-in-link {
  display: table-cell;
  vertical-align: middle;
  display: none; }

.login {
  border: 1px solid #1e1f21;
  margin: auto;
  margin-right: 10px;
  height: 28px;
  width: 91px;
  border-radius: 4px;
  text-align: center;
  display: table; }
  .login span {
    font-family: "Source Sans Pro", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.9; }

.e-paper-link {
  margin: auto;
  margin-right: 10px;
  height: 28px;
  width: 91px;
  border-radius: 4px;
  text-align: center;
  display: table; }
  .e-paper-link span {
    font-family: "Source Sans Pro", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.9; }

@media (max-width: 768px) {
  .login {
    width: 91px;
    margin-right: 10px;
    background-color: #006dd0;
    border-radius: 4px;
    border: none; }
    .login span {
      color: #ffffff;
      font-size: 11px;
      line-height: 2.0; }
  .e-paper-link {
    width: 91px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #ffcf06;
    border-radius: 4px;
    border: none; }
    .e-paper-link a {
      vertical-align: middle;
      display: table-cell; }
    .e-paper-link span {
      color: #1e1f21;
      font-size: 11px;
      line-height: 2.0; }
  .subscribe {
    display: table; }
    .subscribe .subscribe-btn {
      display: none;
      vertical-align: middle; }
      .subscribe .subscribe-btn span {
        font-size: 11px;
        line-height: 2.0; }
    .subscribe .subscribe-btn-no-paywall {
      vertical-align: middle; }
      .subscribe .subscribe-btn-no-paywall span {
        font-size: 11px;
        line-height: 2.0; } }

@media (min-width: 1000px) {
  .login {
    height: 38px;
    width: 100px; }
    .login span {
      line-height: 2.6; }
  .e-paper-link {
    height: 38px;
    width: 100px; }
    .e-paper-link span {
      line-height: 2.6; } }

/*--------------- hamburger menu icon ---------------------------*/
.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  padding: 25px 20px;
  position: relative;
  user-select: none; }
  .header .menu-icon:focus {
    border: 1px dotted #d2dbe3;
    margin: -1px;
    outline: none; }

.header .menu-icon .navicon {
  background: #1e1f21;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px; }

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #1e1f21;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%; }

.header .menu-icon .navicon:before {
  top: 5px; }

.header .menu-icon .navicon:after {
  top: -5px; }

/*----- menu btn (triggers opening and closing of hamb. menu) -----*/
.header .menu-btn {
  display: none; }

.header .menu-btn:checked ~ .menu-outer .menu,
.header .menu-btn:checked ~ .menu-outer .hq-nav {
  max-height: 100%; }

.header .menu-btn:checked ~ .menu-outer {
  max-height: 75vh;
  width: 203px;
  box-shadow: 0 2px 4px 0 rgba(30, 31, 33, 0.5); }

.full-header .menu-btn:checked ~ .menu-outer-full {
  max-height: calc(100vh - 80px);
  width: 100vw;
  overflow-x: hidden; }

.menu-outer {
  clear: both;
  overflow-x: hidden;
  max-height: 0;
  font-family: "Source Sans Pro", sans-serif; }

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg); }

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg); }

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0; }

ul .displaynone {
  display: none; }

/*--------- header nav up to 1275px -----------------*/
@media (max-width: 1274px) {
  .header .menu-outer {
    position: absolute;
    /*positioning absolute is needed to remove
       the menu-outer from the document flow */
    top: 82px;
    left: 0; } }

/*------ header nav between 768px and 1275px -------------------*/
/* this needs to be under the above @media (max-width: 1274px) so
 it over-rides some styles */
@media (min-width: 768px) and (max-width: 1274px) {
  .header .menu-outer {
    top: 92px; }
  .header .menu-label {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    margin-left: 32px;
    margin-top: -11px; }
  .header .main-wrapper .home-logo {
    width: 133px;
    margin: auto; }
    .header .main-wrapper .home-logo img {
      margin-left: 8vw; }
  .header .header-buttons {
    margin: 0;
    padding: 0 23px 0 0; }
  .header .menu-btn:checked ~ .menu-outer {
    width: 155px; }
  .full-header .menu-btn:checked ~ .menu-outer-full {
    width: 362px;
    max-height: 78vh; }
  .full-header .mobile-section-wrapper {
    padding: 0 24px;
    margin-top: -16px; } }

/*--------- header nav up to 768px -----------------*/
@media (max-width: 768px) {
  .header .header-buttons {
    display: inherit; }
  .header #search-popup-mobile {
    position: relative;
    display: block;
    top: 0;
    left: 0; }
    .header #search-popup-mobile .search-body {
      border: none;
      background-color: #f8f9fa;
      padding: 12px;
      position: relative;
      margin-top: 0; }
      .header #search-popup-mobile .search-body .input-search-icon {
        position: absolute;
        right: 22px;
        top: 19px; }
        .header #search-popup-mobile .search-body .input-search-icon svg {
          height: 14px;
          opacity: 0.7; }
    .header #search-popup-mobile input {
      width: 100%;
      border: 1px solid #a3afba;
      padding: 5px 25px 5px 5px; } }

/*--------- header nav down to 768px -----------------*/
@media (min-width: 768px) {
  .header .header-buttons {
    display: inherit; }
  .header #search-popup-mobile {
    display: none; }
  .header .e-paper-link-mobile {
    display: none; }
  .header .my-account-link-mobile {
    display: none !important; }
  .header .mobile-divider {
    display: none; }
  .header .dropdown-nav li, .header .hq-nav li {
    width: 155px; }
  .header .menu-full .paywall-buttons {
    display: none; }
  .header .menu-full .topics-first, .header .menu-full .topics-second,
  .header .menu-full .forum-network, .header .menu-full .special-interests,
  .header .menu-full .opinions, .header .menu-full .community-interests, .header .menu-full .listings {
    column-gap: 10px; }
  .header .menu-full .dropdown-navli, .header .menu-full .hq-nav li {
    width: unset; } }

/*------ header nav above 1275px -------------------*/
@media (min-width: 1275px) {
  .header {
    padding: 0 45px; }
    .header li:first-of-type {
      border-top: none; }
    .header li a {
      padding: 16px 13px;
      font-size: 16px; }
    .header .home-logo {
      visibility: hidden;
      background-color: #ffffff;
      border: 0 !important;
      width: 140px;
      display: inline-block;
      margin: auto 0; }
      .header .home-logo img {
        padding-top: 2px;
        margin-left: 0; }
      .header .home-logo .logo-link:hover {
        background-color: #ffffff !important; }
      .header .home-logo .logo-link:focus, .header .home-logo .logo-link:active {
        border: 0 !important;
        margin-left: 0 !important; }
    .header .menu-outer {
      position: relative;
      clear: none;
      max-height: none;
      display: -webkit-flex;
      display: flex;
      margin: auto;
      height: auto;
      overflow: visible;
      /*----------- New menu styling --------------*/ }
      .header .menu-outer .my-account-link-mobile {
        display: none !important; }
      .header .menu-outer .menu {
        background-color: #ffffff;
        height: 51px;
        list-style: none;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        overflow: hidden; }
        .header .menu-outer .menu .dropdown-nav {
          z-index: 10000;
          list-style: none;
          position: absolute;
          left: -9999px;
          /* Hide off-screen when not needed (this is more accessible than display: none;) */
          top: 51px;
          min-width: 100px;
          text-align: left;
          font-size: 16px;
          text-transform: uppercase;
          text-align: right;
          font-family: "Source Sans Pro", sans-serif;
          background-color: #f7f8f9;
          border: 1px solid #d2dbe3; }
          .header .menu-outer .menu .dropdown-nav li {
            float: none; }
          .header .menu-outer .menu .dropdown-nav a {
            white-space: nowrap;
            /* Stop text wrapping and creating multi-line dropdown items */ }
            .header .menu-outer .menu .dropdown-nav a:hover {
              background-color: #c1cad3; }
          .header .menu-outer .menu .dropdown-nav .hq-nav {
            border-top: 1px solid #c1cad3;
            box-shadow: none; }
        .header .menu-outer .menu .dropdown-list-item {
          width: 116px;
          /* set width to allow for proper alignment of dropdown to the right of this li */ }
          .header .menu-outer .menu .dropdown-list-item button {
            padding: 16px 13px;
            font-size: 16px;
            text-transform: uppercase;
            font-family: "Source Sans Pro", sans-serif;
            display: block;
            align-self: auto;
            outline: 0;
            border: 0;
            background: none;
            cursor: pointer; }
            .header .menu-outer .menu .dropdown-list-item button:hover {
              background-color: #f7f8f9; }
            .header .menu-outer .menu .dropdown-list-item button:active {
              border: 1px dotted #c1cad3;
              margin: -1px;
              outline: none; }
            .header .menu-outer .menu .dropdown-list-item button .more-sections-button {
              width: 90px;
              text-align: left; }
            .header .menu-outer .menu .dropdown-list-item button .navicon {
              position: absolute;
              right: 19px;
              font-size: 6px;
              transform: scaleX(2.6);
              padding-top: 7px; }
          .header .menu-outer .menu .dropdown-list-item:hover .dropdown-nav {
            right: 0;
            /* Bring back on-screen when needed */
            left: unset; }
      .header .menu-outer .menu-full {
        align-items: center;
        justify-content: space-evenly; }
        .header .menu-outer .menu-full .all-sections {
          padding: 0;
          margin-bottom: 1px;
          height: 51px;
          display: flex;
          justify-content: flex-end;
          -webkit-justify-content: flex-end;
          overflow: hidden; }
          .header .menu-outer .menu-full .all-sections li a {
            white-space: unset; }
        .header .menu-outer .menu-full .first-menu-section {
          display: none; }
        .header .menu-outer .menu-full .topics-first {
          display: flex;
          background-color: #ffffff; }
          .header .menu-outer .menu-full .topics-first li a {
            padding: 16px 9px;
            width: unset; }
        .header .menu-outer .menu-full .dropdown-nav {
          width: 362px;
          margin: 0;
          text-align: unset;
          overflow: hidden;
          overflow-y: auto;
          text-transform: initial;
          padding-top: 7px; }
        .header .menu-outer .menu-full .mobile-section-wrapper {
          padding: 0;
          margin: 0; }
        .header .menu-outer .menu-full .section-wrapper:nth-child(1):before {
          content: "Topics";
          font-weight: bolder;
          font-size: 18px;
          line-height: 2.5;
          padding: 12px 0 0 20px; }
        .header .menu-outer .menu-full .dropdown-list-item {
          width: 76px; }
          .header .menu-outer .menu-full .dropdown-list-item button {
            padding: 10px;
            display: flex;
            text-transform: initial;
            height: 52px; }
            .header .menu-outer .menu-full .dropdown-list-item button:focus {
              outline: 1px dotted #c1cad3;
              outline-offset: -3px;
              border: none;
              margin: 0; }
            .header .menu-outer .menu-full .dropdown-list-item button .more-sections-button {
              width: 57px;
              display: flex;
              align-items: center; }
            .header .menu-outer .menu-full .dropdown-list-item button .fal {
              font-size: 25px;
              padding-left: 8px; }
          .header .menu-outer .menu-full .dropdown-list-item .hq-nav {
            border-top: none; }
    .header .menu-icon {
      display: none; }
    .header li a:hover,
    .header .hq-nav li a:hover {
      background-color: #f7f8f9; } }

/*-------------------------------------------------------------------
---------------------- sticky header --------------------------------*/
@media (max-width: 1274px) {
  .sticky-mobile {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000000; } }

@media (min-width: 1275px) {
  .sticky .top-nav #search-popup {
    top: 41px; }
  .sticky .header .hidden-header-links {
    top: 51px; }
  .sticky .header .home-logo {
    width: 140px;
    display: inline-block;
    visibility: visible; }
    .sticky .header .home-logo img {
      margin-top: 3px;
      margin-left: 0; }
    .sticky .header .home-logo a:focus {
      border: 1px dotted #c1cad3;
      outline: none;
      margin: -1px;
      padding-top: 30px; }
    .sticky .header .home-logo a:hover {
      background-color: #f7f8f9;
      padding-top: 30px; } }

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent; }

/*-------------------------------------------------------------------
---------------- Pagination menu styling ---------------------------*/
.pagination-menu {
  display: grid;
  grid-template-columns: 1fr auto 1fr; }
  .pagination-menu .ellipses {
    font-size: 26px;
    margin: 3px;
    cursor: default; }
  .pagination-menu .pagination-page, .pagination-menu .pagination-page:visited, .pagination-menu h2 {
    padding: 0 10px 0 10px;
    margin: 3px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 500; }
    .pagination-menu .pagination-page a, .pagination-menu .pagination-page a:visited, .pagination-menu .pagination-page:visited a, .pagination-menu .pagination-page:visited a:visited, .pagination-menu h2 a, .pagination-menu h2 a:visited {
      color: #1E1F21 !important; }
  .pagination-menu .pagination-page:hover {
    background-color: #545556 !important;
    color: white !important;
    border-radius: 2px;
    font-size: 18px;
    font-weight: 500; }
    .pagination-menu .pagination-page:hover a, .pagination-menu .pagination-page:hover a:visited {
      background-color: #545556 !important;
      color: white !important;
      border-radius: 2px;
      font-size: 18px;
      font-weight: 500; }
  .pagination-menu .pagination-page:active, .pagination-menu .pagination-selected {
    background-color: #1E1F21 !important;
    color: white !important; }
    .pagination-menu .pagination-page:active a, .pagination-menu .pagination-page:active a:visited, .pagination-menu .pagination-selected a, .pagination-menu .pagination-selected a:visited {
      background-color: #1E1F21 !important;
      color: white !important; }
  .pagination-menu .pagination-generated {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    font-family: 'Open Sans', sans-serif !important; }
    .pagination-menu .pagination-generated a, .pagination-menu .pagination-generated a:visited {
      text-decoration: none;
      font-family: 'Open Sans', sans-serif !important; }
  .pagination-menu .pagination-selected, .pagination-menu .pagination-selected:hover {
    background-color: #1E1F21 !important;
    color: white !important; }
    .pagination-menu .pagination-selected a, .pagination-menu .pagination-selected a:visited, .pagination-menu .pagination-selected:hover a, .pagination-menu .pagination-selected:hover a:visited {
      background-color: #1E1F21 !important;
      color: white !important; }
  .pagination-menu .pagination-generated .icon-chevron-left, .pagination-menu .pagination-generated .icon-chevron-right {
    height: 26px;
    fill: #1E1F21;
    margin: 5px 10px 0 10px; }
  .pagination-menu .pagination-generated .icon-chevron-left:hover, .pagination-menu .pagination-generated .icon-chevron-right:hover {
    fill: #ccc; }
  @media (max-width: 400px) {
    .pagination-menu .pagination-page, .pagination-menu .pagination-page:visited, .pagination-menu h2 {
      padding: 0 6px 0 6px;
      margin: 2px;
      text-align: center;
      line-height: 24px;
      font-size: 14px;
      cursor: pointer;
      font-weight: 500; }
      .pagination-menu .pagination-page a, .pagination-menu .pagination-page a:visited, .pagination-menu .pagination-page:visited a, .pagination-menu .pagination-page:visited a:visited, .pagination-menu h2 a, .pagination-menu h2 a:visited {
        color: #1E1F21 !important; }
    .pagination-menu .pagination-page:hover {
      background-color: #545556 !important;
      color: white !important;
      border-radius: 2px;
      font-size: 14px;
      font-weight: 500; }
      .pagination-menu .pagination-page:hover a, .pagination-menu .pagination-page:hover a:visited {
        background-color: #545556 !important;
        color: white !important;
        border-radius: 2px;
        font-size: 14px;
        font-weight: 500; }
    .pagination-menu .ellipses {
      font-size: 20px;
      margin: 2px;
      cursor: default; }
    .pagination-menu .pagination-generated .icon-chevron-left, .pagination-menu .pagination-generated .icon-chevron-right {
      height: 20px;
      fill: #1E1F21; }
    .pagination-menu .pagination-generated .icon-chevron-left:hover, .pagination-menu .pagination-generated .icon-chevron-right:hover {
      fill: #ccc; }
    .pagination-menu .pagination-page:active, .pagination-menu .pagination-selected {
      background-color: #1E1F21 !important;
      color: white !important; }
      .pagination-menu .pagination-page:active a, .pagination-menu .pagination-page:active a:visited, .pagination-menu .pagination-selected a, .pagination-menu .pagination-selected a:visited {
        background-color: #1E1F21 !important;
        color: white !important; } }

#main-navless-header {
  height: 88px; }

.navless-header {
  width: 100%;
  background-color: #ffffff;
  padding: 5px;
  position: fixed;
  top: 0;
  z-index: 2000000;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }

.navless-header div.nav {
  float: left; }

.navless-header ul {
  padding-inline-start: 5px;
  list-style: none; }

.navless-header a {
  font-family: "Source Sans Pro", sans-serif; }

.navless-header a.back {
  display: block; }

.navless-header a.mobile-back {
  display: none; }

.navless-header .navless-logo {
  width: 125px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 8px;
  position: relative; }

.navless-padding {
  padding-top: 50px; }

@media only screen and (max-width: 768px) {
  .navless-header a.back {
    display: none; }
  .navless-header a.mobile-back {
    display: block; } }

@media only screen and (min-width: 999px) {
  .navless-logo {
    position: relative; } }

@media only screen and (min-width: 1275px) {
  .navless-logo {
    position: relative; } }

#weather-webcast .webcast-title h3 {
  display: inline-block;
  margin: 0 0 5px; }

#weather-webcast .timestamp {
  float: right;
  margin: 3px 10px 0 0; }

/*video teaser css*/
.section-video-teaser {
  width: 100%;
  max-width: 871px;
  margin-right: 2%; }

.section-video-teaser .video-block .keyframe {
  position: relative; }

.live-ticker-item-container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "leftColumn rightColumn"; }

.image-gallery {
  max-width: 725px;
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(6, 1fr); }
  .image-gallery .gallery-image.img1 {
    grid-column: auto / span 6; }
  .image-gallery .gallery-image.img2 {
    grid-column: auto / span 3; }
  .image-gallery .gallery-image.img3 {
    grid-column: auto / span 3; }
  .image-gallery .gallery-image.img4 {
    display: none; }
  .image-gallery .gallery-image.img5 {
    display: none; }
  .image-gallery .gallery-image.imgX {
    grid-column: auto / span 3; }
  .image-gallery .gallery-image {
    line-height: 0; }
  .image-gallery .more-photos-small span, .image-gallery .more-photos-large span {
    font-family: sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 5;
    display: table; }
  .image-gallery .more-photos-small img, .image-gallery .more-photos-large img {
    opacity: 0.4; }
  .image-gallery .more-photos-small, .image-gallery .more-photos-large {
    background-color: #000000;
    display: inline-block;
    position: relative; }

@media only screen and (min-width: 768px) {
  .image-gallery .gallery-image.img1 {
    grid-column: auto / span 3; }
  .image-gallery .gallery-image.img2 {
    grid-column: auto / span 3; }
  .image-gallery .gallery-image.img3 {
    grid-column: auto / span 2; }
  .image-gallery .gallery-image.img4 {
    display: inline;
    grid-column: auto / span 2; }
  .image-gallery .gallery-image.img5 {
    display: inline;
    grid-column: auto / span 2; }
  .image-gallery .gallery-image.imgX {
    grid-column: auto / span 2; }
  .image-gallery .more-photos-small span {
    display: none; }
  .image-gallery .more-photos-small img {
    opacity: 1; } }

.photo-gallery {
  margin-top: -7px; }

.photo-gallery .article-headline {
  font-size: 1.7em; }

.photo-gallery .article-leadtext {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  color: #1e1f21;
  margin: 1em 0; }

#forecast-carousel h3 {
  margin: 0 0 5px; }

.sss {
  height: 0;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  overflow: hidden; }

.ssslide {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden; }

.ssslide img {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  display: block; }

.sssnext, .sssprev {
  width: 25px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  font-size: 20px;
  position: absolute;
  z-index: 105;
  font-family: 'icomoon' !important;
  speak: none;
  text-align: center;
  color: #1e1f21; }

.sssprev {
  left: 2rem;
  transform: rotate(180deg); }

.sssnext {
  right: 2rem; }

.sssprev:hover, .sssnext:hover {
  cursor: pointer; }

.classified-listing-gallery {
  margin-top: 10px; }

.owl-carousel {
  font-family: "Source Sans Pro", sans-serif; }
  .owl-carousel .owl-item {
    padding-bottom: 10px;
    border-bottom: 1px solid #C1CAD3; }

.owl-prev {
  height: 100px;
  position: absolute;
  top: 30%;
  left: -20px; }

.owl-next {
  height: 100px;
  position: absolute;
  top: 30%;
  right: -20px; }

.owl-prev svg, .owl-next svg {
  font-size: 10px;
  color: #000000;
  margin: 26% 0; }

.owl-circle {
  height: 40px;
  width: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 0.9em; }

.owl-dots {
  counter-reset: slides-num;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  letter-spacing: 1px; }
  .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-size: 0.9em;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: normal;
    padding-left: 2px;
    line-height: 1; }

.owl-dot {
  display: inline-block;
  counter-increment: slides-num;
  margin-right: 5px; }
  .owl-dot span {
    display: none; }
  .owl-dot.active:before {
    content: counter(slides-num) "/";
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9em;
    line-height: 1;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 1px; }

.inline-element .carousel-info {
  display: flex;
  margin-top: 10px; }

.inline-element #counter {
  font-family: "Source Sans Pro", sans-serif;
  display: inline;
  font-size: 0.9em;
  flex: none;
  background-color: #f7f8fa;
  z-index: 2;
  margin-right: 10px; }
  .inline-element #counter span {
    font-weight: bold; }

.owl-item .carousel-info {
  display: flex;
  margin-top: 10px; }

.owl-item #counter {
  color: #737576;
  display: inline;
  font-size: 0.9em;
  flex: none;
  background-color: #f7f8fa;
  z-index: 2;
  margin-right: 10px; }
  .owl-item #counter span {
    font-weight: bold; }

.owl-item .caption {
  position: static;
  font-size: 14px;
  color: #737576; }

button.owl-next:focus,
button.owl-prev:focus {
  outline: none; }

@media (min-width: 999px) {
  .classified-listing-gallery {
    max-width: 700px; } }

@media (max-width: 999px -1px) and (min-width: 769px) {
  .classified-listing-gallery {
    max-width: 500px; } }

@media only screen and (max-width: 768px) and (min-width: 560px) {
  .owl-prev, .owl-next {
    top: 30%; }
  .classified-listing-gallery {
    max-width: 475px; } }

@media (max-width: 560px) {
  .owl-prev, .owl-next {
    top: 30%; }
    .owl-prev .owl-circle, .owl-next .owl-circle {
      height: 55px;
      width: 55px; }
    .owl-prev svg, .owl-next svg {
      font-size: 0.9em; }
  .owl-prev {
    left: -25px; }
  .owl-next {
    right: -25px; }
  .classified-listing-gallery {
    max-width: 300px;
    margin: auto; } }

@media (max-width: 320px) {
  .classified-listing-gallery {
    max-width: 280px; } }

div.paid-user-article-headline {
  margin-top: 1.44em;
  margin-bottom: 0.31em; }

div.paid-user-dates div.date-with-prefix {
  float: left;
  margin-right: 3.125em; }
  div.paid-user-dates div.date-with-prefix:last-child {
    margin-right: 0; }

div.paid-user-dates:after {
  content: "";
  display: table;
  clear: both; }

.classified-listing-section-title {
  margin-bottom: 15px; }

.trending-ticker-item-container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: "leftColumn rightColumn"; }

.trending-stories-ticker-container .owl-carousel.owl-theme.trending-ticker-slide-wrapper {
  margin: 0; }

@media (min-width: 768px) {
  .trending-stories-ticker-container .owl-carousel.owl-theme.trending-ticker-slide-wrapper {
    padding: 0 !important; } }

.trending-ticker-item-wrapper.item1,
.trending-ticker-item-wrapper.item2,
.trending-ticker-item-wrapper.item3 {
  border-right: 1px dotted; }

.trending-ticker-item-wrapper h3.article-headline {
  font-size: 0.83em;
  margin-top: 0; }

.trending-ticker-slide-wrapper .owl-item {
  border-bottom: none; }

.owl-carousel.owl-theme.trending-ticker-slide-wrapper {
  padding: 0 20px;
  margin: inherit; }

.owl-carousel.owl-theme.trending-ticker-slide-wrapper .owl-nav button.owl-next {
  top: 0;
  right: 10px; }

.owl-carousel.owl-theme.trending-ticker-slide-wrapper .owl-nav button.owl-prev {
  top: 0;
  left: 10px; }

.trending-stories-ticker-container .trending-item-wrapper .section-time {
  padding: 0; }
  .trending-stories-ticker-container .trending-item-wrapper .section-time .trending-stories-ticker-container .trending-item-wrapper .section-time .section-label {
    font-family: "Source Sans Pro", sans-serif;
    color: #d2dbe3;
    font-size: 0.9em;
    font-weight: 400; }

.trending-stories-ticker-container .trending-item-wrapper .article-headline {
  font-family: "PT Serif", serif;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  color: #1e1f21;
  font-weight: normal; }

.trending-stories-ticker-container .trending-item-wrapper .timestamp {
  font-size: 0.9em; }

.trending-stories-ticker-container .trending-item-wrapper .article-headline a {
  font-size: inherit;
  line-height: inherit; }

.featured-content article {
  border-top: 1px solid #d2dbe3; }

.featured-article-content {
  min-height: 150px;
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0; }
  @media (max-width: 999px) {
    .featured-article-content {
      min-height: 100px; } }
  @media (max-width: 768px) {
    .featured-article-content {
      min-height: 75px; } }

.primary-article-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative; }

.primary-article-content {
  min-height: 350px;
  position: static;
  width: 100%;
  text-align: center;
  align-items: center;
  height: 100%;
  justify-content: center; }

.primary-article-image {
  font-size: 0; }

.primary-article-text {
  padding: 10px 0;
  text-align: left; }
  .primary-article-text h1 {
    margin: 0.25em 0;
    font-size: 30px;
    line-height: 32px; }

.section-time {
  padding: 5px 0;
  display: flex;
  flex-wrap: wrap;
  direction: ltr; }
  .section-time .section-label {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    line-height: 21px;
    border-right: 1px solid #d2dbe3;
    padding-right: 7px;
    margin: 0 4px 0 0; }
  .section-time .timestamp {
    line-height: 21px; }

.related-content .section-time .section-label {
  display: block;
  border: none; }

@media (max-width: 560px) {
  .primary-article-text h1 {
    font-size: 1.5em; }
  .featured-article-text {
    text-align: left; }
    .featured-article-text h2 {
      margin: 0;
      font-size: 16px;
      line-height: 22px; }
  .article-teaser h3 {
    color: #006dd0;
    font-family: "PT Serif", serif;
    font-size: 14px;
    line-height: 18px; }
  .playlist-item .section-time {
    padding: 5px 0; }
    .playlist-item .section-time .section-label {
      font-family: "Oswald", sans-serif;
      font-size: 12px;
      line-height: 17px;
      border-right: 1px solid #d2dbe3;
      padding-right: 7px;
      margin-right: 4px; } }

@media (min-width: 560px) and (max-width: 999px) {
  .article-teaser h3 {
    color: #006dd0;
    font-family: "PT Serif", serif;
    font-size: 14px;
    line-height: 18px; }
  .primary-article-text h1 {
    margin: 0.25em 0;
    font-size: 26px;
    line-height: 28px; }
  .featured-article-text {
    text-align: left; }
    .featured-article-text h2 {
      margin: 0;
      font-size: 20px;
      line-height: 28px; }
  .section-time {
    padding: 5px 0; }
    .section-time .section-label {
      font-family: "Oswald", sans-serif;
      font-size: 14px;
      line-height: 21px;
      border-right: 1px solid #d2dbe3;
      padding-right: 7px;
      margin-right: 4px; }
  .videos-section .playlist-slider .section-time .section-label {
    border-right: none; }
  .videos-section .playlist-slider .timestamp {
    display: block; } }

@media (min-width: 999px) {
  .no-cssgrid .primary-article-block {
    top: 10%; }
  .featured-article-text {
    text-align: left; }
    .featured-article-text h2 {
      margin: 0;
      font-size: 20px;
      line-height: 28px; } }

@media (max-width: 768px) {
  .article-teaser-container {
    display: table-cell;
    vertical-align: middle; } }

.article-headline-wrapper {
  margin-bottom: .3rem; }

.body-text-container {
  color: #1e1f21;
  font-family: "PT Serif", serif;
  font-size: 1.1rem;
  line-height: 1.37;
  margin-top: .95rem; }
  .body-text-container p {
    margin: 0.8em 0; }

@media (min-width: 560px) {
  .twoColumnGridWithFixedRight200 {
    display: grid;
    grid-template-columns: 1fr 200px;
    grid-gap: .6rem;
    grid-template-areas: "flex fixed"; } }

@media (max-width: 560px) {
  .twoColumnGridWithFixedRight200 img {
    border: 10px solid #f7f8f9;
    margin-top: .95rem; } }

.twoColumnFlex {
  padding: 1.56rem 0;
  border-bottom: .06rem solid #C1CAD3; }
  @media (min-width: 768px) {
    .twoColumnFlex {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1.3rem;
      grid-template-areas: "flex flex"; } }

.article-opinion-teaser-container .article-headline {
  padding-left: 12px;
  padding-right: 12px; }

.article-opinion-teaser-container .article-opinion-teaser-content {
  display: block;
  grid-template-columns: auto;
  direction: unset;
  text-align: unset; }

@media (min-width: 999px) {
  .homepage-container .section-three-across.opinion {
    display: grid; } }

@media (min-width: 999px) {
  .homepage-container .section-three-across.opinion article {
    background-color: #ffffff; } }

@media (max-width: 999px) {
  .homepage-container .section-three-across.opinion article:not(:first-child) {
    border-top: 1px solid #d2dbe3; } }

.article-opinion-teaser-container .article-teaser-image {
  display: none; }
  @media (min-width: 999px) {
    .article-opinion-teaser-container .article-teaser-image {
      display: block; } }

.article-teaser-header {
  padding: 12px;
  display: flex;
  width: 100%;
  font-family: "Source Sans Pro", sans-serif; }

.article-teaser-header .profile-image {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  float: left;
  display: block; }

.article-teaser-header .profile-image-link {
  display: flex;
  align-items: center; }

.article-teaser-header .byline {
  float: left;
  padding-left: 15px;
  display: block;
  font-size: 15px;
  line-height: 19px; }

.article-teaser-header .section-time {
  padding: 0px; }

.article-teaser-header .section-time span {
  display: block;
  float: left; }

.article-teaser-header .section-time .section-label {
  display: block;
  float: left;
  margin: 4px 5px 0px 0px; }

.article-teaser-header .section-time .timestamp {
  display: block;
  float: left;
  white-space: nowrap;
  line-height: 30px; }

.article-opinion-teaser .article-headline {
  margin: 0px 0px 6px 0px; }

.poll-container h2 {
  font-size: 1.3em;
  margin: 13% 0 2% 0;
  font-family: "PT Serif", serif;
  font-weight: 900; }

.poll-container ul {
  padding: 1.2em 0;
  margin-top: 0;
  -webkit-margin-after: 0.3em; }

.poll-questions,
.poll-results-graphs,
.poll-results {
  list-style: none;
  font-family: "Source Sans Pro", sans-serif; }
  .poll-questions li,
  .poll-results-graphs li,
  .poll-results li {
    font-size: 1.1em;
    margin: 0.7em 0; }
    .poll-questions li [type='radio'],
    .poll-results-graphs li [type='radio'],
    .poll-results li [type='radio'] {
      margin: 0.3rem 0.3rem 0 0;
      height: 18px;
      width: 18px; }

.poll-button {
  display: block;
  color: #ffffff;
  background-color: #1e1f21;
  width: 87px;
  height: 33px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-size: 0.95em;
  margin: 21px auto;
  cursor: pointer;
  border-radius: 3px; }

.poll-links {
  text-align: center;
  margin-bottom: 25px;
  font-size: 0.9em; }
  .poll-links a {
    color: #1e1f21;
    text-decoration: underline; }
  .poll-links .first-link {
    font-weight: 900;
    margin-bottom: 7px; }

.results {
  width: 260px;
  padding: 0 5px;
  border-top: 1px solid #c1cad3;
  list-style: none; }
  .results .response {
    width: 81%;
    padding-right: 3%;
    font-size: 0.9em; }
  .results .response, .results .score {
    margin: 0.4em 0;
    display: inline-block; }
  .results .bar-wrapper {
    margin-bottom: 0.9em;
    height: 19px;
    width: 100%;
    border: 1px solid #c1cad3;
    background-color: #f7f8f9; }
    .results .bar-wrapper .score-bar {
      background-color: #0057a6;
      height: 18px;
      position: relative;
      left: 0;
      top: 0;
      bottom: 0; }

.poll-results-graphs h3 {
  padding-left: 16%;
  margin: 5% 0 0;
  font-size: 1.1em; }

.share-buttons {
  width: 260px;
  margin: 10% 0 7% 0;
  border-bottom: 1px solid #c1cad3; }
  .share-buttons div {
    margin-bottom: 3%; }
  .share-buttons iframe {
    height: 20px;
    visibility: unset !important; }

#molecules-poll-results-block,
#molecules-poll-results-graph,
#molecules-poll {
  width: 300px; }

#organisms-poll .results {
  top: 57px; }

.poll-wrapper {
  width: 300px;
  min-height: 420px;
  border: 1px solid #D2DBE3;
  background-color: #ffffff;
  padding: 0 1.55rem;
  font-size: 1.02em;
  position: relative;
  margin: 0 auto; }
  .poll-wrapper .poll-questions {
    position: absolute;
    width: 250px;
    height: 100%;
    padding: 5% 0; }
    .poll-wrapper .poll-questions .option {
      font-size: 1.0em;
      margin: 0.7em 0; }
      .poll-wrapper .poll-questions .option input {
        margin-right: 10px; }
    .poll-wrapper .poll-questions form {
      padding: 3%;
      border-top: 1px solid #D2DBE3;
      margin-top: 13px; }
    .poll-wrapper .poll-questions .form-submit {
      margin-top: 15%; }
  .poll-wrapper .poll-results {
    visibility: hidden;
    position: absolute;
    left: 20px;
    min-height: 420px; }

.personalities-image .image-text {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0.6rem 0;
  max-width: 350px; }

.bio-block {
  max-width: 367px;
  min-width: 175px; }
  @media (max-width: 500px) {
    .bio-block {
      margin: auto;
      max-width: 474px;
      padding: 0 15px; } }

.personalities {
  max-width: 197px;
  word-wrap: break-word; }
  .personalities svg {
    fill: #a3afba;
    position: relative;
    top: 10px; }
  .personalities a {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.9em;
    text-transform: capitalize; }
  .personalities .icon-website, .personalities .icon-twitter {
    width: 1.4em; }
  .personalities .icon-facebook {
    width: 1.5em; }

div.static-link-container {
  margin-top: .62em; }
  div.static-link-container div.static-link-wrapper {
    float: left;
    margin-right: 1.57em; }
    div.static-link-container div.static-link-wrapper:last-child {
      margin-right: 0; }
  div.static-link-container:after {
    content: "";
    display: table;
    clear: both; }

div.static-link-container.announcement-link {
  margin-bottom: 30px; }

.temp-ad-placement {
  margin-top: 30px; }

.classified-promo-container {
  display: grid;
  grid-template-columns: 4fr;
  max-width: 1425px;
  margin: 20px auto; }

.classified-index-header-wrapper .static-link-container .image img {
  width: 362px;
  max-width: 100%; }

@media (max-width: 768px) {
  .classified-promo-container article:last-child {
    border-bottom: none; } }

@media (min-width: 768px) {
  .classified-promo-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row; }
    .classified-promo-container article:last-child {
      border-right: none; }
  .classified-promo-container .classified-index-promos {
    padding-right: 10px; } }

.category-list-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1425px;
  margin: 20px auto; }

#bisonSectionSubsection {
  border: none;
  padding-bottom: 12px; }

#templateASectionSubsection {
  border: none;
  padding-bottom: 12px; }

div#templateASectionSubsection div.section-nav ul.section-menu li {
  display: none; }

.section-subsections {
  font-size: 1em;
  margin-bottom: 25px;
  border-bottom: 1px solid #d2dbe3;
  position: relative;
  display: flex;
  justify-content: space-between; }
  .section-subsections .section-label {
    font-size: .64em; }
  .section-subsections h3 {
    border-bottom: none;
    display: inline-block; }
  @media (max-width: 768px) {
    .section-subsections .section-nav.hidden {
      width: 0px;
      overflow: hidden; } }
  @media (max-width: 400px) {
    .section-subsections .section-header-large {
      font-size: 1.3em; }
    .section-subsections .section-nav button .section-more-dropdown {
      font-size: 13px;
      width: 105px; }
      .section-subsections .section-nav button .section-more-dropdown .navicon {
        padding-top: 6px; } }

div.section-nav {
  position: relative;
  height: 47px;
  display: flex;
  align-items: center;
  float: right;
  /*button::after {
    content: attr(count);
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    background: #9f9f9f;
    color: #f2f2f2;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.8);
    border-radius: 50%;
    font-size: 14px;
    line-height: 14px;
    margin-left: 1rem;
    margin-right: calc(-1rem + -8px);
  }*/ }
  div.section-nav button {
    align-self: auto;
    outline: 0;
    border: 0;
    font-size: 0.9rem;
    font-family: "PT Serif", serif;
    background: none;
    cursor: pointer;
    padding: 9px; }
    div.section-nav button:hover {
      color: #006dd0;
      background: #d2dbe3; }
    div.section-nav button:focus-within, div.section-nav button:focus {
      border: 1px dotted #c1cad3;
      outline: none;
      margin: -1px; }
    div.section-nav button .section-more-dropdown {
      padding-top: 1px;
      padding-right: 20px;
      font-size: 16px;
      font-weight: 600;
      font-family: "Source Sans Pro", sans-serif; }
      div.section-nav button .section-more-dropdown:focus {
        outline: none; }
      div.section-nav button .section-more-dropdown:hover {
        color: #006dd0; }
      div.section-nav button .section-more-dropdown .navicon {
        position: absolute;
        display: inline-block;
        right: 10px;
        font-size: 6px;
        transform: scaleX(2.6);
        padding-top: 8px;
        margin-right: 4px; }
  div.section-nav button.hidden {
    transition: none;
    width: 0;
    padding: 0;
    overflow: hidden; }
  div.section-nav ul.section-menu {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    flex: 1;
    overflow: hidden;
    margin-right: 2px; }
    div.section-nav ul.section-menu li {
      flex: none;
      margin: 2px; }
    div.section-nav ul.section-menu li a {
      display: block;
      padding: .5rem;
      text-decoration: none;
      outline: none;
      color: #545556; }
      div.section-nav ul.section-menu li a:focus {
        border: 1px dotted #c1cad3;
        margin: -1px; }
      div.section-nav ul.section-menu li a:hover {
        color: #006dd0; }
    div.section-nav ul.section-menu li a:hover,
    div.section-nav ul.section-menu .hq-nav li a:hover {
      background-color: #d2dbe3; }
  div.section-nav ul.hidden-links {
    list-style: none;
    position: absolute;
    background: #f7f8f9;
    border: 1px solid #d2dbe3;
    text-align: right;
    margin: 0;
    right: 0;
    top: 100%;
    z-index: 2;
    padding-left: 0; }
    div.section-nav ul.hidden-links li {
      outline: none; }
    div.section-nav ul.hidden-links li a {
      display: block;
      font-size: 14px;
      padding: 10px 20px;
      text-decoration: none; }
    div.section-nav ul.hidden-links li a:hover,
    div.section-nav ul.hidden-links .hq-nav li a:hover {
      background-color: #d2dbe3; }
    div.section-nav ul.hidden-links li a:focus-within, div.section-nav ul.hidden-links li a:focus {
      border: 1px dotted #c1cad3;
      outline: none;
      margin: -1px; }
  div.section-nav ul.hidden-links.hidden {
    display: none; }

@media (min-width: 768px) {
  .section-nav {
    width: 70%; } }

@media (min-width: 999px) and (max-width: 1082px) {
  .section-nav {
    width: 65%; } }

@media (min-width: 1320px) {
  .section-nav {
    width: 75%; } }

.weather-map {
  height: 532px;
  margin-bottom: 55px; }
  .weather-map .section-header {
    margin-top: 0; }
  .weather-map #__wxMap_UI {
    min-width: 300px;
    max-height: 430px; }
    .weather-map #__wxMap_UI #__wxMap_Map {
      max-height: 258px; }
  .weather-map #__wxMap_Cntrls {
    height: 270px;
    z-index: 2; }
    .weather-map #__wxMap_Cntrls .__wxMap_innerWrap {
      height: 270px; }
      .weather-map #__wxMap_Cntrls .__wxMap_innerWrap .__wxMap_l {
        right: 10px; }
      .weather-map #__wxMap_Cntrls .__wxMap_innerWrap .__wxMap_r {
        left: 10px;
        top: 140px;
        width: auto; }

@media (min-width: 768px) {
  .weather-map {
    height: 530px; }
    .weather-map #__wxMap_UI {
      max-height: 530px; }
      .weather-map #__wxMap_UI #__wxMap_Map {
        max-height: 258px; } }

@media (min-width: 1219px) {
  .weather-map #__wxMap_UI {
    min-width: 526px; }
    .weather-map #__wxMap_UI #__wxMap_Map {
      max-height: 390px; }
  .weather-map #__wxMap_Cntrls {
    height: initial; }
    .weather-map #__wxMap_Cntrls .__wxMap_innerWrap {
      height: 138px; }
      .weather-map #__wxMap_Cntrls .__wxMap_innerWrap .__wxMap_l {
        right: 292px; }
      .weather-map #__wxMap_Cntrls .__wxMap_innerWrap .__wxMap_r {
        left: initial;
        right: 10px;
        top: 10px;
        width: auto; } }

.weather-team-block {
  border: 1px solid #d2dbe3;
  width: 300px;
  height: 90px;
  background-color: #ffffff; }
  .weather-team-block .image {
    width: 88px;
    float: left;
    margin-right: 10px;
    overflow: hidden; }
    .weather-team-block .image img {
      display: block; }
  .weather-team-block .weather-team-name {
    font-family: "PT Serif", serif;
    font-size: 1.15em;
    margin-top: 10px; }
  .weather-team-block .social-media-links {
    fill: #a3afba;
    font-size: .75em; }
    .weather-team-block .social-media-links .icon-twitter {
      width: 1.2em;
      position: relative;
      top: 10px; }
    .weather-team-block .social-media-links .icon-facebook {
      width: 1.2em;
      height: 1.5em;
      position: relative;
      top: 5px; }

.weather-links-container h3 {
  margin: 0 0 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c1cad3; }

.weather-links-container .weather-links {
  display: flex;
  justify-content: center;
  align-content: space-between; }

.weather-links-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }

.weather-links-container li {
  float: left; }

.weather-links-container li a {
  font-size: 1.1em;
  padding: 10px 15px;
  line-height: 2em;
  text-decoration: underline; }

.weather-links-container li a:hover {
  text-decoration: none;
  font-weight: bold;
  background-color: #d2dbe3; }

.weather-links-container li a:focus {
  border: 1px dotted #d2dbe3;
  margin: -1px;
  outline: none; }

@media (min-width: 768px) {
  .weather-links-container .weather-links {
    display: block;
    justify-content: initial;
    align-content: initial; }
  .weather-links-container ul {
    max-width: 300px; }
  .weather-links-container li {
    float: none; }
    .weather-links-container li a {
      font-size: 14px;
      display: block;
      padding: 10px 0;
      line-height: 1em; } }

.subscribeSectionContainer {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  height: 24px;
  width: 865px;
  color: #1E1F21;
  font-family: "PT Serif"; }

#activateContainer {
  display: none; }

@media only screen and (max-width: 767px) {
  #subscribeMainHeaderContainer {
    width: 320px;
    display: inline-block; }
  .subscribeSectionContainer {
    display: unset;
    text-align: center; }
  .activateContainer #activateSubscribeWrapper {
    height: 204px;
    width: auto;
    text-align: center; }
  .activateContainer .activateSectionHeading {
    margin-bottom: 8px; }
  .activateContainer .activateButtonDescriptionWrapper {
    display: block; }
  .activateContainer .activateSectionDescription {
    height: 100px;
    width: 252px;
    margin: auto; }
  .activateContainer .activate-link {
    display: block;
    margin-top: 12px; } }

@media only screen and (max-width: 768px) and (min-width: 560px) {
  .activateContainer #activateSubscribeWrapper {
    width: 700px; } }

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .subscribeSectionContainer .subscribeSectionDescription {
    font-size: 16px;
    width: 600px;
    padding-right: 20px; } }

.activateContainer {
  background-color: #F7F8F9;
  border-top: 2px solid #C1CAD3;
  border-bottom: 2px solid #C1CAD3; }

#activateSubscribeWrapper {
  height: 91px;
  width: 778px;
  margin: 0 auto;
  text-align: left; }

.activateSectionHeading {
  height: 25px;
  color: #1E1F21;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
  font-weight: 100;
  margin-bottom: 2px;
  margin-top: 10px; }

.activateSectionDescription {
  height: 40px;
  width: 525px;
  color: #1E1F21;
  font-family: "Source Sans Pro";
  font-size: 16px;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 0px; }

.activateButtonDescriptionWrapper {
  display: table;
  width: 100%; }

#activateButton {
  height: 37px;
  width: 170px;
  border-radius: 4px;
  background-color: #006dd0;
  border: none;
  color: #FFFFFF;
  font-family: "Source Sans Pro";
  font-size: 14px;
  font-weight: 100;
  text-transform: uppercase; }

#activateButton:hover {
  cursor: pointer;
  background-color: #0057A6;
  border-radius: 4px; }

#activateButton:active {
  background-color: #004584;
  border-radius: 4px;
  cursor: pointer; }

.activate-link {
  display: table-cell;
  vertical-align: middle; }

.activate-link:hover {
  cursor: pointer; }

.activate-link:active {
  cursor: pointer; }

.current-weather-container {
  font-family: "Source Sans Pro", sans-serif; }
  .current-weather-container h2 {
    font-family: initial;
    font-size: 1.8em;
    margin: 0;
    margin-bottom: 10px; }
  .current-weather-container .temperature {
    font-size: 4.35em;
    font-family: "PT Serif", serif; }
  .current-weather-container .current-weather {
    padding: 0; }
    .current-weather-container .current-weather .weather-icons canvas {
      position: relative;
      top: -82px;
      left: 136px; }
  .current-weather-container .weather-hi-lo {
    font-size: 1.4em;
    font-weight: 200;
    min-width: 130px;
    display: inline-block; }
  .current-weather-container .weather-quick-stats {
    display: flex;
    justify-content: start;
    padding-bottom: 10px; }
    .current-weather-container .weather-quick-stats div {
      margin: auto 0; }
    .current-weather-container .weather-quick-stats .weather-current-summary {
      font-family: "PT Serif", serif;
      display: inline-block; }
  .current-weather-container .current-weather-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .current-weather-container .current-weather-data div {
      flex: 1 0 25%;
      margin-top: 5px; }
    .current-weather-container .current-weather-data .label {
      font-variant-caps: all-small-caps;
      color: #737576;
      font-size: 0.9em;
      font-weight: bold; }
    .current-weather-container .current-weather-data .data {
      display: block; }

.daily-outlook-block {
  max-width: 200px;
  text-align: center;
  padding: 15px 10px; }
  .daily-outlook-block .day {
    margin: 0 0 10px;
    font-size: 1.2em;
    font-weight: bold; }
  .daily-outlook-block .current-weather canvas {
    left: 0; }
  .daily-outlook-block .weather-hi-lo {
    margin: 10px 0 5px 0;
    width: 100%;
    font-size: 1.5em;
    font-family: "Source Sans Pro", sans-serif; }

@media (max-width: 320px) {
  .current-weather-data .data {
    font-size: 0.75em; }
  .daily-outlook-block {
    font-size: 0.75em;
    padding: 10px 5px; } }

.weather-announcements {
  border-bottom: 1px solid #d2dbe3; }

.homepage-weather-widget .wxmap--src-widgets-daily-components-days-days__root.wxmap--src-widgets-daily-components-days-days__dark-gray {
  border: none; }

.header-weather-widget .wxmap--src-widgets-current-conditions-components-current-conditions__root {
  min-width: 80px; }

.header-weather-widget .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__primary_sm .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__icon-svg {
  height: 27px;
  width: 27px; }

.header-weather-widget .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__primary_sm .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__temp {
  font-size: 1.3em; }

.header-weather-widget .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__root.wxmap--src-widgets-current-conditions-components-currents-body-currents-body__dark-gray {
  border: none;
  background: none;
  min-height: 32px;
  margin-top: -4px; }
  .header-weather-widget .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__root.wxmap--src-widgets-current-conditions-components-currents-body-currents-body__dark-gray .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__primary {
    background: none; }
    .header-weather-widget .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__root.wxmap--src-widgets-current-conditions-components-currents-body-currents-body__dark-gray .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__primary:hover {
      color: #006dd0; }

#newscycle-popup-container {
  display: none;
  max-width: 90%; }

#newscycle-lightbox {
  width: 800px;
  max-width: 90%;
  overflow: scroll;
  height: 600px;
  margin: auto;
  padding-top: 20px; }

.rivertown-container .masthead {
  display: block;
  width: 90%;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px; }
  .rivertown-container .masthead #logo {
    width: 100%;
    height: auto; }
  .rivertown-container .masthead h1 {
    text-align: center;
    font-size: 1.4em;
    font-family: "Source Sans Pro", sans-serif; }

.rivertown-container .rivertown-wrapper {
  width: 90%;
  display: grid;
  margin: 56px auto;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  grid-gap: 1em; }
  .rivertown-container .rivertown-wrapper .card {
    max-width: 315px;
    margin: auto;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .rivertown-container .rivertown-wrapper img {
    width: 300px;
    margin: auto; }
  .rivertown-container .rivertown-wrapper .bulletin {
    margin-bottom: 10px; }
  .rivertown-container .rivertown-wrapper .btn {
    margin: 5px auto 15px auto;
    height: 38px;
    width: 124px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    display: table;
    color: #ffffff;
    background-color: #006dd0;
    font-family: "Source Sans Pro", sans-serif;
    cursor: pointer; }
    .rivertown-container .rivertown-wrapper .btn:hover {
      background-color: #004584; }
    .rivertown-container .rivertown-wrapper .btn:focus {
      outline: none; }

@media (max-width: 768px) {
  .rivertown-container #logo {
    width: 420px; }
  .rivertown-container .rivertown-wrapper {
    max-width: 420px;
    width: 100%; } }

@media (min-width: 1275px) {
  .rivertown-container .rivertown-wrapper {
    max-width: 670px; } }

.comics-games-redirect {
  text-align: left; }
  .comics-games-redirect img {
    width: auto;
    max-width: 100%; }
  .comics-games-redirect .redirect {
    padding-bottom: 10px; }
    .comics-games-redirect .redirect span {
      vertical-align: middle; }
    .comics-games-redirect .redirect img {
      vertical-align: middle; }

#single-page-container .body-text-container .comics-games-redirect a:hover {
  text-decoration: none; }
  #single-page-container .body-text-container .comics-games-redirect a:hover span {
    text-decoration: underline; }

@media only screen and (min-width: 999px) {
  .comics-games-redirect .col {
    display: inline-block;
    padding: 10px;
    padding-right: 100px; } }

@media only screen and (max-width: 560px) {
  .redirectText {
    font-size: 15px; } }

.main-header .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000000; }

.main-header .logo img {
  max-height: 100%;
  max-width: 100%; }

@media screen and (max-width: 1274px) {
  .main-header {
    height: 88px; } }

@media screen and (max-width: 560px) {
  .main-header {
    height: 83px; } }

.footer {
  background-color: #1e1f21;
  color: #ffffff;
  font-family: "PT Serif", serif;
  text-align: left; }
  .footer ul {
    list-style-type: none;
    margin-left: -40px;
    margin-top: 7px; }
  .footer a {
    line-height: 1.8; }
    .footer a:visited {
      color: inherit; }
    .footer a:hover {
      color: #006dd0; }
  .footer h3 {
    margin-bottom: 0px;
    margin-top: 1.8em; }
  .footer .company {
    display: inline;
    font-family: "PT Serif", serif;
    color: #ffffff; }
  .footer .footer-block {
    max-width: 850px;
    margin: 0 auto; }
  .footer .line {
    height: 1px;
    background-color: #f7f8f9;
    position: relative;
    top: -75px;
    opacity: 0.25; }
    @media (max-width: 368px) {
      .footer .line {
        top: -63px; } }

.nav-group {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 740px) {
    .nav-group {
      flex-direction: column;
      margin-left: 1em; } }
  .nav-group .nav-block {
    max-width: 240px; }

.white-header {
  font-family: "PT Serif", serif;
  font-size: 1.5em;
  color: #ffffff; }

.nav-block {
  padding: 0 1em; }
  .nav-block .social > li {
    display: inline-block; }
  .nav-block .twitter {
    margin-right: 25px; }
  .nav-block .facebook {
    margin-right: 30px; }
  .nav-block .icon-rss {
    height: 1.7em;
    margin-bottom: 0.2em; }
  .nav-block [class^="icon-"] {
    fill: #ffffff; }
    .nav-block [class^="icon-"]:hover {
      fill: #006dd0; }

.company-address,
.company-phone {
  display: inline;
  font-size: 0.9em;
  font-family: "Source Sans Pro", sans-serif; }

.company-address {
  border-right: 1px solid #9b9b9b;
  padding-right: 10px;
  margin-right: 7px; }

.copyright {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 1em; }
  .copyright .company-location {
    text-align: center; }
  @media (max-width: 368px) {
    .copyright {
      font-size: 0.85em;
      max-width: 320px; } }

.nav-block.social {
  margin-top: -95px;
  margin-bottom: 64px; }
  @media (max-width: 740px) {
    .nav-block.social {
      margin: 0 0 1.8em 1em; } }

.latest-container {
  max-width: 300px;
  min-width: 240px;
  margin: 5px auto auto auto;
  /*  This is the container that holds the tabs.  */
  /* These are the content blocks */ }
  .latest-container .article-teaser-container {
    padding: 0; }
  .latest-container .latest-content-tabs > article {
    padding: 0.5em 0 1em 0; }
  .latest-container .latest-content-tabs-container {
    max-width: 300px; }
    .latest-container .latest-content-tabs-container ul {
      padding-inline-start: 0px; }
    .latest-container .latest-content-tabs-container .article-headline a {
      font-family: "PT Serif", serif;
      font-size: 19px;
      line-height: 24px;
      font-weight: 400; }
    .latest-container .latest-content-tabs-container h3 {
      margin: 0;
      font-size: 19px !important;
      line-height: 24px !important; }
      @media (max-width: 767px) {
        .latest-container .latest-content-tabs-container h3 {
          font-size: 1.2em; } }
    .latest-container .latest-content-tabs-container .breaking {
      margin: 0; }
    .latest-container .latest-content-tabs-container .more-link {
      margin: 10px;
      text-decoration: underline; }
    .latest-container .latest-content-tabs-container article {
      border-bottom: 1px solid #d2dbe3;
      padding: 10px 0px 10px 0px; }
      .latest-container .latest-content-tabs-container article:last-child {
        border-bottom: none; }
  .latest-container .latest-content-tabs {
    margin: 0;
    display: flex;
    justify-content: center;
    /* The starting styles for the tabs */ }
    .latest-container .latest-content-tabs li {
      list-style: none;
      text-align: center;
      text-decoration: none;
      font-family: "Source Sans Pro", sans-serif;
      margin: 0px;
      width: 50%;
      min-width: 120px;
      cursor: pointer; }
    .latest-container .latest-content-tabs .tab1 {
      border-bottom: 2px solid #006dd0;
      padding: 10px 0px 10px 0px;
      color: #006dd0;
      font-weight: 400; }
    .latest-container .latest-content-tabs .tab2 {
      padding: 10px 0px 11px 0px;
      border-bottom: 1px solid #d2dbe3;
      font-weight: 300; }
    .latest-container .latest-content-tabs .tab-active {
      padding-bottom: 10px;
      border-bottom: 2px solid #006dd0;
      color: #006dd0;
      font-weight: 400; }
    .latest-container .latest-content-tabs .tab-inactive {
      padding-bottom: 11px;
      border-bottom: 1px solid #d2dbe3;
      color: #1e1f21;
      font-weight: 300; }
  .latest-container #latest-teasers, .latest-container #trending-teasers {
    padding-bottom: 10px; }
  .latest-container #trending-teasers {
    display: none; }
  .latest-container #latest-sponsor {
    margin-bottom: 10px; }

.featured-container {
  max-width: 800px; }
  .featured-container .section-header {
    font-family: "PT Serif", serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 200; }

.featured-content {
  display: grid;
  grid-template-columns: 2fr;
  max-width: 800px;
  margin: 0 auto; }

@media (min-width: 560px) {
  .featured-container {
    width: 100%; } }

@media (min-width: 999px) {
  .homepage-container .section-header a {
    margin-top: 1em;
    font-family: "PT Serif", serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 200; }
  .featured-container {
    min-width: 415px;
    width: 100%; }
  .section-header {
    font-family: "PT Serif", serif;
    font-size: 30px;
    line-height: 30px; } }

@media (min-width: 768px) and (max-width: 999px) {
  .featured-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    grid-gap: 15px; }
  .section-header {
    font-family: "PT Serif", serif;
    font-size: 26px !important;
    line-height: 32px !important; } }

.section-container {
  margin-right: 0;
  margin-left: auto; }

.no-cssgrid #section-one .section-container, .no-cssgrid #section-two .section-container, .no-cssgrid #section-three .section-container, .no-cssgrid #section-four .section-container {
  margin: auto; }

.no-cssgrid article {
  margin: 10px 0;
  padding: 10px 0; }
  .no-cssgrid article .article-teaser-image .image {
    max-width: 300px;
    float: right; }

.static-column article img {
  margin: 0 auto; }

.flex-column {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto; }
  .flex-column article {
    border-top: 1px solid #d2dbe3; }
    .flex-column article:first-child {
      border-top: none; }

.no-cssgrid .flex-column {
  margin: 20px 0 !important; }

.no-cssgrid .flex-column article {
  margin: 10px 0 !important;
  padding: 10px 0 !important; }

.article-headline {
  margin: 6px 0;
  font-size: 20px;
  line-height: 28px;
  direction: ltr; }

.section-latest {
  display: block;
  min-height: 92px;
  padding: 0 12px; }
  .section-latest article {
    border-top: 1px solid #d2dbe3;
    width: 100%;
    display: table;
    padding: 10px 0; }
  .section-latest .article-teaser-content {
    display: grid;
    grid-template-columns: 30% 2fr;
    grid-auto-flow: row;
    grid-gap: .6rem;
    direction: rtl;
    text-align: left; }

.section-full, .topic-block {
  line-height: 1.25; }
  .section-full .static-column h3, .topic-block .static-column h3 {
    font-size: 1.7em;
    margin-top: 0; }

@media (max-width: 560px) {
  .section-full .static-column h3, .topic-block .static-column h3 {
    font-size: 1.3em; } }

@media (max-width: 767px) {
  .section-full .flex-column article, .topic-block .flex-column article,
  .personalities-section .flex-column article {
    padding-top: 10px;
    margin-top: 4%; }
  .section-full .flex-column article:last-of-type {
    display: none; } }

@media (min-width: 768px) {
  .section-full .static-column, .topic-block .static-column,
  .personalities-section .static-column {
    grid-area: leftFull; }
  .section-full .flex-column, .topic-block .flex-column,
  .personalities-section .flex-column {
    grid-area: rightStack; }
    .section-full .flex-column article, .topic-block .flex-column article,
    .personalities-section .flex-column article {
      padding-top: 0.5em; }
      .section-full .flex-column article:first-child, .topic-block .flex-column article:first-child,
      .personalities-section .flex-column article:first-child {
        border-top: none;
        padding-top: 0;
        margin-top: 0; }
  .no-cssgrid .section-full .flex-column article:first-child, .no-cssgrid .topic-block .flex-column article:first-child,
  .no-cssgrid .personalities-section .flex-column article:first-child {
    border-top: 1px solid #d2dbe3;
    margin-top: 20px; }
  .section-full, .topic-block,
  .personalities-section {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "leftFull rightStack"; } }

@media (max-width: 767px) {
  .section-half .right-column {
    margin-top: 9%; } }

@media (min-width: 768px) {
  .section-half {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "leftColumn rightColumn"; }
    .section-half .left-column {
      grid-area: leftColumn; }
    .section-half .right-column {
      grid-area: rightColumn; } }

.section-thirds h3 {
  font-size: 1.1em; }

.section-thirds .flex-column h3 {
  font-size: 0.96em; }

@media (max-width: 768px) {
  .section-thirds .flex-column {
    display: none; } }

@media (min-width: 768px) {
  .section-thirds .static-column {
    grid-area: leftFull; }
  .section-thirds .flex-column {
    grid-area: rightStack; }
    .section-thirds .flex-column article:first-child {
      border-top: none;
      padding-top: 0;
      margin-top: 0; }
  .section-thirds .left-column {
    grid-area: leftColumn; }
  .section-thirds .right-column {
    grid-area: rightColumn; }
  .section-thirds .left-content {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "leftFull rightStack"; }
  .section-thirds {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "leftColumn rightColumn"; } }

.three-down .section-header {
  border-bottom: none;
  margin-top: 0; }
  .three-down .section-header a:hover {
    color: #006dd0; }

@media (max-width: 768px) {
  .section-three-column {
    display: block; }
    .section-three-column article {
      border-top: 1px solid #d2dbe3;
      width: 100%;
      display: table;
      padding: 10px 0; }
    .section-three-column .article-teaser-content {
      display: grid;
      grid-template-columns: 30% 2fr;
      grid-auto-flow: row;
      grid-gap: .6rem;
      direction: rtl;
      text-align: left; } }

@media (max-width: 999px) {
  .section-three-column .first-column, .section-three-column .second-column, .section-three-column .third-column {
    border-top: 2px solid #d2dbe3;
    padding-top: 15px;
    margin-top: 0; }
  #section-two .section-three-column {
    display: block;
    width: 100%; }
    #section-two .section-three-column article {
      border-top: 1px solid #d2dbe3;
      width: 100%;
      display: table; }
    #section-two .section-three-column .article-teaser-container {
      display: block;
      vertical-align: middle;
      padding: 0; }
    #section-two .section-three-column .article-teaser-content {
      display: grid;
      grid-template-columns: 30% 2fr;
      grid-auto-flow: row;
      grid-gap: .6rem;
      direction: rtl;
      text-align: left; } }

@media (min-width: 768px) {
  .section-three-column {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "firstColumn secondColumn thirdColumn"; }
    .section-three-column .article-teaser-container {
      display: block;
      vertical-align: middle;
      padding: 0; }
    .section-three-column .first-column {
      grid-area: firstColumn; }
    .section-three-column .second-column {
      grid-area: secondColumn; }
    .section-three-column .third-column {
      grid-area: thirdColumn; } }

@media (max-width: 768px) {
  .homepage-threeup-sections {
    display: flex;
    flex-wrap: wrap; }
    .homepage-threeup-sections .threeup-section-item {
      margin-bottom: 20px;
      flex: 1;
      padding: 5px; }
      .homepage-threeup-sections .threeup-section-item:first-child {
        flex: 2;
        min-width: 100%; }
      .homepage-threeup-sections .threeup-section-item .section-header {
        margin-top: 0; } }

@media (min-width: 768px) {
  .homepage-threeup-sections {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "leftColumn rightColumn"; } }

.article-footer {
  border-top: 1px solid #d2dbe3; }
  .article-footer h1 {
    margin: 10px 0; }
  .article-footer .section-header {
    font-family: "PT Serif", serif;
    color: #1e1f21; }
  .article-footer .article-teaser .section-label {
    font-family: "Oswald", sans-serif;
    font-size: 1em;
    font-weight: 300; }

@media (max-width: 560px) {
  .section-three-across {
    display: block; }
    .section-three-across .article-teaser-content {
      display: grid;
      grid-template-columns: 30% 2fr;
      grid-auto-flow: row;
      grid-gap: .6rem;
      direction: rtl;
      text-align: left;
      vertical-align: middle;
      padding: 10px 0; }
  .section-three-across:not(.opinion) article {
    border-top: 1px solid #d2dbe3;
    width: 100%;
    display: table; } }

@media (max-width: 1060px) {
  .homepage-container .section-three-across:not(.opinion) {
    display: block; }
    .homepage-container .section-three-across:not(.opinion) article {
      border-top: 1px solid #d2dbe3;
      width: 100%;
      display: table; }
    .homepage-container .section-three-across:not(.opinion) .article-teaser-content {
      display: grid;
      grid-template-columns: 30% 1fr;
      grid-auto-flow: row;
      grid-gap: .6rem;
      direction: rtl;
      text-align: left;
      vertical-align: middle;
      padding: 10px 0; } }

@media (min-width: 999px) {
  .featured-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    grid-gap: 15px; }
  .section-three-across {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "leftColumn rightColumn"; }
  .article-teaser .section-label {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    line-height: 21px; }
  .section-page-container .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 20px;
    line-height: 28px; } }

@media (min-width: 560px) and (max-width: 999px) {
  .related-content .section-three-across {
    display: flex;
    flex-wrap: wrap; }
    .related-content .section-three-across article {
      margin-bottom: 20px;
      flex: 1;
      padding: 5px; }
      .related-content .section-three-across article:first-child {
        flex: 1;
        min-width: 0; }
    .related-content .section-three-across .sponsored-article {
      flex: 1;
      min-width: 100%; }
  .section-page-container .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 20px;
    line-height: 28px; } }

@media (max-width: 767px) {
  .section-six-across {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    grid-gap: 1rem;
    text-align: left;
    vertical-align: middle;
    padding: 10px 0; } }

@media (min-width: 768px) {
  .homepage-container .section-six-across {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "leftColumn rightColumn";
    border-top: 1px solid #d2dbe3;
    border-right: 1px solid #d2dbe3;
    border-left: 1px solid #d2dbe3; } }

@media (max-width: 767px) {
  .section-two-by-two {
    display: block;
    padding: 0 12px; }
    .section-two-by-two article {
      border-top: 1px solid #d2dbe3;
      width: 100%;
      min-height: 92px;
      padding: 10px 0;
      display: table; }
      .section-two-by-two article:first-child {
        border: none;
        padding-top: 0; }
    .section-two-by-two .article-teaser-content {
      display: grid;
      grid-template-columns: 30% 2fr;
      grid-auto-flow: row;
      grid-gap: .6rem;
      direction: rtl;
      text-align: left; }
  .homepage-container .obits-block-content .article-headline a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 200; }
  .video-slider-container p {
    font-family: "PT Serif", serif;
    font-size: 16px;
    line-height: 22px; }
  .section-page-container {
    font-family: "PT Serif", serif; }
    .section-page-container #featured .article-headline a {
      font-size: 20px;
      line-height: 24px; }
    .section-page-container .section-latest .article-headline a {
      font-size: 18px;
      line-height: 22px; } }

@media (min-width: 768px) {
  .section-two-by-two {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto; }
    .section-two-by-two .article-teaser-container {
      display: block;
      vertical-align: middle;
      padding: 0; }
  .video-slider-container p {
    font-family: "PT Serif", serif;
    font-size: 19px;
    line-height: 24px; } }

.desked-container {
  min-width: 300px; }

.arrow-right {
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid gray;
  display: inline-block; }

.section-fourup-content, .obits-block-content {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 2fr 2fr;
  max-width: 1425px;
  margin: 0 auto; }

.obits-block-content article {
  border-top: 1px solid #d2dbe3;
  padding-top: 10px; }

.obits-block-header {
  max-width: 1425px;
  margin-bottom: 12px; }

@media (min-width: 768px) {
  .section-fourup-content {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    margin-top: 20px; }
  .obits-block-content {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    border: none; }
    .obits-block-content article {
      border: none;
      padding-top: unset; }
    .obits-block-content .article-headline a {
      font-size: 16px !important;
      line-height: 24px !important;
      font-weight: 200; } }

@media (min-width: 999px) {
  .obits-block-content .article-headline a {
    font-size: 17px !important;
    line-height: 24px !important;
    font-weight: 200; } }

@media (max-width: 999px) {
  .section-fourup-content {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    margin-top: 20px; }
  .obits-block-content {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row; } }

.latest-stack-item {
  padding: 10px 0;
  border-bottom: 1px solid #d2dbe3; }
  .latest-stack-item:first-child {
    padding-top: 0; }
  .latest-stack-item article {
    display: grid;
    grid-template-columns: 1fr 30%;
    grid-auto-flow: row;
    grid-gap: .6rem; }
  .latest-stack-item .image, .latest-stack-item a {
    max-width: 300px;
    line-height: 0; }
  .latest-stack-item .pagination-button {
    line-height: 1.2; }

.margin-bottom-30 {
  margin-bottom: 1.9rem; }

.teaser-item-spacing-border {
  border-bottom: 0.06rem solid #d2dbe3;
  margin-bottom: 1.55rem;
  padding-bottom: 1.55rem; }
  .teaser-item-spacing-border:last-child {
    border-bottom: none; }

.no-border-bottom {
  border-bottom: none; }

#secondary-block .section-container {
  margin-bottom: 4%; }
  #secondary-block .section-container:last-child {
    margin-bottom: 0; }

.classified-index-category-list-wrapper .static-link-wrapper {
  margin-bottom: 5px; }

#article-header {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  padding-top: 10px; }
  @media (max-width: 767px) {
    #article-header {
      display: block;
      margin-top: 0px;
      padding-top: 0px; } }
  #article-header .written-by, #article-header .share {
    font-size: 16px;
    font-weight: 600;
    font-family: "PT Serif", serif;
    color: #1e1f21; }
  #article-header .written-by {
    margin-bottom: 5px; }
  #article-header .article-header-title {
    flex: 3 1;
    padding-right: 20px; }
    @media (max-width: 767px) {
      #article-header .article-header-title {
        padding-right: 10px; } }
    #article-header .article-header-title .section-label {
      font-family: "Oswald", sans-serif;
      font-weight: 300;
      font-size: 1em;
      color: #545556; }
    #article-header .article-header-title .article-headline {
      font-family: "PT Serif", serif;
      font-size: 1.8em; }
    #article-header .article-header-title .byline, #article-header .article-header-title .byline .primary {
      padding-top: 20px;
      font-family: "Source Sans Pro", sans-serif;
      color: #545556; }
      @media (max-width: 767px) {
        #article-header .article-header-title .byline, #article-header .article-header-title .byline .primary {
          padding-top: 15px; } }
  #article-header .article-leadtext {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 19px;
    font-weight: normal;
    line-height: 24px;
    color: #1e1f21; }
  #article-header .article-header-info {
    flex: 1 1;
    padding-top: 15px; }
    #article-header .article-header-info .timestamp {
      display: block;
      margin-top: 2px; }
    #article-header .article-header-info .byline {
      margin: 5px 0 10px 0;
      padding: 0;
      display: block; }
      #article-header .article-header-info .byline .primary {
        font-weight: 400; }
        #article-header .article-header-info .byline .primary .ttu {
          text-transform: none; }
  #article-header .article-headline {
    font-size: 2.5em;
    margin-bottom: 10px; }

.article-header-media {
  margin-top: 20px; }

.weather-team-container {
  width: 300px; }
  .weather-team-container .section-header {
    margin-top: 0; }
  .weather-team-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden; }
  .weather-team-container li {
    display: block;
    padding: 10px 0;
    text-decoration: none; }
    .weather-team-container li:first-child {
      padding-top: 0; }
    .weather-team-container li:last-child {
      padding-bottom: 0; }

.videos-section #video-banner-container {
  padding-bottom: 20px; }

.video-slider-container {
  /* Customize font style and positioning for title */ }
  .video-slider-container .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
  .video-slider-container .column {
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    justify-content: space-between; }
  .video-slider-container p {
    font-size: 20px;
    line-height: 28px;
    font-family: "PT Serif", serif; }
  .video-slider-container .player {
    margin: 0; }
    .video-slider-container .player #out-player-slider {
      margin: 0;
      max-width: 800px; }
    .video-slider-container .player #video-block-container {
      margin: 0 auto; }
    .video-slider-container .player #video-text {
      margin-top: 0.5em; }
  .video-slider-container .jwplayer.jw-skin-fcc.jw-state-idle .jw-title {
    display: none; }
  .video-slider-container time {
    color: #545556;
    font-weight: 100; }
  .video-slider-container .video-title {
    margin-top: .5em;
    font-family: "PT Serif", serif;
    font-size: 19px;
    line-height: 24px; }

.playlist-slider-wrapper {
  overflow: hidden; }

.playlist-slider-wrapper > p {
  padding: 1em 0.5em 0;
  color: #1e1f21;
  font-size: 1.2em;
  font-weight: 400;
  text-align: left; }

.playlist-slider {
  width: 100%;
  list-style: none;
  padding: 0;
  margin-left: .5em; }
  .playlist-slider li {
    object-fit: cover; }
  .playlist-slider li a {
    height: 100%;
    color: #1e1f21;
    padding: 0 0.5em;
    display: block;
    cursor: pointer;
    text-align: left; }
  .playlist-slider p {
    margin: 0;
    color: #1e1f21;
    font-family: "PT Serif", serif;
    font-size: 16px;
    line-height: 22px;
    /* limit title to 3 lines and hide overflow with ellipsis */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    max-height: 4em;
    /* fallback */ }
  .playlist-slider .playlist-item {
    margin-top: .75em;
    cursor: pointer;
    border-bottom: 1px solid #d2dbe3; }
    .playlist-slider .playlist-item:first-child {
      margin-top: 1.5em; }
    .playlist-slider .playlist-item:last-child {
      border-bottom: none; }
    .playlist-slider .playlist-item .playlist-item-link {
      display: flex;
      margin-bottom: 0px; }
      .playlist-slider .playlist-item .playlist-item-link .playlist-item-text {
        cursor: pointer;
        margin-left: 10px; }

.playlist-thumbnail-wrapper {
  position: relative;
  color: #ffffff;
  font-weight: 400;
  text-shadow: 0 0 7px #555;
  margin-bottom: 8px;
  max-width: 130px;
  cursor: pointer; }
  .playlist-thumbnail-wrapper .icon-play-button {
    width: 40%;
    fill: #ffffff;
    opacity: 0.85;
    top: 33%;
    left: 33%;
    position: absolute;
    transform: scale(2); }
    @media (min-width: 769px) {
      .playlist-thumbnail-wrapper .icon-play-button {
        transform: scale(1.5); } }

.playlist-item-playing {
  color: transparent;
  position: absolute;
  top: 38%;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  transition: 150ms ease-in-out all; }

span.active .playlist-item-playing {
  color: #ffffff;
  display: block; }

span.active .icon-play-button {
  fill: transparent; }

.playlist-thumbnail {
  width: 100%;
  min-width: 130px; }

.demo-layout-vertical .demo-layout-code {
  max-width: 1000px;
  width: 100%; }

@media (min-width: 768px) and (max-width: 999px) {
  .video-slider-container .player #out-player-slider {
    margin: 0 auto; }
  .video-slider-container .playlist-slider {
    display: flex;
    flex-wrap: wrap; }
    .video-slider-container .playlist-slider .playlist-item {
      min-width: calc(50% - 20px);
      flex: 1 1;
      margin: 0 10px 10px 0;
      border-bottom: 1px solid #d2dbe3; }
  .video-slider-container .playlist-slider p {
    font-family: "PT Serif", serif;
    font-size: 16px;
    line-height: 24px; } }

@media (max-width: 999px) {
  .video-slider-container .row {
    display: block; }
  .playlist-thumbnail-wrapper {
    width: 50%;
    min-width: 11em; }
  .playlist-slider li a {
    align-items: center;
    padding: 1em; }
  .playlist-thumbnail {
    width: 100%;
    height: auto; } }

@media (min-width: 999px) {
  .video-slider-container .row .player {
    margin: 0 15px 0 0; }
  .video-slider-container p {
    font-family: "PT Serif", serif;
    font-size: 19px;
    line-height: 24px; }
  .video-slider-container .video-title {
    font-family: "PT Serif", serif;
    font-size: 20px;
    line-height: 28px; } }

.main-body {
  font-family: "PT Serif", serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #1e1f21; }
  .main-body a {
    font-family: "PT Serif", serif;
    color: #006dd0;
    text-decoration: none; }
    .main-body a:visited {
      color: #006dd0; }
    .main-body a:hover {
      text-decoration: underline; }
    .main-body a:active {
      text-decoration: underline; }
  .main-body .first-p p:first-of-type {
    font-size: 19px;
    line-height: 30px; }
  .main-body .p402_premium {
    padding-bottom: 18px; }
  .main-body .article-quote {
    background-color: #ffffff;
    border-top: 3px solid #a3afba;
    font-size: 40px;
    line-height: 45px;
    padding: 20px;
    text-align: center;
    margin: 18px 0; }
  .main-body .factbox {
    background-color: #ffffff;
    border-top: 3px solid #e72323;
    font-size: 40px;
    line-height: 45px;
    padding: 20px;
    text-align: center;
    margin: 18px 0; }
  .main-body .inline-element {
    margin: 18px 0; }

/*Set inline-hardstop to hide unless shown from piano*/
#inline-hardstop {
  display: none; }

/*Videos section page css*/
.videos-section-page .section-video-teaser .video-block .keyframe .icon-play-button {
  height: 120px; }

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .videos-section-page .section-video-teaser .video-block .keyframe .icon-play-button {
    height: 100px; }
  .section-video-teaser .video-block .keyframe .play {
    top: 10px;
    left: 10px; }
  .videos-section-page .section-thirds .section-video-teaser .video-block .keyframe .play {
    top: 10px;
    left: -20px; } }

.live-video-ticker {
  max-width: 1425px;
  margin: auto; }
  .live-video-ticker .live-video-ticker-container {
    margin: 0px 10px 25px 10px;
    border-bottom: 1px solid #d2dbe3; }
    .live-video-ticker .live-video-ticker-container .trending-ticker-slide-wrapper {
      padding: 0 !important;
      margin: 0; }
    .live-video-ticker .live-video-ticker-container .live-ticker-header {
      display: inline-block;
      margin: 4px;
      color: #1e1f21;
      font-weight: bold;
      font-family: "Source Sans Pro", sans-serif;
      line-height: 1.25rem;
      font-size: 0.875rem; }
    .live-video-ticker .live-video-ticker-container .view-all {
      color: #006dd0;
      float: right;
      margin: 4px 0 0 0;
      font-weight: bold;
      font-family: "Source Sans Pro", sans-serif;
      line-height: 1.25rem;
      font-size: 0.875rem;
      text-transform: capitalize; }
      .live-video-ticker .live-video-ticker-container .view-all:hover, .live-video-ticker .live-video-ticker-container .view-all:visited, .live-video-ticker .live-video-ticker-container .view-all:active {
        color: #006dd0; }

@media (max-width: 768px) {
  .live-video-ticker-container {
    margin: 0; } }

@media (max-width: 560px) {
  .live-video-ticker .live-video-ticker-container {
    border-bottom: none;
    height: 70px; }
    .live-video-ticker .live-video-ticker-container .view-all {
      margin: 0; }
    .live-video-ticker .live-video-ticker-container .live-ticker-header {
      margin: 0; } }

@media (max-width: 320px) {
  .live-video-ticker .live-video-ticker-container .title-container {
    width: 60%; }
    .live-video-ticker .live-video-ticker-container .title-container h5 {
      margin-top: 0; }
    .live-video-ticker .live-video-ticker-container .title-container .wday {
      font-size: 13px; } }

.subscribeSectionIconContainer {
  height: auto;
  width: 1044px;
  display: inline-block;
  position: relative;
  margin-bottom: 10px; }

.subscribeOffsetPerk {
  background-color: #f7f8f9; }

@media only screen and (max-width: 767px) {
  .subscribeSectionIconContainer {
    width: 300px;
    margin-bottom: 10px;
    display: inline-block;
    position: static; }
  .subscribeOffsetPerk {
    background-color: #ffffff; } }

.homepage-video-block {
  margin-bottom: 10px;
  padding-bottom: 10px; }
  .homepage-video-block .timestamp {
    white-space: nowrap; }
  .homepage-video-block .video-group-container .mainPlayer {
    display: grid;
    margin: 0 auto;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2dbe3;
    grid-gap: 0;
    grid-template-columns: 65% 35%;
    grid-template-areas: "sectionHeader sectionHeader" "video video" "videoText videoText"; }
    .homepage-video-block .video-group-container .mainPlayer .section-header {
      grid-area: sectionHeader; }
    .homepage-video-block .video-group-container .mainPlayer #out-player-slider {
      grid-area: video; }
    .homepage-video-block .video-group-container .mainPlayer #video-text {
      grid-area: videoText; }
    @media (min-width: 768px) {
      .homepage-video-block .video-group-container .mainPlayer {
        grid-template-areas: "sectionHeader ." "video videoText"; } }
    .homepage-video-block .video-group-container .mainPlayer .section-header a {
      color: #006dd0; }
    .homepage-video-block .video-group-container .mainPlayer .video-text {
      padding: 0px 10px 10px 10px; }
    .homepage-video-block .video-group-container .mainPlayer .nowPlaying {
      color: #006dd0;
      padding-right: 5px;
      font-family: "Source Sans Pro", sans-serif; }
  .homepage-video-block .playlist-slider {
    margin: 0px; }
  .homepage-video-block .playlist-slider:after {
    content: "";
    display: table;
    clear: both; }
  .homepage-video-block .video-block-item {
    float: left;
    width: 33.33%; }
  .homepage-video-block .playlist-slider .video-block-item .playlist-item-link {
    display: block; }
  .homepage-video-block .video-thumbnail-wrapper {
    width: 100%;
    position: relative;
    color: #ffffff;
    font-weight: 400;
    text-shadow: 0 0 7px #555;
    margin-bottom: 8px;
    cursor: pointer; }
    .homepage-video-block .video-thumbnail-wrapper .icon-play-button {
      width: 40%;
      fill: #ffffff;
      opacity: 0.85;
      top: 50%;
      left: 33%;
      position: relative; }
  @media screen and (max-width: 560px) {
    .homepage-video-block .video-block-item {
      width: 100%;
      display: flex;
      border-bottom: 1px solid #d2dbe3;
      margin-bottom: 10px; }
      .homepage-video-block .video-block-item .playlist-item-link .thumbnail-link {
        width: 55%; }
      .homepage-video-block .video-block-item .playlist-item-text {
        width: 45%;
        padding-left: 5px; }
        .homepage-video-block .video-block-item .playlist-item-text .section-time {
          padding: 0; }
    .homepage-video-block .playlist-slider .video-block-item .playlist-item-link {
      display: flex; }
    .homepage-video-block .article-tag-list {
      display: none; }
    .homepage-video-block .video-block-item .video-title {
      font-size: 1.1rem; } }
  @media (min-width: 768px) {
    .homepage-video-block .video-block-item:nth-child(1) {
      padding-right: 10px; }
    .homepage-video-block .video-block-item:nth-child(2) {
      padding-right: 5px;
      padding-left: 5px; }
    .homepage-video-block .video-block-item:nth-child(3) {
      padding-left: 10px; } }
  .homepage-video-block .video-header {
    margin: 0px; }
  .homepage-video-block .video-title {
    font-size: 1.5rem;
    font-family: "PT Serif", serif; }
  .homepage-video-block .video-leadtext {
    font-family: "PT Serif", serif;
    margin: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.2rem; }
  @media screen and (max-width: 560px) {
    .homepage-video-block .video-leadtext {
      display: none; } }
  .homepage-video-block .article-tag-list {
    overflow: hidden; }
    .homepage-video-block .article-tag-list h3 {
      display: none; }
    .homepage-video-block .article-tag-list .tag-item {
      float: left;
      margin-right: 10px;
      padding: 5px 10px;
      color: #006dd0; }
      .homepage-video-block .article-tag-list .tag-item:hover {
        background-color: #006dd0;
        color: #ffffff; }
      .homepage-video-block .article-tag-list .tag-item a {
        color: inherit; }

.fade {
  position: relative;
  bottom: 5em;
  height: 4em;
  background: -webkit-linear-gradient(rgba(247, 248, 250, 0) 0%, #f7f8fa 100%);
  background-image: -moz-linear-gradient(rgba(247, 248, 250, 0) 0%, #f7f8fa 100%);
  background-image: -o-linear-gradient(rgba(247, 248, 250, 0) 0%, #f7f8fa 100%);
  background-image: linear-gradient(rgba(247, 248, 250, 0) 0%, #f7f8fa 100%);
  background-image: -ms-linear-gradient(rgba(247, 248, 250, 0) 0%, #f7f8fa 100%); }

.factbox h2 {
  color: #1e1f21;
  margin-top: 5px; }

.factbox .inline-image.mv4 {
  margin: 0; }

.factbox .drop-cap {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  float: initial; }

.paid-content-body-wrapper {
  margin-top: 1.25em;
  margin-bottom: 1.9em; }
  .paid-content-body-wrapper p {
    color: #1e1f21;
    font-family: "PT Serif", serif;
    font-size: 1.1em;
    line-height: 1.37;
    margin: .8em 0; }

.classified-listing-content-body {
  font-family: "PT Serif", serif;
  line-height: 1.35;
  padding: 20px 0; }

.paid-content-photo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .paid-content-photo img {
    width: auto;
    padding-right: 5px; }

.trending-stories-ticker-container {
  margin: 0 10px;
  border-bottom: 1px solid #d2dbe3; }
  .trending-stories-ticker-container .trending-stories-header {
    display: inline-block;
    margin: 4px;
    color: #1e1f21;
    font-weight: bold;
    font-family: "Alegreya Sans ExtraBold";
    line-height: 1.25rem;
    font-size: 0.875rem; }

.no-cssgrid .container #weather-widget {
  max-width: 800px;
  margin: auto; }

.no-cssgrid .jobsWidget {
  margin: auto;
  max-width: 300px;
  margin-top: 20px; }

.weather-outlook h2 {
  margin: 20px 0 10px;
  font-size: 1.8em; }

.weather-outlook .forecast-outlook {
  background-color: #ffffff;
  border: 1px solid #d2dbe3;
  display: flex;
  justify-content: space-around; }

.announcements-footer {
  font-family: "PT Serif", serif;
  line-height: 1.35; }

.homepage-weather-widget {
  border: none; }
  .homepage-weather-widget .wxmap--src-widgets-daily-components-daily__root * {
    font-family: "Source Sans Pro", sans-serif; }
  .homepage-weather-widget .weather-header {
    display: flex;
    height: 80px;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    background-image: linear-gradient(#f7f8f9, #d2dbe3); }
    .homepage-weather-widget .weather-header img {
      width: 123px;
      margin: 0 10px; }
      .homepage-weather-widget .weather-header img:last-child {
        width: 170px; }
  .homepage-weather-widget .forecast-outlook {
    border: none; }
    .homepage-weather-widget .forecast-outlook .daily-outlook-block {
      width: 25%; }
  @media (max-width: 320px) {
    .homepage-weather-widget .weather-header {
      flex-wrap: wrap; } }
  @media (max-width: 560px) {
    .homepage-weather-widget .weather-header img {
      width: 110px;
      margin: 0 8px; }
      .homepage-weather-widget .weather-header img:last-child {
        width: 150px;
        padding-bottom: 2px; }
    .homepage-weather-widget .forecast-outlook .daily-outlook-block {
      width: 50%; }
      .homepage-weather-widget .forecast-outlook .daily-outlook-block:nth-child(3), .homepage-weather-widget .forecast-outlook .daily-outlook-block:last-child {
        display: none; } }
  .homepage-weather-widget #homepage-forecast-container {
    position: absolute; }
  @media (min-width: 560px) and (max-width: 768px) {
    .homepage-weather-widget .forecast-outlook .daily-outlook-block {
      width: 33%; }
      .homepage-weather-widget .forecast-outlook .daily-outlook-block:last-child {
        display: none; } }
  .homepage-weather-widget .full-forecast {
    background-image: url("/theme/images/weatherwidget/weatherBackground.jpg");
    background-size: cover;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .homepage-weather-widget .full-forecast.true {
      background-image: none; }
    .homepage-weather-widget .full-forecast .button {
      font-family: "Oswald", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      padding: 5px 20px;
      border-radius: 2px;
      cursor: pointer; }
      .homepage-weather-widget .full-forecast .button:hover {
        color: #006dd0; }

.current-weather-container .wxmap--src-widgets-current-conditions-components-current-conditions__root * {
  border: none;
  font-family: "Source Sans Pro", sans-serif; }

.current-weather-container .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__secondary {
  background-color: #F7F8F9; }

.current-weather-container .wxmap--src-widgets-current-conditions-components-currents-body-currents-body__label {
  font-family: Oswald; }

.weather-outlook .wxmap--src-widgets-daily-components-daily__root * {
  border-radius: 0;
  font-family: "Source Sans Pro", sans-serif; }

#weather-widget .homepage-weather-block-container .weather-flex-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  #weather-widget .homepage-weather-block-container .weather-flex-wrapper .weather-flex-first-column {
    width: 100%; }
  #weather-widget .homepage-weather-block-container .weather-flex-wrapper .latest-weather-article .section-header {
    display: none; }
  #weather-widget .homepage-weather-block-container .weather-flex-wrapper .latest-weather-article .flex-column article {
    border-top: none;
    width: 100%;
    display: table; }
  #weather-widget .homepage-weather-block-container .weather-flex-wrapper .latest-weather-article .flex-column .article-teaser-content {
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-auto-flow: row;
    grid-gap: .6rem;
    direction: rtl;
    text-align: left;
    vertical-align: middle;
    padding: 10px 0; }

@media (min-width: 1275px) {
  #weather-widget .homepage-weather-block-container .weather-flex-wrapper {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 2fr 1fr; }
    #weather-widget .homepage-weather-block-container .weather-flex-wrapper .latest-weather-article .flex-column .article-teaser-content {
      grid-template-columns: none; } }

/* ------ Blank Pages -------------------- */
.content-two-page-container {
  max-width: 1200px;
  margin: auto;
  margin-top: 20px;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 260px;
  grid-template-rows: minmax(1px, auto);
  grid-auto-flow: column;
  justify-content: space-between;
  grid-template-areas: "Sect-one Aside"; }
  .content-two-page-container #sidebar-1 {
    margin-bottom: 20px; }
  .content-two-page-container #section-one {
    margin-right: 0;
    margin-left: 0;
    justify-self: left; }

@media only screen and (max-width: 1139px) and (min-width: 812px) {
  .content-two-page-container {
    max-width: 999px;
    grid-template-columns: 1fr 300px; } }

@media only screen and (max-width: 811px) and (min-width: 460px) {
  .content-two-page-container {
    max-width: 500px;
    margin: 10px auto;
    grid-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: "Sect-one" "Aside"; }
    .content-two-page-container .sidebar, .content-two-page-container div[id^="origami-"] {
      margin-left: 0; } }

@media only screen and (max-width: 459px) {
  .content-two-page-container {
    max-width: 300px;
    grid-template-columns: 277px;
    grid-template-rows: minmax(1px, auto);
    grid-template-areas: "Sect-one" "Aside"; }
    .content-two-page-container #aside {
      justify-self: center;
      margin-bottom: 0; }
    .content-two-page-container #section-one, .content-two-page-container .inline.owl-carousel {
      max-width: 280px; }
    .content-two-page-container .poll-wrapper, .content-two-page-container #jobsHQ-hotjobs-list {
      margin-left: -12px !important; }
    .content-two-page-container .playlist {
      display: block;
      margin: 4% auto -10% auto;
      max-width: 200px;
      overflow: hidden; } }

/*------ Rock Content - Full Width Display ------*/
.rock-content-page-container {
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 0;
  margin-top: 20px;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(1px, auto);
  grid-auto-flow: column; }
  .rock-content-page-container .SL-footer img {
    width: unset; }
  .rock-content-page-container .SL-EXPANDED {
    z-index: 3000000; }

.tp-modal-close {
  overflow: visible !important; }

/* set grid area names */
.homepage-container #featured {
  grid-area: featured; }

.homepage-container #featured-banner {
  grid-area: featuredBanner; }

.homepage-container #latest {
  grid-area: latest; }

.homepage-container #section-one {
  grid-area: sectionOne; }

.homepage-container #weather-widget {
  grid-area: weatherWidget; }

.homepage-container #sidebar-1 {
  grid-area: sidebarOne; }

.homepage-container #sidebar-2 {
  grid-area: sidebarTwo; }

.homepage-container #sidebar-3 {
  grid-area: sidebarThree; }

.homepage-container #marketing-1 {
  grid-area: marketingOne; }

.homepage-container #motors-widget {
  grid-area: motorsWidget; }

.homepage-container #search-marketplace-widget {
  grid-area: searchMarketplaceWidget; }

.homepage-container #live-and-newsletter {
  grid-area: liveAndAlerts; }

.homepage-container #section-obits {
  grid-area: sectionObits; }

.homepage-container #section-two {
  grid-area: sectionTwo; }

.homepage-container #section-three {
  grid-area: sectionThree; }

.homepage-container #origami {
  grid-area: origamiWidget; }

.homepage-container #section-four {
  grid-area: sectionFour; }

.homepage-container #section-five {
  grid-area: sectionFive; }

.homepage-container #jobsWidget {
  grid-area: jobsWidget; }

.homepage-container #latest-videos {
  grid-area: videoBlock;
  margin: 0; }

.homepage-container #poll {
  grid-area: poll; }

.homepage-container #calendar {
  grid-area: spingoCalendar; }

.homepage-container #nativo {
  grid-area: nativo; }

.homepage-container #special-sections {
  grid-area: specialSections; }

.homepage-container #mobile-search-marketplace-widget {
  grid-area: mobileSearchMarketplaceWidget; }

.homepage-container {
  margin: 0 auto;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
  grid-template-areas: "featured featured" "featuredBanner featuredBanner" "latest latest" "sectionOne sectionOne" "nativo nativo" "sidebarOne sidebarOne" "weatherWidget weatherWidget" "sectionObits sectionObits" "liveAndAlerts liveAndAlerts" "videoBlock videoBlock" "sidebarTwo sidebarTwo" "sectionTwo sectionTwo" "poll poll" "sectionThree sectionThree" "motorsWidget motorsWidget" "searchMarketplaceWidget searchMarketplaceWidget" "origamiWidget origamiWidget" "sectionFour sectionFour" "sidebarThree sidebarThree" "marketingOne marketingOne" "sectionFive sectionFive" "specialSections specialSections" "mobileSearchMarketplaceWidget mobileSearchMarketplaceWidget"; }
  .homepage-container #sidebar-1, .homepage-container #sidebar-2, .homepage-container #sidebar-3, .homepage-container #jobsWidget,
  .homepage-container #live-and-newsletter, .homepage-container #origami, .homepage-container #marketing-1, .homepage-container #motors-widget, .homepage-container #search-marketplace-widget, .homepage-container #mobile-search-marketplace-widget {
    margin: 0 auto; }
  .homepage-container #featured, .homepage-container #latest, .homepage-container #weather-widget, .homepage-container #latest-videos, .homepage-container #section-obits,
  .homepage-container #section-one, .homepage-container #section-two, .homepage-container #section-three, .homepage-container #section-four,
  .homepage-container #section-five, .homepage-container #live-and-newsletter, .homepage-container #jobsWidget, .homepage-container #poll, .homepage-container #calendar,
  .homepage-container #origami, .homepage-container #nativo {
    margin: 0 10px; }
  .homepage-container #wdayLive {
    padding-bottom: 15px; }
  .homepage-container #special-sections {
    margin: 0 2em 0 2em; }
  .homepage-container #latest, .homepage-container #section-obits, .homepage-container #latest-videos {
    border-top: 2px solid #d2dbe3;
    padding-top: 15px;
    margin-top: 15px; }
  .homepage-container #featured-banner ~ #latest {
    border-top: none;
    padding-top: 0;
    margin-top: 0; }
  .homepage-container .section-six-across .special-sections-container {
    padding-top: 13px;
    float: left; }
  .homepage-container .section-three-column .section-container-inner .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal; }
  .homepage-container .section-three-column .section-container-inner .first-teaser .article-headline a {
    font-size: 20px;
    line-height: 24px; }
  .homepage-container .section-header a {
    color: #006dd0;
    font-family: "PT Serif", serif;
    font-size: 26px;
    line-height: 30px;
    font-weight: 200; }
  .homepage-container .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal; }
  .homepage-container .primary-content h1 a {
    font-weight: normal; }
  .homepage-container .featured-content h2 a {
    font-weight: normal; }
  @media (max-width: 767px) {
    .homepage-container #banner-1, .homepage-container #banner-2-container, .homepage-container #calendar, .homepage-container #jobsWidget {
      display: none; }
    .homepage-container .special-sections {
      border-top: 1px solid #d2dbe3; } }

@media (min-width: 768px) {
  .homepage-container {
    grid-template: "latest featured featured" "featuredBanner featuredBanner featuredBanner" "bannerOne bannerOne bannerOne" "sectionOne sectionOne sidebarOne" "sectionOne sectionOne jobsWidget" "nativo nativo jobsWidget" "weatherWidget weatherWidget liveAndAlerts" "weatherWidget weatherWidget marketingOne" "sectionObits sectionObits origamiWidget" "bannerTwo bannerTwo bannerTwo" "videoBlock videoBlock videoBlock" "sectionTwo sectionTwo poll" "sectionTwo sectionTwo spingoCalendar" "sectionThree sectionThree sectionThree" "sectionFour sectionFour sectionFour" "sectionFive sectionFive sectionFive" "specialSections specialSections specialSections" /1fr 1fr 310px; }
    .homepage-container #banner-1 {
      grid-area: bannerOne; }
    .homepage-container #banner-2-container {
      grid-area: bannerTwo; }
    .homepage-container #section-three, .homepage-container #section-four, .homepage-container #section-five {
      margin: 0 10px; }
    .homepage-container #latest, .homepage-container #section-one, .homepage-container #section-two,
    .homepage-container #section-obits {
      margin: 0 0 0 10px; }
    .homepage-container #latest h1 {
      margin-top: 0; }
    .homepage-container #featured, .homepage-container #live-and-newsletter, .homepage-container #origami, .homepage-container #poll, .homepage-container #jobsWidget,
    .homepage-container #sidebar-1, .homepage-container #marketing-1, .homepage-container #calendar {
      margin: 0 10px 0 0; }
    .homepage-container #special-sections {
      margin: 0 2em 0 2em; }
    .homepage-container .section-six-across .special-sections {
      background-color: #ffffff; }
    .homepage-container .special-sections-container {
      padding: 15px 18px 15px 18px; }
    .homepage-container .special-sections-seperator {
      height: 150px;
      width: 1px;
      background-color: #d2dbe3;
      top: 50%;
      transform: translateY(-50%);
      position: relative; }
    .homepage-container #weather-widget {
      border-top: 2px solid #d2dbe3;
      padding-top: 15px; }
    .homepage-container #latest, .homepage-container #latest-videos {
      border: none;
      padding-top: unset;
      margin-top: unset; } }
  @media (min-width: 768px) and (min-width: 768px) and (max-width: 1060px) {
    .homepage-container #sidebar-2, .homepage-container #sidebar-3, .homepage-container #motors-widget, .homepage-container #search-marketplace-widget {
      display: none; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .homepage-container #mobile-search-marketplace-widget {
      display: none; } }

@media (min-width: 768px) {
    .homepage-container #banner-1, .homepage-container #banner-2-container, .homepage-container #calendar {
      display: block; }
    .homepage-container .section-three-column .section-container-inner .article-headline a {
      font-family: "PT Serif", serif;
      font-size: 14px;
      line-height: 18px; }
    .homepage-container .section-three-column .section-container-inner .first-teaser .article-headline a {
      font-size: 15px;
      line-height: 18px; }
  .no-cssgrid .homepage-container #featured, .no-cssgrid .homepage-container #weather-widget, .no-cssgrid .homepage-container #section-one, .no-cssgrid .homepage-container #section-two,
  .no-cssgrid .homepage-container #section-three, .no-cssgrid .homepage-container #section-four, .no-cssgrid .homepage-container #section-five, .no-cssgrid .homepage-container #section-obits,
  .no-cssgrid .homepage-container #calendar {
    margin: auto;
    max-width: 800px; }
  .no-cssgrid .homepage-container #sidebar-1, .no-cssgrid .homepage-container #live-and-newsletter, .no-cssgrid .homepage-container #jobsWidget,
  .no-cssgrid .homepage-container #poll {
    margin: auto;
    max-width: 300px;
    margin-top: 20px; }
  .section-header a {
    color: #006dd0;
    font-family: "PT Serif", serif;
    font-size: 26px !important;
    line-height: 32px !important;
    font-weight: 200; }
  .section-header a:visited {
    color: #006dd0; }
  .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 20px;
    line-height: 24px; } }

@media (min-width: 1060px) {
  .homepage-container {
    max-width: 1425px;
    margin: 0 auto;
    grid-template: "bannerOne bannerOne bannerOne" "latest featured sidebarOne" "featuredBanner featuredBanner featuredBanner" "sectionOne sectionOne nativo" "weatherWidget weatherWidget origamiWidget" "weatherWidget weatherWidget jobsWidget" "sectionObits sectionObits jobsWidget" "videoBlock videoBlock jobsWidget" "bannerTwo bannerTwo bannerTwo" "sectionTwo sectionTwo poll" "sectionTwo sectionTwo liveAndAlerts" 130px "sectionThree sectionThree liveAndAlerts" 170px "sectionThree sectionThree sidebarTwo" minmax(250px, max-content) "sectionThree sectionThree spingoCalendar" "sectionFour sectionFour spingoCalendar" "sectionFour sectionFour marketingOne" "sectionFive sectionFive motorsWidget" "sectionFive sectionFive searchMarketplaceWidget" "specialSections specialSections specialSections"/minmax(270px, 350px) 1fr minmax(310px, 350px); }
    .homepage-container #featured {
      margin: 0; }
    .homepage-container #section-two, .homepage-container #section-three, .homepage-container #section-four,
    .homepage-container #section-obits {
      border-bottom: 2px solid #d2dbe3;
      padding-bottom: 15px; }
    .homepage-container #section-one {
      border-top: 2px solid #d2dbe3;
      padding-top: 15px; }
    .homepage-container #sidebar-1 {
      margin: 2.56em 2em 0 0; }
    .homepage-container #latest, .homepage-container #section-one, .homepage-container #weather-widget, .homepage-container #section-obits,
    .homepage-container #latest-videos, .homepage-container #section-two, .homepage-container #section-three, .homepage-container #section-four,
    .homepage-container #section-five {
      margin: 0 0 0 2em; }
    .homepage-container #nativo, .homepage-container #origami, .homepage-container #jobsWidget, .homepage-container #poll, .homepage-container #live-and-newsletter,
    .homepage-container #sidebar-2, .homepage-container #calendar, .homepage-container #marketing-1, .homepage-container #motors-widget, .homepage-container #search-marketplace-widget {
      margin: 0 2em 0 0; }
    .homepage-container #sidebar-3 {
      display: none; }
    .homepage-container .section-header a {
      color: #006dd0;
      font-family: "PT Serif", serif;
      font-size: 30px !important;
      line-height: 30px !important; }
    .homepage-container .article-headline a {
      font-family: "PT Serif", serif;
      font-size: 20px;
      line-height: 28px; }
    .homepage-container .section-three-column .section-container-inner .article-headline a {
      font-family: "PT Serif", serif;
      font-size: 19px;
      line-height: 24px; }
    .homepage-container .section-three-column .section-container-inner .first-teaser .article-headline a {
      font-size: 20px;
      line-height: 28px; } }

#featured {
  grid-area: featured; }

#latest {
  grid-area: latest; }

#banner-1 {
  grid-area: bannerOne; }

#banner-2-container {
  grid-area: bannerTwo; }

#sidebar-1 {
  grid-area: sidebarOne; }

#sidebar-2 {
  grid-area: sidebarTwo; }

#sidebar-3 {
  grid-area: sidebarThree; }

#teaserList-1 {
  grid-area: teaserList_1; }

#teaserList-2 {
  grid-area: teaserList_2; }

#teaserList-3 {
  grid-area: teaserList_3; }

#teaserList-4 {
  grid-area: teaserList_4; }

#teaserList-5 {
  grid-area: teaserList_5; }

#teaserList-6 {
  grid-area: teaserList_6; }

#jobsWidget {
  grid-area: jobsWidget; }

#live-and-newsletter {
  grid-area: liveAndAlerts; }

#nativo-1 {
  grid-area: nativoOne; }

#nativo-2 {
  grid-area: nativoTwo; }

#origami {
  grid-area: origami; }

#marketing-1 {
  grid-area: marketingOne; }

#motors-widget {
  grid-area: motorsWidget; }

#search-marketplace-widget {
  grid-area: searchMarketplaceWidget; }

/* --------------------- Mobile (Default) View --------------------- */
.section-page-container {
  margin-top: 15px;
  display: grid;
  grid-gap: 20px;
  grid-template-areas: "featured" "sidebarOne" "latest" "teaserList_1" "jobsWidget" "teaserList_2" "liveAndAlerts" "teaserList_3" "sidebarTwo" "teaserList_4" "nativoOne" "sidebarThree" "teaserList_5" "nativoTwo" "marketingOne" "motorsWidget" "searchMarketplaceWidget" "teaserList_6" "origami"; }
  .section-page-container #sidebar-1, .section-page-container #sidebar-2, .section-page-container #sidebar-3, .section-page-container #jobsWidget,
  .section-page-container #live-and-newsletter, .section-page-container #nativo-1, .section-page-container #nativo-2,
  .section-page-container #origami, .section-page-container #marketing-1, .section-page-container #motors-widget, .section-page-container #search-marketplace-widget {
    margin: 0 auto; }
  .section-page-container #wdayLive {
    padding-bottom: 15px; }
  @media (max-width: 768px) {
    .section-page-container #featured .section-subsections {
      margin: 0 12px 15px 12px; } }
  .section-page-container .article-headline a {
    font-weight: normal; }
  @media (max-width: 767px) {
    .section-page-container #banner-1, .section-page-container #banner-2-container {
      display: none; } }

/* --------------------- Tablet Width --------------------- */
@media (min-width: 768px) and (max-width: 998px) {
  .section-page-container {
    max-width: 94%;
    margin: auto;
    grid-template: "latest featured featured" "bannerOne bannerOne bannerOne" "teaserList_1 teaserList_1 sidebarOne" "teaserList_1 teaserList_1 jobsWidget" "teaserList_2 teaserList_2 jobsWidget" "teaserList_3 teaserList_3 jobsWidget" "bannerTwo bannerTwo bannerTwo" "teaserList_4 teaserList_4 liveAndAlerts" "teaserList_4 teaserList_4 liveAndAlerts" "teaserList_4 teaserList_4 sidebarTwo" "nativoOne nativoOne sidebarTwo" "nativoOne nativoOne origami" "teaserList_5 teaserList_5 motorsWidget" "teaserList_5 teaserList_5 searchMarketplaceWidget" "nativoTwo nativoTwo marketingOne" "teaserList_6 teaserList_6 marketingOne" /1fr 1fr 310px; }
  #sidebar-3 {
    display: none; } }

/* --------------------- Desktop Width --------------------- */
@media (min-width: 999px) {
  .section-page-container {
    max-width: 1425px;
    width: 94%;
    margin: auto;
    grid-template: "bannerOne bannerOne bannerOne bannerOne" "latest featured featured sidebarOne" "latest teaserList_1 teaserList_1 liveAndAlerts" "latest teaserList_1 teaserList_1 jobsWidget" ".... teaserList_2 teaserList_2 jobsWidget" ".... teaserList_3 teaserList_3 jobsWidget" minmax(1px, max-content) ".... teaserList_3 teaserList_3 sidebarTwo" "bannerTwo bannerTwo bannerTwo bannerTwo" ".... nativoOne nativoOne marketingOne" ".... nativoTwo nativoTwo sidebarThree" ".... teaserList_4 teaserList_4 sidebarThree" ".... teaserList_5 teaserList_5 sidebarThree" ".... teaserList_5 teaserList_5 origami" ".... teaserList_6 teaserList_6 motorsWidget" ".... teaserList_6 teaserList_6 searchMarketplaceWidget"/1fr 1fr 1fr 310px; }
    .section-page-container #sidebar-1 {
      margin-top: 73px; }
    .section-page-container .section-header-large {
      margin: 5px 0px 0px 0px; } }

/* ----------- Search page ---------------- */
/* ---------------------------------------- */
.searchResultsLabel {
  margin: 0;
  font-family: "Oswald", sans-serif;
  font-size: 2.2rem;
  text-transform: uppercase;
  color: #1e1f21;
  padding-bottom: 0.2em; }
  .searchResultsLabel a {
    color: #1e1f21;
    font-family: "Oswald", sans-serif; }

.searchTerm {
  margin: 0;
  font-family: "Oswald", sans-serif;
  font-size: 2.2rem;
  text-transform: lowercase;
  color: #1e1f21;
  padding-bottom: 0.2em; }
  .searchTerm a {
    color: #1e1f21;
    font-family: "Oswald", sans-serif; }

.searchResultsLabelGrid {
  display: flex;
  flex-direction: column;
  border-bottom: #1e1f21 solid 2px;
  margin-bottom: 15px; }

.searchResultsNumber {
  text-align: right;
  margin-top: 30px; }

/* Stack the search term in rows up to 1459px */
@media (max-width: 1459px) {
  .searchResultsLabelGrid {
    display: flex;
    flex-direction: column;
    border-bottom: #1e1f21 solid 2px;
    margin-bottom: 15px; } }

@media (min-width: 1460px) {
  .searchResultsLabelGrid {
    flex-direction: row;
    align-items: center; }
  .searchResultsRight {
    margin-left: auto; } }

/* set grid area names */
.bison-homepage-container #topSponsorBanner {
  grid-area: topSponsor; }

.bison-homepage-container #featured {
  grid-area: featured; }

.bison-homepage-container #latest {
  grid-area: latest; }

.bison-homepage-container #firstRow {
  grid-area: firstRow; }

.bison-homepage-container #secondRow {
  grid-area: secondRow; }

.bison-homepage-container #sidebar-1 {
  grid-area: sidebarOne; }

.bison-homepage-container #sidebar-2 {
  grid-area: sidebarTwo; }

.bison-homepage-container #sidebar-3 {
  grid-area: sidebarThree; }

.bison-homepage-container #marketing-1 {
  grid-area: marketingOne; }

.bison-homepage-container #live-and-newsletter {
  grid-area: liveAndAlerts; }

.bison-homepage-container #thirdRow {
  grid-area: thirdRow; }

.bison-homepage-container #fourthRow {
  grid-area: fourthRow; }

.bison-homepage-container #midSponsorBanner {
  grid-area: midSponsor; }

.bison-homepage-container #fifthRow {
  grid-area: fifthRow; }

.bison-homepage-container #origami {
  grid-area: origamiWidget; }

.bison-homepage-container #sixthRow {
  grid-area: sixthRow; }

.bison-homepage-container #seventhRow {
  grid-area: seventhRow; }

.bison-homepage-container #jobsWidget {
  grid-area: jobsWidget; }

.bison-homepage-container #eighthRow {
  grid-area: eighthRow;
  margin: 0; }

.bison-homepage-container #nativo {
  grid-area: nativo; }

.bison-homepage-container #showMoreButton {
  grid-area: showMoreButton; }

.bison-homepage-container #motors-widget {
  grid-area: motorsWidget; }

.bison-homepage-container #search-marketplace-widget {
  grid-area: searchMarketplaceWidget; }

.bison-homepage-container {
  padding: 0px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "topSponsor topSponsor" "featured featured" "firstRow firstRow" "sidebarOne sidebarOne" "latest latest" "secondRow secondRow" "liveAndAlerts liveAndAlerts" "thirdRow thirdRow" "midSponsor midSponsor" "fourthRow fourthRow" "sidebarTwo sidebarTwo" "fifthRow fifthRow" "motorsWidget motorsWidget" "searchMarketplaceWidget searchMarketplaceWidget" "origamiWidget origamiWidget" "sixthRow sixthRow" "marketingOne marketingOne" "seventhRow seventhRow" "eighthRow eighthRow" "showMoreButton showMoreButton" "sidebarThree sidebarThree"; }
  @media (max-width: 767px) {
    .bison-homepage-container #banner-1, .bison-homepage-container #banner-2-container, .bison-homepage-container #nativo, .bison-homepage-container #jobsWidget {
      display: none; }
    .bison-homepage-container #featured {
      border-bottom: 2px solid #d2dbe3; } }
  .bison-homepage-container #live-and-newsletter, .bison-homepage-container #origami, .bison-homepage-container #marketing-1,
  .bison-homepage-container #midSponsorBanner, .bison-homepage-container #motors-widget, .bison-homepage-container #search-marketplace-widget {
    border-bottom: 2px solid #d2dbe3; }
  .bison-homepage-container #firstRow article, .bison-homepage-container #secondRow article, .bison-homepage-container #thirdRow article, .bison-homepage-container #fourthRow article, .bison-homepage-container #fifthRow article,
  .bison-homepage-container #sixthRow article, .bison-homepage-container #seventhRow article, .bison-homepage-container #eighthRow article {
    border-bottom: 2px solid #d2dbe3;
    padding: 15px 0 10px 0; }
  .bison-homepage-container #secondRow article:nth-child(1) {
    border-top: 2px solid #d2dbe3; }
  .bison-homepage-container #eighthRow article:nth-child(3) {
    border-bottom: none; }
  .bison-homepage-container #featured, .bison-homepage-container #latest, .bison-homepage-container #firstRow, .bison-homepage-container #secondRow, .bison-homepage-container #thirdRow,
  .bison-homepage-container #fourthRow, .bison-homepage-container #fifthRow, .bison-homepage-container #sixthRow, .bison-homepage-container #seventhRow,
  .bison-homepage-container #eighthRow, .bison-homepage-container #midSponsorBanner, .bison-homepage-container #live-and-newsletter, .bison-homepage-container #jobsWidget,
  .bison-homepage-container #origami, .bison-homepage-container #nativo, .bison-homepage-container #marketing-1, .bison-homepage-container #motors-widget, .bison-homepage-container #search-marketplace-widget {
    margin: 0 10px; }
  .bison-homepage-container #latest, .bison-homepage-container #marketing-1, .bison-homepage-container #wdayLive, .bison-homepage-container #sidebar-1,
  .bison-homepage-container #midSponsorBanner, .bison-homepage-container #marketing-1, .bison-homepage-container #motors-widget, .bison-homepage-container #search-marketplace-widget {
    padding: 15px 0; }
  .bison-homepage-container #live-and-newsletter {
    padding: 0  0 10px 0; }
  .bison-homepage-container #origami {
    padding-top: 15px; }
  .bison-homepage-container #topSponsorBanner {
    margin: 10px 10px 0 10px; }
  .bison-homepage-container #bisonSectionSubsection {
    margin-bottom: 0px; }
  .bison-homepage-container #sidebar-1, .bison-homepage-container #sidebar-2, .bison-homepage-container #sidebar-3,
  .bison-homepage-container #jobsWidget {
    margin: 0 auto; }
  .bison-homepage-container #showMoreButton a {
    color: #ffffff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    width: 124px;
    border-radius: 4px;
    background-color: #0057a6;
    padding: 0px;
    min-width: auto; }
  .bison-homepage-container .section-three-across article {
    border: none; }
  .bison-homepage-container .section-three-across .article-teaser-content {
    display: block; }
  .bison-homepage-container .section-three-column .section-container-inner .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal; }
  .bison-homepage-container .section-header a {
    color: #006dd0;
    font-family: "PT Serif", serif;
    font-size: 26px;
    line-height: 30px;
    font-weight: 200; }
  .bison-homepage-container .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal; }
  .bison-homepage-container .primary-content h1 a {
    font-weight: normal; }
  .bison-homepage-container .featured-content h2 a {
    font-weight: normal; }
  .bison-homepage-container .primary-article-content {
    min-height: 200px; }

@media (min-width: 767px) {
  .bison-homepage-container {
    grid-gap: 20px;
    grid-template: "topSponsor topSponsor topSponsor" "latest featured featured" "bannerOne bannerOne bannerOne" "firstRow firstRow sidebarOne" "firstRow firstRow jobsWidget" "secondRow secondRow liveAndAlerts" "secondRow secondRow marketingOne" "thirdRow thirdRow origamiWidget" "midSponsor midSponsor midSponsor" "fourthRow fourthRow motorsWidget" "fourthRow fourthRow searchMarketplaceWidget" "bannerTwo bannerTwo bannerTwo" "fifthRow fifthRow ." "sixthRow sixthRow ." "seventhRow seventhRow ." "eighthRow eighthRow ." "showMoreButton showMoreButton ." /1fr 1fr 310px; }
    .bison-homepage-container #banner-1 {
      grid-area: bannerOne; }
    .bison-homepage-container #banner-2-container {
      grid-area: bannerTwo; }
    .bison-homepage-container #latest {
      margin: 0 0 0 10px; }
      .bison-homepage-container #latest h1 {
        margin-top: 0; }
    .bison-homepage-container #featured, .bison-homepage-container #live-and-newsletter, .bison-homepage-container #origami, .bison-homepage-container #jobsWidget,
    .bison-homepage-container #sidebar-1, .bison-homepage-container #marketing-1, .bison-homepage-container #motors-widget, .bison-homepage-container #search-marketplace-widget {
      margin: 0 10px 0 0; }
    .bison-homepage-container #secondRow article:nth-child(1) {
      border-top: none; }
    .bison-homepage-container #firstRow article:nth-child(1), .bison-homepage-container #secondRow article:nth-child(1), .bison-homepage-container #thirdRow article:nth-child(1),
    .bison-homepage-container #fifthRow article:nth-child(1), .bison-homepage-container #sixthRow article:nth-child(1), .bison-homepage-container #seventhRow article:nth-child(1),
    .bison-homepage-container #eighthRow article:nth-child(1), .bison-homepage-container #midSponsorBanner article:nth-child(1) {
      padding-top: 0; }
    .bison-homepage-container #thirdRow .section-threeup-container {
      border-bottom: none; }
    .bison-homepage-container #thirdRow article:nth-child(3) {
      border-bottom: none; }
    .bison-homepage-container #live-and-newsletter, .bison-homepage-container #origami, .bison-homepage-container #midSponsorBanner,
    .bison-homepage-container #marketing-1, .bison-homepage-container #motors-widget, .bison-homepage-container #search-marketplace-widget {
      border-bottom: none; }
    .bison-homepage-container #latest {
      border: none;
      padding-top: unset;
      margin-top: unset; } }
  @media (min-width: 767px) and (min-width: 768px) and (max-width: 1060px) {
    .bison-homepage-container #sidebar-2, .bison-homepage-container #sidebar-3, .bison-homepage-container #nativo {
      display: none; } }

@media (min-width: 767px) {
    .bison-homepage-container #sidebar-1, .bison-homepage-container #banner-1, .bison-homepage-container #banner-2-container {
      display: block; }
    .bison-homepage-container .article-teaser-container {
      display: block; }
    .bison-homepage-container .section-three-column .section-container-inner .article-headline a {
      font-family: "PT Serif", serif;
      font-size: 14px;
      line-height: 18px; }
    .bison-homepage-container .section-three-column .section-container-inner .first-teaser .article-headline a {
      font-size: 15px;
      line-height: 18px; }
  .no-cssgrid .bison-homepage-container #topSponsorBanner, .no-cssgrid .bison-homepage-container #featured, .no-cssgrid .bison-homepage-container #firstRow, .no-cssgrid .bison-homepage-container #secondRow, .no-cssgrid .bison-homepage-container #thirdRow,
  .no-cssgrid .bison-homepage-container #fourthRow, .no-cssgrid .bison-homepage-container #midSponsorBanner, .no-cssgrid .bison-homepage-container #fifthRow, .no-cssgrid .bison-homepage-container #sixthRow, .no-cssgrid .bison-homepage-container #seventhRow,
  .no-cssgrid .bison-homepage-container #eighthRow {
    margin: auto;
    max-width: 800px; }
  .no-cssgrid .bison-homepage-container #sidebar-1, .no-cssgrid .bison-homepage-container #live-and-newsletter, .no-cssgrid .bison-homepage-container #jobsWidget {
    margin: auto;
    max-width: 300px;
    margin-top: 20px; } }

@media (min-width: 1060px) {
  .bison-homepage-container {
    max-width: 1425px;
    grid-template: "bannerOne bannerOne bannerOne" "topSponsor topSponsor topSponsor" "latest featured sidebarOne" "firstRow firstRow nativo" "bannerTwo bannerTwo bannerTwo" "secondRow secondRow origamiWidget" "thirdRow thirdRow origamiWidget" minmax(1px, max-content) "thirdRow thirdRow jobsWidget" minmax(1px, max-content) "thirdRow thirdRow jobsWidget" minmax(1px, max-content) "midSponsor midSponsor jobsWidget" minmax(1px, max-content) "fourthRow fourthRow jobsWidget" minmax(1px, max-content) "fourthRow fourthRow liveAndAlerts" minmax(1px, max-content) "fifthRow fifthRow motorsWidget" "fifthRow fifthRow searchMarketplaceWidget" "sixthRow sixthRow ." "sixthRow sixthRow sidebarTwo" "seventhRow seventhRow sidebarTwo" "seventhRow seventhRow marketingOne" "eighthRow eighthRow marketingOne" "showMoreButton showMoreButton ."/minmax(270px, 350px) 1fr minmax(310px, 350px); }
    .bison-homepage-container #featured {
      margin: 0; }
    .bison-homepage-container #firstRow .section-threeup-container, .bison-homepage-container #secondRow .section-threeup-container, .bison-homepage-container #fourthRow .section-threeup-container,
    .bison-homepage-container #fifthRow .section-threeup-container, .bison-homepage-container #sixthRow .section-threeup-container, .bison-homepage-container #seventhRow .section-threeup-container {
      border-bottom: 2px solid #d2dbe3;
      padding-bottom: 10px; }
    .bison-homepage-container #thirdRow .section-threeup-container {
      border-bottom: none; }
    .bison-homepage-container #sidebar-1 {
      display: block;
      margin: 2.56em 2em 0 0; }
    .bison-homepage-container #latest, .bison-homepage-container #firstRow,
    .bison-homepage-container #secondRow, .bison-homepage-container #thirdRow, .bison-homepage-container #fourthRow,
    .bison-homepage-container #midSponsorBanner, .bison-homepage-container #fifthRow, .bison-homepage-container #sixthRow,
    .bison-homepage-container #seventhRow, .bison-homepage-container #eighthRow {
      margin: 0 0 0 2em; }
    .bison-homepage-container #nativo, .bison-homepage-container #origami, .bison-homepage-container #jobsWidget, .bison-homepage-container #live-and-newsletter,
    .bison-homepage-container #sidebar-2, .bison-homepage-container #marketing-1, .bison-homepage-container #motors-widget, .bison-homepage-container #search-marketplace-widget {
      margin: 0 2em 0 0; }
    .bison-homepage-container #firstRow article, .bison-homepage-container #secondRow article, .bison-homepage-container #thirdRow article, .bison-homepage-container #fourthRow article,
    .bison-homepage-container #fifthRow article, .bison-homepage-container #sixthRow article, .bison-homepage-container #seventhRow article,
    .bison-homepage-container #eighthRow article, .bison-homepage-container #midSponsorBanner article {
      border: none; }
    .bison-homepage-container #fourthRow article:nth-child(1) {
      border-top: none; }
    .bison-homepage-container #firstRow article:nth-child(1), .bison-homepage-container #secondRow article:nth-child(1), .bison-homepage-container #thirdRow article:nth-child(1), .bison-homepage-container #fourthRow article:nth-child(1),
    .bison-homepage-container #fifthRow article:nth-child(1), .bison-homepage-container #sixthRow article:nth-child(1), .bison-homepage-container #seventhRow article:nth-child(1),
    .bison-homepage-container #eighthRow article:nth-child(1), .bison-homepage-container #midSponsorBanner article:nth-child(1) {
      padding-top: 15px; }
    .bison-homepage-container #sidebar-3 {
      display: none; }
    .bison-homepage-container .article-headline a {
      font-family: "PT Serif", serif;
      line-height: 28px; }
    .bison-homepage-container .section-three-column .section-container-inner .article-headline a {
      font-family: "PT Serif", serif;
      font-size: 19px;
      line-height: 24px; }
    .bison-homepage-container .section-three-column .section-container-inner .first-teaser .article-headline a {
      font-size: 20px;
      line-height: 28px; } }

/* set grid area names */
.section-template-a-homepage-container #topSponsorBanner {
  grid-area: topSponsor; }

.section-template-a-homepage-container #featured {
  grid-area: featured; }

.section-template-a-homepage-container #latest {
  grid-area: latest; }

.section-template-a-homepage-container #firstRow {
  grid-area: firstRow; }

.section-template-a-homepage-container #secondRow {
  grid-area: secondRow; }

.section-template-a-homepage-container #sidebar-1 {
  grid-area: sidebarOne; }

.section-template-a-homepage-container #sidebar-2 {
  grid-area: sidebarTwo; }

.section-template-a-homepage-container #sidebar-3 {
  grid-area: sidebarThree; }

.section-template-a-homepage-container #marketing-1 {
  grid-area: marketingOne; }

.section-template-a-homepage-container #live-and-newsletter {
  grid-area: liveAndAlerts; }

.section-template-a-homepage-container #thirdRow {
  grid-area: thirdRow; }

.section-template-a-homepage-container #fourthRow {
  grid-area: fourthRow; }

.section-template-a-homepage-container #midSponsorBanner {
  grid-area: midSponsor; }

.section-template-a-homepage-container #fifthRow {
  grid-area: fifthRow; }

.section-template-a-homepage-container #origami {
  grid-area: origamiWidget; }

.section-template-a-homepage-container #sixthRow {
  grid-area: sixthRow; }

.section-template-a-homepage-container #seventhRow {
  grid-area: seventhRow; }

.section-template-a-homepage-container #jobsWidget {
  grid-area: jobsWidget; }

.section-template-a-homepage-container #eighthRow {
  grid-area: eighthRow;
  margin: 0; }

.section-template-a-homepage-container #nativo {
  grid-area: nativo; }

.section-template-a-homepage-container #showMoreButton {
  grid-area: showMoreButton; }

.section-template-a-homepage-container #motors-widget {
  grid-area: motorsWidget; }

.section-template-a-homepage-container {
  padding: 0px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "topSponsor topSponsor" "featured featured" "firstRow firstRow" "sidebarOne sidebarOne" "latest latest" "secondRow secondRow" "liveAndAlerts liveAndAlerts" "thirdRow thirdRow" "midSponsor midSponsor" "fourthRow fourthRow" "sidebarTwo sidebarTwo" "fifthRow fifthRow" "motorsWidget motorsWidget" "origamiWidget origamiWidget" "sixthRow sixthRow" "marketingOne marketingOne" "seventhRow seventhRow" "eighthRow eighthRow" "showMoreButton showMoreButton" "sidebarThree sidebarThree"; }
  @media (max-width: 767px) {
    .section-template-a-homepage-container #banner-1, .section-template-a-homepage-container #banner-2-container, .section-template-a-homepage-container #nativo, .section-template-a-homepage-container #jobsWidget {
      display: none; }
    .section-template-a-homepage-container #featured {
      border-bottom: 2px solid #d2dbe3; } }
  .section-template-a-homepage-container #live-and-newsletter, .section-template-a-homepage-container #origami, .section-template-a-homepage-container #marketing-1,
  .section-template-a-homepage-container #midSponsorBanner, .section-template-a-homepage-container #motors-widget {
    border-bottom: 2px solid #d2dbe3; }
  .section-template-a-homepage-container #firstRow article, .section-template-a-homepage-container #secondRow article, .section-template-a-homepage-container #thirdRow article, .section-template-a-homepage-container #fourthRow article, .section-template-a-homepage-container #fifthRow article,
  .section-template-a-homepage-container #sixthRow article, .section-template-a-homepage-container #seventhRow article, .section-template-a-homepage-container #eighthRow article {
    border-bottom: 2px solid #d2dbe3;
    padding: 15px 0 10px 0; }
  .section-template-a-homepage-container #secondRow article:nth-child(1) {
    border-top: 2px solid #d2dbe3; }
  .section-template-a-homepage-container #eighthRow article:nth-child(3) {
    border-bottom: none; }
  .section-template-a-homepage-container #featured, .section-template-a-homepage-container #latest, .section-template-a-homepage-container #firstRow, .section-template-a-homepage-container #secondRow, .section-template-a-homepage-container #thirdRow,
  .section-template-a-homepage-container #fourthRow, .section-template-a-homepage-container #fifthRow, .section-template-a-homepage-container #sixthRow, .section-template-a-homepage-container #seventhRow,
  .section-template-a-homepage-container #eighthRow, .section-template-a-homepage-container #midSponsorBanner, .section-template-a-homepage-container #live-and-newsletter, .section-template-a-homepage-container #jobsWidget,
  .section-template-a-homepage-container #origami, .section-template-a-homepage-container #nativo, .section-template-a-homepage-container #marketing-1, .section-template-a-homepage-container #motors-widget {
    margin: 0 10px; }
  .section-template-a-homepage-container #latest, .section-template-a-homepage-container #marketing-1, .section-template-a-homepage-container #wdayLive, .section-template-a-homepage-container #sidebar-1,
  .section-template-a-homepage-container #midSponsorBanner, .section-template-a-homepage-container #marketing-1, .section-template-a-homepage-container #motors-widget {
    padding: 15px 0; }
  .section-template-a-homepage-container #live-and-newsletter {
    padding: 0  0 10px 0; }
  .section-template-a-homepage-container #origami {
    padding-top: 15px; }
  .section-template-a-homepage-container #topSponsorBanner {
    margin: 10px 10px 0 10px; }
  .section-template-a-homepage-container #bisonSectionSubsection {
    margin-bottom: 0px; }
  .section-template-a-homepage-container #sidebar-1, .section-template-a-homepage-container #sidebar-2, .section-template-a-homepage-container #sidebar-3,
  .section-template-a-homepage-container #jobsWidget {
    margin: 0 auto; }
  .section-template-a-homepage-container #showMoreButton a {
    color: #ffffff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    width: 124px;
    border-radius: 4px;
    background-color: #0057a6;
    padding: 0px;
    min-width: auto; }
  .section-template-a-homepage-container .section-three-across article {
    border: none; }
  .section-template-a-homepage-container .section-three-across .article-teaser-content {
    display: block; }
  .section-template-a-homepage-container .section-three-column .section-container-inner .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal; }
  .section-template-a-homepage-container .section-header a {
    color: #006dd0;
    font-family: "PT Serif", serif;
    font-size: 26px;
    line-height: 30px;
    font-weight: 200; }
  .section-template-a-homepage-container .article-headline a {
    font-family: "PT Serif", serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal; }
  .section-template-a-homepage-container .primary-content h1 a {
    font-weight: normal; }
  .section-template-a-homepage-container .featured-content h2 a {
    font-weight: normal; }
  .section-template-a-homepage-container .primary-article-content {
    min-height: 200px; }

@media (min-width: 767px) {
  .section-template-a-homepage-container {
    grid-gap: 20px;
    grid-template: "topSponsor topSponsor topSponsor" "latest featured featured" "bannerOne bannerOne bannerOne" "firstRow firstRow sidebarOne" "firstRow firstRow jobsWidget" "secondRow secondRow liveAndAlerts" "secondRow secondRow marketingOne" "thirdRow thirdRow origamiWidget" "midSponsor midSponsor midSponsor" "fourthRow fourthRow motorsWidget" "bannerTwo bannerTwo bannerTwo" "fifthRow fifthRow ." "sixthRow sixthRow ." "seventhRow seventhRow ." "eighthRow eighthRow ." "showMoreButton showMoreButton ." /1fr 1fr 310px; }
    .section-template-a-homepage-container #banner-1 {
      grid-area: bannerOne; }
    .section-template-a-homepage-container #banner-2-container {
      grid-area: bannerTwo; }
    .section-template-a-homepage-container #latest {
      margin: 0 0 0 10px; }
      .section-template-a-homepage-container #latest h1 {
        margin-top: 0; }
    .section-template-a-homepage-container #featured, .section-template-a-homepage-container #live-and-newsletter, .section-template-a-homepage-container #origami, .section-template-a-homepage-container #jobsWidget,
    .section-template-a-homepage-container #sidebar-1, .section-template-a-homepage-container #marketing-1, .section-template-a-homepage-container #motors-widget {
      margin: 0 10px 0 0; }
    .section-template-a-homepage-container #secondRow article:nth-child(1) {
      border-top: none; }
    .section-template-a-homepage-container #firstRow article:nth-child(1), .section-template-a-homepage-container #secondRow article:nth-child(1), .section-template-a-homepage-container #thirdRow article:nth-child(1),
    .section-template-a-homepage-container #fifthRow article:nth-child(1), .section-template-a-homepage-container #sixthRow article:nth-child(1), .section-template-a-homepage-container #seventhRow article:nth-child(1),
    .section-template-a-homepage-container #eighthRow article:nth-child(1), .section-template-a-homepage-container #midSponsorBanner article:nth-child(1) {
      padding-top: 0; }
    .section-template-a-homepage-container #thirdRow .section-threeup-container {
      border-bottom: none; }
    .section-template-a-homepage-container #thirdRow article:nth-child(3) {
      border-bottom: none; }
    .section-template-a-homepage-container #live-and-newsletter, .section-template-a-homepage-container #origami, .section-template-a-homepage-container #midSponsorBanner,
    .section-template-a-homepage-container #marketing-1, .section-template-a-homepage-container #motors-widget {
      border-bottom: none; }
    .section-template-a-homepage-container #latest {
      border: none;
      padding-top: unset;
      margin-top: unset; } }
  @media (min-width: 767px) and (min-width: 768px) and (max-width: 1060px) {
    .section-template-a-homepage-container #sidebar-2, .section-template-a-homepage-container #sidebar-3, .section-template-a-homepage-container #nativo {
      display: none; } }

@media (min-width: 767px) {
    .section-template-a-homepage-container #sidebar-1, .section-template-a-homepage-container #banner-1, .section-template-a-homepage-container #banner-2-container {
      display: block; }
    .section-template-a-homepage-container .article-teaser-container {
      display: block; }
    .section-template-a-homepage-container .section-three-column .section-container-inner .article-headline a {
      font-family: "PT Serif", serif;
      font-size: 14px;
      line-height: 18px; }
    .section-template-a-homepage-container .section-three-column .section-container-inner .first-teaser .article-headline a {
      font-size: 15px;
      line-height: 18px; }
  .no-cssgrid .section-template-a-homepage-container #topSponsorBanner, .no-cssgrid .section-template-a-homepage-container #featured, .no-cssgrid .section-template-a-homepage-container #firstRow, .no-cssgrid .section-template-a-homepage-container #secondRow, .no-cssgrid .section-template-a-homepage-container #thirdRow,
  .no-cssgrid .section-template-a-homepage-container #fourthRow, .no-cssgrid .section-template-a-homepage-container #midSponsorBanner, .no-cssgrid .section-template-a-homepage-container #fifthRow, .no-cssgrid .section-template-a-homepage-container #sixthRow, .no-cssgrid .section-template-a-homepage-container #seventhRow,
  .no-cssgrid .section-template-a-homepage-container #eighthRow {
    margin: auto;
    max-width: 800px; }
  .no-cssgrid .section-template-a-homepage-container #sidebar-1, .no-cssgrid .section-template-a-homepage-container #live-and-newsletter, .no-cssgrid .section-template-a-homepage-container #jobsWidget {
    margin: auto;
    max-width: 300px;
    margin-top: 20px; } }

@media (min-width: 1060px) {
  .section-template-a-homepage-container {
    max-width: 1425px;
    grid-template: "bannerOne bannerOne bannerOne" "topSponsor topSponsor topSponsor" "latest featured sidebarOne" "firstRow firstRow nativo" "bannerTwo bannerTwo bannerTwo" "secondRow secondRow origamiWidget" "thirdRow thirdRow origamiWidget" minmax(1px, max-content) "thirdRow thirdRow jobsWidget" minmax(1px, max-content) "thirdRow thirdRow jobsWidget" minmax(1px, max-content) "midSponsor midSponsor jobsWidget" minmax(1px, max-content) "fourthRow fourthRow jobsWidget" minmax(1px, max-content) "fourthRow fourthRow liveAndAlerts" minmax(1px, max-content) "fifthRow fifthRow motorsWidget" "sixthRow sixthRow ." "sixthRow sixthRow sidebarTwo" "seventhRow seventhRow sidebarTwo" "seventhRow seventhRow marketingOne" "eighthRow eighthRow marketingOne" "showMoreButton showMoreButton ."/minmax(270px, 350px) 1fr minmax(310px, 350px); }
    .section-template-a-homepage-container #featured {
      margin: 0; }
    .section-template-a-homepage-container #firstRow .section-threeup-container, .section-template-a-homepage-container #secondRow .section-threeup-container, .section-template-a-homepage-container #fourthRow .section-threeup-container,
    .section-template-a-homepage-container #fifthRow .section-threeup-container, .section-template-a-homepage-container #sixthRow .section-threeup-container, .section-template-a-homepage-container #seventhRow .section-threeup-container {
      border-bottom: 2px solid #d2dbe3;
      padding-bottom: 10px; }
    .section-template-a-homepage-container #thirdRow .section-threeup-container {
      border-bottom: none; }
    .section-template-a-homepage-container #sidebar-1 {
      display: block;
      margin: 2.56em 2em 0 0; }
    .section-template-a-homepage-container #latest, .section-template-a-homepage-container #firstRow,
    .section-template-a-homepage-container #secondRow, .section-template-a-homepage-container #thirdRow, .section-template-a-homepage-container #fourthRow,
    .section-template-a-homepage-container #midSponsorBanner, .section-template-a-homepage-container #fifthRow, .section-template-a-homepage-container #sixthRow,
    .section-template-a-homepage-container #seventhRow, .section-template-a-homepage-container #eighthRow {
      margin: 0 0 0 2em; }
    .section-template-a-homepage-container #nativo, .section-template-a-homepage-container #origami, .section-template-a-homepage-container #jobsWidget, .section-template-a-homepage-container #live-and-newsletter,
    .section-template-a-homepage-container #sidebar-2, .section-template-a-homepage-container #marketing-1, .section-template-a-homepage-container #motors-widget {
      margin: 0 2em 0 0; }
    .section-template-a-homepage-container #firstRow article, .section-template-a-homepage-container #secondRow article, .section-template-a-homepage-container #thirdRow article, .section-template-a-homepage-container #fourthRow article,
    .section-template-a-homepage-container #fifthRow article, .section-template-a-homepage-container #sixthRow article, .section-template-a-homepage-container #seventhRow article,
    .section-template-a-homepage-container #eighthRow article, .section-template-a-homepage-container #midSponsorBanner article {
      border: none; }
    .section-template-a-homepage-container #fourthRow article:nth-child(1) {
      border-top: none; }
    .section-template-a-homepage-container #firstRow article:nth-child(1), .section-template-a-homepage-container #secondRow article:nth-child(1), .section-template-a-homepage-container #thirdRow article:nth-child(1), .section-template-a-homepage-container #fourthRow article:nth-child(1),
    .section-template-a-homepage-container #fifthRow article:nth-child(1), .section-template-a-homepage-container #sixthRow article:nth-child(1), .section-template-a-homepage-container #seventhRow article:nth-child(1),
    .section-template-a-homepage-container #eighthRow article:nth-child(1), .section-template-a-homepage-container #midSponsorBanner article:nth-child(1) {
      padding-top: 15px; }
    .section-template-a-homepage-container #sidebar-3 {
      display: none; }
    .section-template-a-homepage-container .article-headline a {
      font-family: "PT Serif", serif;
      line-height: 28px; }
    .section-template-a-homepage-container .section-three-column .section-container-inner .article-headline a {
      font-family: "PT Serif", serif;
      font-size: 19px;
      line-height: 24px; }
    .section-template-a-homepage-container .section-three-column .section-container-inner .first-teaser .article-headline a {
      font-size: 20px;
      line-height: 28px; } }

#template-a-top-sponsor {
  width: 100%;
  max-width: 1400px;
  padding: 0 0 1.5vh 0;
  display: flex;
  flex-wrap: nowrap; }
  #template-a-top-sponsor a {
    width: 100%; }
  #template-a-top-sponsor img {
    max-width: 100%;
    height: auto;
    border: none; }
  #template-a-top-sponsor img.desktop {
    display: none; }
  #template-a-top-sponsor img.mobile {
    display: block; }

@media (min-width: 1064px) {
  #template-a-top-sponsor {
    padding: 20px; } }

@media (min-width: 560px) {
  #template-a-top-sponsor img.desktop {
    display: block; }
  #template-a-top-sponsor img.mobile {
    display: none; } }

#template-a-mid-sponsor {
  width: 100%;
  max-width: 1023px;
  padding: 20px 35px;
  display: flex;
  flex-wrap: nowrap; }
  #template-a-mid-sponsor a {
    width: 100%; }
  #template-a-mid-sponsor img {
    max-width: 100%;
    height: auto;
    border: none; }
  #template-a-mid-sponsor img.desktop {
    display: none; }
  #template-a-mid-sponsor img.mobile {
    display: block; }

@media (min-width: 560px) {
  #template-a-mid-sponsor {
    margin: auto; }
    #template-a-mid-sponsor a {
      max-width: 100%;
      width: 100%; }
    #template-a-mid-sponsor img.desktop {
      display: block; }
    #template-a-mid-sponsor img.mobile {
      display: none; } }

@media (max-width: 768px) {
  #template-a-mid-sponsor {
    padding: 0;
    margin-bottom: 7px; } }

@media (min-width: 999px) {
  .section-template-a-homepage-container .section-header-large {
    margin: 5px 0px 0px 0px; } }

/*-------- weather page --------*/
.origami {
  grid-area: origami; }

.jobsWidget {
  grid-area: jobsWidget; }

.weatherTop {
  grid-area: weatherTop; }

.weather-page-container .section-header {
  grid-area: weatherHeader; }

.weather-current-block {
  grid-area: weatherCurrentBlock; }

.weather-widget {
  grid-area: weatherWidget; }

.weather-forecast-block {
  grid-area: weatherForecast;
  max-width: -webkit-fill-available; }

.newsletter-conditions {
  grid-area: weatherLinks; }

.weather-map {
  grid-area: weatherMap; }

.weather-team-container {
  grid-area: weatherTeam;
  justify-self: center; }

.latestTop {
  grid-area: latestTop; }

.latestMiddle {
  grid-area: latestMiddle; }

.latestBottom {
  grid-area: latestBottom; }

.bottomLeftSidebar {
  grid-area: bottomLeftSidebar; }

.bottomRightSidebar {
  grid-area: unset;
  display: none; }

.topRightSidebar {
  grid-area: unset;
  display: none; }

#motors-widget {
  grid-area: motorsWidget; }

#search-marketplace-widget {
  grid-area: searchMarketplaceWidget; }

#bannerOne {
  grid-area: bannerOne; }

#__wxMap, .container {
  overflow: hidden; }

.weatherCurrentBlock {
  grid-area: weatherCurrentBlock;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
  grid-template-areas: "weatherCurrentBlock"; }

.weatherUpperTop {
  grid-area: weatherUpperTop;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
  grid-template-areas: "weatherWidget" "weatherForecast"; }

#weather-webcast {
  max-width: 768px; }

#forecast-carousel {
  margin-top: 20px; }

.weatherUpperBottom {
  grid-area: weatherUpperBottom;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
  grid-template-areas: "weatherMap" "weatherTeam"; }

.sectionLatestWeather {
  grid-area: sectionLatest;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
  grid-template-areas: "latestTop" "origami" "latestMiddle" "bottomLeftSidebar" "latestBottom"; }
  .sectionLatestWeather h3.section-header {
    margin: 0; }

.weather-page-container {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
  grid-template-areas: "bannerOne" "weatherHeader" "weatherCurrentBlock" "weatherUpperTop" "weatherLinks" "weatherUpperBottom" "jobsWidget" "sectionLatest" "motorsWidget" "searchMarketplaceWidget"; }
  .weather-page-container .marketing-newsletter-image {
    margin-bottom: 15px; }

.bottomLeftSidebar, .jobsWidget, .origami, .topRightSidebar, #motors-widget, #search-marketplace-widget {
  margin: 0 auto; }

@media (min-width: 768px) {
  .bottomRightSidebar {
    grid-area: bottomRightSidebar;
    display: initial; }
  .topRightSidebar {
    grid-area: topRightSidebar;
    display: initial; }
  .sectionLatestWeather {
    grid-area: sectionLatest;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px;
    grid-template-areas: "latestTop origami" "latestMiddle origami" "latestMiddle bottomLeftSidebar" "latestMiddle bottomLeftSidebar" "latestMiddle bottomLeftSidebar" "latestMiddle bottomLeftSidebar" "latestBottom ...."; }
  .weatherCurrentBlock {
    grid-area: weatherCurrentBlock;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px;
    grid-template-areas: "weatherCurrentBlock"; }
  .weatherUpperTop {
    grid-area: weatherUpperTop;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px;
    grid-template-areas: "weatherWidget" "weatherForecast"; }
  .weatherUpperBottom {
    grid-area: weatherUpperBottom;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px;
    grid-template-areas: "weatherMap" "weatherTeam"; }
  .weather-page-container {
    grid-template-columns: calc(100% - 320px) 300px;
    grid-row: auto;
    grid-template-areas: "bannerOne bannerOne" "weatherHeader weatherHeader" "weatherCurrentBlock weatherCurrentBlock" "weatherUpperTop weatherLinks" "weatherUpperTop topRightSidebar" "weatherUpperTop ...." "weatherUpperBottom jobsWidget" "weatherUpperBottom bottomRightSidebar" "weatherUpperBottom motorsWidget" "weatherUpperBottom searchMarketplaceWidget" "weatherUpperBottom ...." "sectionLatest ...." "sectionLatest ...."; }
  .topRightSidebar, .bottomRightSidebar,
  .origami, .bottomLeftSidebar {
    justify-self: center; }
  .leftSidebar, .rightSidebar {
    margin: 0; }
  .no-cssgrid .weather-page-container > div {
    margin-top: 20px; } }

@media (min-width: 999px) {
  .sectionLatestWeather {
    grid-area: sectionLatest;
    display: grid;
    grid-template-columns: 300px auto;
    grid-gap: 0 20px;
    grid-template-areas: "origami latestTop" "bottomLeftSidebar latestTop" "bottomLeftSidebar latestMiddle" "bottomLeftSidebar latestMiddle" "bottomLeftSidebar latestBottom" ".... latestBottom"; }
  .weatherCurrentBlock {
    grid-area: weatherCurrentBlock;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px;
    grid-template-areas: "weatherCurrentBlock"; }
  .weatherUpperTop {
    max-width: -webkit-fill-available;
    grid-area: weatherUpperTop;
    display: grid;
    grid-template-columns: 50% 48%;
    grid-gap: 20px;
    grid-template-areas: "weatherWidget weatherForecast"; }
  .weatherUpperBottom {
    grid-area: weatherUpperBottom;
    display: grid;
    grid-template-columns: auto 300px;
    grid-gap: 20px;
    grid-template-areas: "weatherMap weatherTeam"; }
  .weather-page-container {
    max-width: 1427px;
    margin: auto;
    grid-template-columns: calc(100% - 320px) 300px;
    grid-gap: 20px;
    grid-template-areas: "bannerOne bannerOne" "weatherHeader weatherHeader" "weatherCurrentBlock weatherCurrentBlock" "weatherUpperTop weatherLinks" "weatherUpperTop topRightSidebar" "weatherUpperTop topRightSidebar" "weatherUpperBottom topRightSidebar" "weatherUpperBottom topRightSidebar" "sectionLatest jobsWidget" "sectionLatest bottomRightSidebar" "sectionLatest motorsWidget" "sectionLatest searchMarketplaceWidget" "sectionLatest ...."; }
  .leftSidebar, .rightSidebar {
    margin: 0; } }

#article-section-header {
  grid-area: Article-header; }

#article-section-body {
  grid-area: Article-body; }

#article-section-related {
  grid-area: Article-related; }

#article-section-footer {
  grid-area: Article-footer; }

#aside {
  grid-area: Aside; }

#gatecity-sponsor {
  grid-area: BMZ-banner; }

#topSponsorBanner {
  grid-area: topSponsorBanner; }

.article-story-page-container {
  display: grid;
  margin: auto;
  padding: 0 10px;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "BMZ-banner BMZ-banner" "topSponsorBanner topSponsorBanner" "Article-header Article-header" "Article-body Article-body" "Aside Aside" "Article-related Article-related" "Article-footer Article-footer"; }
  .article-story-page-container .category-list-container {
    font-size: 13px;
    line-height: 1.5; }
  .article-story-page-container #gatecity-sponsor {
    margin-top: 1em; }
  .article-story-page-container div[id^="jwpVideo"] {
    margin-bottom: 20px; }
  .article-story-page-container #wdayLive {
    padding-bottom: 15px; }
  .article-story-page-container #piano-inline-container .tp-container-inner {
    margin-top: 20px;
    margin-bottom: 10px; }
  .article-story-page-container #aside {
    justify-self: center; }
    .article-story-page-container #aside #live-and-newsletter, .article-story-page-container #aside .jobsWidget, .article-story-page-container #aside #marketing-1-container,
    .article-story-page-container #aside #marketing-1-footer, .article-story-page-container #aside #article-tablet-container,
    .article-story-page-container #aside #article-tablet-2-container {
      display: none; }
  .article-story-page-container #bannerOne {
    display: none; }
  .article-story-page-container .in-article-container {
    position: relative;
    height: 90px;
    display: contents; }
    .article-story-page-container .in-article-container #in-article {
      position: absolute;
      display: contents; }
  .article-story-page-container .article-tag-list {
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2dbe3; }
    .article-story-page-container .article-tag-list h3 {
      margin: 20px 10px 0 0;
      font-family: "PT Serif", serif;
      font-weight: 300; }
    .article-story-page-container .article-tag-list .tag-item {
      float: left;
      margin-right: 10px;
      padding: 5px 10px; }
  .article-story-page-container #article-mobile-container {
    margin: 20px 0; }
  .article-story-page-container .article-footer {
    margin-top: 20px;
    border-top: none; }
  .article-story-page-container .related-media {
    max-width: 96%;
    margin: auto auto 20px; }
  .article-story-page-container #article-section-related .related-media {
    max-width: 93%;
    margin: 0 0 20px 2%; }
  @media (max-width: 767px) {
    .article-story-page-container #article-section-related .related-media {
      max-width: 96%; } }
  .article-story-page-container #article-section-related .fcc-slider {
    max-width: 680px; }
  .article-story-page-container .inline-element {
    margin: auto; }
    .article-story-page-container .inline-element #counter {
      left: 0; }
  .article-story-page-container #article-section-footer {
    width: 100%; }
  .article-story-page-container #marketing-1-mobile-container {
    margin-top: 20px; }
  .article-story-page-container .article-body h1, .article-story-page-container .article-body h2, .article-story-page-container .article-body h3 {
    line-height: 1.3; }
  .article-story-page-container .article-body h4, .article-story-page-container .article-body h5, .article-story-page-container .article-body h6 {
    line-height: 1.5; }

@media (min-width: 768px) {
  .article-story-page-container {
    max-width: 1075px;
    grid-template-columns: 50px 1fr 300px;
    padding-right: 15px;
    grid-template-areas: "bannerOne bannerOne bannerOne" "BMZ-banner BMZ-banner BMZ-banner" "topSponsorBanner topSponsorBanner topSponsorBanner" ". Article-header  Aside" ". Article-body Aside" ". Article-related Aside" "Article-footer Article-footer Article-footer"; }
    .article-story-page-container #article-section-body {
      margin-right: 20px; }
    .article-story-page-container #marketing-1-mobile-container, .article-story-page-container .mobile-origami {
      display: none; }
    .article-story-page-container #article-section-body .article-header-media {
      margin-top: 10px; }
    .article-story-page-container #article-section-body #article-mobile-container,
    .article-story-page-container #article-section-footer #marketing-1-footer,
    .article-story-page-container #article-section-body #live-and-newsletter {
      display: none; }
    .article-story-page-container .article-tag-list h3 {
      margin: 0 10px 0 0; }
    .article-story-page-container #aside {
      display: flex;
      flex-direction: column; }
      .article-story-page-container #aside #live-and-newsletter, .article-story-page-container #aside .jobsWidget, .article-story-page-container #aside #marketing-1-container,
      .article-story-page-container #aside #marketing-1-footer, .article-story-page-container #aside #article-tablet-container,
      .article-story-page-container #aside #article-tablet-2-container {
        display: block; } }

@media (max-width: 767px) {
  .origami {
    display: none; }
  .article-story-page-container .related-media {
    margin: auto; }
  .mobile-origami {
    margin-top: 20px; } }

@media (min-width: 999px) {
  .article-story-page-container {
    grid-template-columns: 150px 1fr 300px;
    grid-template-areas: "bannerOne bannerOne bannerOne" "BMZ-banner BMZ-banner BMZ-banner" "topSponsorBanner topSponsorBanner topSponsorBanner" ". Article-header  Aside" ". Article-body Aside" ". Article-related Aside" ". Article-footer Aside";
    max-width: 1200px;
    padding-right: 4vw; } }
  @media (min-width: 999px) and (min-width: 1390px) {
    .article-story-page-container {
      grid-template-columns: 150px minmax(748px, 1fr) 300px; } }

@media (min-width: 999px) {
    .article-story-page-container #bannerOne {
      grid-area: bannerOne;
      display: block; }
    .article-story-page-container #article-section-body .article-body .in-article-container {
      display: contents; }
    .article-story-page-container #article-tablet-container, .article-story-page-container #article-tablet-2-container {
      display: none; }
    .article-story-page-container #aside .tablet-1 {
      order: 1; }
    .article-story-page-container #aside .jobs {
      order: 3; }
    .article-story-page-container #aside .newsletter {
      order: 2; }
    .article-story-page-container #aside .sidebar-mid {
      order: 4; }
    .article-story-page-container #aside .market-1 {
      order: 5; }
    .article-story-page-container #aside .origami {
      order: 6; }
    .article-story-page-container #aside .motors-widget {
      order: 7; }
    .article-story-page-container #aside .search-marketplace-widget {
      order: 7; }
    .article-story-page-container #aside .tablet-2 {
      order: 8; }
    .article-story-page-container #aside .schema {
      order: 9; } }

@media (min-width: 1275px) {
  .article-story-page-container {
    padding-right: 0; } }

@media only screen and (max-width: 800px) and (min-width: 400px) {
  .related-media button.next {
    right: -77%; } }

@media only screen and (max-width: 399px) {
  .related-media button.next {
    right: -73%; } }

@media only screen and (max-width: 320px) {
  .related-media button.next {
    right: -70%; } }

.social-sharing {
  padding: 0;
  margin: 0;
  text-align: center; }
  .social-sharing .at-share-btn {
    margin: 0 10px 5px 0; }

#bottom-social-share {
  margin: 24px 0 14px 0; }

#top-social-share {
  margin: 0 0 11px 0; }

@media (min-width: 768px) {
  #article-section-body {
    position: relative; }
    #article-section-body #top-social-share {
      position: absolute;
      -webkit-flex-direction: column;
      flex-direction: column;
      width: 35px;
      margin: 0;
      padding: 0;
      left: -60px;
      top: 10px; }
      #article-section-body #top-social-share .at-share-btn {
        margin: 0 0 12px 0; }
  #bottom-social-share {
    display: none; } }

@media (min-width: 999px) {
  #article-section-body {
    position: relative; }
    #article-section-body #top-social-share {
      left: -108px;
      top: 20px; } }

@media only screen and (max-width: 767px) {
  .inline-element #counter {
    left: 23%; } }

@media only screen and (min-width: 481px) and (max-width: 580px) {
  .inline-element #counter {
    left: 16%; } }

@media only screen and (min-width: 421px) and (max-width: 480px) {
  .inline-element #counter {
    left: 6%; } }

.trending-news-ticker {
  max-width: 1425px;
  margin: auto; }

@media (max-width: 768px) {
  .video-landing-page-container {
    margin-bottom: 20px; } }

#ncs-embed {
  display: none;
  width: 1px;
  min-width: 100%;
  border: none; }

.extraText {
  display: none; }

.checkout {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.subscribePromo {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  bottom: 0px;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #ffffff;
  display: none; }
  .subscribePromo .outerDiv {
    max-width: 100%;
    display: block;
    text-align: center; }
  .subscribePromo .text, .subscribePromo .extraText {
    font-family: "Source Sans Pro", sans-serif; }
  .subscribePromo .text {
    display: inline;
    padding-right: 10px; }
  @media (min-width: 999px) {
    .subscribePromo .text {
      display: none; } }
  .subscribePromo .subscribe-btn {
    display: inline;
    padding: 10px 20px 10px 20px;
    height: 28px;
    min-width: 90px;
    margin-left: 15px;
    border-radius: 4px;
    text-align: center;
    background-color: #006dd0;
    cursor: pointer; }
    .subscribePromo .subscribe-btn .btn-text {
      color: #ffffff;
      line-height: 2;
      font-family: "Source Sans Pro", sans-serif; }

@media (min-width: 768px) {
  .subscribePromo {
    width: 100%; } }

@media (min-width: 999px) {
  .subscribePromo {
    max-width: 1044px; }
  .extraText {
    display: inline; } }

#pianoTemplateClickOverlay {
  position: absolute;
  top: 0px;
  display: none; }

.errorContainer {
  display: none;
  text-align: center;
  padding: 10px; }
  .errorContainer #activateContainer {
    display: block; }
  @media only screen and (max-width: 767px) {
    .errorContainer .activateContainer .activateSectionDescription {
      height: 70px; }
    .errorContainer .activateSectionHeading {
      height: 45px; } }

/*------- Our News Network page ------
  ------- _news-network.twig ---------*/
.news-network-header {
  background: url("https://static.forumcomm.com/images/network-page/network-background.png") no-repeat;
  background-color: #004584;
  background-size: cover;
  color: #ffffff;
  max-width: 1325px;
  margin: 0 auto; }
  .news-network-header .header-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0; }
    .news-network-header .header-container .arrows img {
      max-width: 70px;
      height: 100%;
      margin-right: 15px;
      display: flex;
      padding-top: 5px; }
    .news-network-header .header-container h1 {
      font-family: "Oswald", sans-serif;
      font-size: 2.3rem;
      margin: 0; }
    @media (min-width: 560px) and (max-width: 767px) {
      .news-network-header .header-container .arrows img {
        max-width: 90px; }
      .news-network-header .header-container h1 {
        font-size: 2.6rem; } }
    @media screen and (min-width: 768px) {
      .news-network-header .header-container .arrows img {
        max-width: 115px; }
      .news-network-header .header-container h1 {
        font-size: 3.5rem; } }

.news-network-main {
  /* Accordion Tab styles */
  /* Accordion tab when open */ }
  .news-network-main .intro {
    max-width: 90%;
    margin: 0 auto;
    padding: 2em 0 1.5em;
    display: flex;
    justify-content: center;
    align-content: center; }
    @media (min-width: 768px) {
      .news-network-main .intro {
        max-width: 80%; } }
    @media (min-width: 999px) {
      .news-network-main .intro {
        max-width: 75%; } }
    @media (min-width: 1275px) {
      .news-network-main .intro {
        max-width: 70%; } }
    .news-network-main .intro img {
      max-width: 100px;
      align-self: center;
      margin-right: 10px; }
    .news-network-main .intro p {
      color: #1e1f21;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 1em; }
      @media (min-width: 560px) {
        .news-network-main .intro p {
          font-size: 1.2em; } }
      @media (min-width: 768px) {
        .news-network-main .intro p {
          font-size: 1.3em; } }
  .news-network-main input {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .news-network-main .tabs {
    overflow: hidden;
    width: 90%;
    margin: 1em auto 2em;
    padding: 0 2em;
    /* Tab Content */ }
    @media (min-width: 768px) {
      .news-network-main .tabs {
        width: 85%; } }
    @media (min-width: 999px) {
      .news-network-main .tabs {
        width: 80%; } }
    @media (min-width: 1275px) {
      .news-network-main .tabs {
        width: 75%; } }
    .news-network-main .tabs .tab {
      width: 100%;
      color: #004584;
      overflow: hidden;
      box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
      margin: 0 auto 1em;
      /* Icon */ }
      .news-network-main .tabs .tab .tab-label {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1em;
        background: #d2dbe3;
        font-weight: bold;
        cursor: pointer;
        font-size: 1.2em;
        font-family: "Source Sans Pro", sans-serif;
        height: 60px; }
        .news-network-main .tabs .tab .tab-label:hover {
          background: #c1cad3; }
        .news-network-main .tabs .tab .tab-label:visited {
          background: #d2dbe3; }
        .news-network-main .tabs .tab .tab-label span {
          display: flex;
          align-items: center; }
          .news-network-main .tabs .tab .tab-label span img {
            max-width: 40px;
            margin-right: .75em; }
      .news-network-main .tabs .tab .tab-label::after {
        content: "\276F";
        width: 1em;
        height: 1em;
        text-align: center;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -ms-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s; }
        @media (min-width: 999px) {
          .news-network-main .tabs .tab .tab-label::after {
            -webkit-transition: all .75s;
            -moz-transition: all .75s;
            -ms-transition: all .75s;
            -o-transition: all .75s;
            transition: all .75s; } }
    .news-network-main .tabs .tab-content {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      max-height: 0;
      padding: 0 2em;
      background: #ffffff;
      overflow: hidden;
      -webkit-transition: max-height .35s ease-in-out;
      -moz-transition: max-height .35s ease-in-out;
      -ms-transition: max-height .35s ease-in-out;
      -o-transition: max-height .35s ease-in-out;
      transition: max-height .35s ease-in-out; }
      @media (min-width: 999px) {
        .news-network-main .tabs .tab-content {
          -webkit-transition: max-height .75s ease-in-out;
          -moz-transition: max-height .75s ease-in-out;
          -ms-transition: max-height .75s ease-in-out;
          -o-transition: max-height .75s ease-in-out;
          transition: max-height .75s ease-in-out; } }
      .news-network-main .tabs .tab-content a {
        min-height: 65px;
        display: flex;
        align-items: center; }
      .news-network-main .tabs .tab-content img {
        max-width: 155px; }
      .news-network-main .tabs .tab-content > * {
        margin: 10px 15px; }
  .news-network-main .tabs .tab input:checked + .tab-label {
    background: #c1cad3; }
  .news-network-main .tabs .tab input:checked + .tab-label::after {
    transform: rotate(90deg); }
  .news-network-main .tabs .tab input:checked ~ .tab-content {
    max-height: 100%; }

/* set grid area names */
#aside {
  grid-area: Aside; }

.article-list {
  grid-area: List; }

.latest-stack-item {
  grid-area: List; }

#section-one {
  grid-area: Sect-one; }

#bannerOne {
  grid-area: bannerOne; }

.content-page-container {
  max-width: 1075px;
  margin: 50px auto;
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: 1fr 300px;
  grid-auto-flow: column;
  grid-template-areas: "Sect-one Aside" "List Aside"; }
  .content-page-container #section-one {
    margin-right: 0;
    margin-left: 0; }
  .content-page-container article {
    margin: 3% 0; }
    @media (max-width: 560px) {
      .content-page-container article .teaser-article-headline {
        font-size: 1.2em; } }
    @media (max-width: 320px) {
      .content-page-container article .teaser-article-headline {
        font-size: 1em; }
      .content-page-container article .timestamp {
        font-size: 0.7em; } }
  .content-page-container .classified-listing-gallery {
    max-width: 96%;
    margin: auto;
    padding-right: 20px; }

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .content-page-container {
    max-width: 999px;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 300px;
    grid-auto-flow: column;
    justify-content: space-around;
    grid-template-areas: "Sect-one Aside" "List Aside"; }
    .content-page-container .classified-listing-gallery {
      max-width: 86%; } }

@media only screen and (max-width: 800px) and (min-width: 768px) {
  .classified-listing-gallery button.next {
    right: -74%; } }

@media only screen and (max-width: 767px) and (min-width: 321px) {
  .content-page-container {
    max-width: 500px;
    margin: 20px auto;
    grid-template-columns: 1fr;
    grid-template-areas: "Sect-one" "List" "Aside"; }
    .content-page-container .paid-content-photo {
      margin-bottom: 25px; } }

@media only screen and (max-width: 320px) {
  .content-page-container {
    max-width: 300px;
    margin: auto;
    grid-template-columns: 277px;
    grid-template-areas: "Sect-one" "List" "Aside"; }
    .content-page-container .category-list-container {
      font-size: 13px;
      line-height: 1.5; }
    .content-page-container #aside {
      justify-self: center; }
    .content-page-container .twoColumnGridWithFixedRight200 {
      width: 300px; } }

/*----- Obits and Milestones section page layout -------------*/
.obits-content-page-container {
  max-width: 1075px;
  margin: 50px auto;
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: 1fr 300px;
  grid-auto-flow: column;
  grid-template-areas: "bannerOne bannerOne" "Sect-one Aside" "List Aside"; }
  .obits-content-page-container #section-one {
    margin-right: 0;
    margin-left: 0; }
  .obits-content-page-container article {
    margin: 3% 0; }
    @media (max-width: 560px) {
      .obits-content-page-container article .teaser-article-headline {
        font-size: 1.2em; } }
    @media (max-width: 320px) {
      .obits-content-page-container article .teaser-article-headline {
        font-size: 1em; }
      .obits-content-page-container article .timestamp {
        font-size: 0.7em; } }

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .obits-content-page-container {
    max-width: 999px;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 300px;
    grid-auto-flow: column;
    justify-content: space-around;
    grid-template-areas: "bannerOne bannerOne" "Sect-one Aside" "List Aside"; } }

@media only screen and (max-width: 767px) and (min-width: 321px) {
  .obits-content-page-container {
    max-width: 500px;
    margin: 20px auto;
    grid-template-columns: 1fr;
    grid-template-areas: "bannerOne" "Sect-one" "List" "Aside"; }
    .obits-content-page-container .paid-content-photo {
      margin-bottom: 25px; } }

@media only screen and (max-width: 320px) {
  .obits-content-page-container {
    max-width: 300px;
    margin: auto;
    grid-template-columns: 277px;
    grid-template-areas: "bannerOne" "Sect-one" "List" "Aside"; }
    .obits-content-page-container .category-list-container {
      font-size: 13px;
      line-height: 1.5; }
    .obits-content-page-container #aside {
      justify-self: center; }
    .obits-content-page-container .twoColumnGridWithFixedRight200 {
      width: 300px; } }

/*----- videos (and photo galleries) section page layout -----------*/
/*-----
 * TODO: refine to make more generic and reusable - with it being a
 * suitable layout for galleries, it has been reused there but is
 * still very video specific in class names, etc.
 * NOTE: this would also be affected by a potential video page redesign.
 -----*/
.videos-section-page {
  /* set grid area names */
  max-width: 1075px;
  margin: 35px auto;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 300px;
  grid-template-rows: minmax(1px, auto);
  grid-auto-flow: column;
  grid-template-areas: "header header" "Sect-one Aside" "Sect-two Aside" "Sect-three Aside" "Sect-four Aside" "Sect-five Aside" "Sect-six Aside" "Sect-showmore Aside"; }
  .videos-section-page #header {
    grid-area: header; }
  .videos-section-page #section-two {
    grid-area: Sect-two; }
  .videos-section-page #section-three {
    grid-area: Sect-three; }
  .videos-section-page #section-four {
    grid-area: Sect-four; }
  .videos-section-page #section-five {
    grid-area: Sect-five; }
  .videos-section-page #section-six {
    grid-area: Sect-six; }
  .videos-section-page #section-showmore {
    grid-area: Sect-showmore; }
  .videos-section-page #header, .videos-section-page #section-one, .videos-section-page #section-two, .videos-section-page #section-three, .videos-section-page #section-four,
  .videos-section-page #section-five, .videos-section-page #section-six, .videos-section-page #section-showmore {
    margin-left: 15px;
    margin-right: 20px; }
  @media (min-width: 767px) {
    .videos-section-page #aside {
      justify-self: center;
      margin-left: -25px; }
      .videos-section-page #aside .sidebar {
        margin-bottom: 20px; } }

@media (min-width: 767px) and (max-width: 998px) {
  .videos-section-page #section-two .section-video-teaser, .videos-section-page #section-four .section-video-teaser, .videos-section-page #section-six .section-video-teaser {
    max-width: 315px; }
  .videos-section-page #section-one .section-video-teaser, .videos-section-page #section-three .section-video-teaser, .videos-section-page #section-five .section-video-teaser {
    max-width: 209px; } }

@media (min-width: 999px) {
  .videos-section-page #section-two .section-video-teaser, .videos-section-page #section-four .section-video-teaser, .videos-section-page #section-six .section-video-teaser {
    max-width: 358px; }
  .videos-section-page #section-one .section-video-teaser, .videos-section-page #section-three .section-video-teaser, .videos-section-page #section-five .section-video-teaser {
    max-width: 227px; } }

@media only screen and (max-width: 767px) {
  .videos-section-page {
    max-width: 500px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0.9em;
    grid-column-gap: 0;
    align-content: start;
    grid-template-areas: "header" "Sect-one" "Sect-two" "Sect-three" "Sect-four" "Sect-five" "Sect-six" "Sect-showmore" "Aside"; }
    .videos-section-page #section-one,
    .videos-section-page #section-two,
    .videos-section-page #section-three,
    .videos-section-page #section-four,
    .videos-section-page #section-five,
    .videos-section-page #section-six,
    .videos-section-page #section-showmore,
    .videos-section-page #aside {
      max-width: 500px;
      height: auto;
      justify-self: center; }
      .videos-section-page #section-one .sidebar-1,
      .videos-section-page #section-two .sidebar-1,
      .videos-section-page #section-three .sidebar-1,
      .videos-section-page #section-four .sidebar-1,
      .videos-section-page #section-five .sidebar-1,
      .videos-section-page #section-six .sidebar-1,
      .videos-section-page #section-showmore .sidebar-1,
      .videos-section-page #aside .sidebar-1 {
        margin-bottom: 20px; } }

@media only screen and (max-width: 404px) {
  .videos-section-page #section-one,
  .videos-section-page #section-two,
  .videos-section-page #section-three,
  .videos-section-page #section-four,
  .videos-section-page #section-five,
  .videos-section-page #section-six,
  .videos-section-page #section-showmore,
  .videos-section-page #aside {
    max-width: 316px;
    height: auto;
    justify-self: center; } }

/* ------ topic intro & personal landing page -------------------- */
.twoColumnGridWithFixedRight200 img {
  border: none; }

@media (max-width: 570px) and (min-width: 320px) {
  .margin-top-25 {
    margin-top: 0.5rem; }
  .teaser-item-spacing-border {
    margin-bottom: 0.55rem;
    padding-bottom: 0.55rem; }
  .latest-stack-item .twoColumnGridWithFixedRight200 {
    display: grid;
    grid-template-columns: 1fr 200px;
    grid-gap: .6rem;
    grid-template-areas: "flex fixed"; }
    .latest-stack-item .twoColumnGridWithFixedRight200 img {
      margin-top: 0; } }
  @media (max-width: 570px) and (min-width: 320px) and (max-width: 560px) {
    .latest-stack-item .twoColumnGridWithFixedRight200 .teaser-article-headline {
      font-size: 1.2em; } }

@media (max-width: 320px) {
  .latest-stack-item .twoColumnGridWithFixedRight200 {
    grid-template-columns: 1fr 100px;
    width: 277px; }
    .latest-stack-item .twoColumnGridWithFixedRight200 .teaser-article-headline {
      font-size: 1em; }
    .latest-stack-item .twoColumnGridWithFixedRight200 .timestamp {
      font-size: 0.7em; } }

/*----- personality landing page layout -----------*/
.personality .personality-page {
  grid-area: Sect-one; }
  .personality .personality-page .twoColumnFlex {
    border-bottom: none;
    padding: 1.56rem 0 0 0; }
  .personality .personality-page .body-text-container p br {
    display: none; }

.personality-related {
  grid-area: List; }

@media (min-width: 1000px) {
  .personality.content-page-container {
    grid-template-rows: auto 1fr; } }

/*----- my account page layout -----------*/
.my-account-container {
  max-width: 1400px;
  margin: 50px auto;
  display: flex; }

@media only screen and (max-width: 1400px) and (min-width: 560px) {
  .my-account-container {
    margin-left: 10px;
    margin-right: 10px; } }

/*----- subscribe page layout -----------*/
#alreadySubscribed {
  display: none; }

@media (min-width: 1000px) {
  .subscribe-container, .newsletter-container {
    margin-top: 63px; } }

.subscribe-container {
  background-color: #ffffff; }

.calendar-container {
  margin: 10px; }

.subscribeListContainer {
  text-align: center; }

/*----- Make newsletter Iframe mobile responsive -----------*/
@media only screen and (min-width: 1089px) and (max-width: 1130px) {
  .paywall-container #sailthru_account {
    height: 580px; } }

@media only screen and (min-width: 586px) and (max-width: 906px) {
  .paywall-container #sailthru_account {
    height: 680px; } }

@media only screen and (min-width: 560px) and (max-width: 585px) {
  .paywall-container #sailthru_account {
    height: 800px; } }

@media only screen and (min-width: 376px) and (max-width: 560px) {
  .paywall-container #sailthru_account {
    height: 665px; } }

@media only screen and (max-width: 375px) {
  .paywall-container #sailthru_account {
    height: 840px; } }

/*------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .subscribeListContainer {
    height: 100%; } }

/*----- my account side nav bar layout -----------*/
@media only screen and (max-width: 560px) {
  #mySidenav {
    display: none; }
  .my-account-container #mySidenavMobile {
    display: block; }
  .my-account-container .paywall-container {
    margin-left: 0px;
    margin-top: 0px;
    border-radius: 0px;
    box-shadow: none;
    width: 87%; }
  .container .my-account-container {
    margin: auto; }
  #subscriptionlink_account {
    height: 1910px; }
  .myAccountHeaders {
    display: none; }
  .paywall-container #headerMobile {
    display: block; } }

#headerMobile {
  display: none;
  font-size: 18px;
  margin-left: 12px; }

#headerMobile .fas {
  font-size: 12px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle; }

#mySidenavMobile {
  display: none;
  text-align: -webkit-center; }

.sidenavMobile .far {
  font-size: 26px;
  margin: auto;
  color: #ffffff; }

.sidenavMobile .fas {
  font-size: 26px;
  margin: auto;
  color: black; }

.sidenavMobile a:visited {
  color: inherit !important; }

.sidenavMobile .active {
  background-color: #ffffff; }

#profileLink {
  margin-top: 20px; }

.sidenavMobile a {
  display: block;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  line-height: 29px;
  display: flex;
  height: 38px;
  width: 40px;
  border-radius: 4px;
  margin-bottom: 8px; }

.sidenavMobile a:hover {
  border-radius: 4px;
  background-color: #ffffff;
  font-weight: 400;
  color: #1e1f21; }

.sidenavMobile {
  width: 48px !important;
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  background-color: #004584;
  overflow-x: hidden;
  /* Disable horizontal scroll */ }

.sidenav {
  /* 100% Full-height */
  width: 310px;
  /* 0 width - change this with JavaScript */
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  background-color: #f7f8fa;
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  min-width: 210px !important; }

.sidenav h1 {
  color: #1e1f21;
  font-family: "Source Sans Pro";
  font-size: 30px;
  line-height: 32px;
  font-weight: 100; }

.sidenav a {
  padding: 12px 0px 12px 0px;
  display: block;
  color: #1e1f21;
  font-family: "Source Sans Pro";
  font-size: 16px;
  line-height: 29px;
  display: flex; }

.sidenav a:hover {
  border-radius: 4px;
  background-color: #ffffff;
  font-weight: 400;
  color: #1e1f21; }

.sidenav a:hover .far {
  display: none; }

.sidenav a:hover .fas {
  display: inline; }

.sidenav .far {
  padding-right: 12px;
  font-size: 30px;
  padding-left: 10px; }

.sidenav .fas {
  padding-right: 12px;
  font-size: 30px;
  padding-left: 10px;
  display: none; }

.paywall-container {
  width: 84%;
  margin-left: 35px;
  margin-top: 56px; }

.paywall-container {
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 28, 54, 0.25); }

.paywall-container-content {
  margin-left: 35px; }

#epaper-message {
  margin-bottom: 35px;
  color: #545556; }

.sidenav .active {
  font-weight: 400;
  color: #006dd0 !important;
  background-color: #DDE9F4 !important;
  border-radius: 4px; }

.myAccountHeaders {
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 32px;
  font-weight: 100;
  margin-left: 34px;
  margin-top: 34px; }

#my-account {
  margin-left: 34px;
  margin-right: 34px; }

@media only screen and (max-width: 560px) {
  #my-account {
    margin-left: 15px;
    margin-right: 15px; } }

.sidenavMobile #logoutLink {
  background-color: #004584; }

.sidenav #logoutLinkDesktop {
  background-color: #f7f8fa; }

/*----- my account benefits page ----------*/
.accessEpaperContainer,
.accessBenefitsContainer {
  display: none; }

/*----- my account help section -----------*/
.help-FAQs {
  font-family: sans-serif;
  line-height: 1.5;
  margin: 36px 25px 0 25px; }
  .help-FAQs h2 {
    font-size: 1.15em;
    border-bottom: 2px solid #D2DBE3;
    margin-top: 1.2em;
    margin-bottom: 1em;
    padding-bottom: 8px; }
  .help-FAQs h3 {
    margin-bottom: 0; }
  .help-FAQs p {
    margin-top: 0.5em;
    margin-bottom: 2em; }
    .help-FAQs p .brand-color {
      color: #006dd0; }
  .help-FAQs a {
    font-size: 17px;
    color: #006dd0; }
    .help-FAQs a:visited {
      color: #006dd0; }
  .help-FAQs .anchor {
    display: block;
    position: relative;
    top: -120px; }
  .help-FAQs .FAQs-links {
    max-width: 528px;
    margin-bottom: 2.5em; }
    .help-FAQs .FAQs-links li {
      color: #006dd0; }
    .help-FAQs .FAQs-links .sub-Qs-list {
      margin-top: 0; }
  .help-FAQs p.services-list {
    margin-bottom: 0; }
  .help-FAQs ul.services-list {
    margin-bottom: 2.8em; }
  .help-FAQs .subscription-Qs {
    padding-left: 23px; }
  .help-FAQs a[href^="mailto:"] {
    overflow-wrap: break-word;
    word-wrap: break-word; }

@media only screen and (min-width: 768px) {
  .help-FAQs {
    margin: 36px 34px 0 34px; }
    .help-FAQs a[href^="tel:"] {
      color: #1e1f21;
      text-decoration: none; }
      .help-FAQs a[href^="tel:"]:hover {
        cursor: default;
        color: #1e1f21; } }

#spingo-container .sg-sticky-wrap.sg-sticky {
  position: static; }

#single-page-container .body-text-container {
  text-align: justify; }
  #single-page-container .body-text-container a {
    font-family: "PT Serif", serif;
    color: #006dd0; }
    #single-page-container .body-text-container a:hover {
      text-decoration: underline; }

#single-page-container ol {
  margin: 0.8em 0; }

#single-page-container h1 {
  text-decoration: underline; }

.accessBenefits {
  border-color: #ffcd03;
  background: #ffcd03;
  color: #1e1f21;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  text-shadow: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 900;
  padding: 12px;
  border-radius: 9px;
  line-height: 1.125;
  font-size: 1rem;
  -webkit-transition: color 0.2s linear,background 0.2s linear,border-color 0.2s linear, text-shadow 0.2s linear;
  transition: color 0.2s linear,background 0.2s linear,border-color 0.2s linear, text-shadow 0.2s linear;
  cursor: pointer; }

.accessBenefitsContainer {
  background: #0066cc;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  border-radius: 0px 0px 6px 6px; }

.privacy-container .body-text-container h3 {
  font-weight: 400;
  text-decoration: underline;
  margin-bottom: 0; }

.privacy-container .body-text-container p.no-top-margin {
  margin: 0 0; }

.privacy-container .body-text-container .no-bottom-margin {
  margin-bottom: 0; }

.comics-container img {
  width: auto;
  max-width: 100%; }

.comics-container #single-page-container .body-text-container {
  text-align: left; }

.puzzles {
  margin: 8px 0px;
  width: 766px; }

@media only screen and (max-width: 1139px) and (min-width: 812px) {
  .puzzles {
    max-width: 500px; } }

@media only screen and (max-width: 811px) and (min-width: 460px) {
  .puzzles {
    max-width: 500px; } }

@media only screen and (max-width: 459px) {
  .puzzles {
    max-width: 250px; } }

.error-page {
  overflow-x: hidden; }
  .error-page .main-header {
    height: auto; }
  .error-page .site-masthead {
    display: block;
    margin: 0 auto;
    height: auto;
    width: 90%;
    max-width: 550px;
    padding-top: 50px; }
  .error-page .breaksmall {
    display: none; }
  .error-page .breakbig {
    display: block; }
  .error-page .line-container {
    position: relative;
    margin-top: 32px; }
  .error-page .line-container .line {
    position: absolute;
    height: 2px;
    background-color: #a3afba;
    opacity: 0.25;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .error-page .container {
    padding-top: 25px;
    padding-bottom: 40px;
    width: 100%;
    display: block;
    margin: auto;
    text-align: center; }
  .error-page .container h1 {
    font-size: 35px; }
  .error-page .nav-links {
    padding-top: 25px;
    padding-bottom: 25px; }
  .error-page .nav-links a {
    font-weight: bold;
    color: #006dd0; }

@media (min-width: 768px) {
  .error-page .container h1 {
    font-size: 50px; }
  .error-page .breaksmall {
    display: inline; }
  .error-page .breakbig {
    display: none; } }

#newsletter-iframe {
  width: 1px;
  min-width: 100%;
  border: none; }

/*# sourceMappingURL=layout.css.map */