@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{padding-top: var(--ama-header-height); background-color: var(--ama-wrapper-bg)}



[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;

}



/* =============================================================================

   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,

   .remove:focus-visible::before,

   .remove:focus-visible::after,

   .btn-close:focus-visible::before,

   .btn-close:focus-visible::after{transform: rotate(0)}



/* =============================================================================

   svg sizes

   ========================================================================== */

svg[width="18"]{width: 1.125rem; height: auto}

svg[width="24"]{width: 1.5rem; height: auto}



/* =============================================================================

   wpml

   ========================================================================== */

.ama-langswitch {

   --ama-langswitch-gap: 1.25rem;

   --ama-langswitch-bg: var(--ama-white-color);

   --ama-langswitch-color: var(--ama-body-color);

   --ama-langswitch-active: var(--ama-cinnabar-color);

   --ama-langswitch-border: var(--ama-natural-white-color);

   --ama-langswitch-radius: 0;



   position: relative;

   display: inline-block;

   font-size: var(--ama-sm-font-size);

   line-height: var(--ama-sm-line-height);

   font-weight: 500;

}



.ama-langswitch__toggle { display: none; }



.ama-langswitch__list {

   display: flex;

   align-items: center;

   gap: var(--ama-langswitch-gap);

   margin: 0;

   padding: 0;

   list-style: none;

}



.ama-langswitch__link {

   display: flex;

   align-items: center;

   gap: .35rem;

   text-decoration: none;

   color: var(--ama-langswitch-color);

   text-transform: uppercase;

}



.ama-langswitch__item .ama-langswitch__link:hover,

.ama-langswitch__item.is-active .ama-langswitch__link {

   color: var(--ama-langswitch-active);

}



.ama-langswitch__flag { display: block; border-radius: 0; }



/* =============================================================================

   searchbox

   ========================================================================== */

.searchbox{

   width: 100%;

   position: relative;

}

   .searchbox > .searchbox-input{

      padding-right: 2.5rem

   }

   .searchbox > .searchbox-submit{

      position: absolute;

      top: 0;

      right: 0;

      width: 30px;

      height: 100%;

      background: none;

      border: none;

      color: var(--ama-input-color);

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      justify-content: center

   }

   .searchbox > .searchbox-submit:hover{

      color: var(--ama-cinnabar-color)

   }



/* =============================================================================

   header

   ========================================================================== */

#header{

   background-color: var(--ama-header-bgcolor);

   box-shadow: var(--ama-header-box-shadow);

   transition: box-shadow .3s linear

}

   .h-inner{

      display: grid;

      grid-template-columns: auto 1fr;

      gap: .625rem;

      align-items: center;

      height: var(--ama-header-height)

   }

   .hc-top--left{

      display: flex;

      flex-wrap: wrap;

      gap: .625rem;

      align-items: center;

      justify-content: flex-start

   }



#header.scroll-header{

   --ama-header-box-shadow: 0 .625rem 1.25rem 0 rgba(0, 0, 0, .06);

}



.main-logo{width: 10rem}



#menu-toggle{color: currentColor; padding: 0; width: 2rem; height: 2rem; border: none; background: none; position: relative}

   #menu-toggle > span{display: block; width: 100%; height: 2px; position: absolute; top: 50%; background-color: currentColor!important; transform: translate(0, -50%); transition: opacity 0.3s 0.3s}

      #menu-toggle::before,

      #menu-toggle::after{content: ''; display: block; width: 100%; height: 2px; position: absolute; background-color: currentColor!important; transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s}

      #menu-toggle::before{top: 6px}

      #menu-toggle::after{bottom: 6px}

   #menu-toggle.toggled > span{opacity: 0; transition: opacity 0.3s}

      #menu-toggle.toggled::before,

      #menu-toggle.toggled::after{transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s}

      #menu-toggle.toggled::before{top: calc(50% - 1px); transform: rotate(45deg)}

      #menu-toggle.toggled::after{bottom: calc(50% - 1px); transform: rotate(-45deg)}



.ama-inline-menu{

   padding-left: 0;

   list-style: none;

   display: flex;

   flex-wrap: wrap;

   gap: .625rem 1.25rem

}



