@charset "UTF-8";
/* /////////////////////////////////////////////////////////////////////////////
/* ///  Buttons
/* ///////////////////////////////////////////////////////////////////////////*/
body [class*="btn--"], body .bricks-button[class*="btn--"], body .bricks-button[class*="btn--"].btn--outline {
  font-family: var(--font-display);
  gap: 0.3em;
  padding-top: 0.63em;
  transition: color 0.5s, background-color 0.5s, border-color 1s;
}
body [class*="btn--"]:not(.btn--outline):hover, body .bricks-button[class*="btn--"]:not(.btn--outline):hover, body .bricks-button[class*="btn--"].btn--outline:not(.btn--outline):hover {
  transition: color 0.5s, background-color 0.5s, border-color 0.15s;
}
body [class*="btn--"] > i, body .bricks-button[class*="btn--"] > i, body .bricks-button[class*="btn--"].btn--outline > i {
  font-size: 0.95em;
  margin-top: 0.08em;
}
body .bricks-button[class*="btn--"].btn--outline {
  transition: 0.5s !important;
}
/* Support Orange */
.btn--accent {
  /* Default */
  /* On Light BG - Currently the same as default */
  /* On Dark BG - add class as needed */
}
.btn--accent:active {
  /* Active Grey */
  color: #8BA0A4 !important;
}
.btn--accent.--on-light:hover {
  /* Visionary Yellow */
  color: #ECAE4B;
}
.btn--accent.--on-light:active {
  /* Active Grey */
  color: #8BA0A4;
}
.btn--accent.--on-dark:hover {
  /* White */
  color: #FFFFFF !important;
}
.btn--accent.--on-dark:active {
  /* Technical Black */
  color: #062F35 !important;
}
/* /////////////////////////////////////////////////////////////////////////////
/* ///  Links
/* ///////////////////////////////////////////////////////////////////////////*/
.link--external a::after {
  color: currentColor;
  content: "";
  display: inline-block;
  font-family: "Ionicons";
  font-size: 0.95em;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 0 0.3em;
  text-rendering: auto;
  text-transform: none;
  transition: inherit;
}
.link--base a:hover, a.link--base:hover {
  color: var(--accent);
}
a.brxe-div svg, a.brxe-div path, a.brxe-div svg * {
  transition: inherit;
}
a.brxe-div:not(.svg-link--normal) > svg > path {
  fill: currentColor;
}
a:not(h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .meta-link, [class*="btn--"]), .footer-links__heading a, .main-featured-news-article .main-featured-news-article__title a, .featured-news-article .featured-news-article__title a, .news-article .news-article__title a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
  text-decoration-color: transparent;
  transition: 0.4s ease;
}
a:not(h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .meta-link, [class*="btn--"]):hover, .footer-links__heading a:hover, .main-featured-news-article .main-featured-news-article__title a:hover, .featured-news-article .featured-news-article__title a:hover, .news-article .news-article__title a:hover {
  text-decoration-color: currentColor;
}
a:not(h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .meta-link, [class*="btn--"]):hover i, a:not(h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .meta-link, [class*="btn--"]):hover img, a:not(h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .meta-link, [class*="btn--"]):hover i:before, .footer-links__heading a:hover i, .footer-links__heading a:hover img, .footer-links__heading a:hover i:before, .main-featured-news-article .main-featured-news-article__title a:hover i, .main-featured-news-article .main-featured-news-article__title a:hover img, .main-featured-news-article .main-featured-news-article__title a:hover i:before, .featured-news-article .featured-news-article__title a:hover i, .featured-news-article .featured-news-article__title a:hover img, .featured-news-article .featured-news-article__title a:hover i:before, .news-article .news-article__title a:hover i, .news-article .news-article__title a:hover img, .news-article .news-article__title a:hover i:before {
  display: inline-block;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  text-underline-offset: unset;
  text-underline-position: unset;
}
a:not(h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .meta-link, [class*="btn--"]).text--underline, .footer-links__heading a.text--underline, .main-featured-news-article .main-featured-news-article__title a.text--underline, .featured-news-article .featured-news-article__title a.text--underline, .news-article .news-article__title a.text--underline {
  text-decoration-color: currentColor;
}
a:not(h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .meta-link, [class*="btn--"]) i, a:not(h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .meta-link, [class*="btn--"]) img, a:not(h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, .meta-link, [class*="btn--"]) i:before, .footer-links__heading a i, .footer-links__heading a img, .footer-links__heading a i:before, .main-featured-news-article .main-featured-news-article__title a i, .main-featured-news-article .main-featured-news-article__title a img, .main-featured-news-article .main-featured-news-article__title a i:before, .featured-news-article .featured-news-article__title a i, .featured-news-article .featured-news-article__title a img, .featured-news-article .featured-news-article__title a i:before, .news-article .news-article__title a i, .news-article .news-article__title a img, .news-article .news-article__title a i:before {
  display: inline-block;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  text-underline-offset: unset;
  text-underline-position: unset;
}
.meta-link {
  color: var(--accent);
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
  position: relative;
  text-transform: uppercase;
  transition: 0.3s;
}
.meta-link:not(.--body-text) {
  font-family: var(--font-display);
}
.meta-link a {
  color: var(--accent);
}
.meta-link:after {
  animation: metaLink 0.5s linear;
  background-color: currentColor;
  bottom: -0.4rem;
  content: "";
  height: 0.2rem;
  left: 0;
  right: 0;
  position: absolute;
  transition: 0.5s;
  /*width: 100%;*/
}
.meta-link:hover {
  color: #ECAE4B;
}
.meta-link:hover:after {
  animation: metaLinkHover 0.5s linear;
}
.meta-link:active {
  color: #8BA0A4;
}
.meta-link--hover-zoom-off:hover:after {
  width: 0;
}
.meta-link--multiline {
  display: inline !important;
  background: linear-gradient(currentColor, currentColor) left bottom no-repeat;
  background-size: 100% 2px;
  background-position: 0% 100%;
  box-decoration-break: clone;
  color: var(--accent);
  cursor: pointer;
  font-family: var(--font-display);
  font-weight: 700;
  float: none;
  letter-spacing: 0.03em;
  line-height: 1;
  padding-bottom: 0.4rem;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: color 0.4s, background-size 0s, background-position 0s !important;
}
.meta-link--multiline:hover {
  animation: metaLinkHoverMultiline 0.6s linear;
  color: #ECAE4B;
}
@keyframes metaLink {
  0% {
    left: initial;
    right: 0;
    width: 100%;
  }
  100% {
    left: 0;
    right: initial;
    width: 100%;
  }
}
@keyframes metaLinkHover {
  0% {
    left: initial;
    right: 0;
    width: 100%;
  }
  50% {
    left: initial;
    right: 0;
    width: 0;
  }
  51% {
    left: 0;
    right: initial;
    width: 0;
  }
  100% {
    left: 0;
    right: initial;
    width: 100%;
  }
}
@keyframes metaLinkHoverMultiline {
  0% {
    background-position: 100% 100%;
    background-size: 100% 2px;
  }
  50% {
    background-position: 100% 100%;
    background-size: 0% 2px;
  }
  51% {
    background-position: 0% 100%;
    background-size: 0% 2px;
  }
  99% {
    background-position: 0% 100%;
    background-size: 100% 2px;
  }
  100% {
    background-position: 100% 100%;
    background-size: 100% 2px;
  }
}
