@charset "UTF-8";
/*pre-sets -- not Forum approved colors ***************/
/* Brand colors *****************************************************/
@import url("https://fonts.googleapis.com/css?family=Oswald|Source+Sans+Pro");
@import url("https://fonts.googleapis.com/css?family=PT+Serif");
.primary {
  color: #1e1f21; }

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

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

.secondary {
  color: #0057a6; }

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

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

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

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

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

a {
  font-family: "Source Sans Pro", sans-serif;
  color: #1e1f21;
  text-decoration: none; }
  a:hover {
    color: #006dd0; }

/* inline rich-text link styling */
.body-text-container a {
  font-family: "Source Sans Pro", sans-serif;
  color: #006dd0;
  text-decoration: none; }
  .body-text-container a:hover {
    text-decoration: underline; }

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

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

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

.section-label {
  font-size: 0.75em;
  font-weight: 600;
  padding: 5px 0; }

.article-headline {
  font-family: "PT Serif", serif;
  font-size: 1.3em;
  font-weight: 900;
  margin-top: 7px; }
  .article-headline a {
    font-family: "PT Serif", serif;
    font-weight: 900; }
  .article-headline h3 {
    margin-bottom: 0.3rem; }

.section-header {
  font-family: "Oswald", sans-serif;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #1e1f21;
  border-bottom: #1e1f21 solid 0.1em;
  padding-bottom: 0.2em; }
  .section-header a {
    color: #1e1f21;
    font-family: "Oswald", sans-serif; }

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

.section-header-large {
  margin: 0;
  font-family: "Oswald", sans-serif;
  font-size: 2.2rem;
  text-transform: uppercase;
  color: #1e1f21;
  border-bottom: #1e1f21 solid 0.06em;
  padding-bottom: 0.2em;
  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: #0057a6;
  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: #0057a6;
  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; }

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

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

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

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

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

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

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

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

.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: 18% 0;
  background: #ffffff; }

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

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

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

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

.icon-play-button {
  position: absolute;
  cursor: pointer;
  height: 150px;
  fill: #c1cad3;
  opacity: 0.7;
  top: 50%;
  left: 50%;
  transform: translate(-30%, -44%);
  -ms-transform: translate(-50%, -50%); }
  .icon-play-button:hover {
    fill: #006dd0; }
  @media (max-width: 768px) {
    .icon-play-button {
      height: 178px;
      top: 50%; } }
  @media (max-width: 560px) {
    .icon-play-button {
      height: 121px;
      top: 47%;
      left: 43%; } }

.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 {
    height: 100%;
    top: 6%;
    left: 10%;
    width: 100%;
    text-align: center;
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%); }
    .playlist li a .icon-play-button:hover {
      fill: #006dd0; }

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

.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: #fff;
  display: block;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  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 {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative; }
  .embed-iframe iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

#top-leaderboard, #bottom-leaderboard-container {
  margin-top: 11px;
  margin-bottom: 11px; }

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

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

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

.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 {
  padding: 20px 0px;
  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;
    top: -26px;
    left: 38px; }

.map {
  height: 20rem; }

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

#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-live-container {
  width: 100%;
  max-width: 300px;
  margin: 0 auto; }
  .wday-live-container h1, .wday-live-container .imgDesktop {
    display: none; }
  .wday-live-container .imgMobile {
    display: block; }

@media (min-width: 560px) {
  .wday-live-container h1, .wday-live-container .imgDesktop {
    display: block; }
  .wday-live-container .imgMobile {
    display: none; } }

/*----- masthead and logo -----*/
.site-masthead {
  display: none; }

@media (min-width: 768px) {
  .site-masthead {
    margin: 0 auto;
    padding: 15px 0;
    height: auto;
    width: 380px;
    display: block; } }

/*----- top navigation bar (weather and hqs) -----*/
.top-nav {
  height: 30px;
  background-color: #1e1f21;
  font-family: "Source Sans Pro", sans-serif;
  padding: 5px 25px;
  width: 100%;
  z-index: 21; }
  .top-nav .weather {
    float: left;
    display: block;
    min-width: 400px; }
    .top-nav .weather .header-weather {
      display: flex; }
      .top-nav .weather .header-weather .weather-alerts, .top-nav .weather .header-weather .weather-announcements {
        display: flex;
        padding-left: 8px;
        font-weight: 400;
        border-bottom: none; }
      .top-nav .weather .header-weather a {
        display: flex;
        color: #ffffff;
        height: 23px;
        padding: 2px 6px 3px 6px; }
        .top-nav .weather .header-weather a:hover {
          color: #ffffff;
          background-color: #545556; }
        .top-nav .weather .header-weather a:focus-within {
          border: 1px dotted #c1cad3;
          outline: none;
          margin: -1px; }
      .top-nav .weather .header-weather .red-circle {
        text-align: center;
        background-color: #e72323;
        min-width: 20px;
        height: 20px;
        border-radius: 50%; }
      .top-nav .weather .header-weather h5 {
        margin-top: 2px;
        margin-left: 6px;
        font-weight: 400; }
  .top-nav .hq-nav {
    display: none; }

/*------ header & main navigation menu -----*/
.header {
  background-color: #ffffff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  max-height: 66px;
  z-index: 21; }
  .header .menu-label {
    display: none; }
  .header .search-label {
    display: none; }
  .header #search-popup-mobile {
    display: none; }
  .header .search-menu {
    margin: auto;
    margin-right: 20px; }
    .header .search-menu .icon-search {
      height: 20px;
      fill: #1e1f21; }
    .header .search-menu:hover {
      cursor: pointer; }
      .header .search-menu:hover .icon-search {
        fill: #006dd0; }
  .header #search-popup {
    position: absolute;
    display: none;
    left: 770px;
    z-index: 21; }
    .header #search-popup .search-body {
      padding: 12px;
      background-color: #f5f6f7;
      border: 1px solid #b0bbc6;
      position: relative;
      margin-top: 0; }
      .header #search-popup .search-body .input-search-icon {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 11px;
        padding: 10px; }
        .header #search-popup .search-body .input-search-icon:hover {
          opacity: 0.5; }
        .header #search-popup .search-body .input-search-icon svg {
          height: 14px;
          opacity: 0.7; }
    .header #search-popup .arrow-up {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #f6f6f8;
      margin: auto;
      margin-bottom: -1px;
      margin-top: -10px;
      z-index: 5;
      position: relative; }
    .header #search-popup .arrow-up-background {
      width: 0;
      height: 0;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      border-bottom: 11px solid #b9c3cd;
      margin: auto;
      margin-top: -8px;
      z-index: 4;
      position: relative; }
    .header #search-popup input {
      padding: 5px;
      width: 300px;
      font-size: 14px; }
      .header #search-popup input::placeholder {
        text-transform: capitalize; }
  @media (max-width: 1274px) {
    .header .search-menu {
      display: none; }
    .header #search-popup {
      display: none; }
    .header #search-popup-mobile {
      position: relative;
      display: block;
      top: 0;
      left: 0; }
    .header .arrow-up, .header .arrow-up-background {
      display: none; }
    .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: 20px;
        top: 20px; }
        .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 #b0bbc6;
      padding: 5px;
      font-size: 14px; }
      .header #search-popup-mobile input::placeholder {
        text-transform: capitalize; } }
  .header .home-logo {
    width: 160px;
    flex: 0 1 auto;
    display: table-cell;
    vertical-align: middle;
    float: left;
    margin: auto; }
  .header .home-logo img {
    vertical-align: middle; }
  .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; }
  .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 .hq-nav {
    background-color: #f7f8f9;
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out; }
  .header .hq-nav {
    display: block;
    box-shadow: 1px 1px 4px 0 #c1cad3; }
    .header .hq-nav ul {
      list-style-type: none;
      margin: 0;
      min-width: 400px; }
  .header .current-weather {
    display: none; }

@media (max-width: 560px) {
  .sticky-mobile {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 21; } }

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

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

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  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;
  box-shadow: 0px 2px 4px 0 rgba(30, 31, 33, 0.5); }

