/**
 * @file
 * Visual styles for menu.
 */
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
  background-color: var(--hpd-dark);
}
.hc-nav-trigger span {
  top: auto;
}
.hc-nav-trigger {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 20px;
    /* right: var(--container-padding); */
    z-index: 9980;
    width: 30px;
    min-height: 24px;
}
.hc-nav-trigger.toggle-open {
  visibility: hidden;
}

.hc-nav-1.hc-offcanvas-nav .nav-container,
.hc-nav-1.hc-offcanvas-nav .nav-wrapper,
.hc-nav-1.hc-offcanvas-nav ul {
  background: var(--light);
  color: var(--hpd-dark);
  font-family: var(--font-menu-main);
}
.hc-nav-1.hc-offcanvas-nav ul ul.submenu{
  background: var(--light);
  color: var(--hpd-dark);
  font-family: var(--font-menu-main);
  padding: 1rem 0;
}
.hc-nav-1.hc-offcanvas-nav ul ul.submenu a{
  color: var(--hpd-dark);
}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
  box-shadow: none;
}
.hc-offcanvas-nav .nav-item-wrapper {
  text-align: center;
}

.hc-nav-1.hc-offcanvas-nav a {
  font-weight: 600;
}
.hc-offcanvas-nav .nav-item-link {
  border-bottom: 1px solid var(--bright-primary);
}
.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
  margin-right: 0;
}
.hc-offcanvas-nav a.fa-solid.fa-caret-down::after {
  content: unset;
}

.hc-nav-1.hc-offcanvas-nav li {
  color: var(--hpd-dark);
}
.hc-nav-1.hc-offcanvas-nav li.level-open a {
  color: var(--bright-primary);
}
.hc-offcanvas-nav .nav-content > .nav-close {
	position: absolute;
	z-index: 2;
	top: var(--container-padding);
	right: var(--container-padding);
}
.hc-nav-1.hc-offcanvas-nav .nav-item-link,
.hc-nav-1.hc-offcanvas-nav li.nav-close a,
.hc-nav-1.hc-offcanvas-nav .nav-back a {
  padding: 14px 17px;
  color: var(--hpd-dark);
  z-index: 1;
  background-color: transparent;
  transition: background-color .1s ease;
}
.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
  padding-right: unset;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link {
  padding-left: unset;
}
.hc-nav-1.hc-offcanvas-nav .nav-item-link.is-active,
.hc-nav-1.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
  background-color: var(--bright-primary);
  color: var(--light);
}

.hc-nav-1.hc-offcanvas-nav .nav-item-wrapper>a:hover,
.hc-nav-1.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,
.hc-nav-1.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover {
  background-color: inherit;
}

.hc-nav-1.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
  border-top: 1px solid var(--bright-primary);
}

.hc-nav-1.hc-offcanvas-nav a.nav-next {
  border: none;
}
.hc-offcanvas-nav .nav-close-button span, .hc-offcanvas-nav .nav-parent .nav-next, .hc-offcanvas-nav .nav-back span {
  width: 45px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  cursor: pointer;
  transition: background-color .1s ease;
  z-index: 1;
}
.hc-nav-1.hc-offcanvas-nav .nav-next span,
.hc-nav-1.hc-offcanvas-nav .nav-back span{
  right: 1rem;
}
.hc-nav-1.hc-offcanvas-nav .nav-next span::before,
.hc-nav-1.hc-offcanvas-nav .nav-back span::before {
  border-top: 2px solid var(--gbs-dark);
  border-left: 2px solid var(--gbs-dark);
  width: 12px;
  height: 12px;
}

.hc-offcanvas-nav .nav-next span::before {
  transform: translate(-50%, -50%) rotate(225deg);
  margin-top: -2px;
}

.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before {
  transform: translate(-50%, 0) rotate(45deg);
  margin-top: 0;
  border-color: var(--bright-primary);
}

.hc-nav-1.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,
.hc-nav-1.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a {
  border-bottom: 2px solid var(--bright-primary);
}

.hc-nav-1.hc-offcanvas-nav.nav-levels-expand li.level-open,
.hc-nav-1.hc-offcanvas-nav.nav-levels-none li.level-open {
  background-color: var(--bright-secondary);
}

.hc-nav-1.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,
.hc-nav-1.hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link {
  padding-left: unset;
  color: var(--bright-primary);
  font-size: var(--font-size-s);
  padding: 6px 17px;
}

.hc-nav-1.hc-offcanvas-nav .nav-close-button span::before,
.hc-nav-1.hc-offcanvas-nav .nav-close-button span::after {
  border-top: 2px solid var(--hpd-dark);
  border-left: 2px solid var(--hpd-dark);
}

.hc-offcanvas-nav .nav-close-button span::before {
  margin-left: -18px;
}

.hc-offcanvas-nav .nav-close-button span::before,
.hc-offcanvas-nav .nav-close-button span::after {
  width: 12px;
  height: 12px;
}

.hc-offcanvas-nav.nav-close-button-empty .nav-title {
  /* padding-right: 55px; */
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  height: 7rem;
  padding: 1rem var(--container-padding);
  background-color: transparent;
  color: var(--hpd-dark);
}

.hc-offcanvas-nav.nav-close-button-empty .nav-title img {
  height: 100%;
}

.hc-offcanvas-nav .region-header-top {
  margin: 0;
  padding: 0.8rem 17px;
}

.hc-offcanvas-nav #block-social a:hover {
  background: none;
  color: var(--bright-primary);
}


.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child) {
  border-bottom: none;
}

.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label) {
  top: -5rem;
  right: 0.8rem;
}

.hc-offcanvas-nav .label--search {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.hc-offcanvas-nav #block-search-exposed-block {
  padding: 0 1.5rem;
  margin: 0.5rem 0 2rem;
}
.hc-offcanvas-nav #block-search-exposed-block .form--inline {
  gap: 0.4em;
  padding: 0.1em 0 0.1em 2em;
  border-radius: 5em;
  border: 2px solid var(--bright-primary);
}
.hc-offcanvas-nav #block-search-exposed-block input[id*="search-api-fulltext"] {
  width: 100%;
  font-size: var(--font-size-m);
}
.hc-offcanvas-nav .menu-item--search{
  display: none;
}
.hc-offcanvas-nav [class*="button--"] {
  font-size: var(--font-size-m);
  padding: calc(0.8 * var(--page-padding));
}
#hc-nav-1 .nav-content #block-social .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2em;
  margin: 1.5em 0;
}
.hc-offcanvas-nav .button {
  margin: 0;
}
@media (max-width: 1023px) {
}