@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!important}*:focus{outline:none!important}.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}

[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{transform: rotate(0)}

/* =============================================================================
   data-animate
   ========================================================================== */
[data-animate]{will-change: transform, opacity; transition: transform .5s cubic-bezier(0.42,0,0.58,1), opacity .5s cubic-bezier(0.42,0,0.58,1)}
[data-animate^=T_FADE]{opacity:0}
[data-animate^=T_FADE].animate{opacity:1; transform:none}
[data-animate^=T_FADE_DOWN]{transform: translateY(calc(var(--ama-gutter-x) * -1))}
[data-animate^=T_FADE_UP]{transform: translateY(var(--ama-gutter-x))}
[data-animate^=T_FADE_LEFT]{transform: translateX(var(--ama-gutter-x))}
[data-animate^=T_FADE_RIGHT]{transform: translateX(calc(var(--ama-gutter-x) * -1))}
[data-animate^=T_FADE_FLIP]{transform: rotateX(-90deg)}
[data-animate^=T_FADE_ZOOM]{transform: scale(0.4)}

/* =============================================================================
   wpml
   ========================================================================== */
* + .wpml-ls{margin-left: 1.25rem}

.wpml-ls ul{list-style: none; padding: 0; margin: 0}
.wpml-ls li{position: relative}

.wpml-ls-legacy-list-horizontal ul,
.wpml-ls a{
   color: inherit;
   text-decoration: none;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   -webkit-align-content: center;
   align-content: center;
   -webkit-align-items: center;
   align-items: center;
   min-width: 1.5rem;
   min-height: 1.5rem;
   position: relative
}
.wpml-ls a:hover{color: var(--ama-primary-color)}
   .wpml-ls .wpml-ls-item-toggle::after{
      font-family: 'remixicon'!important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\ea4e";
      display: block;
      font-size: 120%
   }

   .wpml-ls a > .wpml-ls-flag{position: absolute; width: 1.5rem; border: 1px solid #fff; border-radius: 50%; height: auto; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%)}
   .wpml-ls a > .wpml-ls-flag + *{padding-left: 2rem; display: block}

   .wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
   .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
      display: none;
      position: absolute;
      top: calc( 100% + 6px );
      right: 0;
      min-width: 100%;
      white-space: nowrap;
      border-radius: calc(var(--ama-general-border-radius) / 2);
      border: 1px solid #efefef;
      color: var(--ama-body-color);
      background-color: #fff;
      z-index: 1025;
      font-size: .875rem;
      line-height: 1.5
   }
   .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{top: 100%}
   .wpml-ls-legacy-dropdown li:hover .wpml-ls-sub-menu{display: block}

   .wpml-ls-legacy-dropdown .wpml-ls-sub-menu > li + li,
   .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu > li + li{border-top: 1px solid #efefef}
   
      .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a,
      .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{padding: .3125rem .625rem; min-width: calc( 1.5rem + 1.25rem )}

         .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a > .wpml-ls-flag,
         .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a > .wpml-ls-flag{left: .625rem}

.wpml-ls-legacy-list-vertical ul > li + li{margin-top: .625rem}
.wpml-ls-legacy-list-horizontal ul > li + li{margin-left: 1.25rem}

/* =============================================================================
   header
   ========================================================================== */
#header{
   --ama-link-color: currentColor;
   --ama-link-hover-color: var(--ama-primary-color);

   color: var(--ama-header-color);
   background-color: var(--ama-header-bgcolor);
   box-shadow: var(--ama-header-box-shadow);
   transition: color .3s linear, background .3s linear, box-shadow .3s linear
}
   .h__inner{
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 0 0.625rem;
      align-items: center;
      height: var(--ama-header-height);
      transition: height .3s linear
   }
      .h-actions{
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: flex-end
      }
         .h-actions > * + *{margin-left: 1.25rem}
         .h-actions * + .wp-block-button,
         .h-actions .wp-block-button + *,
         .h-actions .wp-block-buttons + *{margin-top: 0!important}
         .h-actions * + .wp-block-buttons{margin-top: calc(var(--ama-gutter-button-x) * -1)!important; margin-left: calc(1.25rem - var(--ama-gutter-button-x))}

      .h-logo svg[width="184"]{width: 11.5rem}

#header.scroll-header{
   --ama-header-color: var(--ama-body-color);
   --ama-header-bgcolor: rgba(255, 255, 255, 1);
   --ama-header-box-shadow: 0 .625rem 1.25rem 0 rgba(0, 0, 0, 0.06);
}