.menu-outer {
  clear: both;
  overflow-x: auto;
  max-height: 0; }

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

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

@media (min-width: 425px) and (max-width: 1275px) {
  .header .current-weather {
    display: block;
    float: right; } }

ul .displaynone {
  display: none; }

@media (min-width: 1275px) {
  .top-nav .hq-nav {
    display: block; }
  .hq-nav {
    clear: none;
    float: right;
    margin: 0;
    list-style-type: none;
    min-width: 400px; }
    .hq-nav li {
      float: left;
      margin-left: 2px; }
    .hq-nav li a {
      background-color: #1e1f21;
      color: #ffffff;
      font-size: 14px;
      text-align: center;
      padding: 3px 6px;
      text-decoration: none; }
    .hq-nav li a:hover {
      background-color: #545556; }
    .hq-nav li a:focus {
      border: 1px dotted #f7f8f9;
      margin: -1px;
      outline: none; }
  .sticky .header.hamburgler {
    display: block; }
    .sticky .header.hamburgler .home-logo {
      float: unset;
      display: block;
      margin: 0 auto; }
    .sticky .header.hamburgler .menu-icon {
      display: inline-block; }
    .sticky .header.hamburgler .menu-outer {
      clear: both;
      overflow-x: auto; }
    .sticky .header.hamburgler .menu {
      background-color: #f7f8f9;
      clear: both;
      max-height: 0;
      transition: max-height .2s ease-out;
      width: 400px; }
  .header {
    display: flex;
    justify-content: flex-start; }
    .header .hq-nav {
      display: none; }
    .header .search-menu {
      padding-right: 0;
      outline: none;
      display: block;
      position: absolute;
      right: 200px;
      padding: 20px 0;
      margin-right: 0; }
      .header .search-menu:focus-within {
        border: 1px dotted #c1cad3;
        margin: -1px; }
      .header .search-menu a {
        padding: 19px; }
    .header .current-weather {
      display: block;
      position: absolute;
      padding: 0;
      right: 120px; }
      .header .current-weather:hover {
        background-color: #f7f8f9;
        color: #006dd0;
        cursor: pointer;
        padding-bottom: 1px; }
      .header .current-weather:focus-within {
        border-top: none;
        border-bottom: none;
        margin: 0 -1px; }
      .header .current-weather a {
        padding: 18px 50px 16px 15px;
        display: block; }
        .header .current-weather a:focus {
          border-top: none; }
    .header .home-logo {
      display: none; }
      .header .home-logo a:focus {
        border: 1px dotted #c1cad3;
        outline: none;
        margin: -1px; }
      .header .home-logo a:hover {
        background-color: #f7f8f9; }
    .header li {
      float: left;
      margin-left: 2px; }
      .header li:first-of-type {
        border-top: none; }
    .header li a {
      padding: 21px 14px;
      font-size: 16px; }
    .header .menu {
      clear: none;
      max-height: none;
      flex: 3 1 auto; }
    .header .menu-outer {
      clear: none;
      max-height: none;
      flex: 3 1 auto;
      margin-left: 1%;
      height: auto;
      overflow: hidden; }
    .header .menu-icon {
      display: none; }
    .header li a:hover,
    .header .hq-nav li a:hover {
      background-color: #f7f8f9; }
    .header .menu,
    .header .hq-nav {
      background-color: #ffffff00; }
  .header.hamburgler .menu-btn:checked ~ .menu-outer {
    height: 100%;
    max-width: 400px; }
  .header.hamburgler {
    background-color: #ffffff;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    max-height: 57px;
    z-index: 21; }
    .header.hamburgler .menu-icon {
      padding: 15px 25px; }
      .header.hamburgler .menu-icon .navicon {
        display: inline-block; }
    .header.hamburgler .menu-label {
      display: inline-block;
      float: right;
      font-family: "Source Sans Pro", sans-serif;
      margin-left: 10px;
      margin-top: 2px; }
    .header.hamburgler li {
      float: none; }
    .header.hamburgler li a {
      display: block;
      font-size: 14px;
      padding: 10px 20px;
      text-decoration: none; }
    .header.hamburgler .menu,
    .header.hamburgler .hq-nav {
      background-color: #f7f8f9;
      clear: both;
      max-height: 0;
      transition: max-height .2s ease-out;
      flex: none; }
    .header.hamburgler .hq-nav {
      display: none;
      box-shadow: 1px 1px 4px 0 #c1cad3; }
      .header.hamburgler .hq-nav ul {
        list-style-type: none;
        margin: 0;
        min-width: 400px; }
    .header.hamburgler .search-label {
      display: inline-block;
      font-family: "Source Sans Pro", sans-serif;
      color: #000000; }
    .header.hamburgler .search-menu {
      display: inline-block;
      left: 140px;
      right: unset;
      padding-top: 17px; }
      .header.hamburgler .search-menu .icon-search {
        display: inline-block;
        vertical-align: middle; }
    .header.hamburgler #search-popup {
      display: none;
      top: 90px; }
    .header.hamburgler #search-popup-mobile {
      display: none; } }

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

.section-video-teaser .placeholder {
  padding: 0; }

.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 h2 {
  font-size: 1.7em; }

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

.section {
  padding: 5px 0;
  border-bottom: 1px solid #d2dbe3; }

.featured-article-container {
  border-right: 1px solid #d2dbe3; }
  @media (max-width: 767px) {
    .featured-article-container {
      border-right: none; } }

.featured-article-content {
  min-height: 150px; }
  @media (max-width: 767px) {
    .featured-article-content {
      min-height: 117px; } }

.featured-article-text {
  background-color: #ffffff;
  padding: 10px 15px;
  text-align: left; }
  .featured-article-text h2 {
    margin: 0.25em 0; }

.primary-article-container {
  width: 100%;
  max-width: 1105px;
  margin: 0 auto;
  position: relative;
  background-color: #1e1f21; }
  .primary-article-container:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0; }

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

.primary-article-image {
  position: relative;
  top: 0;
  left: 0;
  font-size: 0;
  width: 100%;
  max-height: 486px;
  overflow: hidden; }
  .primary-article-image .image {
    height: 100%; }
  .primary-article-image .image:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent 0%, rgba(30, 31, 33, 0) 10%, rgba(30, 31, 33, 0.5) 28%, rgba(30, 31, 33, 0.8) 40%, rgba(30, 31, 33, 0.95) 50%, #1e1f21 70%); }
  .primary-article-image a img {
    width: 100%; }

.primary-article-block {
  max-width: 460px;
  position: absolute;
  padding: 1px 0;
  z-index: 20; }

.primary-article-text {
  background-color: #ffffff;
  padding: 30px;
  text-align: left; }
  .primary-article-text h1 {
    margin: 0.25em 0;
    font-size: 2em; }

@media (max-width: 560px) {
  .primary-article-text h1 {
    font-size: 1.5em; }
  .featured-article-text h2 {
    font-size: 1.3em; }
  .article-teaser h3 {
    font-size: 1.1em; } }

@media (max-width: 999px) {
  .primary-article-block {
    bottom: 10px;
    right: 10px;
    margin-left: 10px; }
  .primary-article-image {
    height: 450px; }
  .primary-article-image a img,
  .primary-article-image svg {
    margin: 0; }
  .primary-article-text h1 {
    font-size: 1.4em; }
  .featured-article-text h2 {
    font-size: 1.2em; }
  .article-teaser h3 {
    font-size: 1.0em; } }

@media (min-width: 560px) {
  .primary-article-image a img {
    margin: -5% 0 0 -5; } }

@media (min-width: 999px) {
  .primary-article-image .image:before {
    background-image: linear-gradient(to right, transparent 0%, transparent 30%, rgba(30, 31, 33, 0.2) 40%, rgba(30, 31, 33, 0.7) 54%, rgba(30, 31, 33, 0.9) 64%, #1e1f21 70%); }
  .primary-article-image a img {
    margin: 0 0 0 -26%; }
  .primary-article-block {
    right: 100px; }
  .no-cssgrid .primary-article-block {
    top: 10%; } }

@media (min-width: 999px) {
  .primary-article-image a img {
    margin: 0;
    object-fit: cover;
    object-position: center; } }

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

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

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

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

.section-subsections {
  font-size: 1em;
  margin-bottom: 30px;
  border-bottom: 0.2em solid #1e1f21;
  position: relative;
  display: flex;
  justify-content: space-between; }
  .section-subsections .section-label {
    font-size: .64em; }
  .section-subsections h3 {
    border-bottom: none;
    display: inline-block; }

div.section-nav {
  position: relative;
  height: 59px;
  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 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 .more-dropdown {
      outline: none; }
  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; }
      div.section-nav ul.section-menu li a:focus {
        border: 1px dotted #c1cad3;
        margin: -1px; }
    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; }
    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; } }

.current-weather-container {
  font-family: "Source Sans Pro", sans-serif; }
  .current-weather-container h2 {
    font-family: initial;
    font-size: 1.8em;
    margin: 0; }
  .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; }

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

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

@media screen and (min-width: 48em) {
  .main-header {
    height: 245px; } }

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

.footer {
  background-color: #1e1f21;
  color: #ffffff; }
  .footer ul {
    list-style-type: none;
    margin-left: -40px;
    margin-top: 7px; }
  .footer a {
    color: #ffffff;
    line-height: 1.8; }
    .footer a:hover {
      color: #006dd0; }
  .footer h3 {
    margin-bottom: 0px;
    margin-top: 1.8em; }
  .footer .company {
    display: inline;
    font-family: "PT Serif", serif; }
  .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 {
  max-width: 370px;
  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 {
  width: 300px;
  margin: auto; }
  .latest-container .latest-content {
    border: 1px solid #d2dbe3;
    padding-bottom: 12px;
    background-color: #ffffff; }
    .latest-container .latest-content h3 {
      margin: 0;
      font-size: 0.975em; }
      @media (max-width: 767px) {
        .latest-container .latest-content h3 {
          font-size: 1.2em; } }
    .latest-container .latest-content .breaking {
      margin: 0; }
    .latest-container .latest-content .more-link {
      margin: 10px;
      text-decoration: underline; }
    .latest-container .latest-content article {
      border-bottom: 1px solid #d2dbe3;
      padding: 10px; }
      .latest-container .latest-content article:last-child {
        border-bottom: none; }

.featured-content {
  display: grid;
  grid-template-columns: 3fr;
  max-width: 1105px;
  margin: 0 auto;
  background-color: #ffffff; }

@media (max-width: 768px) {
  .featured-content {
    border: 1px solid #d2dbe3; }
    .featured-content article {
      border-bottom: 1px solid #d2dbe3; }
      .featured-content article:last-child {
        border-right: none; } }

@media (max-width: 999px) {
  .featured-content h2 {
    font-size: 1.08em; } }

@media (min-width: 768px) {
  .featured-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    border-bottom: 1px solid #d2dbe3; }
    .featured-content article:last-child {
      border-right: none; } }

.section-container {
  max-width: 800px; }

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

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

.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: 1.3em; }

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

@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"; } }

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

@media (max-width: 768px) {
  .section-three-across {
    display: flex;
    flex-wrap: wrap; }
    .section-three-across article {
      margin-bottom: 20px;
      flex: 1;
      padding: 5px; }
      .section-three-across article:first-child {
        flex: 2;
        min-width: 100%; } }

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

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

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

.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: .06rem solid #C1CAD3;
  margin-bottom: 1.55rem;
  padding-bottom: 1.55rem; }
  .teaser-item-spacing-border:last-child {
    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 {
  border-top: 2px solid #1e1f21;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  padding-top: 10px; }
  @media (max-width: 767px) {
    #article-header {
      display: block; } }
  #article-header .written-by, #article-header .share {
    font-size: 16px;
    font-weight: 600;
    font-family: "PT Serif", serif;
    color: #000000; }
  #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-leadtext {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: #1e1f21; }
  #article-header .article-header-info {
    flex: 1 1;
    padding-top: 15px; }
    #article-header .article-header-info .social-sharing {
      padding: 0;
      margin-top: 10px;
      margin-bottom: 0; }
    #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; }

.related-media {
  margin-top: 20px; }

@media (max-width: 768px) {
  .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: 2;
      min-width: 100%; } }

.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 {
  background-color: #1e1f21; }
  .videos-section .section-header {
    color: #ffffff;
    border-bottom: #ffffff solid 0.1em;
    padding-top: 1em;
    margin: 10px 20px; }
    .videos-section .section-header a {
      color: #ffffff; }
      .videos-section .section-header a:hover {
        color: #006dd0; }
  .videos-section #video-banner-container {
    padding-bottom: 20px; }

.video-slider-container {
  display: flex;
  flex-direction: column;
  background-color: #1e1f21;
  /* Customize font style and positioning for title */ }
  .video-slider-container p {
    font-size: 1em;
    font-family: "PT Serif", serif; }
  .video-slider-container .player {
    margin: 0 20px;
    display: flex; }
    .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 .jwplayer.jw-skin-fcc.jw-state-idle .jw-title {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center; }
    .video-slider-container .jwplayer.jw-skin-fcc.jw-state-idle .jw-title .jw-title-primary {
      font-family: "PT Serif", serif;
      white-space: normal; }
  .video-slider-container .more-videos-teaser {
    width: 100%;
    padding: 0 30px;
    margin: 1em 0;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none; }
    .video-slider-container .more-videos-teaser::-webkit-scrollbar {
      display: none; }

.playlist-slider-wrapper {
  overflow: auto;
  background: #1e1f21; }

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

.playlist-slider {
  display: flex;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0; }
  .playlist-slider li {
    object-fit: cover; }
  .playlist-slider li a {
    height: 100%;
    color: white;
    padding: 0 0.5em;
    display: block;
    cursor: pointer;
    text-align: left; }
  .playlist-slider p {
    margin: 0;
    color: #ffffff;
    /* 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 */
    line-height: 1em;
    /* fallback */
    max-height: 4em;
    /* fallback */ }
  .playlist-slider time {
    color: #c1cad3;
    font-weight: 100; }
  .playlist-slider .playlist-item {
    margin: 0 .5em;
    cursor: pointer; }

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

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

a.active .playlist-item-playing,
a .playlist-item-playing.more-videos-link {
  color: white;
  display: block; }

.playlist-thumbnail {
  width: 100%; }

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

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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "<"; }
    [dir="rtl"] .slick-prev:before {
      content: ">"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ">"; }
    [dir="rtl"] .slick-next:before {
      content: "<"; }

.main-body {
  font-family: "PT Serif", serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #1e1f21; }
  .main-body a {
    color: #006dd0; }
    .main-body a:hover {
      text-decoration: underline; }
  .main-body .first-p {
    font-size: 26px;
    line-height: 30px; }
  .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; }

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

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

.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 5px;
  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: 1px solid #d2dbe3; }
  .homepage-weather-widget .weather-header {
    display: flex;
    height: 80px;
    align-items: center;
    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; } }
  @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 .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; }

/* ------ Blank Pages -------------------- */
.content-two-page-container {
  max-width: 1075px;
  margin: 20px auto;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 70% 300px;
  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: 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; } }

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

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

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

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

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

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

.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 #jobsWidget {
  grid-area: jobsWidget; }

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

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

.homepage-container #threeup-sections-top {
  grid-area: threeupTop; }

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

.homepage-container #secondary-block {
  grid-area: secondaryBlock; }

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

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

.homepage-container #threeup-sections-bottom {
  grid-area: threeupBottom; }

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

.homepage-container #dfp-native {
  grid-area: dfp-native; }

.homepage-container .section-header a:hover {
  color: #006dd0; }

.homepage-container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
  grid-template-areas: "featured featured" "latest latest" "wdayLive wdayLive" "sectionOne sectionOne" "weatherWidget weatherWidget" "topSidebar topSidebar" "jobsWidget jobsWidget" "sectionTwo sectionTwo" "sectionThree sectionThree" "origamiWidget origamiWidget" "sectionFour sectionFour" "nativo nativo" "dfp-native dfp-native" "videoBlock videoBlock" "poll poll" "threeupTop threeupTop" "ownLocal ownLocal" "secondaryBlock secondaryBlock" "bottomRightSidebar bottomRightSidebar" "spingoCalendar spingoCalendar" "threeupBottom threeupBottom"; }
  .homepage-container .poll {
    width: 300px;
    margin: 0 auto; }
  .homepage-container #latest-videos {
    width: 100%; }
  .homepage-container #featured, .homepage-container #latest, .homepage-container #section-one, .homepage-container #weather-widget, .homepage-container #topSidebar,
  .homepage-container #wdayLive, .homepage-container #jobsWidget, .homepage-container #section-two, .homepage-container #section-three,
  .homepage-container #origami, .homepage-container #section-four, .homepage-container #poll, .homepage-container #threeup-sections-top,
  .homepage-container #ownLocal, .homepage-container #secondary-block, .homepage-container #bottomRightSidebar,
  .homepage-container #calendar, .homepage-container #threeup-sections-bottom, .homepage-container #nativo, .homepage-container #dfp-native {
    margin: 0 10px; }

