.btn-blue-brand, .btn-blue-brand.elf-external, .btn-blue-brand.link-external, .btn-yellow, .btn-yellow.elf-external, .btn-yellow.link-external {
  display: inline-block;
  font-family: var(--font);
  font-weight: var(--btn-font-weight);
  text-align: center;
  text-decoration: none;
  vertical-align: baseline;
  touch-action: manipulation;
  cursor: pointer;
  *zoom: 1;
  background-image: none;
  background-size: 100% 100%;
}
.btn-blue-brand:focus, .btn-yellow:focus, .btn-blue-brand:hover, .btn-yellow:hover, .btn-blue-brand:active, .btn-yellow:active {
  text-decoration: none;
  outline: 0;
}

.content-wrapper {
  transition: ease 0.4s;
  padding-top: var(--headerH);
}

body.path-admin-structure-types-manage-display-layout {
  --text-color: #000;
}

.bg-blue {
  --text-color: #f25623;
  --link-color: #f25623;
  --link-hover: #38b1f5;
}

form {
  --heading-color: $gray-darkest;
  --text-color: $gray-darker;
}
form input, form textarea {
  color: var(--gray-darker);
}
form button, form input[type=submit] {
  color: var(--gray-darker);
}
form button:hover, form button:focus, form input[type=submit]:hover, form input[type=submit]:focus {
  color: var(--gray-darker);
}
form details {
  color: var(--gray-darkest);
}
form .details-description {
  font-size: 1.2rem;
  line-height: 2;
  margin-bottom: 2.4rem;
}

:root {
  --font: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-secondary: "nimbus-sans-extended", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-headings: "nimbus-sans-extended", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --orange: #f25623;
  --green: #51a164;
  --blue: #165C7D;
  --blue-alt: var(--blue);
  --blue-brand: #38b1f5;
  --gray-darkest: #050709;
  --gray-darker: #101820;
  --gray-dark: #1b2937;
  --gray: #263a4e;
  --purple: #d05d9e;
  --plum: #6c194c;
  --burgundy: var(--purple);
  --link-color: var(--orange);
  --link-hover: var(--blue-brand);
  --header-bg: #101820;
  --header-color: #FFF;
  --heading-color: #FFF;
  --content-bg: var(--gray-darker);
  --text-color: #FFF;
  --slide-bg: var(--gray-darker);
  --text-constrain: 980px;
  --mobile-menu: #1b2937;
  --mobile-menu-border: #1b2937;
  --btn-bg-color: #1c6e95;
  --nav-sub-border: #050709;
}

h1, .h1, .alpha, h2.alpha, .h1-font {
  font-family: "GT Super", "Georgia", Garamond, "Times New Roman", serif;
  font-size: 4.8rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  h1, .h1, .alpha, h2.alpha, .h1-font {
    font-size: 5.4rem;
    line-height: 1.1111111111;
  }
}

blockquote {
  color: var(--text-color);
}
.text-blue blockquote {
  color: var(--blue-brand);
  border-left-color: var(--blue-brand);
}
.text-yellow blockquote {
  color: var(--yellow-brand);
  border-left-color: var(--yellow-brand);
}
.text-orange blockquote {
  color: var(--orange);
  border-left-color: var(--orange);
}

.node__links,
.book-navigation {
  width: 96%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  max-width: var(--constrain-width);
  margin: 2.4rem auto;
}

.book-navigation {
  max-width: 100%;
}
.book-navigation > .menu,
.book-navigation .book-pager__item--center {
  display: none;
}
.book-navigation .book-pager__item {
  list-style: none;
  flex: 1;
  padding: 10px;
  width: unset;
}
@media (min-width: 768px) {
  .book-navigation .book-pager {
    display: flex;
    justify-content: space-around;
    visibility: visible;
  }
  .book-navigation .book-pager__item {
    font-size: 1.9rem;
    line-height: 1.8947368421;
    list-style: none;
  }
  .book-navigation .book-pager__item--next {
    text-align: right;
  }
}

.node__links ul.links {
  display: flex;
}
.node__links ul.links li {
  margin-right: 2rem;
}

.contact-wrapper .form-item {
  margin: 0;
}

.btn-blue-brand, .btn-blue-brand.elf-external, .btn-blue-brand.link-external {
  font-size: 1.4rem;
  position: relative;
  z-index: 1;
  color: var(--text-color);
  background-color: var(--blue-brand);
  border: 1px solid var(--blue-brand);
  transition: background-color 300ms ease-out, border-color 320ms ease-out;
}
.btn-blue-brand:focus, .btn-blue-brand:hover, .btn-blue-brand:active, .btn-blue-brand.elf-external:focus, .btn-blue-brand.elf-external:hover, .btn-blue-brand.elf-external:active, .btn-blue-brand.link-external:focus, .btn-blue-brand.link-external:hover, .btn-blue-brand.link-external:active {
  color: var(--btn-hover-text);
  text-decoration: none;
  background-color: var(--blue);
  border-color: var(--blue);
  outline: 0;
}
.btn-blue-brand:focus, .btn-blue-brand.elf-external:focus, .btn-blue-brand.link-external:focus {
  outline: 1px dotted var(--blue);
  outline-offset: 4px;
}
.btn-blue-brand:hover, .btn-blue-brand:focus, .btn-blue-brand.elf-external:hover, .btn-blue-brand.elf-external:focus, .btn-blue-brand.link-external:hover, .btn-blue-brand.link-external:focus {
  color: white;
}

