@charset "UTF-8";
/**
 * - schemes should only contain info about colors and not padding or margins
 * - schemes are based on a scheme keyword which triggers associated background/foreground colors
 * - CSS variables should be used
 * - $schemes scss variable is looped though in global/_color.scss to generate styles
 *
 * example:
 *
 *  $schemes: (
 *    primary: map.deep-merge(
 *      $light-template,
 *      (
 *        background: var( --wdg-color-primary ),
 *        link: var( --wdg-color-text ),
 *      )
 *    )
 *  )
 *
 * creates the following compiled css:
 *
 *  .has-primary-background-color {
 *    color: var(--wdg-color-text);
 *    background: var(--wdg-color-primary);
 *    --wdg-color-link: var(--wdg-color-text);
 *    ...
 *  }
 *
 */
:root {
  --wdg-masthead-background-color: var( --wdg-color-secondary );
  --wdg-masthead-color: var( --wdg-color-text );
  --wdg-masthead-border-color: var( --wdg-color-gray-50 );
  --wdg-masthead-dropdown-height: calc( 100vh - var( --wdg-masthead-height, 0px ) - var( --wp-admin--admin-bar--height, 0px ) );
  --wdg-masthead-primary-height: clamp( 4rem, 4rem + 1.5vw, 6rem );
  --wdg-masthead-top: 0;
  --wdg-masthead-utility-height: 2.5rem;
  --wdg-masthead-height: calc( var( --wdg-masthead-primary-height, 0px ) + var( --wdg-masthead-utility-height, 0px ) + 1px );
  --clip-path-square: path(
  	"M 33.33,0 C 66.66,0 66.66,0 66.66,0 C 100,0 100,0 100,0 C 100,33.33 100,33.33 100,33.33 C 100,66.66 100,66.66 100,66.66 C 100,100 100,100 100,100 C 66.66,100 66.66,100 66.66,100 C 33.33,100 33.33,100 33.33,100 C 0,100 0,100 0,100 C 0,66.66 0,66.66 0,66.66 C 0,33.33 0,33.33 0,33.33 C 0,0 0,0 0,0 C 33.33,0 33.33,0 33.33,0 Z"
  );
  --clip-path-triangle: path(
  	"M 50,0 C 62.5,21.651 62.5,21.651 62.5,21.651 C 75,43.3 75,43.3 75,43.3 C 87.5,64.952 87.5,64.952 87.5,64.952 C 100,86.603 100,86.603 100,86.603 C 75,86.603 75,86.603 75,86.603 C 50,86.603 50,86.603 50,86.603 C 25,86.603 25,86.603 25,86.603 C 0,86.603 0,86.603 0,86.603 C 12.5,64.952 12.5,64.952 12.5,64.952 C 25,43.3 25,43.3 25,43.3 C 37.5,21.65 37.5,21.65 37.5,21.65 C 50,0 50,0 50,0 Z"
  );
  --clip-path-circle: path(
  	"m 50,0 c 14.802217,0 28.102115,6.4321972 37.257102,16.654001 4.307338,4.809266 7.697152,10.457406 9.894219,16.669198 C 98.99613,38.539045 100,44.152289 100,50 100,55.853238 98.994231,61.471567 97.146088,66.691591 94.947168,72.902374 91.555763,78.549308 87.24708,83.357185 78.09241,93.572495 64.796817,100 50,100 35.195319,100 21.893458,93.565662 12.738327,83.340895 8.4160414,78.513616 5.0180355,72.841475 2.8225332,66.602694 0.99438744,61.4078 0,55.820026 0,50 0,44.16702 0.99881905,38.567326 2.8347531,33.362623 5.028005,27.144957 8.4159271,21.490993 12.722833,16.676418 21.878446,6.441602 35.186965,0 50,0 Z"
  );
}
@media (min-width: 600px) {
  :root {
    --wdg-masthead-top: var( --wp-admin--admin-bar--height, 0px );
  }
}

.wp-block-template-part--header {
  position: relative;
  z-index: 5;
}