@media (min-width: 768px) {
  .homepage-container {
    grid-template: "latest featured" "topSidebar sectionOne" "topSidebar weatherWidget" 90px "topSidebar weatherWidget" "wdayLive weatherWidget" "wdayLive sectionTwo" "origamiWidget sectionTwo" "origamiWidget sectionThree" "origamiWidget sectionFour" ".... nativo" ".... dfp-native" "videoBlock videoBlock" "jobsWidget threeupTop" 250px "poll threeupTop" minmax(1px, 100px) "poll secondaryBlock" minmax(1px, 300px) "ownLocal secondaryBlock" minmax(1px, 250px) "bottomRightSidebar secondaryBlock" minmax(1px, 250px) "spingoCalendar secondaryBlock" minmax(1px, auto) "spingoCalendar threeupBottom" minmax(1px, auto)/310px 1fr; }
    .homepage-container #latest, .homepage-container #jobsWidget,
    .homepage-container #wdayLive, .homepage-container #origami, .homepage-container #poll, .homepage-container #ownLocal,
    .homepage-container #bottomRightSidebar, .homepage-container #calendar {
      margin: 0 0 0 10px; }
    .homepage-container #latest h1 {
      margin-top: 0; }
    .homepage-container #topSidebar {
      margin: 1.5em 0 0 10px; }
    .homepage-container #featured, .homepage-container #section-one, .homepage-container #weather-widget, .homepage-container #section-two,
    .homepage-container #section-three, .homepage-container #section-four, .homepage-container #threeup-sections-top,
    .homepage-container #secondary-block, .homepage-container #threeup-sections-bottom, .homepage-container #nativo, .homepage-container #dfp-native {
      margin: 0 10px 0 0; }
  .no-cssgrid .homepage-container #featured, .no-cssgrid .homepage-container #section-one, .no-cssgrid .homepage-container #weather-widget, .no-cssgrid .homepage-container #section-two,
  .no-cssgrid .homepage-container #section-three, .no-cssgrid .homepage-container #section-four, .no-cssgrid .homepage-container #threeup-sections-top,
  .no-cssgrid .homepage-container #secondary-block, .no-cssgrid .homepage-container #threeup-sections-bottom, .no-cssgrid .homepage-container #nativo, .no-cssgrid .homepage-container #dfp-native, .no-cssgrid .homepage-container #calendar {
    margin: auto;
    max-width: 800px; }
  .no-cssgrid .homepage-container #topSidebar, .no-cssgrid .homepage-container #wdayLive, .no-cssgrid .homepage-container #jobsWidget, .no-cssgrid .homepage-container #ownLocal,
  .no-cssgrid .homepage-container #bottomRightSidebar, .no-cssgrid .homepage-container #poll {
    margin: auto;
    max-width: 300px;
    margin-top: 20px; } }

