@charset "UTF-8";

*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: .75rem}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none}*:focus{outline:none}.row:before, .row:after {width:0px; height:0px}input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}input[type=number]{-moz-appearance: textfield}svg{height:auto}

#wrapper{background-color: var(--ama-wrapper-bg)}
#wrapper.has-basic-landing{padding-top: var(--ama-header-height)}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {-webkit-appearance: none; appearance: none}

* + br,
br + *{margin-top: 0!important}

a.skip-main {
   color: #fff;
   background-color:#000;
   left:-999px;
   position: absolute;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
   z-index: -1040;
}
a.skip-main:focus,
a.skip-main:active{
   left: auto;
   top: auto;
   width: 30%;
   height: auto;
   overflow: auto;
   margin: 10px 35%;
   padding: 5px;
   border-radius: 0;
   border: 2px solid yellow;
   text-align: center;
   font-size: 1em;
   z-index: 1040;
}

/* =============================================================================
   animations
   ========================================================================== */
.reveal{
   opacity: 0;
   transform: translateY(1.5rem);
   transition: opacity .7s ease, transform .7s ease
}
.reveal.is-visible{
   opacity: 1;
   transform: none
}

.reveal-in-left,
.reveal-in-right{
   transition: transform 1.05s var(--ama-ease-standard), opacity .75s ease;
}
.reveal-in-left{
   transform: translateX(-7.1875rem) scale(.95);
}
.reveal-in-right{
   transform: translateX(7.1875rem) scale(.95);
}
.reveal-in-left.is-visible,
.reveal-in-right.is-visible{
   transform: translateX(0) scale(1);
}

@media(prefers-reduced-motion:reduce){
   .reveal,
   .reveal-in-left,
   .reveal-in-right{
      opacity: 1;
      transform: none;
      transition: none
   }
   .ticker-track.is-running{animation-play-state: paused}
   html{scroll-behavior: auto}
}

/* =============================================================================
   animated close icon
   ========================================================================== */
.remove, .btn-close{position: relative; display: block; overflow: hidden; text-decoration: none}
   .remove::before, .remove::after,
   .btn-close::before, .btn-close::after{content: ''; display: block; width: 12px; height: 2px; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); background-color: currentColor; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out}
   .remove::before, .btn-close::before{transform: rotate(45deg)}
   .remove::after, .btn-close::after{transform: rotate(-45deg)}
   .remove:hover::before, .remove:hover::after,
   .btn-close:hover::before, .btn-close:hover::after{transform: rotate(0)}

/* =============================================================================
   wpml
   ========================================================================== */
.wpml-ls{
   display: flex;
   font-size: .875rem;
   line-height: 1rem;
   letter-spacing: .015em;
   margin-left: 1.25rem
}
.wpml-ls ul{list-style: none; padding: 0}
   .wpml-ls li{position: relative}
      .wpml-ls a{display: flex; align-items: center; text-decoration: none!important; text-transform: uppercase; font-weight: 600}
      .wpml-ls a > * + *{margin-left: .625rem}
      .wpml-ls .wpml-ls-item-toggle{
         background: var(--ama-white-color);
         border: none;
         color: var(--ama-ink-color);
         box-shadow: 0 0.125rem 0.625rem rgb(var(--rgb-black) / .08);
         min-width: 3.875rem;
         padding: .625rem 0.625rem;
         /*border-radius: 1.25rem;*/
         border-radius: 0;
         justify-content: center
      }
         .wpml-ls .wpml-ls-item-toggle::after{
            content: '';
            display: block;
            width: .9375rem;
            height: .9375rem;
            background: currentColor;
            margin-left: .125rem;
            mask: url(../images/arrow.svg) center no-repeat;
            mask-size: 100% auto;
            -webkit-mask: url(../images/arrow.svg) center no-repeat;
            -webkit-mask-size: 100% auto;
            margin-top: -0.125rem
         }

      .wpml-ls li > ul{
         color: var(--ama-ink-color);
         box-shadow: 0 0.125rem 0.625rem rgb(var(--rgb-black) / .08);
         background: var(--ama-white-color);
         position: absolute;
         top: calc(100% + .625rem);
         width: max-content;
         max-width: 20rem;
         min-width: 100%;
         right: 0;
         z-index: 10;
         display: none;
         padding: .25rem 0;
         /*border-radius: .9375rem;*/
         border-radius: 0
      }
         .wpml-ls li > ul > li{margin-top: .25rem}
            .wpml-ls li > ul a{
               padding: .375rem 0.6875rem
            }

