/**
 SASS files that don't get compiled into CSS. Do not put element selectors in here.
 Every file not starting with '_' should import this file if you want to use functions and mixins.
 */
/**
 * SASS variables
 *
 These are only used in the properties and abstract SASS files.
 */
/**
 Breakpoints and columns
 */
/**
 Text
 */
/**
Fill in the header styles, only write the properties you want to override.
 */
/**
 Form
 */
/**
  Buttons
 */
/**
 Breakpoints

 @param {Keyword} $breakpoint - The breakpoint name of the minimum width. Can be any of the names in the $breakpoint variable
 */
/**
  Custom column size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size in columns or 'expand'/'shrink'.
  @param {number} $total - the total size in columns. Ignored when size is 'expand'/'shrink'
 */
/**
  Custom offset size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size of the offset.
  @param {number} $total - the total size in columns.
  @param {string} - the side from the offset.
 */
.region-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 25px;
}
@media (min-width: 1200px) {
  .region-header {
    padding-top: 0px;
  }
}
.region-header nav {
  position: static;
  display: none;
}
@media (min-width: 1200px) {
  .region-header nav {
    display: block;
  }
}
.region-header nav ul:not(.contextual-links) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 30px;
  align-items: flex-end;
  padding-bottom: 19px;
}
.region-header nav ul:not(.contextual-links) li:not(:last-of-type) {
  padding-top: 70px;
  position: relative;
}
.region-header nav ul:not(.contextual-links) li:not(:last-of-type)::before {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--primary-color);
  display: block;
  transition: var(--transition);
  opacity: 0;
}
.region-header nav ul:not(.contextual-links) li:not(:last-of-type) a {
  padding-top: 70px;
}
.region-header nav ul:not(.contextual-links) li:not(:last-of-type):hover::before, .region-header nav ul:not(.contextual-links) li:not(:last-of-type).menu-item--active-trail::before {
  opacity: 1;
}
.region-header nav ul:not(.contextual-links) li:last-of-type {
  margin-bottom: -19px;
}
.region-header nav ul:not(.contextual-links) li a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: none;
}
.region-header #block-elaba-off-canvas-right-toggle {
  align-self: center;
}
.region-header #block-elaba-off-canvas-right-toggle button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='14' viewBox='0 0 30 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1.25C0 0.918479 0.131696 0.600538 0.366116 0.366117C0.600537 0.131697 0.918479 0 1.25 0H28.75C29.0815 0 29.3995 0.131697 29.6339 0.366117C29.8683 0.600538 30 0.918479 30 1.25C30 1.58152 29.8683 1.89946 29.6339 2.13388C29.3995 2.3683 29.0815 2.5 28.75 2.5H1.25C0.918479 2.5 0.600537 2.3683 0.366116 2.13388C0.131696 1.89946 0 1.58152 0 1.25ZM0 12.5C0 12.1685 0.131696 11.8505 0.366116 11.6161C0.600537 11.3817 0.918479 11.25 1.25 11.25H28.75C29.0815 11.25 29.3995 11.3817 29.6339 11.6161C29.8683 11.8505 30 12.1685 30 12.5C30 12.8315 29.8683 13.1495 29.6339 13.3839C29.3995 13.6183 29.0815 13.75 28.75 13.75H1.25C0.918479 13.75 0.600537 13.6183 0.366116 13.3839C0.131696 13.1495 0 12.8315 0 12.5Z' fill='%232C2C44'/%3E%3C/svg%3E%0A");
  width: 30px;
  height: 14px;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  background-color: transparent;
  border: unset;
}
@media (min-width: 1200px) {
  .region-header .block-system-branding-block {
    padding-bottom: 10px;
  }
}
.region-header .block-system-branding-block svg {
  max-width: 155px;
}
@media (min-width: 768px) {
  .region-header .block-system-branding-block svg {
    max-width: 237px;
  }
}