@media (min-width: 1060px) {
  .homepage-container {
    max-width: 1425px;
    margin: auto;
    grid-template: "latest featured featured" "topSidebar sectionOne wdayLive" "topSidebar sectionOne jobsWidget" "topSidebar weatherWidget jobsWidget" "topSidebar weatherWidget jobsWidget" "origamiWidget weatherWidget jobsWidget" "origamiWidget sectionTwo jobsWidget" "origamiWidget sectionThree jobsWidget" ".... sectionFour jobsWidget" ".... nativo jobsWidget" ".... dfp-native jobsWidget" "videoBlock videoBlock videoBlock" "poll threeupTop bottomRightSidebar" "poll threeupTop ownLocal" "spingoCalendar secondaryBlock ownLocal" "spingoCalendar secondaryBlock ownLocal" ".... threeupBottom ...." /310px 1fr 310px; }
    .homepage-container #latest, .homepage-container #origami, .homepage-container #poll,
    .homepage-container #calendar {
      margin: 0 0 0 10px; }
    .homepage-container #latest h1 {
      margin-top: 0; }
    .homepage-container #topSidebar {
      margin: 1.5em 0 0 10px; }
    .homepage-container #section-one, .homepage-container #weather-widget, .homepage-container #section-two,
    .homepage-container #section-three, .homepage-container #section-four, .homepage-container #threeup-sections-top,
    .homepage-container #secondary-block, .homepage-container #threeup-sections-bottom, .homepage-container #nativo, .homepage-container #dfp-native {
      margin: 0; }
    .homepage-container #featured, .homepage-container #jobsWidget, .homepage-container #ownLocal,
    .homepage-container #wdayLive, .homepage-container #bottomRightSidebar {
      margin: 0 10px 0 0; } }