/* =============================================================================
   header
   ========================================================================== */
#header{
   background-color: var(--ama-header-bgcolor);
   box-shadow: var(--ama-header-box-shadow);
   transition: transform .35s ease, background-color .35s ease, box-shadow .35s ease, color .35s ease;
	will-change: transform;
}
#header.slide-header-up{transform: translateY(-100%)}
   .h__logo{transition: .28s ease}
   .h__logo svg{
      width: 5.5rem;
      height: auto
   }

   .h-inner{
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: .625rem;
      align-items: center;
      height: var(--ama-header-height);
      transition: height .28s ease, padding .28s ease
   }

   .h__els{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      gap: 1.25rem;
      align-self: stretch
   }
      .h__els > #primary-menu{
         align-self: stretch
      }
         .h__els > #primary-menu > ul{height: 100%}
            .h__els > #primary-menu > ul > li{
               display: flex;
               align-items: center;
            }

#header.scroll-header{
   color: var(--ama-ink-color);
   --ama-header-bgcolor: var(--ama-paper-color);
   --ama-header-box-shadow: 0 .9375rem 3.4375rem 0 rgba(0, 0, 0, .06)
}

#menu-toggle{
   color: var(--ama-ink-color);
   background-color: var(--ama-white-color);
   padding: 0;
   width: 2.875rem;
   height: 2.875rem;
   border: none;
   position: relative;
   /*border-radius: 50%;*/
   border-radius: 0;
   box-shadow: 0 .5rem 1.125rem rgb(var(--rgb-black) / .15);
   transition: transform .35s ease, background-color .35s ease, color .35s ease;
	will-change: transform;
}
#menu-toggle:hover{background-color: var(--ama-primary-color)}
   #menu-toggle > span{
      position: absolute;
      left: 0.8125rem;
      width: 1.25rem;
      height: 1.5px;
      background: currentColor;
      margin: 0;
      top: calc(50% - .75px)
   }
   #menu-toggle > span:first-child{top: 1rem}
   #menu-toggle > span:last-child{top: 1.75rem}

#wrapper:not(.has-basic-landing) #header:not(.scroll-header){color: #fff}

#header * + .wp-block-button,
#header .wp-block-button + *{margin-top: 0}

#header.slide-header-up #menu-toggle{transform: translateY(calc(200% - .625rem))}

@media (min-height: 413.1px){
   #header.slide-header-up .mini-cart{transform: translateY(calc(200% - .625rem))}
}
@media (max-height: 413px){
   #header.slide-header-up .mini-cart > .mini-cart__toggle{transform: translateY(calc(200% - .625rem))}
}

/* =============================================================================
   ama-nav-menu
   ========================================================================== */
.ama-nav-menu{
   --ama-link-color: currentColor;
   --ama-link-hover-color: currentColor;
}

.ama-nav-menu,
.ama-nav-menu ul{padding: 0; list-style: none}
.ama-nav-menu{font-weight: 600}
   .ama-nav-menu a{text-decoration: none!important}
   .ama-nav-menu li:hover > a,
   .ama-nav-menu [class*="current"] > a{color: var(--ama-link-hover-color)}

   .ama-nav-menu .has-submenu > .sub-menu-toggle{display: flex; align-items: center; justify-content: center}
      .ama-nav-menu .has-submenu > .sub-menu-toggle > svg{width: .75rem; height: auto}
   .ama-nav-menu .sub-menu{font-size: .875rem; line-height: 1.25rem; font-weight: 700}