/* =============================================================================

   ama-nav-menu

   ========================================================================== */

.ama-nav-menu,

.ama-nav-menu ul{padding: 0; list-style: none}

.ama-nav-menu{font-weight: 700}

   .ama-nav-menu a{text-decoration: none}

   .ama-nav-menu > li > a{font-size: 1.125rem; line-height: 1.25rem; font-variation-settings: "opsz" var(--ama-font-header-opsz)}

   .ama-nav-menu li > a:hover,

   .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: .9375rem; line-height: 1.25rem; font-weight: 500}

   .ama-nav-menu .sub-menu li + li{margin-top: .3125rem}



.ama-secondary-nav-menu{padding: .3125rem .625rem; list-style: none}

.ama-secondary-nav-menu a{display: block}

.ama-secondary-nav-menu li + li{margin-top: .625rem}

* + .ama-secondary-nav-menu{margin-top: .625rem}



/* =============================================================================

   content

   ========================================================================== */

.classic-editor ul:not([class]),

.term-description ul,

ul.wp-el,

ul.wp-el ul{padding-left: 0; list-style: none}



   .classic-editor ul:not([class]) li,

   .term-description ul li,

   ul.wp-el li{padding-left: 1.875rem; position: relative}

   

      .classic-editor ul:not([class]) li::before,

      .term-description ul li::before,

      ul.wp-el li::before{

         content: '';

         display: block;

         width: .625rem;

         height: .625rem;

         border-radius: 50%;

         background: var(--ama-marker-color);

         position: absolute;

         top: .45em;

         left: 0

      }



.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)}



/* 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-button)}



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

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



*.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{

   --ama-link-hover-color: currentColor;

   --ama-margin-top-base: .625rem;

   --ama-margin-top-heading: 1.875rem;

   --ama-margin-top-li: .625rem;

   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);

}

   .f-inner{

      display: grid;

      grid-template-columns: repeat(5, 1fr);

      gap: calc(var(--ama-gutter-x) * 3) var(--ama-gutter-double-x)

   }

   .f-col a{text-decoration: none}

   .f-col a:hover,

   .f-col [class*="current"] > a{text-decoration: underline}

   .f-col > .is-menu{padding-left: 0; list-style: none}

   .f-col > .is-menu > li + li{margin-top: var(--ama-margin-top-base)}

   .f-col > .c__el + .c__el{margin-top: 1.25rem}

   .f-col > .c__el + .c__el.is-title{margin-top: 1.875rem}

   .f-col > .c__el.is-title{

      font-family: var(--ama-h-font-family);

      font-weight: var(--ama-h-font-weight);

      font-variation-settings: "opsz" var(--ama-font-header-opsz)

   }



/* =============================================================================

   scroll to top

   ========================================================================== */

