/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.search-input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.search-input input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 0.1rem solid #e6e6e6;
  -webkit-box-shadow: none;
  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;
  -webkit-transition: border-bottom 0.25s ease, box-shadow 0.25s ease;
  -moz-transition: border-bottom 0.25s ease, box-shadow 0.25s ease;
  -o-transition: border-bottom 0.25s ease, box-shadow 0.25s ease;
  transition: border-bottom 0.25s ease, box-shadow 0.25s ease;
}
.search-input input::placeholder {
  color: #999;
  font-style: italic;
}
.search-input input:focus {
  -webkit-box-shadow: inset 0 0.1rem 0.4rem rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0.1rem 0.4rem rgba(0, 0, 0, 0.25);
}
.search-input__submit {
  border-radius: 0 0.4rem 0.4rem 0;
  background-color: #e6e6e6;
  border: none;
  height: auto;
  margin: 0;
}
.search-input__submit svg {
  height: 2.4rem;
  fill: #666;
  vertical-align: middle;
  width: 2.4rem;
}
.search-input hr {
  border: 0;
  border-bottom: 0.1rem solid #999;
  margin: 0;
  margin-bottom: 2rem;
  width: 100%;
}
.search-input__filters {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #808080;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  margin: 1rem 0 1.6rem;
  width: 100%;
}
.search-input__filters-toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #000;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 700;
}
.search-input__filters-toggle:hover {
  text-decoration: underline;
}
.search-input__filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-right: 2rem;
}
.search-input__filter label {
  margin-bottom: 1rem;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
.flyout-two__links, .flyout-three__links, .flyout-four__links, .flyout-one__child.arts-and-entertainment, .flyout-one__child.special-reports {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flyout-two__links > li, .flyout-three__links > li, .flyout-four__links > li, .flyout-one__child.arts-and-entertainment > li, .flyout-one__child.special-reports > li {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
}

/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.flyout .backdrop {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  background-color: rgba(0, 0, 0, 0.33);
  height: calc(100vh - 5rem);
  left: 0;
  pointer-events: none;
  position: fixed;
  opacity: 0;
  top: 5rem;
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}
.flyout__panel {
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  height: calc(100vh - 5rem);
  left: -50rem;
  max-width: 42.5rem;
  opacity: 1;
  overflow: hidden;
  position: fixed;
  top: 5rem;
  width: 100vw;
  z-index: 999;
}
@media (min-width: 425px) {
  .flyout__panel {
    max-width: 42.5rem;
    width: 42.5rem;
  }
}
.flyout__search {
  border-bottom: 1px solid #666;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 3.2rem;
  padding: 1.6rem 0 2.4rem;
}
.flyout__search .search-input__submit {
  background-color: #e6e6e6;
  border: none;
}
.flyout__links {
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  border-top: 0.1rem solid #e6e6e6;
  height: 100%;
  left: -50rem;
  overflow-y: scroll;
  width: 100%;
}
@media (min-width: 425px) {
  .flyout__links {
    -webkit-box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.33);
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.33);
    width: 41.4rem;
  }
}
.flyout__icon {
  cursor: pointer;
  height: 5rem;
  padding: 1.3rem;
  width: 5rem;
}
.flyout__icon-box {
  -webkit-transition: margin 0.33s ease;
  -moz-transition: margin 0.33s ease;
  -o-transition: margin 0.33s ease;
  transition: margin 0.33s ease;
  height: 2.4rem;
  margin: 0;
  position: relative;
  width: 2.4rem;
}
.flyout__icon-line {
  -webkit-transition: width 0.33s ease;
  -moz-transition: width 0.33s ease;
  -o-transition: width 0.33s ease;
  transition: width 0.33s ease;
  background-color: #238e74;
  height: 0.3rem;
  position: absolute;
  width: 2.4rem;
}
.flyout__icon-line:first-child {
  -webkit-transition: -webkit-transform 0.33s ease;
  -moz-transition: -moz-transform 0.33s ease;
  -o-transition: -o-transform 0.33s ease;
  transition: transform 0.33s ease;
  top: 0.3rem;
  -ms-transform-origin: center left;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.flyout__icon-line:nth-child(2) {
  -webkit-transition: width 0.33s ease, left 0.33s ease;
  -moz-transition: width 0.33s ease, left 0.33s ease;
  -o-transition: width 0.33s ease, left 0.33s ease;
  transition: width 0.33s ease, left 0.33s ease;
  left: 0;
  top: 1.1rem;
}
.flyout__icon-line:last-child {
  -ms-transform-origin: center left;
  -webkit-transform-origin: center left;
  transform-origin: center left;
  -webkit-transition: -webkit-transform 0.33s ease;
  -moz-transition: -moz-transform 0.33s ease;
  -o-transition: -o-transform 0.33s ease;
  transition: transform 0.33s ease;
  top: 1.9rem;
}
.flyout.open .backdrop {
  pointer-events: auto;
  opacity: 1;
}
.flyout.open .flyout__panel {
  left: 0;
}
.flyout.open .flyout__icon-box {
  margin: 0 0 0 0.3rem;
}
.flyout.open .flyout__icon-line {
  width: 2.3rem;
}
.flyout.open .flyout__icon-line:first-child {
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.flyout.open .flyout__icon-line:nth-child(2) {
  left: 0.9rem;
  margin: auto;
  width: 0;
}
.flyout.open .flyout__icon-line:last-child {
  -ms-transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.flyout-one__links {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.flyout-one__link {
  border-bottom: 0.1rem solid #e6e6e6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  min-height: 6rem;
  margin: 0 3.2rem;
}
.flyout-one__link-checkbox {
  display: none;
}
.flyout-one__link-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  min-height: 6rem;
  width: 100%;
}
.flyout-one__link-url {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4d4d4d;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 1.4rem;
  font-weight: 700;
  height: 6rem;
  text-transform: uppercase;
}
.flyout-one__link-expand {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 3.6rem;
  -ms-flex-preferred-size: 3.6rem;
  flex-basis: 3.6rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: box-shadow 0.15s ease, background 0.15s ease;
  -moz-transition: box-shadow 0.15s ease, background 0.15s ease;
  -o-transition: box-shadow 0.15s ease, background 0.15s ease;
  transition: box-shadow 0.15s ease, background 0.15s ease;
  background-color: #f2f2f2;
  border: 0.1rem solid #ccc;
  border-radius: 0.2rem;
  cursor: pointer;
  height: 2.4rem;
  width: 3.6rem;
}
.flyout-one__link-expand > i svg {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 1.8rem;
  -ms-flex-preferred-size: 1.8rem;
  flex-basis: 1.8rem;
  fill: #999;
  height: 18px;
  -webkit-transition: fill 0.15s ease, -webkit-transform 0.15s ease;
  -moz-transition: fill 0.15s ease, -moz-transform 0.15s ease;
  -o-transition: fill 0.15s ease, -o-transform 0.15s ease;
  transition: fill 0.15s ease, transform 0.15s ease;
  width: 1.8rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .flyout-one__link-expand:hover {
    background-color: #fff;
  }
  .flyout-one__link-expand:hover > i svg {
    fill: #4d4d4d;
  }
}
@media (hover: hover) {
  .flyout-one__link-expand:hover {
    background-color: #fff;
  }
  .flyout-one__link-expand:hover > i svg {
    fill: #4d4d4d;
  }
}
.flyout-one__link ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 1.6rem;
}
.flyout-one__link > ul {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.33s ease-in-out, opacity 0.25s ease;
  -moz-transition: max-height 0.33s ease-in-out, opacity 0.25s ease;
  -o-transition: max-height 0.33s ease-in-out, opacity 0.25s ease;
  transition: max-height 0.33s ease-in-out, opacity 0.25s ease;
}
.flyout-one__link-checkbox:checked ~ ul {
  max-height: 60rem;
  opacity: 1;
  -webkit-transition: max-height 0.33s ease-in, opacity 0.25s ease 0.1s;
  -moz-transition: max-height 0.33s ease-in, opacity 0.25s ease 0.1s;
  -o-transition: max-height 0.33s ease-in, opacity 0.25s ease 0.1s;
  transition: max-height 0.33s ease-in, opacity 0.25s ease 0.1s;
}
.flyout-one__link-checkbox:checked ~ .flyout-one__link-row .flyout-one__link-expand {
  background-color: #fff;
  border: 0.1rem solid #808080;
}
.flyout-one__link-checkbox:checked ~ .flyout-one__link-row .flyout-one__link-expand > i svg {
  fill: #4d4d4d;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.flyout-one__group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flyout-one__group-header {
  color: #999;
  display: block;
  font-size: 1.4rem;
  height: 3.2rem;
  text-transform: uppercase;
}
.flyout-one__group > li {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
}
.flyout-one__group .related-sites {
  margin-left: 50%;
}
.flyout-one__child-url {
  color: #4d4d4d;
  display: block;
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
}
.flyout-one__child .separator {
  border-top: 0.1rem solid #e6e6e6;
  height: 1.6rem;
  width: 50%;
}
.flyout-one__child > li:last-child {
  height: 4.8rem;
}
.flyout-two__links, .flyout-three__links, .flyout-four__links {
  list-style-type: none;
  margin: 0;
  padding: 2.4rem 3.2rem 0;
}
.flyout-two__url, .flyout-three__url, .flyout-four__url {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4d4d4d;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  height: 3.6rem;
}
.flyout-two__url, .flyout-four__url {
  font-weight: 700;
}
.flyout-four__links {
  background-color: #f2f2f2;
  margin: 3.2rem 0 0;
  padding: 2.4rem 3.2rem;
}
.flyout-five__links {
  background-color: #f2f2f2;
  border-top: 0.1rem solid #ccc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0.8rem 3.2rem 3.2rem;
}
.flyout-five__url {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4d4d4d;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  height: 3.6rem;
}
.flyout__icons {
  background-image: url("/pf/resources/images/icons/global-icon-sprite.png?d=124");
  background-repeat: no-repeat;
  background-size: 360px 24px;
  display: inline-block;
  height: 2.4rem;
  margin: 0 0.8rem 0 0;
  vertical-align: middle;
  width: 2.4rem;
}
.flyout__icons--bucs {
  background-position: 0 0;
}
.flyout__icons--rays {
  background-position: -24px 0;
}
.flyout__icons--lightning {
  background-position: -48px 0;
}
.flyout__icons--rowdies {
  background-position: -72px 0;
}
.flyout__icons--bulls {
  background-position: -96px 0;
}
.flyout__icons--gators {
  background-position: -120px 0;
}
.flyout__icons--seminoles {
  background-position: -144px 0;
}
.flyout__icons--newsletters {
  background-position: -168px 0;
}
.flyout__icons--apps {
  background-position: -192px 0;
}
.flyout__icons--podcasts {
  background-position: -216px 0;
}
.flyout__icons--todays-paper {
  background-position: -240px 0;
}
.flyout__icons--e-newspaper {
  background-position: -264px 0;
}
.flyout__icons--archives {
  background-position: -288px 0;
}
.flyout__tbt {
  background-image: url("/pf/resources/images/icons/tbt-logo.png?d=124");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 4.8rem;
  margin: 0 0.8rem 0 0;
  vertical-align: middle;
  width: 4.8rem;
}
.flyout__actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1.6rem 3.2rem 0;
}
.flyout__actions .mg2-manage,
.flyout__actions .mg2-activate,
.flyout__actions .mg2-subscribe,
.flyout__actions .mg2-login,
.flyout__actions .mg2-logout {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  margin-bottom: 1rem;
  background-color: #336156;
}
.flyout__actions .mg2-subscribe {
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  margin-right: 1rem;
  background-color: #336156;
}
.flyout__actions .mg2-login,
.flyout__actions .mg2-logout {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: inherit;
  -ms-flex-negative: inherit;
  flex-shrink: inherit;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  background-color: #fff;
}

.dark .flyout .flyout__links {
  background-color: rgba(0, 0, 0, 0.78);
  border-top-color: #333;
}
.dark .flyout .flyout__links .button--white-on-primary {
  border: 0;
}
.dark .flyout .flyout__links [class$=__link] {
  border-bottom-color: #333;
}
.dark .flyout .flyout__links [class$=__link-url],
.dark .flyout .flyout__links [class$=__child-url],
.dark .flyout .flyout__links [class$=__url] {
  color: #ccc;
}
.dark .flyout .flyout__links .flyout-one__link-expand {
  border-color: #666;
  background-color: #4d4d4d;
}
.dark .flyout .flyout__links .flyout-one__link-expand:hover {
  background-color: #666;
}
.dark .flyout .flyout__links .flyout-one__link-expand:hover > i svg {
  fill: #999;
}
.dark .flyout .flyout__links .flyout-four__links,
.dark .flyout .flyout__links .flyout-five__links {
  background-color: rgba(0, 0, 0, 0.78);
}
.dark .flyout .flyout__links .flyout-five__links {
  border-top-color: #666;
}
.dark .flyout .flyout__links .separator {
  border-top-color: #808080;
}

.manage-newsletter {
  cursor: pointer;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.nav-bar {
  background-color: rgba(255, 255, 255, 0.97);
  -webkit-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 5rem;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.nav-bar__tools {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 1;
  padding: 0 0.8rem;
}
.nav-bar__tools .search__wrapper {
  position: relative;
}
.nav-bar__tools .search__wrapper,
.nav-bar__tools .mg2-subscribe {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 767px) {
  .nav-bar__tools .search__wrapper,
.nav-bar__tools .mg2-subscribe {
    display: none !important;
    /* stylelint-disable-line declaration-no-important */
  }
}
.nav-bar__tools .mg2-subscribe {
  margin: 0 0.5rem;
  width: 12rem;
  background-color: #336156;
}
.nav-bar__tools .mg2-login {
  margin: 0 0.5rem;
  width: 12rem;
  background-color: #fff;
}
@media (max-width: 767px) {
  .nav-bar__tools .mg2-login {
    border: none;
    color: #000;
    padding: 0;
    width: auto;
  }
  .nav-bar__tools .mg2-login:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.nav-bar__tools .mg2-dropdown {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  height: 3.6rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  position: relative;
  width: auto;
}
@media (min-width: 768px) {
  .nav-bar__tools .mg2-dropdown {
    width: 12rem;
  }
}
.nav-bar__tools .mg2-dropdown:hover {
  cursor: pointer;
}
.nav-bar__tools .mg2-dropdown:hover .dropdown {
  opacity: 1;
  pointer-events: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
}
.nav-bar__tools .mg2-dropdown__text {
  display: none;
}
@media (min-width: 768px) {
  .nav-bar__tools .mg2-dropdown__text {
    display: inline;
  }
}
.nav-bar__tools .mg2-dropdown__icon {
  vertical-align: middle;
}
@media (min-width: 768px) {
  .nav-bar__tools .mg2-dropdown__icon {
    display: none;
  }
}
.nav-bar__tools .mg2-dropdown__icon svg {
  height: 2rem;
  width: 2rem;
}
.nav-bar__tools .mg2-dropdown__arrow {
  margin-left: 0.5rem;
  vertical-align: middle;
}
.nav-bar__tools .mg2-dropdown .dropdown {
  background-color: #fff;
  border: 0.1rem solid #f2f2f2;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 0.8rem;
  pointer-events: none;
  position: absolute;
  right: 0.8rem;
  text-align: center;
  top: 3.6rem;
  -webkit-transition: opacity 0.33s ease;
  -moz-transition: opacity 0.33s ease;
  -o-transition: opacity 0.33s ease;
  transition: opacity 0.33s ease;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: auto;
}
.nav-bar__tools .mg2-dropdown .dropdown a {
  color: #000;
  display: block;
}
.nav-bar__tools .mg2-dropdown .dropdown li:last-child span {
  border-bottom: 1px dashed #28568b;
  color: #28568b;
}
.nav-bar__tools .mg2-dropdown .dropdown li {
  padding: 0.8rem 1.6rem;
  font-size: 1.6rem;
  text-align: center;
  white-space: nowrap;
}
.nav-bar__tools .mg2-dropdown .dropdown li:not(:last-child) {
  border-bottom: 0.1rem solid #e6e6e6;
}
.nav-bar__searchbox--full {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 0 2.4rem;
  width: 100%;
}
.nav-bar.dark {
  background-color: rgba(0, 0, 0, 0.85);
}
.nav-bar.dark .flyout__icon-line {
  background-color: #ccc;
}
.nav-bar.dark .top-nav__logo {
  fill: #ccc;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .nav-bar.dark .top-nav__logo {
    fill: #f2f2f2;
  }
}
@media (hover: hover) {
  .nav-bar.dark .top-nav__logo {
    fill: #f2f2f2;
  }
}
.nav-bar.dark .top-nav__links li a {
  color: #ccc;
}
.nav-bar.dark .search__icon svg {
  fill: #ccc;
}
.nav-bar.dark .nav-bar__tools .mg2-login {
  background-color: transparent;
  color: #fff;
}
.nav-bar.dark .nav-bar__tools .mg2-dropdown svg {
  fill: #fff;
}

.top-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.top-nav__logo {
  fill: #4d4d4d;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 19.5rem;
  -ms-flex-preferred-size: 19.5rem;
  flex-basis: 19.5rem;
  height: 3rem;
  left: 50%;
  position: fixed;
  top: 1.4rem;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: fill 0.25s ease;
  -moz-transition: fill 0.25s ease;
  -o-transition: fill 0.25s ease;
  transition: fill 0.25s ease;
  width: 19.5rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .top-nav__logo:hover {
    fill: #000;
  }
}
@media (hover: hover) {
  .top-nav__logo:hover {
    fill: #000;
  }
}
@media (min-width: 768px) {
  .top-nav__logo {
    left: auto;
    margin: 1.4rem 1.6rem 0;
    position: inherit;
    top: auto;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.top-nav__links {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .top-nav__links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
.top-nav__links li {
  padding: 0 0.8rem;
  font-size: 1.2rem;
}
@media only screen and (min-width: 1300px) {
  .top-nav__links li {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1800px) {
  .top-nav__links li {
    padding: 0 1.2rem;
  }
}
.top-nav__links li.news, .top-nav__links li.sports, .top-nav__links li.opinion, .top-nav__links li.arts-entertainment, .top-nav__links li.weather, .top-nav__links li.special-reports, .top-nav__links li.videos, .top-nav__links li.photo-galleries, .top-nav__links li.food {
  font-weight: 700;
  text-transform: uppercase;
}
.top-nav__links li.obituaries, .top-nav__links li.classifieds {
  display: none;
  font-weight: 700;
}
@media only screen and (min-width: 1600px) {
  .top-nav__links li.obituaries, .top-nav__links li.classifieds {
    display: block;
  }
}
.top-nav__links li.todays-paper, .top-nav__links li.newsletters, .top-nav__links li.e-newspaper {
  display: none;
  font-weight: 700;
}
@media only screen and (min-width: 1400px) {
  .top-nav__links li.todays-paper, .top-nav__links li.newsletters, .top-nav__links li.e-newspaper {
    display: block;
  }
}
.top-nav__links li.best-of-the-best {
  display: none;
}
@media only screen and (min-width: 1600px) {
  .top-nav__links li.best-of-the-best {
    display: block;
  }
}
.top-nav__links li a {
  color: #4d4d4d;
}
.top-nav__links li.separator {
  background-color: #ccc;
  display: none;
  height: 1.8rem;
  padding: 0;
  width: 0.1rem;
}
@media only screen and (min-width: 1400px) {
  .top-nav__links li.separator--1 {
    display: block;
  }
}
@media only screen and (min-width: 1600px) {
  .top-nav__links li.separator--2, .top-nav__links li.separator--3 {
    display: block;
  }
}

.homepage .top-nav {
  -webkit-transition: -webkit-transform 0.33s ease;
  -moz-transition: -moz-transform 0.33s ease;
  -o-transition: -o-transform 0.33s ease;
  transition: transform 0.33s ease;
}
@media (min-width: 576px) {
  .homepage .top-nav.hidden {
    -ms-transform: translateY(-5rem);
    -webkit-transform: translateY(-5rem);
    transform: translateY(-5rem);
  }
  .homepage .top-nav.scrolled {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.search__icon {
  margin-right: 1.5rem;
}
.search__icon svg {
  height: 2.4rem;
  fill: #4d4d4d;
  width: 2.4rem;
}
.search__icon:hover {
  cursor: pointer;
}
.search__icon:hover svg {
  fill: #238e74;
}
.search__input--wrapper {
  opacity: 1;
  pointer-events: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
  background-color: #fff;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 38rem;
  -ms-flex-preferred-size: 38rem;
  flex-basis: 38rem;
  padding: 1.2rem;
  position: absolute;
  right: 0;
  top: 3.6rem;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  width: 38rem;
}
.search__input--wrapper.hidden {
  opacity: 0;
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.search__input--wrapper .search-input__query {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: auto;
}
.search__input--wrapper .search-input__submit {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 6rem;
  -ms-flex-preferred-size: 6rem;
  flex-basis: 6rem;
  background-color: #238e74;
  color: #fff;
  width: 6rem;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.vert {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.vert > * {
  -ms-flex-preferred-size: auto;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
.vert__slug {
  color: #b3b3b3;
  display: block;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.3rem;
  line-height: 1.1rem;
  margin: 0 0 0.8rem;
  text-transform: uppercase;
}
.vert__header-vert {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 1.2rem 0;
  background-color: #f8f8f8;
  -webkit-box-shadow: inset 0 0 1.6rem #ccc;
  box-shadow: inset 0 0 1.6rem #ccc;
}
.vert__adhesion {
  height: 0px;
  position: absolute;
  width: 0px;
}
@media (min-width: 768px) {
  .vert.inline-vert {
    width: 768px;
    margin: 0 0 2.4rem -74px;
  }
}
.vert.greyvert {
  margin: 0 auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .vert__ad.flipp, .vert__ad.revcontent {
    width: 100%;
    margin: auto;
  }
}

.vert-feed {
  margin: 0 0 2.4rem;
  padding: 0 0 2.4rem;
}

.admin-vert__ad {
  height: 250px;
  overflow: hidden;
  width: 300px;
}
.admin-vert__ad.topleaderboard, .admin-vert__ad.topdynamic, .admin-vert__ad.additionalleaderboard, .admin-vert__ad.bottomleaderboard, .admin-vert__ad.continuousscroll-1, .admin-vert__ad.continuousscroll-2 {
  width: 728px;
  height: 90px;
}
.admin-vert__ad.topmediumrectangle, .admin-vert__ad.additionalmediumrectangle, .admin-vert__ad.bottommediumrectangle {
  width: 300px;
  height: 250px;
}
.admin-vert__ad.pencil {
  width: 970px;
  height: 90px;
}
.admin-vert__ad.sitesponsorweather {
  width: 175px;
  height: 40px;
}
.admin-vert__ad {
  height: 250px;
  overflow: hidden;
  width: 300px;
}
.admin-vert__ad.topleaderboard, .admin-vert__ad.topdynamic, .admin-vert__ad.additionalleaderboard, .admin-vert__ad.bottomleaderboard, .admin-vert__ad.continuousscroll-1, .admin-vert__ad.continuousscroll-2 {
  width: 728px;
  height: 90px;
}
.admin-vert__ad.topmediumrectangle, .admin-vert__ad.additionalmediumrectangle, .admin-vert__ad.bottommediumrectangle {
  width: 300px;
  height: 250px;
}
.admin-vert__ad.pencil {
  width: 970px;
  height: 90px;
}
.admin-vert__ad.sitesponsorweather {
  width: 175px;
  height: 40px;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
.separator--4 {
  display: block;
  margin: 0.2rem 0 0;
  padding: 0 0 0.2rem;
}
.separator--8 {
  display: block;
  margin: 0.4rem 0 0;
  padding: 0 0 0.4rem;
}
.separator--12 {
  display: block;
  margin: 0.6rem 0 0;
  padding: 0 0 0.6rem;
}
.separator--16 {
  display: block;
  margin: 0.8rem 0 0;
  padding: 0 0 0.8rem;
}
.separator--20 {
  display: block;
  margin: 1rem 0 0;
  padding: 0 0 1rem;
}
.separator--24 {
  display: block;
  margin: 1.2rem 0 0;
  padding: 0 0 1.2rem;
}
.separator--28 {
  display: block;
  margin: 1.4rem 0 0;
  padding: 0 0 1.4rem;
}
.separator--32 {
  display: block;
  margin: 1.6rem 0 0;
  padding: 0 0 1.6rem;
}
.separator--64 {
  display: block;
  margin: 3.2rem 0 0;
  padding: 0 0 3.2rem;
}
.separator--128 {
  display: block;
  margin: 6.4rem 0 0;
  padding: 0 0 6.4rem;
}
.separator.line {
  border-bottom: 0.1rem solid #e6e6e6;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
figcaption {
  -webkit-transition: height 0.33s ease, opacity 0.5s ease;
  -moz-transition: height 0.33s ease, opacity 0.5s ease;
  -o-transition: height 0.33s ease, opacity 0.5s ease;
  transition: height 0.33s ease, opacity 0.5s ease;
  color: #666;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0.02em;
  text-rendering: geometricPrecision;
  margin: 0.8rem auto 0;
  max-width: 62rem;
  position: relative;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.section-heading__primary {
  color: #000;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 3.2rem;
  font-weight: 700;
}
@media (min-width: 576px) {
  .section-heading__primary {
    font-size: 4.8rem;
  }
}
.section-heading__parent {
  color: #666;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.section-heading__parent:hover {
  color: #333;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
.section-nav__dropdown {
  background-color: #fff;
  border: 0.1rem solid #f2f2f2;
  border-radius: 0.4rem;
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
  display: flex;
  left: 0;
  padding: 0.8rem;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  top: 3.2rem;
  -webkit-transition: opacity 0.33s ease;
  -moz-transition: opacity 0.33s ease;
  -o-transition: opacity 0.33s ease;
  transition: opacity 0.33s ease;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.section-nav {
  border-bottom: 0.1rem solid #666;
  position: relative;
  width: 100%;
  z-index: 1;
}
.section-nav.homepage .section-nav__item--secondary, .section-nav.homepage .section-nav__item--tertiary {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-nav.homepage .newsletters {
    display: none;
  }
}
@media (min-width: 768px) {
  .section-nav.homepage .section-nav__item--primary {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .section-nav.homepage .section-nav__item--tertiary {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media screen and (min-width: 1200px) {
  .section-nav.homepage .section-nav__item--secondary {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
.section-nav__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  max-width: 100%;
  padding: 0.8rem 0;
  position: relative;
  width: 100vw;
}
.section-nav__list.full-width {
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.section-nav__list.scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.section-nav__list.scroll .section-nav__dropdown {
  display: none;
}
.section-nav__list.scroll::-webkit-scrollbar {
  height: 0.6rem;
}
.section-nav__list.scroll::-webkit-scrollbar-track {
  background-color: #e6e6e6;
  border-top: 0.1rem solid #ccc;
  height: 0.6rem;
}
.section-nav__list.scroll::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 0.3rem;
  width: 0.6rem;
}
.section-nav__arrow {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.33) 100%);
  height: 100%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 4.5rem;
}
.section-nav__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  position: relative;
  width: auto;
}
.section-nav__item--header {
  color: #808080;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0.4rem 1.2rem;
}
.section-nav__item--primary {
  font-weight: 700;
  text-transform: uppercase;
}
.section-nav__item--secondary, .section-nav__item--tertiary {
  font-weight: 700;
}
.section-nav__item--separator {
  background-color: #ccc;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 0.1rem;
  -ms-flex-preferred-size: 0.1rem;
  flex-basis: 0.1rem;
  margin: 0.4rem 1.6rem;
  padding: 0;
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 0.1rem;
}
.section-nav__item:hover .section-nav__dropdown {
  opacity: 1;
  pointer-events: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
}
.section-nav__item--link {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.4rem;
  color: #4d4d4d;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  height: 3.2rem;
  line-height: 1.4rem;
  padding: 0.4rem 0.8rem;
  -webkit-transition: background-color 0.25s ease, color 0.25s ease;
  -moz-transition: background-color 0.25s ease, color 0.25s ease;
  -o-transition: background-color 0.25s ease, color 0.25s ease;
  transition: background-color 0.25s ease, color 0.25s ease;
  white-space: nowrap;
  width: auto;
}
.section-nav__item--link:hover {
  background-color: #f2f2f2;
  color: #000;
}
.section-nav__item--link.politifact span {
  color: #086db8;
  text-transform: uppercase;
}
.section-nav__item--link.politifact span span {
  color: #f15135;
}
.section-nav__item--link.centro span {
  color: #bd2b42;
  text-transform: uppercase;
}
.section-nav__item--link.centro span span {
  color: #ffd203;
}
.section-nav__item--link.mugshots span {
  font-family: Georgia, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
  font-weight: 700;
  text-transform: capitalize;
}
.section-nav__item--link.pulitzer span {
  color: #a69452;
  font-family: Georgia, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
  font-weight: 700;
  text-transform: capitalize;
}
.section-nav__dropdown {
  list-style: none;
}
.section-nav__dropdown > ul {
  margin: 0 1.6rem 0 0;
}
.section-nav__dropdown > ul:last-child {
  margin: 0;
}
.section-nav__dropdown ul {
  list-style: none;
  padding: 0;
}
.section-nav__dropdown .section-nav__item--separator {
  border-bottom: 0.1rem solid #ccc;
  display: block;
  margin: 1.2rem;
  width: auto;
}
.section-nav__dropdown .section-nav__item--link {
  text-transform: capitalize;
}
.section-nav__dropdown .nav__icons.nav__icon--things-to-do, .section-nav__dropdown .nav__icons.nav__icon--games {
  display: none;
}
.section-nav .nav__icons {
  background-image: url("/pf/resources/images/icons/global-icon-sprite.png?d=124");
  background-repeat: no-repeat;
  background-size: 360px 24px;
  display: inline-block;
  height: 2.4rem;
  margin: 0 0.4rem 0 0;
  vertical-align: middle;
  width: 2.4rem;
}
.section-nav .nav__icon--bucs {
  background-position: 0 0;
}
.section-nav .nav__icon--rays {
  background-position: -24px 0;
}
.section-nav .nav__icon--lightning {
  background-position: -48px 0;
}
.section-nav .nav__icon--rowdies {
  background-position: -72px 0;
}
.section-nav .nav__icon--bulls {
  background-position: -96px 0;
}
.section-nav .nav__icon--gators {
  background-position: -120px 0;
}
.section-nav .nav__icon--seminoles {
  background-position: -144px 0;
}
.section-nav .nav__icon--games {
  background-position: -312px 0;
}
.section-nav .nav__icon--things-to-do {
  background-position: -336px 0;
}
.section-nav .nav__icon--tbt {
  background-image: url("/pf/resources/images/icons/tbt-logo.png?d=124");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.2rem;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.wc__row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .wc__row {
    -moz-flex-direction: horizontal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
.wc__select-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wc__select-label {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #666;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0.8rem 0 0;
}
.wc__select-label-icon {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 2rem;
  -ms-flex-preferred-size: 2rem;
  flex-basis: 2rem;
  display: block;
  fill: #666;
  height: 2rem;
  margin: 0 0.2rem 0 0;
  width: 2rem;
}
.wc__select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23cccccc%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 1.2rem;
  background-position: right 1.2rem center;
  background-repeat: no-repeat;
  background-color: #fff;
  border: 0.1rem solid #ccc;
  border-radius: 0.4rem;
  color: #666;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.6rem;
  font-weight: 700;
  height: 3.6rem;
  line-height: 3.6rem;
  padding: 0 1.2rem;
  width: 18rem;
}
.wc__select select::-ms-expand {
  display: none;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.card-box {
  transform: translateX(-1.6rem);
  width: 100vw;
}
@media (min-width: 425px) {
  .card-box {
    transform: none;
    width: 100%;
  }
}
.card-box__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #f8f8f8;
  border-bottom: 0.1rem solid #ccc;
  border-top: 0.1rem solid #ccc;
  height: 3.6rem;
  padding: 0.8rem;
}
@media (min-width: 425px) {
  .card-box__header {
    border: 0.1rem solid #ccc;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }
}
.card-box__header h2 {
  color: #4d4d4d;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.card-box__header span {
  color: #808080;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.2rem;
  line-height: 1;
  margin: 0 0 0 0.4rem;
}
.card-box__container {
  border-bottom: 0.1rem solid #ccc;
  background-color: #fff;
}
@media (min-width: 425px) {
  .card-box__container {
    border: 0.1rem solid #ccc;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    border-top: 0;
  }
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
.box {
  width: 100%;
}
.box--full-width {
  transform: translateX(-1.6rem);
  width: 100vw;
}
@media (min-width: 425px) {
  .box--full-width {
    transform: none;
    width: 100%;
  }
}
.box--full-width .box__header {
  border: 0;
  border-bottom: 0.1rem solid #ccc;
  border-radius: 0;
  border-top: 0.1rem solid #ccc;
}
@media (min-width: 425px) {
  .box--full-width .box__header {
    border: 0.1rem solid #ccc;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }
}
.box--full-width .box__container {
  border: 0;
  border-bottom: 0.1rem solid #ccc;
  border-radius: 0;
}
@media (min-width: 425px) {
  .box--full-width .box__container {
    border: 0.1rem solid #ccc;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    border-top: 0;
  }
}
.box__header {
  background-color: #f8f8f8;
  border: 0.1rem solid #ccc;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  padding: 0.8rem;
}
.box__header h2 {
  color: #4d4d4d;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.box__header h2 span {
  color: #808080;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.2rem;
  line-height: 1;
}
.box__container {
  background-color: #fff;
  border: 0.1rem solid #ccc;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  border-top: 0;
  padding: 1.6rem;
}
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.cc__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  color: #4d4d4d;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 700;
  padding: 1rem;
}
@media (min-width: 768px) {
  .cc__wrapper {
    -moz-flex-direction: horizontal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
.cc__icon-and-temp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin: 0 0 1.6rem;
}
@media (min-width: 768px) {
  .cc__icon-and-temp {
    margin: 0 1.6rem 0 0;
  }
}
.cc__icon {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: calc(50% - 0.8rem);
  -ms-flex-preferred-size: calc(50% - 0.8rem);
  flex-basis: calc(50% - 0.8rem);
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  height: 10rem;
  margin: 0 0.8rem 0 0;
  width: calc(50% - 0.8rem);
}
@media (min-width: 768px) {
  .cc__icon {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 10rem;
    -ms-flex-preferred-size: 10rem;
    flex-basis: 10rem;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    width: 10rem;
  }
}
.cc__icon img,
.cc__icon svg {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 10rem;
  -ms-flex-preferred-size: 10rem;
  flex-basis: 10rem;
  height: 10rem;
}
.cc__temp {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  font-size: 7.2rem;
  height: 10rem;
  margin: 0 0 0 0.8rem;
}
@media (min-width: 375px) {
  .cc__temp {
    font-size: 8.4rem;
  }
}
.cc__short-forecast {
  border-bottom: 0.1rem solid #ccc;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 auto 1.6rem;
  padding: 0 0 1.6rem;
  text-align: center;
  width: 20rem;
}
@media (min-width: 768px) {
  .cc__short-forecast {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: unset;
    width: auto;
  }
}
.cc__details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .cc__details {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 20rem;
    -ms-flex-preferred-size: 20rem;
    flex-basis: 20rem;
    width: 20rem;
  }
}
.cc__detail-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 2.4rem;
  -ms-flex-preferred-size: 2.4rem;
  flex-basis: 2.4rem;
  height: 2.4rem;
}
.cc__detail-label, .cc__detail-value {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: calc(50% - 0.8rem);
  -ms-flex-preferred-size: calc(50% - 0.8rem);
  flex-basis: calc(50% - 0.8rem);
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  height: 2.4rem;
  width: calc(50% - 0.8rem);
}
.cc__detail-label {
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  color: #999;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  margin: 0 0.8rem 0 0;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .cc__detail-label {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: calc(70% - 0.8rem);
    -ms-flex-preferred-size: calc(70% - 0.8rem);
    flex-basis: calc(70% - 0.8rem);
  }
}
.cc__detail-value {
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  font-size: 1.6rem;
  margin: 0 0 0 0.8rem;
}
@media (min-width: 768px) {
  .cc__detail-value {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: calc(30% - 0.8rem);
    -ms-flex-preferred-size: calc(30% - 0.8rem);
    flex-basis: calc(30% - 0.8rem);
  }
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.accordion-button {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 2.4rem;
  -ms-flex-preferred-size: 2.4rem;
  flex-basis: 2.4rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: box-shadow 0.15s ease, background 0.15s ease;
  -moz-transition: box-shadow 0.15s ease, background 0.15s ease;
  -o-transition: box-shadow 0.15s ease, background 0.15s ease;
  transition: box-shadow 0.15s ease, background 0.15s ease;
  background-color: #f2f2f2;
  border: 0.1rem solid #ccc;
  border-radius: 0.2rem;
  cursor: pointer;
  height: 2.4rem;
  width: 3.6rem;
}
.accordion-button > svg {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 1.8rem;
  -ms-flex-preferred-size: 1.8rem;
  flex-basis: 1.8rem;
  -webkit-transition: fill 0.15s ease, -webkit-transform 0.15s ease;
  -moz-transition: fill 0.15s ease, -moz-transform 0.15s ease;
  -o-transition: fill 0.15s ease, -o-transform 0.15s ease;
  transition: fill 0.15s ease, transform 0.15s ease;
  fill: #999;
  height: 18px;
  width: 1.8rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .accordion-button:hover {
    background-color: #fff;
  }
  .accordion-button:hover > svg {
    fill: #4d4d4d;
  }
}
@media (hover: hover) {
  .accordion-button:hover {
    background-color: #fff;
  }
  .accordion-button:hover > svg {
    fill: #4d4d4d;
  }
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.sdf__wrapper:first-child .sdf__row {
  border-top: 0;
}
.sdf__check, .sdf-details__check {
  display: none;
}
.sdf__row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: box-shadow 0.15s ease;
  -moz-transition: box-shadow 0.15s ease;
  -o-transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
  border-top: 0.1rem solid #ccc;
  padding: 1.6rem;
}
.sdf__day-and-date, .sdf__rain, .sdf__temp, .sdf__button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 4.8rem;
  -ms-flex-preferred-size: 4.8rem;
  flex-basis: 4.8rem;
  width: 4.8rem;
}
.sdf__icon {
  display: none;
}
@media (min-width: 375px) {
  .sdf__icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 4.8rem;
    -ms-flex-preferred-size: 4.8rem;
    flex-basis: 4.8rem;
    width: 4.8rem;
  }
}
@media (min-width: 768px) {
  .sdf__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 6rem;
    -ms-flex-preferred-size: 6rem;
    flex-basis: 6rem;
    width: 6rem;
  }
}
.sdf__day-and-date, .sdf__icon, .sdf__temp, .sdf__rain, .sdf__dropdown {
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sdf__day, .sdf__temp-hi, .sdf__rain-chance {
  color: #4d4d4d;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0 0 0.4rem;
  line-height: 1;
}
.sdf__date, .sdf__temp-lo {
  color: #999;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.3rem;
  line-height: 1;
}
.sdf__temp-hi, .sdf__temp-lo, .sdf__rain-chance {
  text-align: center;
}
.sdf__icon img {
  height: 3.6rem;
  width: 3.6rem;
}
.sdf__short-forecast {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  color: #4d4d4d;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.3rem;
  font-weight: 400;
  margin: 0 0 0 0.8rem;
  width: auto;
}
@media (min-width: 375px) {
  .sdf__short-forecast {
    margin: 0;
  }
}
@media (min-width: 425px) {
  .sdf__short-forecast {
    font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  }
}
@media (min-width: 768px) {
  .sdf__short-forecast {
    font-size: 1.6rem;
  }
}
.sdf__rain-icon svg {
  display: block;
  fill: #6ec4e9;
  height: 1.3rem;
  margin: auto;
  width: 1rem;
}
.sdf__dropdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 0 1.2rem;
}
.sdf-details {
  -webkit-transition: max-height 0.25s ease;
  -moz-transition: max-height 0.25s ease;
  -o-transition: max-height 0.25s ease;
  transition: max-height 0.25s ease;
  background-color: #f2f2f2;
  max-height: 0;
  overflow: hidden;
}
.sdf-details__card {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  background-color: #fff;
  margin: auto;
  opacity: 0;
  padding: 1.6rem;
  width: calc(100% - 3.2rem);
}
.sdf-details__icon img {
  height: auto;
  width: 100%;
}
.sdf-details__top-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.sdf-details__toggle {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 7.2rem;
  -ms-flex-preferred-size: 7.2rem;
  flex-basis: 7.2rem;
}
.sdf-details__day {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  position: relative;
}
.sdf-details__bottom-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
  position: relative;
}
.sdf-details__bottom-row-day, .sdf-details__bottom-row-night {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .sdf-details__bottom-row-day, .sdf-details__bottom-row-night {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-flex-direction: horizontal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: 100%;
  }
}
.sdf-details__day-day, .sdf-details__day-night, .sdf-details__bottom-row-day, .sdf-details__bottom-row-night {
  left: 0;
  top: 0;
}
.sdf-details__day-day, .sdf-details__day-night {
  color: #666;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.8rem;
  font-weight: 700;
}
.sdf-details__day-day, .sdf-details__bottom-row-day {
  -moz-user-select: auto;
  -ms-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
  -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  position: relative;
}
.sdf-details__day-night, .sdf-details__bottom-row-night {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
  -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-6rem);
}
.sdf-details__toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.sdf-details__toggle-day-icon {
  margin: 0 0.4rem 0 0;
}
.sdf-details__toggle-day-icon svg {
  -webkit-transition: fill 0.25s ease;
  -moz-transition: fill 0.25s ease;
  -o-transition: fill 0.25s ease;
  transition: fill 0.25s ease;
  fill: #fa0;
  height: 1.8rem;
  width: 1.8rem;
}
.sdf-details__toggle-night-icon {
  margin: 0 0 0 0.4rem;
}
.sdf-details__toggle-night-icon svg {
  -webkit-transition: fill 0.25s ease;
  -moz-transition: fill 0.25s ease;
  -o-transition: fill 0.25s ease;
  transition: fill 0.25s ease;
  fill: #ccc;
  height: 1.8rem;
  width: 1.8rem;
}
.sdf-details__toggle-slot {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 3.6rem;
  -ms-flex-preferred-size: 3.6rem;
  flex-basis: 3.6rem;
  -webkit-box-shadow: inset 0 0.1rem 0.4rem rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0.1rem 0.4rem rgba(0, 0, 0, 0.25);
  background: -webkit-gradient(linear, left top, left bottom, from(#fa0), to(#ffea00));
  background: -o-linear-gradient(top, #fa0 0%, #ffea00 100%);
  background: linear-gradient(180deg, #fa0 0%, #ffea00 100%);
  border-radius: 0.9rem;
  cursor: pointer;
  height: 1.8rem;
  padding: 0.2rem;
  width: 3.6rem;
}
.sdf-details__toggle-peg {
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  -webkit-transition: -webkit-transform 0.25s ease;
  -moz-transition: -moz-transform 0.25s ease;
  -o-transition: -o-transform 0.25s ease;
  transition: transform 0.25s ease;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
  background: -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);
  background: linear-gradient(180deg, #fff 0%, #e6e6e6 100%);
  border-radius: 0.8rem;
  height: 1.4rem;
  width: 1.4rem;
}
.sdf-details__icon-and-temp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .sdf-details__icon-and-temp {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
  }
}
.sdf-details__icon, .sdf-details__temp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: calc(50% - 0.8rem);
  -ms-flex-preferred-size: calc(50% - 0.8rem);
  flex-basis: calc(50% - 0.8rem);
  width: calc(50% - 0.8rem);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sdf-details__icon, .sdf-details__temp {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
.sdf-details__icon {
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  margin: 0 0.8rem 0 0;
}
.sdf-details__icon img {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 10rem;
  -ms-flex-preferred-size: 10rem;
  flex-basis: 10rem;
  height: 10rem;
  width: 10rem;
}
.sdf-details__temp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin: 0 0 0 0.8rem;
}
.sdf-details__temp-box {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 10rem;
  width: 10rem;
}
.sdf-details__temp-label {
  color: #999;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1;
  margin: 0 0 0.4rem;
  text-transform: uppercase;
}
.sdf-details__temp-value {
  color: #666;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1;
}
.sdf-details__long-forecast {
  color: #666;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  line-height: 1.25;
  margin: 1.6rem 1.6rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  .sdf-details__long-forecast {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin: 0 1.6rem;
    text-align: left;
  }
}
.sdf-details__data {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .sdf-details__data {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 25rem;
    -ms-flex-preferred-size: 25rem;
    flex-basis: 25rem;
  }
}
.sdf-details__data-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 2.4rem;
  -ms-flex-preferred-size: 2.4rem;
  flex-basis: 2.4rem;
}
.sdf-details__data-label, .sdf-details__data-value {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: calc(50% - 0.8rem);
  -ms-flex-preferred-size: calc(50% - 0.8rem);
  flex-basis: calc(50% - 0.8rem);
}
.sdf-details__data-label {
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  color: #999;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1;
  margin: 0 0.8rem 0 0;
  text-align: right;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .sdf-details__data-label {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 12rem;
    -ms-flex-preferred-size: 12rem;
    flex-basis: 12rem;
  }
}
.sdf-details__data-value {
  color: #666;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  line-height: 1;
  margin: 0 0 0 0.8rem;
}
@media (min-width: 768px) {
  .sdf-details__data-value {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 12rem;
    -ms-flex-preferred-size: 12rem;
    flex-basis: 12rem;
  }
}
.sdf-details__moon-phase img {
  height: 1.6rem;
  width: 1.6rem;
}
.sdf-details__check:checked ~ .sdf-details__top-row .sdf-details__day-day,
.sdf-details__check:checked ~ .sdf-details__top-row .sdf-details__bottom-row-day, .sdf-details__check:checked ~ .sdf-details__bottom-row .sdf-details__day-day,
.sdf-details__check:checked ~ .sdf-details__bottom-row .sdf-details__bottom-row-day {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  opacity: 0;
  transform: translateX(6rem);
}
.sdf-details__check:checked ~ .sdf-details__top-row .sdf-details__day-night,
.sdf-details__check:checked ~ .sdf-details__top-row .sdf-details__bottom-row-night, .sdf-details__check:checked ~ .sdf-details__bottom-row .sdf-details__day-night,
.sdf-details__check:checked ~ .sdf-details__bottom-row .sdf-details__bottom-row-night {
  position: relative;
  opacity: 1;
  transform: translateX(0);
}
.sdf-details__check:checked ~ .sdf-details__top-row .sdf-details__toggle-day-icon svg {
  fill: #ccc;
}
.sdf-details__check:checked ~ .sdf-details__top-row .sdf-details__toggle-night-icon svg {
  fill: #4040bf;
}
.sdf-details__check:checked ~ .sdf-details__top-row .sdf-details__toggle-slot {
  background: -webkit-gradient(linear, left top, left bottom, from(#4040bf), to(#6ec4e9));
  background: -o-linear-gradient(top, #4040bf 0%, #6ec4e9 100%);
  background: linear-gradient(180deg, #4040bf 0%, #6ec4e9 100%);
}
.sdf-details__check:checked ~ .sdf-details__top-row .sdf-details__toggle-peg {
  transform: translateX(1.8rem);
}
.sdf-details__separator {
  border-bottom: 0.1rem solid #ccc;
  margin: 1.6rem auto;
  width: 62%;
}
@media (min-width: 768px) {
  .sdf-details__separator.data {
    display: none;
  }
}
.sdf__check:checked ~ .sdf__row {
  -webkit-box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.25);
  border-bottom: 0.1rem solid #ccc;
  position: relative;
  z-index: 2;
}
.sdf__check:checked ~ .sdf__row .sdf__accordion-button {
  background-color: #fff;
  border: 0.1rem solid #808080;
}
.sdf__check:checked ~ .sdf__row .sdf__accordion-button > svg {
  fill: #808080;
  transform: rotate(180deg);
}
.sdf__check:checked ~ .sdf-details {
  -webkit-transition: max-height 0.25s linear;
  -moz-transition: max-height 0.25s linear;
  -o-transition: max-height 0.25s linear;
  transition: max-height 0.25s linear;
  height: auto;
  max-height: 70rem;
}
@media (min-width: 768px) {
  .sdf__check:checked ~ .sdf-details {
    max-height: 30rem;
  }
}
.sdf__check:checked ~ .sdf-details .sdf-details__card {
  -webkit-transition: opacity 0.15s linear 0.25s;
  -moz-transition: opacity 0.15s linear 0.25s;
  -o-transition: opacity 0.15s linear 0.25s;
  transition: opacity 0.15s linear 0.25s;
  opacity: 1;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.hourly-forecast {
  position: relative;
}
.hourly-forecast .card-box__container {
  max-height: 42rem;
  overflow: hidden;
}
.hourly-forecast .card-box__header {
  border-bottom: 0;
}

.hf__scrollPos--0 .hf__wrapper {
  transform: translateY(0);
}
.hf__scrollPos--0 .hf__accordion-button--top {
  opacity: 0;
  pointer-events: none;
}
.hf__scrollPos--1 .hf__wrapper {
  transform: translateY(-42rem);
}
.hf__scrollPos--2 .hf__wrapper {
  transform: translateY(-84rem);
}
.hf__scrollPos--3 .hf__wrapper {
  transform: translateY(-126rem);
}
.hf__scrollPos--3 .hf__accordion-button--bottom {
  opacity: 0;
  pointer-events: none;
}
.hf__wrapper {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.hf__accordion-button--top, .hf__accordion-button--bottom {
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.25);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  left: 50%;
  opacity: 1;
  position: absolute;
  transform: translateX(-50%);
  z-index: 9;
}
.hf__accordion-button--top {
  top: 2.4rem;
}
.hf__accordion-button--top svg {
  transform: rotate(180deg);
}
.hf__accordion-button--bottom {
  bottom: -1.2rem;
}
.hf__row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: box-shadow 0.15s ease;
  -moz-transition: box-shadow 0.15s ease;
  -o-transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
  border-top: 0.1rem solid #ccc;
  max-height: 7rem;
  min-height: 7rem;
  padding: 1.6rem;
}
.hf__time-and-day, .hf__icon, .hf__temp, .hf__rain, .hf__wind-speed-and-dir {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 4.8rem;
  -ms-flex-preferred-size: 4.8rem;
  flex-basis: 4.8rem;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.8rem;
}
@media (min-width: 768px) {
  .hf__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 6rem;
    -ms-flex-preferred-size: 6rem;
    flex-basis: 6rem;
    width: 6rem;
  }
}
.hf__time, .hf__temp, .hf__rain-chance, .hf__speed {
  color: #4d4d4d;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 0.4rem;
}
.hf__temp {
  font-size: 2.4rem;
}
.hf__day, .hf__dir {
  color: #999;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.3rem;
  line-height: 1;
}
.hf__temp, .hf__rain-chance, .hf__speed, .hf__dir {
  text-align: center;
}
.hf__icon img {
  height: 3.6rem;
  width: 3.6rem;
}
.hf__short-forecast {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.3rem;
  font-weight: 400;
  margin: 0 0 0 0.8rem;
  width: auto;
}
@media (min-width: 375px) {
  .hf__short-forecast {
    margin: 0;
  }
}
@media (min-width: 425px) {
  .hf__short-forecast {
    font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  }
}
@media (min-width: 768px) {
  .hf__short-forecast {
    font-size: 1.6rem;
  }
}
.hf__rain-icon svg {
  display: block;
  fill: #6ec4e9;
  height: 1.4rem;
  margin: auto;
  width: 1rem;
}
.hf__wind-speed-and-dir {
  display: none;
}
@media (min-width: 425px) {
  .hf__wind-speed-and-dir {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.react-modal {
  -webkit-box-shadow: 0 0 3.2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3.2rem rgba(0, 0, 0, 0.5);
  background-color: #fff;
  border-radius: 0.4rem;
  outline: transparent;
  overflow: hidden;
  padding: 1.6rem;
}
.react-modal__overlay {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  left: 0;
  margin: 5rem 0 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 998;
}
.react-modal__close-icon {
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  -moz-transition: opacity 0.25s ease, -moz-transform 0.25s ease;
  -o-transition: opacity 0.25s ease, -o-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease;
  cursor: pointer;
  fill: #fff;
  height: 3.6rem;
  opacity: 0.62;
  position: absolute;
  right: 1.4rem;
  top: 1.4rem;
  transform: scale(0.62);
  width: 3.6rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .react-modal__close-icon:hover {
    opacity: 1;
    transform: scale(1);
  }
}
@media (hover: hover) {
  .react-modal__close-icon:hover {
    opacity: 1;
    transform: scale(1);
  }
}

.ReactModal__Overlay {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.ReactModal__Overlay--after-open {
  opacity: 1;
}

.ReactModal__Overlay--before-close {
  opacity: 0;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
.radar__box {
  width: 100%;
}
.radar__box--full-width {
  transform: translateX(-1.6rem);
  width: 100vw;
}
@media (min-width: 425px) {
  .radar__box--full-width {
    transform: none;
    width: 100%;
  }
}
.radar__box--full-width .box__header {
  border: 0;
  border-bottom: 0.1rem solid #ccc;
  border-radius: 0;
  border-top: 0.1rem solid #ccc;
}
@media (min-width: 425px) {
  .radar__box--full-width .box__header {
    border: 0.1rem solid #ccc;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }
}
.radar__box--full-width .box__container {
  border: 0;
  border-bottom: 0.1rem solid #ccc;
  border-radius: 0;
}
@media (min-width: 425px) {
  .radar__box--full-width .box__container {
    border: 0.1rem solid #ccc;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    border-top: 0;
  }
}
.radar__box__header {
  background-color: #f8f8f8;
  border: 0.1rem solid #ccc;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  padding: 0.8rem;
}
.radar__box__header h2 {
  color: #4d4d4d;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.radar__box__header h2 span {
  color: #808080;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.2rem;
  line-height: 1;
}
.radar__box__container {
  background-color: #fff;
  border: 0.1rem solid #ccc;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  border-top: 0;
  padding: 1.6rem;
}
.radar__box__container--no-padding {
  padding: 0;
}

/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.radar__box__header {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .radar__box__header {
    margin: auto;
    width: 48rem;
  }
}
@media (min-width: 1190px) {
  .radar__box__header {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .radar__box__container {
    margin: auto;
    width: 48rem;
  }
}
@media (min-width: 1190px) {
  .radar__box__container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .radar__box__container--no-padding {
    margin: auto;
    width: 48rem;
  }
}
@media (min-width: 1190px) {
  .radar__box__container--no-padding {
    width: 100%;
  }
}

.radar__image {
  display: block;
  position: relative;
  width: 100%;
}
.radar__image-wrapper {
  cursor: pointer;
  position: relative;
}
.radar__image-wrapper img {
  display: block;
  height: auto;
  width: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .radar__image-wrapper:hover .radar__click-to-enlarge {
    opacity: 1;
    transform: scale(1.125);
  }
}
@media (hover: hover) {
  .radar__image-wrapper:hover .radar__click-to-enlarge {
    opacity: 1;
    transform: scale(1.125);
  }
}
.radar__click-to-enlarge {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  -moz-transition: opacity 0.25s ease, -moz-transform 0.25s ease;
  -o-transition: opacity 0.25s ease, -o-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease;
  bottom: 1.6rem;
  color: #fff;
  display: none;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  height: 1.8rem;
  left: 1.6rem;
  line-height: 1;
  opacity: 0.66;
  position: absolute;
  transform-origin: left bottom;
}
@media (min-width: 768px) {
  .radar__click-to-enlarge {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
.radar__click-to-enlarge svg {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 1.8rem;
  -ms-flex-preferred-size: 1.8rem;
  flex-basis: 1.8rem;
  fill: #fff;
  height: 1.8rem;
  margin: 0 0.4rem 0 0;
  width: 1.8rem;
}
.radar__modal {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}
.radar__modal img {
  max-width: 100%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.heading {
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.heading h2,
.heading h3,
.heading h3 {
  padding: 0.5rem 0;
}
.heading p {
  margin-top: 0;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #999;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
.timestamp--recent, .timestamp {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  font-family: "Roboto", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.3rem;
  width: auto;
}

.timestamp {
  color: #999;
}
.timestamp--recent {
  color: #d55d5d;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.author-bio {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.author-bio figure,
.author-bio .lazy-container {
  height: 100%;
  width: 100%;
}
.author-bio.article {
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.author-bio.article .author-bio__image--wrapper {
  height: 8rem;
  min-width: 8rem;
}
.author-bio.article .author-bio__content--byline {
  font-size: 1.6rem;
  text-transform: uppercase;
  margin: 2rem 0 0;
}
.author-bio.article .author-bio__content--role {
  font-size: 1.6rem;
}
.author-bio.author {
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.author-bio.author .author-bio__image {
  height: 100%;
  width: 100%;
}
.author-bio.author .author-bio__image .lazy-container {
  height: 100%;
  width: 100%;
}
.author-bio.author .author-bio__image--wrapper {
  height: 10rem;
  margin: 0 auto;
  width: 10rem;
}
@media (min-width: 768px) {
  .author-bio.author .author-bio__image--wrapper {
    height: 14rem;
    width: 14rem;
  }
}
.author-bio.author .author-bio__content {
  margin: 0;
  width: 100%;
}
.author-bio.author .author-bio__content--byline {
  font-size: 3.2rem;
  margin: 1.4rem 0 0;
  text-align: center;
}
.author-bio.author .author-bio__content--role {
  color: #000;
  font-size: 2.4rem;
  margin: 1rem 0 6rem;
  text-align: center;
}
.author-bio.author .author-bio__content--bio {
  color: #666;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-top: 3rem;
}
.author-bio.author .author-bio__content--contact {
  list-style: none;
  margin-top: 2rem;
  padding: 0;
}
.author-bio.author .author-bio__content--contact li {
  margin-bottom: 2rem;
  overflow: hidden;
}
.author-bio.author .author-bio__content--contact li svg {
  background-color: #999;
  border-radius: 50%;
  fill: #fff;
  height: 3rem;
  margin-right: 1rem;
  padding: 0.4rem;
  overflow: visible;
  vertical-align: middle;
  width: 3rem;
}
.author-bio.author .author-bio__content--contact li a {
  color: #000;
}
.author-bio__image img {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  border-radius: 50%;
  height: 100%;
  left: -50%;
  margin: auto;
  position: absolute;
  right: -50%;
  top: 0;
  width: auto;
}
.author-bio__image img.lazy {
  opacity: 0;
}
.author-bio__image img.lazy-loaded {
  opacity: 1;
}
.author-bio__image--wrapper {
  border-radius: 50%;
  height: 6rem;
  margin: 0.5rem;
  overflow: hidden;
  position: relative;
  min-width: 6rem;
}
.author-bio__content {
  margin-left: 1rem;
  vertical-align: top;
}
.author-bio__content--byline {
  color: #000;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 1.4rem 0 0;
}
.author-bio__content--role {
  color: #666;
  font-size: 1.4rem;
  margin: 0.2rem 0 0;
}
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
.story-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.story-item .group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.story-item .column {
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.story-item .column > div {
  height: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: 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;
  line-height: 1;
}
.story-item .media {
  position: relative;
}
.story-item .media a {
  display: block;
  position: relative;
}
.story-item .media figure img {
  display: block;
  width: 100%;
}
.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-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;
    -ms-transform: scale(1);
    -webkit-transform: scale(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;
    -ms-transform: scale(1);
    -webkit-transform: scale(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;
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -o-transition: background 0.25s ease;
  transition: background 0.25s ease;
  width: 100%;
}
.story-item .media .video-preview__ui {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 1.2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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;
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  -moz-transition: opacity 0.25s ease, -moz-transform 0.25s ease;
  -o-transition: opacity 0.25s ease, -o-transform 0.25s ease;
  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;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  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;
}
.story-item.vertical-no-meta .headline a {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .story-item.vertical-no-meta .headline a {
    font-size: 2.2rem;
  }
}
.story-item.feed .headline a {
  font-size: 2rem;
}
.story-item.feed .subheadline {
  color: #666;
}

/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.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;
}
.feed .vert-feed {
  border-bottom: 0.1rem solid #b3b3b3;
}

.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 {
  -webkit-animation-name: bouncedelay;
  animation-name: bouncedelay;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  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-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.load-more__spinner-item-2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.load-more__spinner-item-3 {
  -webkit-animation-delay: 0.4s;
  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;
}

@-webkit-keyframes bouncedelay {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -ms-transform: translateY(-0.6rem);
    -webkit-transform: translateY(-0.6rem);
    transform: translateY(-0.6rem);
  }
  50% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bouncedelay {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -ms-transform: translateY(-0.6rem);
    -webkit-transform: translateY(-0.6rem);
    transform: translateY(-0.6rem);
  }
  50% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bouncedelay {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -ms-transform: translateY(-0.6rem);
    -webkit-transform: translateY(-0.6rem);
    transform: translateY(-0.6rem);
  }
  50% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bouncedelay {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -ms-transform: translateY(-0.6rem);
    -webkit-transform: translateY(-0.6rem);
    transform: translateY(-0.6rem);
  }
  50% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.footer {
  background-color: #e6e6e6;
  border-top: 1px solid #ccc;
  padding: 2.4rem 0;
  width: 100%;
}
.footer__segment-top {
  margin: 0 0 3.2rem;
}
.footer__segment-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.container {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.footer-segment-top__logo {
  display: block;
  height: 3.5rem;
  margin: 0 auto 0.2rem;
  width: 22.7rem;
}
.footer-segment-top__logo svg {
  height: 3.5rem;
  width: 22.7rem;
}
.footer-segment-top__copyright {
  color: #666;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.2rem;
  margin: 0 0 1.6rem;
  text-align: center;
}
.footer-segment-top__copyright a {
  color: #666;
  font-weight: 700;
  text-decoration: none;
}
.footer-segment-top__calls-to-action {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.footer-call-to-action {
  background-color: #fff;
  border: 0.1rem solid #b3b3b3;
  border-radius: 0.2rem;
  color: #666;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  font-weight: 700;
  height: 4rem;
  letter-spacing: 0.1rem;
  line-height: 1.4rem;
  margin: auto;
  text-align: center;
  width: auto;
}
.footer-call-to-action:first-child {
  margin: 0 auto 0.8rem;
}
.footer-call-to-action svg {
  display: inline;
  fill: #666;
  height: 1.8rem;
  margin: 0 0.8rem 0 0;
  width: 1.8rem;
}
.footer-call-to-action span {
  padding: 0.5rem 0;
}

.flex-fill {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.footer-segment-bottom__link-list {
  text-align: center;
  padding-left: 0;
}
.footer-segment-bottom__link-list li {
  padding: 0 0 1.2rem;
  list-style: none;
}
.footer-segment-bottom__link-list li a,
.footer-segment-bottom__link-list li .need-help {
  border-bottom: 0.1rem dotted #999;
  color: #666;
  cursor: pointer;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: border-bottom 0.25s ease, padding 0.25s ease;
  -moz-transition: border-bottom 0.25s ease, padding 0.25s ease;
  -o-transition: border-bottom 0.25s ease, padding 0.25s ease;
  transition: border-bottom 0.25s ease, padding 0.25s ease;
}
.footer-segment-bottom__link-list li a .question-mark,
.footer-segment-bottom__link-list li .need-help .question-mark {
  display: inline-block;
  -ms-transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.footer-segment-bottom__social-list {
  margin: auto;
  width: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.footer-segment-bottom__social-list li {
  list-style: none;
}
.footer-segment-bottom__social-list a {
  border-bottom: 0;
  text-decoration: none;
}
.footer-segment-bottom__social-list svg {
  fill: #999;
  height: 3.6rem;
  margin: 0.6rem;
  width: 3.6rem;
}
@media only screen and (min-width: 375px) {
  .footer-segment-bottom__social-list .footer-segment-bottom__social-list--twitter {
    height: 2.5rem;
    margin: 0 0.6rem 1.6rem;
    width: 2.5rem;
  }
}

.need-help.modal-dialog {
  margin: auto;
  max-width: 30rem;
}
.need-help hr {
  margin-bottom: 2.4rem;
  margin-top: 2.4rem;
}
.need-help__button {
  background-color: #fff;
  border: 0.1rem solid #b3b3b3;
  border-radius: 0.2rem;
  color: #666;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4rem;
  font-weight: 700;
  height: 4rem;
  letter-spacing: 0.1rem;
  line-height: 1.4rem;
  text-align: center;
  width: auto;
}
.need-help__button svg {
  display: inline;
  fill: #666;
  height: 2.4rem;
  margin: 0 0.8rem 0 0;
  width: 2.4rem;
}
.need-help__button span {
  padding: 0.5rem 0;
}
.need-help__or {
  color: #808080;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding: 0.8rem;
  text-align: center;
}
.need-help__call {
  color: #666;
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding: 0.8rem;
  text-align: center;
}
.need-help__number {
  font-family: "Roboto Condensed", "Roboto", "Franklin Gothic", gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.4rem;
  padding: 0.8rem;
  text-align: center;
}
.need-help__number a {
  color: #238e74;
}

@media only screen and (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 720px;
  }

  .footer-segment-top {
    margin: 0 0 6.4rem;
  }
  .footer-segment-top__logo {
    margin: auto;
  }
  .footer-segment-top__calls-to-action {
    -moz-flex-direction: horizontal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer-call-to-action {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: horizontal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 0;
  }
  .footer-call-to-action:first-child {
    margin: 0 0.8rem 0 0;
  }

  .footer-segment-bottom__link-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: horizontal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
  }
  .footer-segment-bottom__link-list li {
    padding: 1.3rem 1.3rem 0 0;
  }
  .footer-segment-bottom__social-list svg {
    margin: 0 0.6rem;
    padding: 0.6rem;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }

  .footer-segment-top__logo {
    margin: 0 0 0.4rem;
  }
  .footer-segment-top__copyright {
    text-align: left;
  }
  .footer-segment-top__calls-to-action {
    -moz-flex-direction: horizontal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .footer__segment-bottom {
    -moz-flex-direction: horizontal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .footer-call-to-action:hover {
    background-color: #e6e6e6;
    border: 0.1rem solid #999;
    color: #4d4d4d;
  }

  .footer-segment-bottom__link-list li a:hover,
.footer-segment-bottom__link-list li .need-help:hover {
    border-bottom: 0.1rem solid #666;
  }
  .footer-segment-bottom__social-list svg {
    -webkit-transition: fill 0.5s ease;
    -moz-transition: fill 0.5s ease;
    -o-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
  }
  .footer-segment-bottom__social-list--facebook:hover {
    fill: #3b5998;
  }
  .footer-segment-bottom__social-list--twitter:hover {
    fill: #1da1f2;
  }
  .footer-segment-bottom__social-list--linkedin:hover {
    fill: #0077b5;
  }
  .footer-segment-bottom__social-list--google-plus:hover {
    fill: #d34836;
  }
  .footer-segment-bottom__social-list--reddit:hover {
    fill: #ff4500;
  }
}
@media (hover: hover) {
  .footer-call-to-action:hover {
    background-color: #e6e6e6;
    border: 0.1rem solid #999;
    color: #4d4d4d;
  }

  .footer-segment-bottom__link-list li a:hover,
.footer-segment-bottom__link-list li .need-help:hover {
    border-bottom: 0.1rem solid #666;
  }
  .footer-segment-bottom__social-list svg {
    -webkit-transition: fill 0.5s ease;
    -moz-transition: fill 0.5s ease;
    -o-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
  }
  .footer-segment-bottom__social-list--facebook:hover {
    fill: #3b5998;
  }
  .footer-segment-bottom__social-list--twitter:hover {
    fill: #1da1f2;
  }
  .footer-segment-bottom__social-list--linkedin:hover {
    fill: #0077b5;
  }
  .footer-segment-bottom__social-list--google-plus:hover {
    fill: #d34836;
  }
  .footer-segment-bottom__social-list--reddit:hover {
    fill: #ff4500;
  }
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
.vert__header-vert {
  -webkit-transition: opacity 0.5s ease 0.5s;
  -moz-transition: opacity 0.5s ease 0.5s;
  -o-transition: opacity 0.5s ease 0.5s;
  transition: opacity 0.5s ease 0.5s;
  opacity: 1;
  width: 100%;
  padding: 1.2rem 0;
  background-color: #f8f8f8;
  -webkit-box-shadow: inset 0 0 1.6rem #ccc;
  box-shadow: inset 0 0 1.6rem #ccc;
}
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
/* stylelint-disable value-keyword-case */
/* Expo Page Colors */
/* * * * * HOVER * * * * */
/* * * * * BREAKPOINTS * * * * */
/* * * * * GRADIENTS * * * * */
/* * * * * ASPECT RATIOS * * * * */
/* * * * * VENDOR PREFIXES * * * * */
/* * * Standard * * */
/* * * Keyframes * * */
/* * * Flexbox * * */
@media (min-width: 1190px) {
  .sticky-chain {
    position: sticky;
    top: 8.2rem;
  }
}