/* =============================================================================
   ama-secondary-nav-menu
   ========================================================================== */
.ama-secondary-nav-menu,
.ama-secondary-nav-menu ul{padding-left: 0; list-style: none}

.ama-secondary-nav-menu.is-main__nav > li:not(:last-child) > a{border-bottom: 1px solid rgb(var(--rgb-white) / .25)}
.ama-secondary-nav-menu.is-main__nav > .has-submenu > a{padding-right: 2.625rem; margin-right: -.625rem}
.ama-secondary-nav-menu.is-main__nav > .has-submenu > a + .sub-menu-toggle{margin-left: -2rem}
.ama-secondary-nav-menu + .ama-secondary-nav-menu{
   border-top: 1px solid rgb(var(--rgb-white) / .25);
   margin-top: 1.25rem;
   padding-top: 1.25rem
}

.ama-secondary-nav-menu a{display: block; text-decoration: none}

.ama-secondary-nav-menu [class*="current"] > a,
.ama-secondary-nav-menu li > a:hover{color: var(--ama-primary-color)}

.ama-secondary-nav-menu li > .sub-menu-wrapper{
   font-size: 0.875rem;
   line-height: 1.25;
   font-weight: 700;
   display: none;
   grid-column: 1 / -1;
   padding-top: .625rem
}
.ama-secondary-nav-menu li > .sub-menu-wrapper > .sub-menu{
   padding-left: 1.0625rem;
   border-left: 1px solid rgb(var(--rgb-white) / .25);
}

.ama-secondary-nav-menu .has-submenu{
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 0 .625rem
}
.ama-secondary-nav-menu .has-submenu > .sub-menu-toggle{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   width: 2rem;
   padding: 0
}
   .ama-secondary-nav-menu .has-submenu > .sub-menu-toggle::after{
      content: '';
      display: block;
      width: 0.75rem;
      height: 0.75rem;
      border-right: 1px solid currentColor;
      border-bottom: 1px solid currentColor;
      transform: rotate(45deg) translateY(-3px);
      transition: transform .25s;
   }
   .ama-secondary-nav-menu .has-submenu > .sub-menu-toggle[aria-expanded="true"]::after,
   .ama-secondary-nav-menu [class*="current"] > .sub-menu-toggle[aria-expanded="false"]::after{transform: rotate(225deg) translate(-1px, -2px)}
   .ama-secondary-nav-menu [class*="current"] > .sub-menu-toggle[aria-expanded="true"]::after{transform: rotate(45deg) translateY(-3px)}
   .ama-secondary-nav-menu [class*="current"] > .sub-menu-wrapper{display: block}

.ama-secondary-nav-menu .sub-menu > li + li{margin-top: .5625rem}

.ama-secondary-nav-menu.is-main__nav > li > a{
   font-size: 1.5rem;
   line-height: 1.15;
   font-weight: 400;
   padding: .875rem 0;
   letter-spacing: -.055em
}
.ama-secondary-nav-menu a{transition: color .2s,padding .25s}
.ama-secondary-nav-menu a:hover{padding-left: 0.5rem!important}

.ama-secondary-nav-menu.is-secondary__nav a{
   padding: .4375rem 0;
   font-size: .9375rem;
   font-weight: 700
}

/* =============================================================================
   content
   ========================================================================== */
.classic-editor ul:not([class]),
.term-description ul,
ul.wp-el,
ul.wp-el ul{padding-left: 1.125rem}

.classic-editor ul:not([class]) li + li,
.classic-editor li ul,
.classic-editor li ol,
.term-description li + li,
.term-description li ul,
.term-description li ol,
.wp-el li + li,
.wp-el li > ul,
.wp-el li > ol{margin-top: var(--ama-margin-top-li)}

.classic-editor * + *,
.term-description * + *,
*:not(.ama-block) + .wp-el{margin-top: var(--ama-margin-top-base)}

