@media (min-width: 62em) {
  .layout-billboard {
    padding-top: 2.1rem;
} }

.layout-billboard .layout-billboard--inner {
  position: relative;
  padding-bottom: 1.2rem;
  padding-top: 1.5rem;
  color: #030d10;
}
@media (min-width: 62em) {
  .layout-billboard .layout-billboard--inner {
    padding-bottom: 4rem;
} }
.layout-billboard .layout-billboard--inner.showDemo {
  padding-bottom: 3rem;
}

.layout-billboard .billboard--content-wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 1rem;
  z-index: 1;
  position: relative;
  width: 100%;
}

@media (min-width: 62em) {
  .layout-billboard.withImage .billboard--content-wrapper {
    display: -ms-grid;
    display: grid;
    grid-gap: 2.1rem;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
} }

@media (min-width: 62em) {
  .layout-billboard.withImage .billboard--content-wrapper {
    padding-top: 3rem;
} }

@media (min-width: 62em) {
  .layout-billboard.withOutImage .billboard--content-wrapper {
    max-width: 58rem;
    padding-right: 5.5rem;
} }

body.path-search .layout-billboard,
body.background--accent .layout-billboard {
  background: linear-gradient(180deg, #ffffff 0%, #f0f4f5 100%);
}
body.path-search .layout-billboard .layout-billboard--inner,
body.background--accent .layout-billboard .layout-billboard--inner {
  position: relative;
}
body.path-search .layout-billboard .layout-billboard--inner:before,
body.background--accent .layout-billboard .layout-billboard--inner:before {
  content: "";
  background-color: #ed601a;
  position: absolute;
  height: 6rem;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 0;
}
@media (min-width: 62em) {
  body.path-search .layout-billboard .layout-billboard--inner,
  body.background--accent .layout-billboard .layout-billboard--inner {
    padding-top: 0;
}
  body.path-search .layout-billboard .layout-billboard--inner:before,
  body.background--accent .layout-billboard .layout-billboard--inner:before {
    height: 100%;
    width: 100%;
    left: calc(100% + 0px);
}
  body.path-search .layout-billboard .layout-billboard--inner:after,
  body.background--accent .layout-billboard .layout-billboard--inner:after {
    content: "";
    background-color: #ed601a;
    position: absolute;
    height: 100%;
    top: 0;
    width: 6.5rem;
    right: 0;
    z-index: 0;
} }
body.path-search .layout-billboard.withOutImage .layout-billboard--inner,
body.background--accent .layout-billboard.withOutImage .layout-billboard--inner {
  padding-top: 3rem;
}
body.path-search .layout-billboard.withOutImage .layout-billboard--inner:before,
body.background--accent .layout-billboard.withOutImage .layout-billboard--inner:before {
  height: 1.5rem;
}
@media (min-width: 62em) {
  body.path-search .layout-billboard.withOutImage .layout-billboard--inner:before,
  body.background--accent .layout-billboard.withOutImage .layout-billboard--inner:before {
    height: 100%;
} }
@media (max-width: 61.9375em) {
  body.path-search .layout-billboard.withOutImage .layout-billboard--inner:before,
  body.background--accent .layout-billboard.withOutImage .layout-billboard--inner:before {
    background-color: transparent;
} }

body.background--dark .billboard--content-wrapper h1,
body.background--dark .billboard--content-wrapper h2,
body.background--dark .billboard--content-wrapper h3,
body.background--dark .billboard--content-wrapper h4,
body.background--dark .billboard--content-wrapper h5,
body.background--dark .billboard--content-wrapper h6,
body.background--dark .billboard--content-wrapper p,
body.background--dark .billboard--content-wrapper a,
body.background--dark .billboard--content-wrapper li,
body.background--dark .billboard--content-wrapper span,
body.background--dark .billboard--content-wrapper div {
  color: #ffffff;
}

body.background--dark .secondary-header {
  background: #364043;
}
body.background--dark .secondary-header h1,
body.background--dark .secondary-header h2,
body.background--dark .secondary-header h3,
body.background--dark .secondary-header h4,
body.background--dark .secondary-header h5,
body.background--dark .secondary-header h6,
body.background--dark .secondary-header p,
body.background--dark .secondary-header a,
body.background--dark .secondary-header li,
body.background--dark .secondary-header span,
body.background--dark .secondary-header div {
  color: #ffffff;
}
body.background--dark .secondary-header #block-submenu .menu--sub-menu[data-depth="0"] > li > span:after,
body.background--dark .secondary-header #block-submenu .menu--sub-menu[data-depth="0"] > li > button:after {
  background-image: url("../../../images/icons/chevron-lg-white_down.svg");
}
body.background--dark .secondary-header .secondary-header-search__wrapper form input.form-search {
  color: #ffffff;
}