#header .ama-nav-menu{
   --ama-link-color: var(--ama-header-menu-link-color);
   --ama-link-hover-color: var(--ama-primary-color);
}

#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; 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; 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-nav-menu
   ========================================================================== */
.ama-nav-menu{list-style: none; padding: 0; margin: 0}
   .ama-nav-menu .menu-item{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center;
      align-content: center
   }
   .ama-nav-menu .mega-menu-container .menu-item{display: block}
      .ama-nav-menu .menu-item > a{
         display: block;
         flex: 1 0 0;
         text-decoration: none!important;
         color: var(--ama-link-color);
      }
      .ama-nav-menu > .menu-item > a{font-weight: 600}
      .ama-nav-menu .menu-item > .sub-menu-toggle{
         display: flex;
         flex-wrap: wrap;
         flex-direction: row;
         align-items: center;
         align-content: center;
         justify-content: center
      }
      .ama-nav-menu a{padding-top: .5rem; padding-bottom: .5rem}

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

      .ama-nav-menu .sub-menu .menu-item > a{letter-spacing: 1px}

/* =============================================================================
   content
   ========================================================================== */
.classic-editor ul:not([class]),
.term-description ul,
ul.wp-el:not(.el-cmethods),
ul.wp-el:not(.el-cmethods) ul{padding-left: 0; list-style: none}

   .classic-editor ul:not([class]) li,
   .term-description ul li,
   ul.wp-el:not(.el-cmethods) li{padding-left: 1.25rem; position: relative}
   
      .classic-editor ul:not([class]) li::before,
      .term-description ul li::before,
      ul.wp-el:not(.el-cmethods) li::before{
         content: '';
         display: block;
         width: .625rem;
         height: .625rem;
         background: var(--ama-marker-color);
         position: absolute;
         top: .45em;
         left: 0;
         mask: url(../images/icon.svg) center no-repeat;
         mask-size: 100% auto;
         -webkit-mask: url(../images/icon.svg) center no-repeat;
         -webkit-mask-size: 100% auto
      }

.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:not(.el-cmethods){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, [class*="is-style-w-bg-grad"]){margin-top: var(--ama-offset-top-first)}
.gutenberg-elements > *:last-child:not(.full-width, [class*="is-style-w-bg-grad"]){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)}
*:not(.ama-block) + .wp-block-buttons.is-style-ngt{margin-top: calc(.625rem - var(--ama-gutter-button-x))}

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

/* wp-el use-cols */
ul.wp-el.use-cols{
   columns: 2;
   gap: 1.25rem
}

.wp-block-separator{margin: 0}
*:not(.ama-block) + .wp-block-separator,
.wp-block-separator + *:not(.ama-block){margin-top: 1.25rem}

/* =============================================================================
   footer
   ========================================================================== */
#footer{
   font-size: .9375rem;
   line-height: 1.6875rem;

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

   padding-top: var(--ama-footer-padding-top);
   padding-bottom: var(--ama-footer-padding-bottom);
   background-color: var(--ama-footer-bgcolor);
   overflow: hidden;
   position: relative;
   isolation: isolate
}
#footer::before{
   content: '';
   display: block;
   width: 21.875rem;
   height: 18.75rem;
   position: absolute;
   bottom: 0;
   right: 0;
   grid-column: breakout;
   background-color: var(--ama-primary-color);
   opacity: .15;
   mask: url(../images/icon.svg) center no-repeat;
   mask-size: 100% auto;
   -webkit-mask: url(../images/icon.svg) center no-repeat;
   -webkit-mask-size: 100% auto;
   user-select: none;
   pointer-events: none
}
   #footer svg[width="184"]{width: 11.5rem}
   #footer [class*="current"] > a{color: currentColor}

   .f__inner{
      display: grid;
      grid-template-columns: 18.75rem 10.625rem 1fr 15rem;
      gap: 1.875rem
   }
      .f__inner > .f-about{grid-column: 1}
         .f__inner > .f-about > * + *{margin-top: 2.5rem}

      .f__inner > .f-menu{grid-column: 2; font-size: var(--ama-h6-font-size); line-height: 2.1563rem}
      .f__inner > .f-cols{grid-column: 3; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.875rem}
      .f__inner > .f-social{grid-column: 4; text-align: right}
         .f__inner > .f-social > .ama-social{justify-content: flex-end}

      .f__inner > .f-menu ul{list-style: none; padding: 0}
      .f__inner > .f-menu a{text-decoration: none}

   #footer .made-by{
      line-height: 1.25rem;
      text-align: right;
      --ama-link-color: currentColor;
      --ama-link-hover-color: var(--ama-primary-color)
   }
      #footer .made-by a{text-decoration: none}
   #footer * + .made-by{margin-top: 2.5rem}