.classic-editor * + ul,
.term-description * + ul,
*:not(.ama-block) + ul.wp-el{margin-top: 1.25rem}

.classic-editor * + h1,
.classic-editor * + h2,
.classic-editor * + h3,
.term-description * + h1,
.term-description * + h2,
.term-description * + h3,
*:not(.ama-block) + h1,
*:not(.ama-block) + h2,
*:not(.ama-block) + h3{margin-top: var(--ama-margin-top-heading)}

*:not(.ama-block) + .wp-block-contact-form-7-contact-form-selector{margin-top: var(--ama-margin-top-wpcf7)}

.gutenberg-elements > *:first-child:not(.full-width){margin-top: var(--ama-offset-top-first)}
.gutenberg-elements > *:last-child:not(.full-width){margin-bottom: var(--ama-offset-bottom-last)}

.gutenberg-elements > .has-smaller-offset:first-child:not(.full-width){margin-top: var(--ama-offset-top-md-first)}
.gutenberg-elements > .has-smaller-offset:last-child:not(.full-width){margin-bottom: var(--ama-offset-bottom-md-last)}

/* wp-block-columns */
.wp-block-columns{margin-bottom: 0}
* + .wp-block-columns{margin-top: calc(var(--ama-gutter-column-x) * 2)}

/* wp-block-buttons */
*:not(.ama-block):not(.wp-block-button) + .wp-block-button,
.wp-block-button + *:not(.ama-block):not(.wp-block-button){margin-top: var(--ama-margin-top-buttons)}

*:not(.ama-block) + .wp-block-buttons:not(.block__footer){margin-top: var(--ama-margin-top-buttons)}
.wp-block-buttons + *:not(.ama-block){margin-top: var(--ama-margin-top-buttons)}

*.ama-block + .wp-block-buttons,
.wp-block-buttons + *.ama-block{margin-top: calc(var(--ama-margin-top-block) - var(--ama-gutter-button-x))}

/* =============================================================================
   footer
   ========================================================================== */
#footer{
   padding-top: var(--ama-footer-padding-top);
   padding-bottom: var(--ama-footer-padding-bottom);
   color: var(--ama-footer-color);
   background-color: var(--ama-footer-bgcolor);
   font-size: 0.8125rem;
   line-height: 1.65;

   --ama-social-color: var(--ama-white-color);
   --ama-social-border-color: rgb(var(--rgb-white) / .5)
}
   .f-inner{
      display: grid;
      grid-template-columns: 1fr 4.5fr;
      gap: 0 4vw;
   }
      .f__brand > svg{color: var(--ama-white-color); width: 7.625rem}
      .f__brand p{margin-top: 1.75rem}

      .f__end{
         grid-column: 1 / -1;
         border-top: 1px solid rgb(var(--rgb-white) / .25);
         margin-top: 4.0625rem;
         padding-top: 0.9375rem;
         font-size: 0.6875rem;
         line-height: 1.5;
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: space-between;
         gap: 0.9375rem
      }
         .f__end a{
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-color .2s;
         }
         .f__end a:hover{border-color: currentColor}

   .f__cols{
      --ama-margin-top-base: .5rem;

      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2vw
   }
      .f__col.is-wide{grid-column: auto/span 2}
      .f__col > .is-title{
         font-size: 0.6875rem;
         line-height: 1.5;
         letter-spacing: .12em;
         font-weight: 700;
         margin: 0.1875rem 0 1.0625rem;
         text-transform: uppercase;
      }
      .f__col > :not(.is-title) + *{margin-top: 1rem}
      .f__col > .is-contact + .is-contact{margin-top: .625rem}

.f-menu{padding: 0; list-style: none}
.f-menu > li{margin-bottom: .625rem}
.is-wide .f-menu{
   columns: 2;
   gap: 2vw
}
   .is-wide .f-menu > li{
      page-break-inside: avoid;
      break-inside: avoid-column;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-content: center;
      align-items: center;
      width: 100%;
   }