body.background--dark .layout-billboard {
  background: linear-gradient(180deg, #364043 0%, #030d10 100%);
}
body.background--dark .layout-billboard .billboard--content-text h1,
body.background--dark .layout-billboard .billboard--content-text h2,
body.background--dark .layout-billboard .billboard--content-text h3,
body.background--dark .layout-billboard .billboard--content-text h4,
body.background--dark .layout-billboard .billboard--content-text h5,
body.background--dark .layout-billboard .billboard--content-text h6,
body.background--dark .layout-billboard .billboard--content-text p,
body.background--dark .layout-billboard .billboard--content-text a,
body.background--dark .layout-billboard .billboard--content-text li,
body.background--dark .layout-billboard .billboard--content-text span {
  color: #ffffff;
}

body.background--dark .billboard--button a:after {
  background-image: url("../../../images/icons/arrow_white.svg");
}

body.background--dark .secondary-header .secondary-header-nav__wrapper .secondary-header-nav__label {
  color: #ffffff;
}

.billboard--breadcrumbs {
  display: none;
  font-size: 0.8rem;
  color: #364043;
  font-weight: 400;
  margin-bottom: 0.8rem;
}
.billboard--breadcrumbs ol.breadcrumb__list {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.billboard--breadcrumbs ol.breadcrumb__list li {
  margin-right: 0.8rem;
  padding-right: 0.8rem;
  position: relative;
}
.billboard--breadcrumbs ol.breadcrumb__list li:after {
  content: "";
  background: #ccd6d9;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.05rem;
  height: 0.6rem;
}
.billboard--breadcrumbs ol.breadcrumb__list li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.billboard--breadcrumbs ol.breadcrumb__list li:last-child:after {
  display: none;
}
.billboard--breadcrumbs a {
  color: #364043;
  font-weight: 700;
  transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
}
.billboard--breadcrumbs a:hover {
  text-decoration: underline;
  border-color: #364043;
  -webkit-text-decoration-color: inherit;
  text-decoration-color: inherit;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 62em) {
  .billboard--breadcrumbs {
    margin-bottom: 1.6rem;
    display: block;
} }

h1.billboard--title {
  font-size: 1.8rem;
  color: inherit;
  font-weight: 800;
  line-height: 108%;
  margin: 0;
}
@media (min-width: 48em) {
  h1.billboard--title {
    font-size: 2.9rem;
} }
@media (min-width: 62em) {
  h1.billboard--title {
    font-size: 4.4rem;
} }

body.path-frontpage .billboard--breadcrumbs {
  display: none;
}

body.path-frontpage .layout-billboard--inner.l--offset.l--constrained {
  padding-top: 0rem;
}

@media (min-width: 48em) {
  body.path-frontpage.background--dark .layout-billboard .billboard--content-text span:not([class]) {
    color: #5ed3e7;
} }

body.path-frontpage.background--dark .layout-billboard .billboard--content-text {
  color: #ffffff;
}
body.path-frontpage.background--dark .layout-billboard .billboard--content-text a {
  border-radius: 4px;
  border: 2px solid #5fd3e8;
  color: inherit;
  font-weight: 700;
  padding: 0.3rem 2.2rem 0.4rem 1rem;
  margin: 0;
  transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
}
@media (min-width: 48em) {
  body.path-frontpage.background--dark .layout-billboard .billboard--content-text a {
    font-size: 1rem;
} }
body.path-frontpage.background--dark .layout-billboard .billboard--content-text a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 1.1rem;
  height: 0.8rem;
  background-image: url("../../../images/icons/arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform-origin: 50% 50%;
}
body.path-frontpage.background--dark .layout-billboard .billboard--content-text a:hover {
  text-decoration: underline;
  border-color: #ffffff;
  -webkit-text-decoration-color: inherit;
  text-decoration-color: inherit;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 62em) {
  body.path-frontpage.background--dark   #block-views-block-billboard-billboard-component .views-field-field-billboard-component {
    bottom: -134px;
    position: relative;
    margin-top: -134px;
} }

.billboard--text h1 {
  font-size: 1.8rem;
  color: inherit;
  font-weight: 800;
  line-height: 108%;
  margin: 0;
}
@media (min-width: 48em) {
  .billboard--text h1 {
    font-size: 2.9rem;
} }
@media (min-width: 62em) {
  .billboard--text h1 {
    font-size: 4.4rem;
} }
@media (min-width: 48em) {
  .billboard--text h1.billboard--text-title-alt {
    color: #ed601a;
} }

.billboard--text p {
  font-size: 0.8rem;
  color: inherit;
  line-height: 150%;
}
@media (min-width: 48em) {
  .billboard--text p {
    font-size: 1.2rem;
} }
@media (min-width: 62em) {
  .billboard--text p {
    font-size: 1.4rem;
} }
@media (min-width: 62em) {
  .billboard--text p {
    line-height: 144%;
} }

.billboard--button {
  margin: 1rem 0 0 0;
}
@media (min-width: 62em) {
  .billboard--button {
    margin: 1.6rem 0 0 0;
} }
.billboard--button a {
  border-radius: 4px;
  border: 2px solid #ed601a;
  color: inherit;
  font-weight: 700;
  padding: 0.3rem 2.2rem 0.4rem 1rem;
  margin: 0;
  transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
}
@media (min-width: 48em) {
  .billboard--button a {
    font-size: 1rem;
} }
.billboard--button a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 1.1rem;
  height: 0.8rem;
  background-image: url("../../../images/icons/arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform-origin: 50% 50%;
}
.billboard--button a:hover {
  text-decoration: underline;
  border-color: #5fd3e8;
  -webkit-text-decoration-color: inherit;
  text-decoration-color: inherit;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.billboard--content-image img {
  border-radius: 0.4rem;
  display: block;
  width: 100%;
}

.billboard--content-image {
  -ms-flex-order: 1;
  order: 1;
}
@media (min-width: 62em) {
  .billboard--content-image {
    -ms-flex-order: 2;
    order: 2;
} }

.billboard--content-text {
  -ms-flex-order: 2;
  order: 2;
}
@media (min-width: 62em) {
  .billboard--content-text {
    -ms-flex-order: 1;
    order: 1;
} }

.layout-billboard-demo--outer {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
  height: 0px;
}

.layout-billboard-demo--inner {
  color: #ffffff;
  background-color: #364043;
  border-radius: 0.3rem;
  font-weight: 700;
  max-width: 58rem;
  position: relative;
  top: -65px;
  z-index: 1;
  padding: 1rem;
}
@media (min-width: 48em) {
  .layout-billboard-demo--inner {
    padding: 1.4rem 2rem;
} }
.layout-billboard-demo--inner p {
  margin: 0;
}
.layout-billboard-demo--inner a.button {
  border-radius: 4px;
  border: 2px solid #ed601a;
  color: inherit;
  font-weight: 700;
  padding: 0.3rem 2.2rem 0.4rem 1rem;
  margin: 0;
  transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  margin-right: 1.2rem;
}
@media (min-width: 48em) {
  .layout-billboard-demo--inner a.button {
    font-size: 1rem;
} }
.layout-billboard-demo--inner a.button:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 1.1rem;
  height: 0.8rem;
  background-image: url("../../../images/icons/arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform-origin: 50% 50%;
}
.layout-billboard-demo--inner a.button:hover {
  text-decoration: underline;
  border-color: #ffffff;
  -webkit-text-decoration-color: inherit;
  text-decoration-color: inherit;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.layout-billboard-demo--inner a {
  color: #ffffff;
  display: inline-block;
}
.layout-billboard-demo--inner .demo-information-markup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.layout-billboard-demo--inner .demo-information-markup p:first-child {
  margin-bottom: 1rem;
}
@media (min-width: 48em) {
  .layout-billboard-demo--inner .demo-information-markup {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
}
  .layout-billboard-demo--inner .demo-information-markup p:first-child {
    margin-bottom: 0;
} }

body.background--dark.path-frontpage .layout-billboard {
  margin-bottom: 1.8rem;
}
@media (min-width: 48em) {
  body.background--dark.path-frontpage .layout-billboard {
    margin-bottom: 3rem;
} }
@media (min-width: 62em) {
  body.background--dark.path-frontpage .layout-billboard {
    margin-bottom: 4rem;
} }
@media (min-width: 75em) {
  body.background--dark.path-frontpage .layout-billboard {
    margin-bottom: 11.7rem;
} }
body.background--dark.path-frontpage .layout-billboard .layout-billboard--inner {
  padding-bottom: 0;
}

body.background--dark.path-frontpage .billboard--content-wrapper {
  max-width: 100%;
  padding: 0;
  z-index: 2;
}

body.background--dark.path-frontpage .billboard-text h1 {
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (min-width: 48em) {
  body.background--dark.path-frontpage .billboard-text h1 {
    font-size: 4rem;
} }
@media (min-width: 62em) {
  body.background--dark.path-frontpage .billboard-text h1 {
    font-size: 5rem;
} }
@media (min-width: 87.5em) {
  body.background--dark.path-frontpage .billboard-text h1 {
    font-size: 7.6rem;
} }
@media (min-width: 48em) {
  body.background--dark.path-frontpage .billboard-text h1 .billboard--text-title-alt {
    color: #ed601a;
} }

body.background--dark.path-frontpage .billboard--component {
  position: relative;
  z-index: 1;
  margin-top: 1.8rem;
}
@media (max-width: 74.9375em) {
  body.background--dark.path-frontpage .billboard--component .paragraph--type--text {
    border-radius: 0px;
} }
@media (min-width: 48em) {
  body.background--dark.path-frontpage .billboard--component {
    margin-top: 1.8rem;
} }
@media (min-width: 62em) {
  body.background--dark.path-frontpage .billboard--component {
    margin-top: 4rem;
} }

body.page-node-type-resource h1.billboard--title,
body.page-node-type-resource .billboard-text h1 {
  font-size: 1.8rem;
}
@media (min-width: 48em) {
  body.page-node-type-resource h1.billboard--title,
  body.page-node-type-resource .billboard-text h1 {
    font-size: 2.7rem;
} }
@media (min-width: 62em) {
  body.page-node-type-resource h1.billboard--title,
  body.page-node-type-resource .billboard-text h1 {
    font-size: 3.3rem;
} }
