/* stylelint-disable value-keyword-case */
.search-input {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.search-input input {
  appearance: none;
  flex-grow: 1;
  background-color: #fff;
  border: 0.1rem solid #e6e6e6;
  box-shadow: none;
  color: #808080;
  border-radius: 0.4rem 0 0 0.4rem;
  border-right: 0;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.6rem;
  height: 4rem;
  margin: 0;
  outline: transparent;
  padding: 1.2rem;
  transition: border-bottom 0.25s ease, box-shadow 0.25s ease;
}
.search-input input::placeholder {
  color: #999;
  font-style: italic;
}
.search-input input:focus {
  box-shadow: inset 0 0.1rem 0.4rem rgba(0, 0, 0, 0.25);
}
.search-input button {
  border-radius: 0 0.4rem 0.4rem 0;
  background-color: #e6e6e6;
  border: none;
  height: auto;
  margin: 0;
}
.search-input button svg {
  height: 2.4rem;
  fill: #666;
  vertical-align: middle;
  width: 2.4rem;
}
/* stylelint-disable value-keyword-case */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
.error {
  width: 100%;
}
.error__top {
  align-content: center;
  align-items: center;
  background-color: #333;
  color: #fff;
  display: flex;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  height: auto;
  min-height: 32rem;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2rem;
  padding: 3rem;
  text-align: center;
  width: 100%;
}
.error__top h1 {
  color: #fff;
  font-size: 12rem;
  font-weight: 900;
  margin: 0;
  padding: 0;
}
.error__top h2 {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 400;
  margin: 0;
  padding: 4.8rem 0 0;
}
.error__bottom {
  width: 28rem;
  margin: 0 auto 2rem;
}
.error__bottom label {
  color: #666;
  display: inline-block;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.error__bottom .search-input {
  margin-bottom: 2rem;
}
.error__bottom .search-input button {
  background-color: #238e74;
}
.error__bottom .search-input button svg {
  fill: #fff;
}
@media (min-width: 576px) {
  .error__bottom {
    width: 48rem;
  }
}
.error__bottom .error-links {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.error__bottom .error-links li {
  margin-bottom: 1.6rem;
}
.error__bottom .error-links li:last-of-type:before {
  content: "or";
  display: block;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  margin-bottom: 1rem;
}
.error__bottom .error-links li a {
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 0.1rem dotted #28568b;
  color: #28568b;
  transition: color 0.33s ease;
  text-transform: uppercase;
}
.error__bottom .error-links li a:hover {
  border-bottom: none;
  text-decoration: underline;
}
.admin-vert {
  width: 300px;
  height: 250px;
  margin-bottom: 2rem;
}
.admin-vert.topleaderboard {
  width: 728px;
  height: 90px;
}
.admin-vert.additionalleaderboard {
  width: 728px;
  height: 90px;
}
.admin-vert.bottomleaderboard {
  width: 728px;
  height: 90px;
}
.admin-vert.topmediumrectangle {
  width: 300px;
  height: 250px;
}
.admin-vert.additionalmediumrectangle {
  width: 300px;
  height: 250px;
}
.admin-vert.bottommediumrectangle {
  width: 300px;
  height: 250px;
}
.admin-vert.pencil {
  width: 970px;
  height: 90px;
}
.admin-vert.continuousscroll-1 {
  width: 728px;
  height: 90px;
}
.admin-vert.continuousscroll-2 {
  width: 728px;
  height: 90px;
}
.admin-vert.sitesponsorweather {
  width: 175px;
  height: 40px;
}
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* stylelint-disable value-keyword-case */
.story-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.story-item .group {
  display: flex;
  flex-wrap: wrap;
}
.story-item .column {
  flex-direction: column;
}
.story-item .column > div {
  height: auto;
  flex: 0 0 auto;
  flex-basis: auto;
}
.story-item .headline {
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 700;
}
.story-item .headline a {
  color: #333;
  font-size: 1.6rem;
  line-height: 1.25;
}
.story-item .headline a:hover {
  text-decoration: none;
}
.story-item .headline.headline--alternate {
  font-weight: 400;
}
.story-item .headline.headline--alternate a {
  color: #666;
  font-size: 1.6rem;
}
.story-item .subheadline {
  color: #333;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.5rem;
  line-height: 1.66;
}
.story-item .timestamp,
.story-item .sectionbullet {
  color: #999;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.3rem;
}
.story-item .media {
  position: relative;
}
.story-item .media a {
  display: block;
  position: relative;
}
.story-item .media figure img {
  display: block;
  transition: opacity 0.5s ease;
  width: 100%;
}
.story-item .media figure img.lazy {
  opacity: 0;
}
.story-item .media figure img.lazy-loaded {
  opacity: 1;
}
.story-item .media .overlay {
  background: linear-gradient(to bottom, transparent, #000);
  bottom: 0;
  color: #fff;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.2rem;
  left: 0;
  padding: 2rem 0.8rem 0;
  position: absolute;
  width: 100%;
}
.story-item .media .overlay svg {
  height: 2.4rem;
  margin-top: 0.8rem;
  vertical-align: middle;
  width: 2.4rem;
}
.story-item .media .overlay .text-muted {
  color: #b3b3b3;
  display: none;
}
@media (min-width: 768px) {
  .story-item .media .overlay .text-muted {
    display: inline;
  }
}
.story-item .media .overlay .text-muted svg {
  margin-bottom: 0.2rem;
  margin-top: 0;
}
.story-item .media .video-preview {
  cursor: pointer;
  position: relative;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .story-item .media .video-preview:hover .video-preview__overlay {
    background-color: rgba(0, 0, 0, 0.33);
  }
  .story-item .media .video-preview:hover .video-preview__icon svg {
    opacity: 1;
    transform: scale(1);
  }
  .story-item .media .video-preview:hover .video-preview__duration {
    opacity: 1;
  }
}
@media (hover: hover) {
  .story-item .media .video-preview:hover .video-preview__overlay {
    background-color: rgba(0, 0, 0, 0.33);
  }
  .story-item .media .video-preview:hover .video-preview__icon svg {
    opacity: 1;
    transform: scale(1);
  }
  .story-item .media .video-preview:hover .video-preview__duration {
    opacity: 1;
  }
}
.story-item .media .video-preview img {
  display: block;
}
.story-item .media .video-preview__overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  position: absolute;
  top: 0;
  transition: background 0.25s ease;
  width: 100%;
}
.story-item .media .video-preview__ui {
  align-items: center;
  bottom: 1.2rem;
  display: flex;
  height: 4rem;
  left: 1.2rem;
  position: absolute;
}
.story-item .media .video-preview__icon {
  height: 4rem;
  margin: 0 0.4rem 0 0;
}
.story-item .media .video-preview__icon svg {
  fill: #fff;
  height: 4rem;
  opacity: 0.8;
  transform: scale(0.9);
  transition: opacity 0.25s ease, transform 0.25s ease;
  width: 4rem;
}
.story-item .media .video-preview__duration {
  opacity: 0.8;
  color: #fff;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.8rem;
  line-height: 1.8rem;
  transition: opacity 0.25s ease;
}
.story-item .media .react-player {
  background-color: #e6e6e6;
  position: relative;
  padding-top: 56.25%;
}
.story-item .media .react-player > div {
  position: absolute;
  top: 0;
  left: 0;
}
.story-item .comments {
  display: flex;
  justify-content: flex-end;
  margin-top: -0.4rem;
}
.story-item .comments a {
  color: #808080;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.3rem;
  font-weight: 400;
  text-decoration: none;
}
.story-item .comments svg {
  fill: #808080;
  height: 1.6rem;
  width: 1.6rem;
  vertical-align: middle;
}
.story-item .comments .commentText,
.story-item .comments .commentCount {
  vertical-align: middle;
}
.story-item .comments .commentCount {
  margin-left: 0.5rem;
}
/* stylelint-disable value-keyword-case */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
.opinion-feed {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 62rem;
}
.opinion-feed hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 2rem auto;
  width: 100%;
}
.opinion-feed hr:first-child {
  margin-bottom: 4rem;
}
.opinion-feed__author {
  margin-bottom: 2rem;
  width: 100%;
}
@media (min-width: 576px) {
  .opinion-feed__author {
    margin-bottom: 0;
    margin-right: 2.4rem;
    width: 33.33%;
  }
}
.opinion-feed__items {
  width: 100%;
}
@media (min-width: 576px) {
  .opinion-feed__items {
    flex-basis: 0;
    flex-grow: 1;
  }
}
.opinion-feed__item {
  width: 100%;
}
.opinion-feed__item .story-item {
  margin-bottom: 2.4rem;
}
/* stylelint-disable value-keyword-case */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
.most-read__header {
  color: #333;
  text-transform: uppercase;
  font-size: 2rem;
  margin: 0 0 1rem;
}
.most-read__header:before {
  background-color: #808080;
  content: "";
  display: block;
  height: 0.1rem;
  margin: 0 0 0.8rem;
  width: 100%;
  left: -2rem;
}
.most-read__list {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0;
  width: 100%;
}
@media (min-width: 1190px) {
  .most-read__list {
    flex-direction: column;
    overflow: hidden;
    width: 100%;
  }
}
.most-read__item {
  margin-left: 2rem;
  margin-right: 2rem;
  flex: 0 0 50%;
  flex-basis: 50%;
  list-style: none;
  width: 50%;
}
.most-read__item:before {
  color: #4d4d4d;
  content: counter(most-read) ".";
  counter-increment: most-read;
  font-size: 1.6rem;
  font-family: Georgia, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
  font-style: italic;
  font-weight: 800;
  left: -2rem;
  position: relative;
}
.most-read__item .story-item {
  margin-top: -1.9rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 1190px) {
  .most-read__item .story-item {
    margin-bottom: 0;
  }
}
.most-read__item .story-item .headline a {
  font-size: 1.6rem;
  font-weight: 700;
}
@media (min-width: 1190px) {
  .most-read__item .story-item .headline a {
    color: #4d4d4d;
    font-size: 1.4rem;
    font-weight: 400;
  }
}
@media (min-width: 1190px) {
  .most-read__item {
    flex: 0 0 auto;
    flex-basis: auto;
    margin-right: 0;
    margin-bottom: 2.4rem;
    width: auto;
  }
}

.tbt-Eedition {
  margin: 3rem auto;
  text-align: center;
}
/* stylelint-disable value-keyword-case */
.feed {
  list-style: none;
  margin: 0;
  padding: 0;
}
.feed-item {
  border-bottom: 0.1rem solid #b3b3b3;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
}
.feed-item .headline a {
  font-size: 2rem;
}

.load-more.button--white-on-primary {
  display: block;
  margin: 2rem auto;
  width: 20rem;
}
.load-more__text {
  text-transform: uppercase;
}
.load-more__spinner {
  display: none;
}
.load-more__spinner span {
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-name: bouncedelay;
  animation-timing-function: linear;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  height: 0.8rem;
  margin: 0 0.2rem;
  width: 0.8rem;
}
.load-more__spinner-item-2 {
  animation-delay: 0.2s;
}
.load-more__spinner-item-3 {
  animation-delay: 0.4s;
}
.load-more.load-more__loading .load-more__text {
  display: none;
}
.load-more.load-more__loading .load-more__spinner {
  display: inline-block;
}

@keyframes bouncedelay {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-0.6rem);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
/* stylelint-disable value-keyword-case */
.search-content .search-input {
  border-bottom: 0.1rem solid #999;
  margin: 2.4rem 0;
  padding-bottom: 2.4rem;
}
.search-content .search-pagination {
  margin: 2.4rem 0;
}
.search-content .search-pagination__count {
  color: #333;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 2.4rem;
}
.search-content .search-pagination__buttons {
  display: flex;
  justify-content: space-between;
  margin: 2.4rem 0;
}
.search-content .search-pagination__buttons:empty {
  margin: 0;
}
.search-content .search-pagination__previous a, .search-content .search-pagination__next a {
  color: #4d4d4d;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
}
/* stylelint-disable value-keyword-case */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
.tray {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.tray .group {
  display: flex;
  flex-wrap: wrap;
}
.tray .column {
  flex-direction: column;
}
.tray .column > div {
  height: auto;
  flex: 0 0 auto;
  flex-basis: auto;
}
.tray__more-from {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tray__more-from--link {
  align-self: flex-end;
  border-bottom: 0.1rem dotted #2a4f6d;
  color: #2a4f6d;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.3rem;
  font-weight: 700;
  margin-top: 2.4rem;
}
.tray__more-from--link:hover {
  border-bottom: none;
  text-decoration: underline;
}
.tray.primary-rotator .vertical-horizontal-right .headline a, .tray.secondary-rotator .vertical-horizontal-right .headline a {
  font-size: 2.6rem;
}
@media (min-width: 576px) {
  .tray.primary-rotator .vertical-horizontal-right .headline a, .tray.secondary-rotator .vertical-horizontal-right .headline a {
    font-size: 3.2rem;
  }
}
.tray.primary-rotator .horizontal-vertical .overlay .text-muted, .tray.secondary-rotator .horizontal-vertical .overlay .text-muted {
  display: none;
}
.tray.primary-rotator .horizontal-vertical .headline a,
.tray.primary-rotator .vertical-no-art .headline a, .tray.secondary-rotator .horizontal-vertical .headline a,
.tray.secondary-rotator .vertical-no-art .headline a {
  font-size: 2rem;
}
.tray.spotlight .vertical-centered-no-meta .headline a {
  font-size: 2.6rem;
}
@media (min-width: 576px) {
  .tray.spotlight .vertical-centered-no-meta .headline a {
    font-size: 2.4rem;
  }
}
.tray.viewpoints .vertical-horizontal-no-subheadline .headline a {
  font-size: 2rem;
}
.tray.vertical-horizontal .headline a {
  font-size: 2rem;
}
.tray.columns-3-item-feed .vertical-no-subheadline-meta .overlay .text-muted {
  display: none;
}
/* stylelint-disable value-keyword-case */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/**** Global ******/
a {
  color: #005588;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/****** End Global ******/
/******** Expo Header ********/
.expo-header {
  background: #999;
  margin: 0rem auto;
}
.expo-header__container {
  max-width: 115rem;
  margin: 0 auto;
}
.expo-header__banner img {
  width: 100%;
  margin-top: 3rem;
}
@media (max-width: 1189px) {
  .expo-header__date-box-container {
    display: flex;
  }
}
.expo-header__date-box {
  height: auto;
  line-height: 2rem;
  text-align: center;
  margin: 3rem 0 1.5rem;
  padding: 4rem 2rem;
}
.expo-header__date-box.senior {
  background-color: #ea183b;
}
.expo-header__date-box.womens {
  background: #ee3286;
}
.expo-header__date-box.nature {
  background: #c3d500;
}
.expo-header__date-box.holiday {
  background: #9b5ba4;
}
@media (max-width: 1189px) {
  .expo-header__date-box {
    width: 50%;
  }
}
.expo-header__info h2 {
  color: #fff;
  line-height: 2.5rem;
}
.expo-header__info hr {
  margin: 1rem 0;
}
.expo-header__parking {
  background-color: #006f85;
  line-height: 2rem;
  text-align: center;
  padding: 3rem 2rem;
}
@media (max-width: 1189px) {
  .expo-header__parking {
    width: 50%;
    margin: 3rem 0 1.5rem;
    padding: 5rem 2rem;
  }
}

/******** End Expo Header *******/
/******** Expo Body ********/
.expo-show {
  /******* End Expo Body *******/
}
.expo-show__events {
  margin-bottom: 5rem;
}
.expo-show__itemlist {
  display: flex;
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
.expo-show__itemlist li {
  margin: 0.625rem;
}
.expo-show__logistics {
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #181818;
  margin-top: 0px;
}
.expo-show__header {
  min-height: 3.4rem;
}
.expo-show__header h3 {
  font-size: 1.6rem;
  color: white;
  padding: 0.8rem 1rem;
  background: #006f85;
  float: left;
  border-right: 3px solid #fff;
}
.expo-show__header.womens {
  background: #ee3286;
}
.expo-show__header.nature {
  background: #c3d500;
}
.expo-show__header.holiday {
  background: #9b5ba4;
}
.expo-show__header.senior {
  background: #006f85;
}
.expo-show__header.senior h3 {
  background: #ea183b;
}
.expo-show__content ul {
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  font-weight: 700;
  color: #181818;
  list-style: none;
  padding: 0;
}
.expo-show__content li {
  border-bottom: 1px solid #ccc;
  margin: 0.3rem 1rem;
}
.expo-show__content li a {
  color: #181818;
}
.expo-show__content h3 {
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  font-weight: 700;
  color: #181818;
}
.expo-show__content.bottom-banner {
  text-align: center;
  margin: 3rem 0;
}