.origami {
  grid-area: origami; }

.jobsWidget {
  grid-area: jobsWidget; }

.featuredTop {
  grid-area: featuredTop; }

.latestTop {
  grid-area: latestTop; }

.latestMiddle {
  grid-area: latestMiddle; }

.latestBottom {
  grid-area: latestBottom; }

.topRightSidebar {
  grid-area: topRightSidebar; }

.bottomRightSidebar {
  grid-area: bottomRightSidebar; }

.bottomLeftSidebar {
  grid-area: bottomLeftSidebar; }

.section-page-container {
  display: grid;
  grid-gap: 20px;
  grid-template-areas: "featuredTop" "topRightSidebar" "jobsWidget" "latestTop" "origami" "latestMiddle" "bottomLeftSidebar" "latestBottom" "bottomRightSidebar"; }

.jobsWidget, .topRightSidebar {
  margin: 0 auto; }

@media (min-width: 768px) {
  .section-page-container {
    grid-template-columns: 1fr 300px;
    grid-row: auto;
    grid-gap: 20px;
    grid-template: "featuredTop featuredTop" "latestTop topRightSidebar" "latestTop jobsWidget" "latestTop bottomLeftSidebar" "latestMiddle bottomLeftSidebar" "latestMiddle bottomLeftSidebar" "latestMiddle origami" "latestMiddle origami" "latestBottom bottomRightSidebar" "latestBottom bottomRightSidebar" /1fr 300px; }
  .latestTop, .latestMiddle, .latestBottom {
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
  .topRightSidebar, .bottomRightSidebar,
  .jobsWidget, .origami, .bottomLeftSidebar {
    justify-self: center; }
  .leftSidebar, .rightSidebar {
    margin: 0; } }

@media (min-width: 999px) {
  .section-page-container {
    margin: auto;
    max-width: 1427px;
    grid-template: "featuredTop featuredTop topRightSidebar"  "origami latestTop topRightSidebar" "origami latestTop jobsWidget" "bottomLeftSidebar latestTop jobsWidget" "bottomLeftSidebar latestTop jobsWidget" "bottomLeftSidebar latestMiddle jobsWidget" "bottomLeftSidebar latestMiddle jobsWidget" "bottomLeftSidebar latestMiddle bottomRightSidebar" "bottomLeftSidebar latestBottom bottomRightSidebar" "bottomLeftSidebar latestBottom bottomRightSidebar" /1fr 3fr 1fr; }
  .leftSidebar, .rightSidebar {
    margin: 0; } }

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

.jobsWidget {
  grid-area: jobsWidget; }

.weatherTop {
  grid-area: weatherTop; }

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

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

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

.weather-links-container {
  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; }

#__wxMap, .container {
  overflow: hidden; }