.scroll-to-top{z-index: 10; position: fixed; bottom: .3125rem; right: .3125rem; 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

   ========================================================================== */

.offcanvas-header{--ama-social-gap: .625rem; --ama-social-width: 1.5rem; --ama-social-height: 1.5rem; flex-wrap: wrap}

.offcanvas-header > .ama-social{flex: 0 0 auto}

.h__nav .offcanvas-header{gap: .625rem; align-items: center}

.h__nav .offcanvas-header > .offcanvas-title{flex: 1 0 0}



.offcanvas-header > .searchbox{

   flex: 0 0 100%;

   width: 100%;

   margin-top: 0.625rem;

}



@media (min-width: 1079.1px){

   .offcanvas-header > .ama-social{display: none!important; visibility: hidden!important; pointer-events: none!important; user-select: none!important}

}



@media (min-width: 1200px){

   .h__content{

      display: flex;

      flex-wrap: wrap;

      align-self: stretch;

      padding-top: 1.25rem;

      padding-bottom: 1.25rem

   }

      .h__content > .hc-top,

      .h__content > .h__nav{flex: 0 0 100%}

      .h__content > .hc-top{

         padding: .3125rem 0;

         align-self: flex-start

      }

      .h__content > .hc-top{

         font-size: var(--ama-sm-font-size);

         line-height: var(--ama-sm-line-height)

      }

      .h__content > .h__nav{align-self: flex-end}



   .h__nav > .offcanvas-body{justify-content: flex-start}

   .h__nav > .offcanvas-body > #primary-menu{width: 100%}

   .h__nav > .offcanvas-footer,

   .h__nav > .offcanvas-body > :not(#primary-menu){display: none!important}



   .ama-nav-menu{

      padding: 0;

      display: flex;

      flex-wrap: wrap

   }

      .ama-nav-menu > li{display: flex; flex-wrap: wrap; justify-content: center; flex: 1 0 0; position: relative}

      .ama-nav-menu > li:not(:last-child)::after{

         content: '';

         display: block;

         width: 1px;

         height: 100%;

         position: absolute;

         top: 0;

         left: calc(100% - 0.5px);

         background-color: var(--ama-dust-gray-color);

         pointer-events: none;

         user-select: none

      }



   .ama-nav-menu .has-submenu{position: relative}

   .ama-nav-menu a{display: flex; flex-wrap: wrap; align-items: center; justify-content: center}

   .ama-nav-menu > li > a{min-height: 1.875rem}

   

   .ama-nav-menu .has-submenu > a{padding-right: 1.5rem}

   .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 > .has-submenu > a{padding-right: .3125rem}

   .ama-nav-menu > .has-submenu > .sub-menu-toggle{position: static}



   .ama-nav-menu .sub-menu-wrapper{

      position: absolute;

      width: max-content;

      max-width: 12.5rem;

      min-width: 12.5rem;

      border-radius: var(--ama-general-border-radius);

      z-index: 10;

      opacity: 0;

      pointer-events: none;

      transform: scale(.6);

      transform-origin: left top;

      transition: opacity .3s, transform .3s;

   }

      .ama-nav-menu .sub-menu-wrapper > .sub-menu{

         padding: .625rem 0;

         list-style: none;

         background-color: #fff;

         box-shadow: 0 0 0 1px var(--ama-dust-gray-color) inset

      }



   .ama-nav-menu .sub-menu-wrapper a{

      padding: .3125rem .9375rem;

      justify-content: flex-start;

      text-decoration: underline

   }



   .ama-nav-menu > li > .sub-menu-wrapper{top: 100%; left: 50%; transform: scale(.6) translateX(-50%); padding-top: .3125rem}

   .ama-nav-menu .sub-menu-wrapper .sub-menu-wrapper{top: -.625rem; left: 100%; transform: scale(.6); padding-left: .3125rem}



   .ama-nav-menu li:hover > .sub-menu-wrapper,

   .ama-nav-menu li:has(:focus-visible) > .sub-menu-wrapper{opacity: 1; pointer-events: all}



   .ama-nav-menu > li:hover > .sub-menu-wrapper,

   .ama-nav-menu > li:has(:focus-visible) > .sub-menu-wrapper{transform: scale(1) translateX(-50%)}



   .ama-nav-menu .sub-menu-wrapper > .sub-menu > li:hover > .sub-menu-wrapper,

   .ama-nav-menu .sub-menu-wrapper > .sub-menu > li:has(:focus-visible) > .sub-menu-wrapper {transform: scale(1)}



   .hc-top{

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      justify-content: flex-end;

      gap: .625rem 1.25rem

   }

      .hc-top > .hc-top--left{flex: 1 0 0}

}

@media (min-width: 1400px){

   .h-inner{gap: 0 2.5rem}

   .hc-top{gap: .625rem 3.125rem}

}



/* ---- Dropdown mode: 1199px and below ---- */

@media (max-width: 1199.98px) {

   .ama-langswitch__toggle {

      display: inline-flex;

      align-items: center;

      gap: .4rem;

      padding: .5rem 1rem;

      background: var(--ama-langswitch-bg);

      color: var(--ama-langswitch-color);

      border: 1px solid var(--ama-langswitch-border);

      border-radius: var(--ama-langswitch-radius);

      cursor: pointer;

      text-transform: uppercase;

      font-weight: 700;

      line-height: 1;

   }



   .ama-langswitch__caret {

      width: 0; height: 0;

      border-left: 4px solid transparent;

      border-right: 4px solid transparent;

      border-top: 5px solid currentColor;

      transition: transform .15s ease;

   }

   .ama-langswitch.is-open .ama-langswitch__caret { transform: rotate(180deg); }



   .ama-langswitch__list {

      position: absolute;

      top: calc(100% + .25rem);

      left: 0;

      z-index: 1000;

      display: none;              /* hidden until opened */

      flex-direction: column;

      align-items: stretch;

      gap: 0;

      min-width: 100%;

      padding: .25rem 0;

      background: var(--ama-langswitch-bg);

      border: 1px solid var(--ama-langswitch-border);

      border-radius: var(--ama-langswitch-radius);

      box-shadow: 0 6px 18px rgba(0, 0, 0, .08);

   }

   .ama-langswitch.is-open .ama-langswitch__list { display: flex; }



   .ama-langswitch__item.is-active { display: none; } /* it's in the toggle */



   .ama-langswitch__link { padding: .5rem 1rem; white-space: nowrap; }

   .ama-langswitch__link:hover { background: rgba(0, 0, 0, .04)}

}



@media (max-width: 1199px){

   .main-logo{width: 6.25rem}



   .h__nav .offcanvas-body{padding: 0}



   .ama-nav-menu a{padding: .3125rem .625rem; min-height: 2.5rem; display: flex; align-items: center; justify-content: flex-start}

   .ama-nav-menu .has-submenu{display: grid; grid-template-columns: 1fr auto}

      .ama-nav-menu .has-submenu > .sub-menu-wrapper{grid-column: 1 / -1; display: none; background-color: rgba(0, 0, 0, .03)}

      .ama-nav-menu li + li{border-top: 1px solid #E8F1F3}

      .ama-nav-menu .has-submenu .sub-menu > li + li{border-top-color: rgba(0, 0, 0, .1)}



   .ama-nav-menu .sub-menu-toggle{cursor: pointer; width: 2.5rem; background-color: #E8F1F3}



   .hc-top{

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      gap: .625rem

   }

      .hc-top--left{flex: 1 0 0}

}

@media (max-width: 1079px){

   .hc-top > .ama-social{display: none!important; visibility: hidden!important; pointer-events: none!important; user-select: none!important}

   .f-inner{grid-template-columns: repeat(4, 1fr)}

}

@media (max-width: 939px){

   .hc-top > .ama-inline-menu{display: none!important; visibility: hidden!important; pointer-events: none!important; user-select: none!important}

}

@media (max-width: 820px){

   .hc-top > .h-search-wrapper{flex: 1 0 0}

}



@media (min-width: 768px) and (max-width: 1079px){

   .f-inner > *:last-child:nth-child(n+5){grid-column: 1 / -1}

}

@media (max-width: 767px){

   .f-inner{grid-template-columns: repeat(3, 1fr)}

}

@media (max-width: 670px){

   .hc-top > .h-search-wrapper{display: none!important; visibility: hidden!important; pointer-events: none!important; user-select: none!important}

}

@media (max-width: 567px){

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

}

@media (max-width: 490px){

   .hc-top .ama-a11y-toolbar{display: none!important; visibility: hidden!important; pointer-events: none!important; user-select: none!important}

}

@media (max-width: 379px){

   .main-logo{width: 5rem}

}



*:focus-visible{outline: 2px dashed #000; outline-offset: 3px}

#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}



html.a11y-contrast-high body #wrapper .block__slogan,

html.a11y-contrast-high body #wrapper .wp-block-quote,

html.a11y-contrast-high body #wrapper .ama-breadcrumbs,

html.a11y-contrast-high body #wrapper #footer{background-color: rgba(255, 255, 255, .1)!important}

html.a11y-contrast-high body #wrapper .block__slogan *,

html.a11y-contrast-high body #wrapper .wp-block-quote *,

html.a11y-contrast-high body #wrapper .ama-breadcrumbs *,

html.a11y-contrast-high body #wrapper #footer *{background: none!important}