#footer .is-title{
   font-size: var(--ama-md-font-size);
   line-height: 1.222222222222222em;
   font-weight: 600
}
#footer .is-title + :not(.ama-social){margin-top: 1.875rem}
#footer .is-title + .ama-social{margin-top: calc(1.875rem - var(--ama-social-gap))}

/* =============================================================================
   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
   ========================================================================== */
@media (min-width: 1200px){
   #header.scroll-header{--ama-header-height: 6.25rem}

	#headerOffcanvas > .offcanvas-body,
   .ama-nav-menu,
   .ama-nav-menu > .menu-item > a{height: 100%}

   .ama-nav-menu .sub-menu-toggle{display: none!important; pointer-events: none; user-select: none}
   .ama-nav-menu,
   .ama-nav-menu > .menu-item > a{display: flex; flex-wrap: wrap}
   .ama-nav-menu,
   .ama-nav-menu ul{list-style: none; padding: 0}
   .ama-nav-menu{align-items: stretch; justify-content: center}
   .ama-nav-menu > .menu-item > a{align-items: center}
   .ama-nav-menu a{text-decoration: none}
   
   .ama-nav-menu > .menu-item:not(:last-child){margin-right: 1.25rem}

   .ama-nav-menu > :not(.is-mega-menu){position: relative}
   .ama-nav-menu > .menu-item > a{position: relative; line-height: 1.25rem}
      .ama-nav-menu > .menu-item > a > span{position: relative; padding: .3125rem 0}
         .ama-nav-menu > .menu-item > a > span::after{
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            background: currentColor;
            position: absolute;
            left: 0;
            bottom: 0;
            transform: scale(0);
            transition: all .3s ease
         }
         .ama-nav-menu > li:hover > a > span::after{transform: scale(1)}

   .ama-nav-menu .sub-menus-wrapper{
      font-size: .9375rem;
      line-height: 1.625rem;
      position: absolute;
      width: max-content;
      max-width: 20rem;
      min-width: 10rem;
      opacity: 0;
      pointer-events: none;
      transform-origin: left top;
      transform: scale(0.6);
      transition: opacity 0.3s, transform .3s;
   }
   .ama-nav-menu .sub-menus-wrapper .sub-menus-wrapper{padding-left: .875rem}
      .ama-nav-menu .sub-menus-wrapper .sub-menu{
         position: relative;
         border-radius: var(--ama-general-border-radius);
         background-color: #fff;
         padding: .625rem 0;
         filter: drop-shadow(0 -.625rem 1.25rem rgba(0, 0, 0, 0.07));
      }
   .ama-nav-menu > .menu-item > .sub-menus-wrapper{
      top: 100%;
      left: 50%;
      padding-top: 1.75rem;
      transform: scale(0.6) translateX(-50%)
   }
      .ama-nav-menu :not(.is-mega-menu) .menu-item:hover > .sub-menus-wrapper,
      .ama-nav-menu :not(.is-mega-menu) .menu-item:focus-within > .sub-menus-wrapper{opacity: 1; pointer-events: all; transform: none}

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

   .ama-nav-menu > :not(.is-mega-menu) .sub-menus-wrapper .sub-menus-wrapper{top: 0; left: calc(100% - 1px)}
      .ama-nav-menu > :not(.is-mega-menu) .sub-menus-wrapper a{display: block; padding: .625rem 1.25rem}

   .h__inner > .h-logo{grid-column: 1}
   .h__inner > .h-actions{grid-column: 3}

   #headerOffcanvas > .offcanvas-body{justify-content: center}
      #headerOffcanvas > .offcanvas-body .ama-nav-menu{
         font-size: 0.9375rem;
         line-height: 1.5rem;
         background-color: #fff;
         min-height: 5rem;
         border-radius: 2.5rem;
         padding-left: 1.875rem;
         padding-right: 1.875rem
      }

   .ama-nav-menu > :not(.is-mega-menu):last-child .sub-menus-wrapper > .sub-menu > .menu-item > .sub-menus-wrapper{left: unset; right: 100%; transform-origin: right top; padding-left: unset; padding-right: .875rem}

   .ama-nav-menu > .is-mega-menu > .sub-menus-wrapper{
      min-width: 66.25rem;
      max-width: 66.25rem;
      top: calc(100% - 2.5rem);
      left: 50%
   }
   .scroll-header .ama-nav-menu > .is-mega-menu > .sub-menus-wrapper{top: calc(100% - .625rem)}

   .ama-nav-menu > .is-mega-menu > .sub-menus-wrapper .sub-menus-wrapper{
      position: unset;
      width: unset;
      max-width: unset;
      min-width: unset;
      opacity: unset;
      transform-origin: unset;
      transform: unset;
      transition: unset;
   }
   .ama-nav-menu > .is-mega-menu > .sub-menus-wrapper .sub-menus-wrapper .sub-menu{
      position: unset;
      border-radius: unset;
      background-color: unset;
      box-shadow: unset;
      padding: unset;
      filter: unset;
   }

   .ama-nav-menu > .is-mega-menu > .sub-menus-wrapper > .sub-menu{
      display: grid;
      grid-template-columns: 11.25rem 1fr;
      overflow: hidden
   }
   
   .not-mega-menu-container .menu-item > a,
   .mega-menu-container .menu-item > a{padding: 0}

   .not-mega-menu-container{
      margin: -.625rem 0;
      padding: 2.5rem;
      background: linear-gradient(180deg,rgba(212, 136, 0, 0.3) 0%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 1) 100%);
   }
   .not-mega-menu-container > * + *{margin-top: 0.625rem}

   .mega-menu-container{
      margin: -.625rem 0;
      padding: 2.5rem; 
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      align-items: flex-start; 
      gap: 2.5rem 0
   }

   .ama-nav-menu > .is-mega-menu > .sub-menus-wrapper .mega-menu-container .sub-menus-wrapper{padding-left: 0}

   .ama-nav-menu .menu-item.menu-item-has-children > a{position: relative}
      .ama-nav-menu .menu-item.menu-item-has-children > a::after{
         border: solid transparent;
         content: "";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
         border-color: rgba(255, 255, 255, 0);
         opacity: 0
      }
      .ama-nav-menu .menu-item.menu-item-has-children:hover > a::after{opacity: 1}
      .ama-nav-menu > .menu-item.menu-item-has-children > a::after{
         top: 100%;
         left: 50%;
         border-top-color: #fff;
         border-width: 10px;
         margin-left: -10px;
         transition: top .3s linear
      }
      .scroll-header .ama-nav-menu > .menu-item.menu-item-has-children > a::after{top: calc(100% + .625rem)}
      .ama-nav-menu .sub-menu .menu-item.menu-item-has-children > a::after{
         left: calc(100% - 1px);
         top: 50%;
         border-left-color: #fff;
         border-width: 10px;
         margin-top: -10px;
      }
      .ama-nav-menu > .menu-item:last-child .sub-menu .menu-item.menu-item-has-children > a::after{
         left: unset;
         right: calc(100% - 1px);
         top: 50%;
         border-left-color: rgba(255, 255, 255, 0);
         border-right-color: #fff
      }

   .mega-menu-container .menu-item.menu-item-has-children > a::after{display: none!important; content: unset!important}
   
   .mega-menu-container .sub-menu .menu-item + .menu-item{margin-top: .25rem}
   
   .mega-menu-container:only-child{grid-column: 1 / -1; width: 100%; max-width: 55rem; margin-left: auto; margin-right: auto}
}

