header {
  background: transparent !important;
  padding: max(1rem, calc(1.2 * var(--su)));
  padding-inline: 0px;
  transition: background-color 0.3s ease-in-out, padding 0.3s ease-in-out;
}

header > .pk-header-wrapper {
	max-width: calc(var(--pk-container-width) + (2 * var(--pk-site-gutter)));
	margin-inline: auto;
}

.pk-header.header-resize.header-sticky.header-overlay.header-scrolled.header-shrink {
  background: var(--header-scrolled-bg-color) !important;
}

.pk-menu .menu .submenu-toggle{
  border: 0px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L6.75 6.75L12.75 0.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-color: transparent; background-position: center; background-size: contain; background-repeat: no-repeat;
  height: 1em;
}
.pk-menu ul.menu li:not(.menu-button) a{
  position: relative;
  text-decoration: none;
  color: var(--menu-link-color);
  font-weight: 700;
  font-size: var(--pk-button-font-size);
}

.pk-menu ul.menu li:not(.menu-button) a::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25em;
  width: 100%;
  height: 3px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease-in-out;
}

.pk-menu ul.menu li:not(.menu-button) a:hover::before,
.pk-menu ul.menu li:not(.menu-button) a:focus::before,
.pk-menu ul.menu li:not(.menu-button) a:active::before,
.pk-menu ul.menu li:not(.menu-button):is(.current-menu-item,
.current_page_item,
.current-menu-ancestor,
.current-menu-parent,
.current_page_parent) > a::before{
  transform: scaleX(1);
  transform-origin: left;
}

@media only screen and (min-width: 993px){
  .pk-menu ul.menu{
    gap: max(1rem, calc(2 * var(--su)));
  }

  .pk-menu ul.menu .mobile-only{
    display: none;
  }
}



.pk-menu .pk-submenu{
  min-width: 200px;
}


@media only screen and (max-width: 992px){
  .pk-menu ul.menu{
    gap: max(1.25rem, calc(1.5 * var(--su)));
  }

  #pk-menu-list {
  background: var(--grey-500);
  padding-top: max(8.5rem, calc(8.5 * var(--su)))
}

#pk-menu-list li a{
  font-size: max(1.5rem, calc(1.5 * var(--su))) !important;
}

header #pk-menu-list .menu-button{
  margin-left: unset;
  margin-top: max(2rem, calc(2.5 * var(--su)));
}

  .pk-menu .hamburger {
    width: 3rem;
    padding: 0.75rem;
    border: 0;
    border-radius: 0;
    background: var(--white);
  }

  header .pk-menu .hamburger span {
    width: 1.6rem;
    height: 3px;
    background-color: #007486;
  }
}

@media only screen and (max-width: 767px){
  header.pk-header .header-logo img{
    height: 50px;
  }

  body .pk-menu{
    padding-block: 0px;
  }
}