:root {
  --sy-header-show-duration: 300ms;
  --sy-header-show-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --sy-header-hide-duration: 240ms;
  --sy-header-hide-ease: cubic-bezier(0.4, 0, 1, 1);
  --sy-header-surface-duration: 220ms;
}

/**
 * Header Styles
 * Custom styles for the site header
 */

/* ============================================
   HEADER BASE STYLES
   ============================================ */

header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

.header {
  position: relative;
  z-index: 999;
  opacity: 1;
  transition:
    transform var(--sy-header-show-duration) var(--sy-header-show-ease),
    opacity var(--sy-header-hide-duration) ease,
    background-color var(--sy-header-surface-duration) ease,
    box-shadow var(--sy-header-surface-duration) ease;
  backface-visibility: hidden;
}

.header.is-header-hidden,
.header.is-header-revealing,
.header.is-header-concealing {
  will-change: transform, opacity;
}

.header.is-header-revealing {
  animation: sy-header-reveal-in var(--sy-header-show-duration)
    var(--sy-header-show-ease);
}

.header.is-header-concealing {
  transition-duration: var(--sy-header-hide-duration), 180ms, 180ms, 180ms;
  transition-timing-function: var(--sy-header-hide-ease), linear, ease, ease;
}

.header.is-header-pinned {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

body.admin-bar .header.is-header-pinned {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .header.is-header-pinned {
    top: 46px;
  }
}

.header.is-header-surfaced {
  box-shadow: 0 1px 0 rgba(24, 47, 38, 0.08);
}

.header[headermode="primary"].is-header-surfaced {
  background: #ffffff;
}

.header[headermode=""].is-header-surfaced,
.header[headermode]:not([headermode="primary"]).is-header-surfaced {
  background: #162f24;
}

.header.is-header-hidden {
  transform: translate3d(0, calc(-100% - 0.25rem), 0);
  opacity: 0;
  pointer-events: none;
}

body.is-header-menu-open .header {
  transform: none !important;
  animation: none !important;
  will-change: auto !important;
  opacity: 1;
}

@keyframes sy-header-reveal-in {
  from {
    transform: translate3d(0, calc(-100% - 0.25rem), 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.header-logo,
.header-logo > * {
  flex-shrink: 0;
  object-fit: contain;
}

.topBar-close svg ellipse {
  transition: 300ms;
}

.topBar-close:hover svg ellipse {
  fill: white;
}

.header[headermode="primary"] .header-contact > *,
.header[headermode="primary"] .header-menu__item a {
  color: #2f6a50;
}

.header[headermode="primary"] .header-menu__dropdown-toggle svg path {
  fill: #2f6a50;
}

.header[headermode="primary"] .header-menu__toggle {
  color: var(--bricks-color-pqnfvl);
}

.header[headermode=""] .header-menu__toggle,
.header[headermode]:not([headermode="primary"]) .header-menu__toggle {
  color: #fff;
}

.header-menu__link {
  white-space: nowrap;
}
.header-menu__item {
  flex-shrink: 0;
}

.mobile-only {
  display: none !important;
}

.header-menu__toggle.is-open {
  color: white !important;
}

.header-menu__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1335px) {
  .header-contact.brxe-div {
    display: none !important;
  }

  .header-menu__item:nth-child(5) {
    display: block !important;
  }

  .header-access-contact {
    display: none;
  }
}

@media (max-width: 1200px) {
  .mobile-only {
    display: block !important;
  }
  .header-access.brxe-div {
    justify-content: flex-end !important;
    flex-grow: 1;
  }

  .header-menu.brxe-shortcode {
    order: 3;
    flex-grow: 0 !important;
  }

  header .button-arrow:after {
    display: none;
  }
}