.is-mm-hero{
   display: grid!important;
   grid-template-rows: 7.5rem 1fr;
   gap: 1.25rem
}
.is-mm-hero + .sub-menus-wrapper{margin-top: 1.25rem}
   .is-mm-hero > *{display: block}
   .is-mm-hero > .is-thumb{
      width: 100%;
      max-width: 15rem;
      border-radius: var(--ama-general-border-radius);
      overflow: hidden
   }
   .is-mm-hero > .is-thumb > img{
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   .is-mm-hero > .is-thumb:empty{background-color: #efefef}
   .is-mm-hero > .is-label{
      font-size: 1.5rem;
      line-height: 1.875rem;
      font-weight: 600
   }
   

@media (max-width: 1199px){
   .h__inner{grid-template-columns: auto 1fr}

   .ama-nav-menu .menu-item + .menu-item{border-top: 1px solid rgba(0, 0, 0, .05)}
   .ama-nav-menu .sub-menu-toggle{
      cursor: pointer;
      align-self: stretch;
      width: 2.375rem;
      position: relative;
      background: rgba(0, 0, 0, .05)
   }
   .ama-nav-menu .sub-menus-wrapper{display: none; background-color:rgba(0, 0, 0, .05); grid-column: 1 / -1; flex: 0 0 100%; width: 100%; flex-shrink: 0}

   #header .offcanvas-body{padding: 0}
   #header .offcanvas-body .ama-nav-menu a{padding-left: var(--ama-offcanvas-padding-x); padding-right: var(--ama-offcanvas-padding-x)}

   .h-logo svg[width="184"]{width: auto; max-height: 3.75rem}

   .f__inner{grid-template-columns: 1fr; text-align: center}
      .f__inner > .f-about,
      .f__inner > .f-cols,
      .f__inner > .f-menu,
      .f__inner > .f-social{order: 0; grid-column: 1 / -1}

      .f__inner > .f-social,
      #footer .made-by{text-align: center}
      .f__inner > .f-social > .ama-social{justify-content: center}
      .f__inner > .f-menu ul{columns: 4}

   #footer::before{opacity: .05}

   #header{--ama-gutter-button-x: .3125rem}
   
   #footer .is-title + :not(.ama-social){margin-top: .625rem}
   #footer .is-title + .ama-social{margin-top: calc(.625rem - var(--ama-social-gap))}

   .mega-menu-container .sub-menu-toggle{display: none!important}
   .mega-menu-container .sub-menu,
   .mega-menu-container .sub-menus-wrapper{display: block!important}
   
   .mega-menu-container,
   .mega-menu-container .sub-menu{background-color: #fff}
   .mega-menu-container .menu-item > .is-mm-hero{
      grid-template-columns: auto 1fr;
      grid-template-rows: unset;
      align-items: center;
      gap: .625rem;
      padding-top: .9375rem;
      padding-bottom: .9375rem
   }
      .mega-menu-container .menu-item > .is-mm-hero > .is-thumb{width: 2.5rem; height: 2.5rem}
      .mega-menu-container .menu-item > .is-mm-hero > .is-label{font-size: 1.125rem; line-height: 1.5rem}
   .mega-menu-container .menu-item > .is-mm-hero + .sub-menus-wrapper{margin-top: 0}
	
	#headerOffcanvas{color: var(--ama-body-color)}
}
@media (max-width: 991px){
   .wp-block-contact-form-7-contact-form-selector .col-12.d-flex.align-items-center > *:not(.wpcf7-form-control-wrap){flex: 0 0 calc(100% - 1.25rem)}
}
@media (max-width: 767px){
   .f__inner > .f-menu ul{columns: 3}
   .wp-block-contact-form-7-contact-form-selector .col-12.d-flex.align-items-center > *{flex: 0 0 calc(100% - 1.25rem)}

   #header .wp-block-buttons{
      position: fixed;
      margin: 0!important;
      left: var(--ama-gutter-button-x);
      bottom: var(--ama-gutter-button-x)
   }
}
@media (max-width: 599px){
   .f__inner > .f-menu ul{columns: 2}
   .f__inner > .f-cols{grid-template-columns: 1fr}
}

/*
*:focus-visible{outline: 2px dashed #000!important; outline-offset: 3px}
#footer *:focus-visible{outline-color: var(--ama-footer-color)!important}
*/

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

#ps2id-dummy-offset{height: 7.5rem}
@media (max-width: 1199px){
   #ps2id-dummy-offset{height: 6.25rem}
}