:root {
  --nav-logo-height: 26px;
  --nav-height: calc(var(--nav-logo-height) + 10px);
}

@media screen and (min-width: 950px) {

:root {
    --nav-logo-height: 40px;
}
  }

._8KxQ5 {
  position: sticky;
  top: 0;
  top: var(--nav-inset-top, 0);
  height: calc(26px + 10px);
  height: var(--nav-height);
  background: #fff;
  background: var(--nav-bg, #fff);
  box-shadow: 0 0 5px rgba(0,0,0,0.30196);

  /**
   * Z-Index Hierarchy, per the IAB spec
   * https://www.iab.com/wp-content/uploads/2017/08/IABNewAdPortfolio_FINAL_2017.pdf
   *
   * < 0             - Background
   * 0-4999          - Main Content, Standard Ads
   * 5000-1999999    - Expanding Advertising
   * 5000000-5999999 - Expanding Site Navigation Elements
   * 6000000+        - ...
   */
  z-index: 300000;
}

.ohp-- {
  width: var(--standard-width);
  max-width: var(--standard-max-width);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
}

.NWJPh {
  display: block;
  height: 26px;
  height: var(--nav-logo-height);
  width: 26px;
  width: var(--nav-logo-height);
  margin: 3px 0;
}

@media screen and (min-width: 950px) {

.NWJPh {
    margin: 4px 0;
}
  }

.EI4-q {
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--color-blue);
  -webkit-text-decoration: none;
  text-decoration: none;
}

@media screen and (min-width: 950px) {

.EI4-q {
    font-size: 1rem;
}
  }
.onZBq,
._4Cwuv {
  position: absolute;
  right: -80%;
  top: calc(var(--nav-height));
  width: 150px;
  animation: 0.3s ease _1uGLO;
}

@media screen and (min-width: 950px) {

.onZBq,
._4Cwuv {
    right: -74%;
    top: calc(var(--nav-height) - 12px);
}
  }

.onZBq::before,
._4Cwuv::before {
  content: "";
  border-style: solid;
  border-width: 6px 11px 6px;
  border-color: transparent white transparent transparent;
  position: absolute;
  left: 108px;
  top: -17px;
  transform: rotate(90deg);
  filter: drop-shadow(-4px 0px 3px var(--color-medium-gray-2));
  z-index: 1;
}

@media screen and (min-width: 950px) {

.onZBq::before,
._4Cwuv::before {
    left: 107px;
}
  }

.LGlVJ {
  background-color: white;
  padding: 15px;
  filter: drop-shadow(0 0 3px var(--color-medium-gray-2));
}

._5MmHq {
  color: var(--color-medium-gray-3);
  display: flex;
  align-items: center;
  border-bottom: 1px dotted var(--color-medium-gray);
  font-family: var(--font-display);
  width: 100%;
  padding: 10px 0;
  text-align: left;
  -webkit-text-decoration: none;
  text-decoration: none;
}

/*
 * `button:last-child` or `a:last-child` on
 * their own conflict with Header styles
 */
li button:last-child,
li a:last-child {
  border-bottom: none;
}

._5MmHq:hover {
  border-bottom: 1px solid black;
  color: var(--color-dark-gray);
}

@keyframes _1uGLO {
  0% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.DM-LM {
  position: relative;
  height: 24px;
}

@media screen and (min-width: 950px) {

.DM-LM {
    height: 26px;
}
  }

.F9aJJ {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

.UUxUk {
  height: 24px;
  width: 24px;
  display: block;
}

@media screen and (min-width: 950px) {

.UUxUk {
    height: 26px;
    width: 26px;
}
  }

.bBuDe {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-radius: 50%;
  font-size: 11px;
  color: white;
  -webkit-text-decoration: none;
  text-decoration: none;
  height: 24px;
  width: 24px;
  background: var(--color-blue);
}

@media screen and (min-width: 950px) {

.bBuDe {
    height: 26px;
    width: 26px;
}
  }

.bBuDe:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.VfsmT {
  background: #333;
  color: white;
  font-family: var(--font-sans);
  padding: 20px var(--standard-gutter);
  margin: 0 auto;
  font-size: 0.8rem;
  line-height: 1.75;
}

@media (min-width: 900px) {

.VfsmT {
    padding: 45px var(--standard-gutter) 83px;
}
  }

.pfbjC {
  color: white;
  margin: 0 auto;
  width: 100%;
  max-width: var(--standard-max-width);
}

.wQ3og {
  font-size: 22px;
  font-weight: bold;
  position: relative;
}

@media (min-width: 900px) {

.wQ3og {
    font-size: 36px;
}
  }

.wQ3og::after {
  position: absolute;
  width: 40px;
  content: "";
  left: 0;
  bottom: 0;
  border-bottom: 1px dotted white;
}

@media (min-width: 900px) {

.wQ3og::after {
    border-bottom: 2px dotted var(--color-medium-gray);
}
  }

.XKe5g {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 900px) {

.XKe5g {
    flex-direction: row;
}
  }

.omuef {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.fMFhw {
  aspect-ratio: 3/2;
  width: 317px;
  height: auto;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

@media (min-width: 900px) {

.fMFhw {
    width: 600px;
}
  }

.m1THn {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  order: 1;
  line-height: 1.5;
}

@media (min-width: 900px) {

.m1THn {
    order: 0;
}
  }

.uRzI4 {
  color: white;
  font-size: 18px;
  margin-bottom: 0.6em;
  text-decoration-color: var(--color-medium-blue);
  text-underline-offset: 3px;
}

@media (min-width: 900px) {

.uRzI4 {
    font-size: 24px;
}
  }

.uRzI4:hover {
  text-decoration-color: var(--color-blue);
}

.PzHcy {
  font-size: 14px;
  margin-bottom: 23px;
}

@media (min-width: 900px) {

.PzHcy {
    font-size: 18px;
}
  }

.tZvCu {
  color: white;
  line-height: 3;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 12px;
}

@media (min-width: 900px) {

.tZvCu {
    font-size: 13px;
}
  }

._7KIIV {
  font-size: 18px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 360px;
}

._7KIIV a {
    padding: 0.25rem;
    color: #fff;
  }

@media (min-width: 900px) {

._7KIIV {
    font-size: 24px;
    max-width: 420px;
}
  }

.UQyIx {
  display: flex;
  fill: currentColor;
  width: 1em;
  height: 1em;
}

.c0--6 {
  display: grid;
  grid-template-columns: 1;
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dotted white;
}

@media (min-width: 500px) {
  .c0--6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .c0--6 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.VfsmT ul {
  list-style-type: none;
  padding: 0;
  margin: 1rem 0;
}

.VfsmT p {
  margin: 1em 0;
}