.f-menu,
.f__col .is-contact{
   color: var(--ama-white-color);
   font-size: 1.0625rem;
   line-height: 1.35;
}
.f-menu a,
.f__col .is-contact a{
   text-decoration-line: underline;
   text-decoration-color: transparent;
   text-underline-offset: 0.25rem;
   transition: text-decoration-color .2s ease;
}
.f-menu a:hover,
.f-menu [class*="current"] > a,
.f__col .is-contact a:hover{text-decoration-color: currentColor}

/* =============================================================================
   modals
   ========================================================================== */
[id^="amaModal-"]{
   --ama-modal-bg: var(--ama-ink-color);
   --ama-modal-color: var(--ama-white-color);
}

[id^="amaModal-"] .modal-content{
   position: relative;
   overflow: hidden;
   color: var(--ama-modal-color);
   background-color: var(--ama-modal-bg);
   border-radius: var(--ama-general-border-radius);
   box-shadow: 0 2rem 6rem rgb(var(--rgb-black) / .35);
}

[id^="amaModal-"] .modal-body{
   padding: 0 !important;
   overflow-x: hidden;
   scrollbar-width: thin;
   scrollbar-color: rgb(var(--rgb-lime) / .65) transparent;
}

[id^="amaModal-"] .modal-main{
   display: grid;
   grid-template-columns: 1fr;
}

[id^="amaModal-"] .modal-main.has-contacts{
   grid-template-columns: 468px 1fr;
}

[id^="amaModal-"] button.btn-close{
   width: 3rem;
   height: 3rem;
   position: absolute;
   top: 1.75rem;
   left: 1.75rem;
   z-index: 5;
   margin: 0 !important;
   padding: 0 !important;
   color: var(--ama-primary-color) !important;
   background: transparent !important;
   background-image: none !important;
   border: 1px solid rgb(var(--rgb-lime) / .45) !important;
   /*border-radius: 50% !important;*/
   border-radius: 0 !important;
   box-shadow: none !important;
   opacity: 1;
   transition: .22s ease;
}

[id^="amaModal-"] button.btn-close::before,
[id^="amaModal-"] button.btn-close::after{
   content: '';
   width: .875rem;
   height: 1px;
   position: absolute;
   top: 50%;
   left: 50%;
   background-color: currentColor;
}

[id^="amaModal-"] button.btn-close::before{
   transform: translate(-50%, -50%) rotate(45deg);
}

[id^="amaModal-"] button.btn-close::after{
   transform: translate(-50%, -50%) rotate(-45deg);
}

[id^="amaModal-"] button.btn-close:hover{
   color: var(--ama-ink-color) !important;
   background-color: var(--ama-primary-color) !important;
   border-color: var(--ama-primary-color) !important;
}

[id^="amaModal-"] .modal-copy{
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 7.5rem 3.25rem 3.5rem;
}

[id^="amaModal-"] .modal-main:not(.has-contacts) .modal-copy{min-height: auto; padding-right: 5rem}

[id^="amaModal-"] .modal-title{color: var(--ama-primary-color)}
[id^="amaModal-"] .modal-contacts{
   display: grid;
   align-content: center;
   gap: 2rem;
   padding: 2.25rem;
   color: var(--ama-ink-color);
   background-color: var(--ama-paper-color);
}

[id^="amaModal-"] .person-item{
   display: block;
   opacity: 1;
   transform: none;
   transition: none;
}

[id^="amaModal-"] .person-item > .item__content{
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   padding-top: 2rem;
}

[id^="amaModal-"] .person-item .item__content > p:not([class]) a{color: currentColor}

[id^="amaModal-"] .modal-form{
   padding: 2.5rem 3.25rem;
   border-top: 1px solid rgb(var(--rgb-white) / .12);
}
   [id^="amaModal-"] .modal-form__header{margin-bottom: 2rem}
      [id^="amaModal-"] .modal-form__header > .is-style-pretitle{color: var(--ama-primary-color)}