.masthead {
  background-color: var(--wdg-color-white);
  color: var(--wdg-masthead-color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  left: 0;
  margin: 0;
  max-width: none;
  min-height: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
.is-immersive .masthead.has-background {
  --wdg-masthead-color: var( --wdg-color-text );
  background-color: transparent !important;
  background-image: none !important;
}
.masthead.wp-block {
  position: relative;
  transition: none;
}
.masthead a {
  color: inherit;
}
.masthead a:hover {
  color: currentColor;
}
.masthead__utility, .masthead__primary {
  align-items: stretch;
  display: flex;
  gap: var(--wdg-gap-xsmall);
  justify-content: space-between;
  padding: 0 var(--wdg-gap-gutter);
  position: relative;
}
.masthead__utility {
  background-color: var(--wdg-color-tonal-black);
  color: var(--wdg-color-white);
  font-size: var(--wdg-font-size-xsmall);
  font-weight: 500;
  height: var(--wdg-masthead-utility-height);
}
@media (max-width: 47.9375em) {
  .masthead__utility {
    display: none;
  }
}
.masthead__primary {
  height: var(--wdg-masthead-primary-height);
}
.masthead__primary .masthead__item {
  font-size: var(--wdg-font-size-default);
  font-weight: 600;
}
.masthead__primary .masthead__link {
  border-radius: 2em;
  padding: 0.5em 1.05em;
  transition: color 250ms ease, background-color 250ms ease;
}
.masthead__primary .masthead__link:hover, .masthead__primary .masthead__link:focus {
  background-color: rgba(var(--wdg-color-text-rgb), 0.1);
  color: currentColor;
}
.masthead__utility-items {
  align-items: center;
  display: flex;
  flex: 1;
  gap: var(--wdg-gap-xsmall);
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.masthead__utility-items .masthead__link:hover, .masthead__utility-items .masthead__link:focus {
  text-decoration: underline;
}
.masthead__actions {
  align-items: center;
  display: flex;
  gap: var(--wdg-gap-xsmall);
}
.masthead .masthead__action {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: currentColor;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 48px;
}
.masthead .masthead__action:hover, .masthead .masthead__action:focus {
  background-color: transparent;
  color: currentColor;
}
.masthead .masthead__action:focus-visible {
  outline: 4px solid Highlight;
}
.masthead .masthead__action:last-child {
  margin-right: 0;
}
.masthead .masthead__action--menu {
  padding: 0;
}
.masthead .masthead__action--menu .shapes-menu__canvas {
  clip-path: var(--clip-path-square);
  color: currentColor;
  transition: 350ms clip-path var(--wdg-ease-out-quad);
}
.masthead .masthead__action--menu .shapes-menu__top, .masthead .masthead__action--menu .shapes-menu__bottom {
  fill: var(--wdg-color-icon-fill, var(--wdg-color-background, var(--wdg-color-white)));
}
.masthead__logo {
  align-self: center;
  margin: 0;
}
.masthead__logo svg {
  color: currentColor;
  display: block;
  max-height: 53px;
  width: auto;
}
.masthead__logo svg path {
  fill: currentColor;
}
.masthead__content {
  flex: 0 0 0;
  opacity: 0;
  overflow: auto;
  transition-duration: 500ms;
  transition-property: opacity;
  transition-timing-function: linear;
}
.masthead__layout {
  padding: var(--wdg-gap-xsmall) var(--wdg-gap-small);
}
.masthead__nav {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 47.9375em) {
  .masthead__nav {
    display: none;
  }
}
.masthead__items {
  display: flex;
  gap: var(--wdg-gap-xsmall);
  list-style: none;
  margin: 0;
  padding: 0;
}
.masthead__account {
  align-items: stretch;
  display: flex;
  position: relative;
}
.masthead__account > a {
  align-items: center;
  display: flex;
  gap: var(--wdg-gap-2xsmall);
  text-decoration: none;
}
.masthead__account--spacer {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.masthead__account--spacer > * {
  visibility: hidden !important;
}
.masthead__account--in > a::after {
  content: "▾";
  font-size: 0.75em;
  text-decoration: none;
}
.masthead__account-items {
  background-color: var(--wdg-color-white);
  box-shadow: 0 0 2px var(--wdg-color-tonal-black-20);
  color: var(--wdg-color-tonal-black);
  display: flex;
  flex-direction: column;
  gap: var(--wdg-gap-xsmall);
  padding: var(--wdg-gap-xsmall);
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 10;
}
.masthead__account-items:not(.masthead__account:hover .masthead__account-items) {
  display: none;
}
.masthead--immersive {
  background-color: transparent;
}
.masthead--immersive.has-background button.masthead__action--menu .svg--svg-assets-svg-icon-menu {
  color: var(--wdg-color-background);
}

/*# sourceMappingURL=style.css.map */