.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: "weatherHeader" "weatherUpperTop" "weatherLinks" "weatherUpperBottom" "jobsWidget" "sectionLatest"; }

.bottomLeftSidebar, .jobsWidget, .origami, .topRightSidebar {
  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 ...."; }
  .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: "weatherHeader weatherHeader" "weatherUpperTop weatherLinks" "weatherUpperTop topRightSidebar" "weatherUpperTop ...." "weatherUpperBottom jobsWidget" "weatherUpperBottom bottomRightSidebar" "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"; }
  .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: "weatherHeader weatherHeader" "weatherUpperTop weatherLinks" "weatherUpperTop topRightSidebar" "weatherUpperTop topRightSidebar" "weatherUpperBottom topRightSidebar" "weatherUpperBottom topRightSidebar" "sectionLatest jobsWidget" "sectionLatest bottomRightSidebar" "sectionLatest ...."; }
  .leftSidebar, .rightSidebar {
    margin: 0; } }

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

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

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

#article-section-header, #article-section-footer {
  width: 100%; }

@media only screen and (min-width: 999px) {
  #article-section-body {
    margin-right: 20px; } }

.article-story-page-container {
  max-width: 1075px;
  margin: auto;
  padding: 0 2% 0 2%;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 73% 300px;
  grid-template-rows: minmax(1px, auto);
  grid-auto-flow: initial;
  grid-template-areas: "Article-header Article-header" "Article-body Aside" "Article-footer Article-footer"; }
  .article-story-page-container .image-text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #737576; }
  .article-story-page-container div[id^="jwpVideo"] {
    margin-bottom: 20px; }
  .article-story-page-container .owl-carousel .item-container .caption {
    position: static;
    font-size: 14px;
    color: #737576; }
  .article-story-page-container #counter {
    color: #737576; }
    .article-story-page-container #counter span {
      font-weight: bold; }
  .article-story-page-container .owl-carousel .owl-stage-outer {
    padding-bottom: 10px; }

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .article-story-page-container {
    max-width: 999px;
    margin: auto;
    padding: 0 2% 0 2%;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 55% 300px;
    grid-template-rows: minmax(1px, auto);
    grid-auto-flow: initial;
    grid-template-areas: "Article-header Article-header" "Article-body Aside" "Article-footer Article-footer"; } }