.btn-yellow, .btn-yellow.elf-external, .btn-yellow.link-external {
  font-size: 1.4rem;
  position: relative;
  z-index: 1;
  color: var(--text-color);
  background-color: var(--yellow-brand);
  border: 1px solid var(--yellow);
  transition: background-color 300ms ease-out, border-color 320ms ease-out;
}
.btn-yellow:focus, .btn-yellow:hover, .btn-yellow:active, .btn-yellow.elf-external:focus, .btn-yellow.elf-external:hover, .btn-yellow.elf-external:active, .btn-yellow.link-external:focus, .btn-yellow.link-external:hover, .btn-yellow.link-external:active {
  color: var(--btn-hover-text);
  text-decoration: none;
  background-color: var(--orange);
  border-color: var(--orange);
  outline: 0;
}
.btn-yellow:focus, .btn-yellow.elf-external:focus, .btn-yellow.link-external:focus {
  outline: 1px dotted var(--orange);
  outline-offset: 4px;
}

.field--label-inline {
  *zoom: 1;
  margin-left: 300px;
}
.field--label-inline::before, .field--label-inline::after {
  display: table;
  line-height: 0;
  content: " ";
}
.field--label-inline::after {
  clear: both;
}
.field--label-inline .field__label {
  float: left;
  width: 300px;
  margin-left: -300px;
}

footer.footer {
  --text-color: #fff;
  --link-color: #fff;
  --link-hover: var(--link-color-alt);
  padding: 2.4rem 0;
  position: relative;
  z-index: 100;
  background: var(--gray-darkest);
  color: var(--text-color);
}

@media (min-width: 640px) {
  .media.image-right figcaption, .media.image-right span.small,
  .media.image-right p.small, .media.image-left figcaption, .media.image-left span.small,
  .media.image-left p.small {
    width: 35%;
  }
}
@media (min-width: 1280px) {
  .media.image-right figcaption, .media.image-right span.small,
  .media.image-right p.small, .media.image-left figcaption, .media.image-left span.small,
  .media.image-left p.small {
    width: 25%;
  }
}
@media (min-width: 640px) {
  .media.image-right figcaption, .media.image-right span.small,
  .media.image-right p.small {
    margin-right: 2rem;
  }
}
@media (min-width: 640px) {
  .media.image-left figcaption, .media.image-left span.small,
  .media.image-left p.small {
    margin-left: 2rem;
  }
}

figcaption, span.small,
p.small {
  color: var(--link-hover);
  font-size: 1.2rem;
  line-height: 2;
  display: block;
}

.text-yellow * {
  color: var(--yellow-brand) !important;
}

.text-blue * {
  color: var(--blue-brand) !important;
}

.text-green * {
  color: var(--green) !important;
}

.bg-yellow {
  background: var(--yellow-brand);
}

.bg-blue-brand {
  background: var(--blue-brand);
}

.accordion .bg-yellow, .bg-yellow,
.accordion .bg-blue-brand,
.bg-blue-brand {
  --text-color: var(--gray-darkest);
  --link-color: var(--gray-darkest);
  --link-hover: var(--gray-darkest);
  --header-color: var(--gray-darkest);
}

span.large,
p.large {
  font-size: 1.9rem;
  line-height: 1.8947368421;
  display: block;
}

.hero_media {
  position: relative;
}
.hero_media:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgb(0, 0, 0) 100%);
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.hero_media.image {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-rows: auto;
}
.hero_media.image .si-modal {
  height: 100%;
}
@media (min-width: 980px) {
  .hero_media.image .si-modal .btn-modal {
    right: 5vh;
    top: 5vh;
  }
}
.hero_media.image .si-modal,
.hero_media.image .hero-text {
  grid-column: 1/25;
  grid-row: 1;
}

.paragraph.full-section p:last-child {
  margin-bottom: 0;
}
.paragraph.paragraph--type--bg-image .small {
  color: var(--blue-brand);
}
.paragraph.paragraph--type--text-block .text-block__content {
  margin: auto;
}
.paragraph.bg {
  padding: 0 !important;
}
.paragraph.bg.bg .layout--teaser .inner {
  background: none;
  border: none;
  text-align: center;
  font-size: x-large;
  font-weight: 900;
}

.wrapper--section-scroll {
  --text-constrain: 780px;
}
.wrapper--section-scroll > .paragraph:not(.paragraph--type--bg-image) {
  background: var(--content-bg);
}

.accordion {
  --tab-border-color: #1b2937;
  --tab-header-bg: #1b2937;
  --tab-header-bg-rgb: 27, 41, 55;
  --text-color: #FFF;
  --link-hover: #FFF;
}

.card-header button {
  background: rgba(var(--tab-header-bg-rgb), 0.6);
}

.card:not(.bg) {
  background: rgba(var(--tab-header-bg-rgb), 0.3);
}

ul.tabs.primary a:hover, ul.tabs.primary a.is-active {
  color: var(--blue-brand);
}

#block-si-oa-local-tasks {
  z-index: 3000;
}

.layout--teaser a.inner {
  border-color: var(--gray);
}
.layout--teaser a.inner:hover, .layout--teaser a.inner:focus {
  background-color: var(--gray);
}
.layout--teaser.logo .b-media-wrapper {
  height: 75vw;
  max-height: 315px;
  background: var(--gray-lightest);
  padding: 1.2rem 1rem;
  display: flex;
  align-items: center;
}

.path-user main {
  padding: 4.8rem 0;
}
/*# sourceMappingURL=maps/si_oa.css.map */