[id^="amaModal-"] .modal-body::-webkit-scrollbar{width: .5rem}

[id^="amaModal-"] .modal-body::-webkit-scrollbar-track{background-color: transparent;}
[id^="amaModal-"] .modal-body::-webkit-scrollbar-thumb{
   background-color: rgb(var(--rgb-lime) / .55);
   border: 2px solid var(--ama-modal-bg);
   /*border-radius: 1rem;*/
   border-radius: 0;
}
   [id^="amaModal-"] .modal-body::-webkit-scrollbar-thumb:hover{background-color: var(--ama-primary-color)}

@media (max-width: 991px) {
   [id^="amaModal-"] .modal-main.has-contacts {
      grid-template-columns: 1fr;
   }
}
@media (max-width: 599px) {
   [id^="amaModal-"] .modal-dialog {
      margin: .5rem;
   }

   [id^="amaModal-"] .modal-content {
      max-height: calc(100dvh - 1rem);
   }

   [id^="amaModal-"] .modal-copy {
      padding: 4.5rem 1rem 1.5rem;
   }

   [id^="amaModal-"] .modal-contacts {
      padding: 1rem;
   }

   [id^="amaModal-"] .person-item {
      display: grid;
      grid-template-columns: 4.5rem 1fr;
      align-items: center;
      gap: 1rem;
      text-align: left;
   }

   [id^="amaModal-"] .person-item > img {
      width: 4.5rem;
      height: 5.625rem;
      object-fit: cover;
   }

   [id^="amaModal-"] .person-item > .item__content {
      padding-top: 0;
   }
   [id^="amaModal-"] button.btn-close{width: 2rem; height: 2rem; left: 1rem;}
}
/* =============================================================================
   scroll to top
   ========================================================================== */
.scroll-to-top{z-index: 10; position: fixed; bottom: .625rem; right: .625rem; user-select: none; pointer-events: none}
.scroll-to-top__btn{width: var(--ama-scroll-top-width); height: var(--ama-scroll-top-height); opacity: 0; color: var(--ama-scroll-top-color); border-radius: var(--ama-scroll-top-border-radius); background-color: var(--ama-scroll-top-bg); font-size: 150%; line-height: 1em; -moz-transition: all .25s linear; transition: all .25s linear}
.scroll-to-top__btn[style="visibility: visible;"]{pointer-events: all; cursor: pointer; opacity: 1}

/* =============================================================================
   media query
   ========================================================================== */
.h__nav .offcanvas-title svg{width: 5.5rem}
#header{
   --ama-btn-hover-color: var(--ama-ink-color);
   --ama-btn-hover-bg: var(--ama-white-color);
   --ama-btn-hover-border-color: var(--ama-white-color)
}

.h__nav .offcanvas-footer{font-size: 0.9375rem; line-height: 1.5}
#header .h__nav .offcanvas-footer > .wp-block-button + *{margin-top: 1.5625rem}
.h__nav .offcanvas-footer > * + *{margin-top: .625rem}
.h__nav .offcanvas-footer a:not([class]){
   padding-bottom: 3px;
   border-bottom: 1px solid transparent;
   transition: border-color .25s, color .25s;
   text-decoration: none
}
.h__nav .offcanvas-footer a:not([class]):hover{
   color: var(--ama-primary-color);
   border-color: currentColor
}