@media only screen and (max-width: 767px) and (min-width: 321px) {
  .article-story-page-container {
    max-width: 100%;
    margin: auto;
    padding: 0 4%;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(1px, auto);
    grid-gap: 1rem;
    grid-auto-flow: inherit;
    grid-template-areas: "Article-header Article-header" "Article-body Article-body" "Aside Aside" "Article-footer Article-footer"; } }

@media only screen and (max-width: 768px) {
  .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%; } }

@media only screen and (min-width: 320px) and (max-width: 420px) {
  .inline-element #counter {
    left: 0; } }

@media only screen and (max-width: 320px) {
  .article-story-page-container {
    max-width: 100%;
    margin: auto;
    padding: 0 4%;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(1px, auto);
    grid-gap: 1rem;
    grid-auto-flow: inherit;
    grid-template-areas: "Article-header Article-header" "Article-body Article-body" "Aside Aside" "Article-footer Article-footer"; }
    .article-story-page-container .category-list-container {
      font-size: 13px;
      line-height: 1.5; }
    .article-story-page-container #aside {
      justify-self: center; }
    .article-story-page-container .inline-element #counter {
      left: 0; } }

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

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

@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: 500px; } }

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

/*----- videos section page layout -----------*/
/* set grid area names */
#section-two {
  grid-area: Sect-two; }

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

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

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

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

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

.videos-section-page {
  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: "Sect-one Aside" "Sect-two Aside" "Sect-three Aside" "Sect-four Aside" "Sect-five Aside" "Sect-six Aside" "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 {
    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 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: "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; } }

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

/*# sourceMappingURL=layout.css.map */