@media (min-width: 1200px){
   #header.scroll-header{--ama-header-height: 5.625rem}

   .h-inner{
      grid-template-columns: auto 1fr auto;
   }

   #header:not(.scroll-header) .h-inner{padding-bottom: 1rem}
      #header:not(.scroll-header) .h-inner > .h__logo{transform: translateY(.75rem)}

   .ama-nav-menu{
      padding: 0;
      gap: .625rem clamp(.9375rem, 1.75vw, 1.5rem);
      display: flex;
      flex-wrap: wrap;
      justify-content: center
   }
   .ama-nav-menu .has-submenu:not(.has-mega-menu){position: relative}
   .ama-nav-menu a{display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
   .ama-nav-menu > li > a{min-height: 2.5rem; position: relative; transition: opacity .2s}
   .ama-nav-menu > li:hover:not([class*="current"], .has-submenu) > a{opacity: .55}
   
   .ama-nav-menu .has-submenu > a{padding-right: 1.25rem}
   .ama-nav-menu .has-submenu > .sub-menu-toggle{
      pointer-events: none;
      user-select: none;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
   }
   .ama-nav-menu .sub-menu > .has-submenu > a{padding-right: 2.4375rem}
   .ama-nav-menu .sub-menu > .has-submenu > .sub-menu-toggle{right: .9375rem}
      .ama-nav-menu .sub-menu > .has-submenu > .sub-menu-toggle > svg{transform: rotate(270deg)}

   .ama-nav-menu .sub-menu-wrapper{
      color: var(--ama-ink-color);
      position: absolute;
      width: max-content;
      max-width: 20.625rem;
      min-width: 100%;
      z-index: 10;
      opacity: 0;
      pointer-events: none;
      transform: scale(.6);
      transform-origin: left top;
      transition: opacity .3s, transform .3s;
      background-color: #fff;
      border-radius: var(--ama-general-border-radius);
      filter: drop-shadow(0 1.125rem 3.4375rem rgb(var(--rgb-ink) / .09));
   }
      .ama-nav-menu .sub-menu-wrapper > .sub-menu,
      .ama-nav-menu > li > .sub-menu-wrapper.is-mega-menu > ul:not(.sub-menu){
         padding: 1.25rem 0;
      }
         .ama-nav-menu > li > .sub-menu-wrapper.is-mega-menu > ul:not(.sub-menu){
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: .625rem 1.125rem;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            max-width: 91.25rem;
            margin-left: auto;
            margin-right: auto
         }

   .ama-nav-menu .sub-menu a{
      padding: .6875rem 1.5rem;
      justify-content: flex-start;
      position: relative
   }
   .ama-nav-menu > li > a::after,
   .ama-nav-menu .sub-menu a::after{
      content: '';
      display: block;
      width: calc(100% - 3rem);
      height: 1px;
      background: currentColor;
      transform: scaleX(0);
      position: absolute;
      left: 1.5rem;
      bottom: 0;
      transform-origin: left center
   }
   .ama-nav-menu .sub-menu a::after{transition: .45s}
   .ama-nav-menu > li > a::after{left: 0; width: 100%}
      .ama-nav-menu .sub-menu [class*="current"] > a{color: var(--ama-secondary-color)}
      .ama-nav-menu .sub-menu li:hover > a::after{transform: scaleX(1)}
      .ama-nav-menu > [class*="current"] > a::after{animation: ama-active-nav-line .45s var(--ama-ease-standard) both}

   .ama-nav-menu > li > .sub-menu-wrapper{
      top: calc(100% - .9375rem);
      left: 50%;
      transform: scale(.6) translateX(-50%);
      min-width: 20.625rem
   }
   .ama-nav-menu > li > .sub-menu-wrapper.is-mega-menu{
      width: calc(100vw - var(--grid-padding-inline) * 2);
      width: calc(100dvw - var(--grid-padding-inline) * 2);
      width: calc(100svw - var(--grid-padding-inline) * 2);
      max-width: 100rem;
   }
   #header:not(.scroll-header) .ama-nav-menu > li > .sub-menu-wrapper.is-mega-menu{
      top: calc(100% - calc(.9375rem + 1rem))
   }
   .ama-nav-menu .sub-menu-wrapper .sub-menu-wrapper{
      top: -1.25rem;
      left: 100%;
      transform: scale(.6);
      padding-left: .3125rem;
      background-color: transparent;
      border-radius: 0;
      filter: none;
   }
      .ama-nav-menu .sub-menu-wrapper .sub-menu-wrapper > ul{
         background-color: #fff;
         border-radius: var(--ama-general-border-radius);
         filter: drop-shadow(0 1.125rem 3.4375rem rgb(var(--rgb-ink) / .09));
      }

   .ama-nav-menu li:hover > .sub-menu-wrapper{opacity: 1; pointer-events: all}
   .ama-nav-menu > li:hover > .sub-menu-wrapper{transform: scale(1) translateX(-50%)}
   .ama-nav-menu .sub-menu > li:hover > .sub-menu-wrapper{transform: scale(1)}

   @keyframes ama-active-nav-line{
      from{
         transform:scaleX(0)
      }
      to{
         transform:scaleX(1)
      }
   }
   
   .ama-nav-menu .has-submenu.has-mega-menu{
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center
   }
   .ama-nav-menu .has-submenu.has-mega-menu > .sub-menu-toggle{
      position: static;
      margin-left: -0.75rem
   }

   .ama-nav-menu .is-mega-menu-card{
      min-height: 6.25rem;
      gap: 0.8125rem;
      align-items: center;
      padding: 0;
      font-size: 1rem;
      line-height: 1.2;
      display: grid;
      grid-template-columns: 5rem 1fr;
      align-items: center
   }
      .ama-nav-menu .is-mega-menu-card img{
         width: 5rem;
         height: 5rem;
         /*border-radius: 0.75rem;*/
         border-radius: 0;
         object-fit: cover;
         transform: none;
      }
      .ama-nav-menu .is-mega-menu-card > .menu-item-text:only-child{grid-column: 1 / -1}
}
@media (max-width: 1199px){
   #primary-menu{display: none!important; user-select: none!important; visibility: hidden!important; pointer-events: none!important}

   .h__logo svg{width: 4.125rem}

   .f-inner{grid-template-columns: 1fr}

   .f__brand{
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: var(--ama-gutter-double-x)
   }
   .f__brand + *{margin-top: 1.25rem}
      .f__brand > svg{width: 5.5rem}
      .f__brand p{margin-top: 0}
}
@media (max-width: 991px){
   .f__cols{grid-template-columns: repeat(2, 1fr); gap: 1.25rem 2vw}
}
@media (max-width: 599px){
   .h__els > .wp-block-button{display: none!important; visibility: hidden!important; pointer-events: none!important; user-select: none!important}
}
@media (max-width: 567px){
   .f__cols{grid-template-columns: 1fr}
   .is-wide .f-menu{columns: unset}
   .f__col.is-wide{grid-column: 1 / -1}
}

*:focus-visible{outline: 1px dashed currentColor; outline-offset: 2px}
#footer *:focus-visible{outline-color: var(--ama-footer-color)}

/* custom adminbar */
html{margin-top: 0!important}
#wpadminbar{background: none; user-select: none; pointer-events: none}
   #wpadminbar .quicklinks > [role="menu"] > li{background: #1d2327; pointer-events: all}

.h__nav.offcanvas{
   color: var(--ama-white-color);
   background-color: var(--ama-ink-color);
}

@media (max-height: 1024px){
   .h__nav .offcanvas-footer{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 1.25rem
   }
      .h__nav .offcanvas-footer > .wp-block-button{flex: 1 0 0}
      .h__nav .offcanvas-footer > * + *{margin: 0!important}
}
@media (max-width: 567px) and (max-height: 1024px){
      .h__nav .offcanvas-footer > .wp-block-button{flex: 0 0 100%}
}

.mega-menu-cards{
   --ama-link-hover-color: var(--ama-secondary-color)
}
.mega-menu-cards > li > ul{
   text-align: left;
   font-size: 0.875rem;
   font-weight: 400;
   padding-top: .625rem
}
   .mega-menu-cards > li > ul a{
      text-align: left;
      justify-content: flex-start
   }

@media (max-width: 567px){
   .wpml-ls{margin-left: 0}
}