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

#wrapper{background-color: var(--ama-wrapper-bg)}
#wrapper:not(.has-hero, .bg-first){padding-top: var(--ama-wrapper-padding-top)}

body.single-products #wrapper:not(.is-basic-product),
body.page-template-tpl-product-comparison #wrapper{padding-top: 0}

[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{text-transform: uppercase}
.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: var(--ama-link-color);
   text-decoration: none;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-content: center;
   align-items: center;
   min-width: 1.5rem;
   min-height: 1.5rem;
   position: relative
}
.wpml-ls a{transition: color .3s linear}
.wpml-ls a:hover{color: var(--ama-link-hover-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; 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{
      --ama-link-color: var(--ama-body-color);
      display: none;
      position: absolute;
      top: calc( 100% + 6px );
      right: 0;
      min-width: 100%;
      white-space: nowrap;
      border-radius: 3px;
      border: 1px solid #efefef;
      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{
   font-size: 0.9375rem;
   line-height: 1.5625rem;
   color: var(--ama-header-color);
   background-color: var(--ama-header-bgcolor);
   --ama-link-color: var(--ama-header-color);
   --ama-link-hover-color: var(--ama-secondary-color);
   transition: transform .7s ease;
}
   .h-inner{
      grid-column: full-width!important;
      width: 100%;
      max-width: var(--ama-container-xxl);
      padding-left: var(--ama-gutter-x);
      padding-right: var(--ama-gutter-x);
      margin-left: auto;
      margin-right: auto;
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 0 .75rem;
      height: var(--ama-header-height);
      align-items: center;
      position: relative;
      transition: height .3s linear
   }
      .h-inner > .h__logo{
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         z-index: 1
      }
         .h-inner > .h__logo svg{width: 2.7856rem; transition: all .3s linear}
         #wrapper:not(.has-hero) #header:not(.scroll-header) .h-inner > .h__logo svg .logo-drop,
         #header.scroll-header .h-inner > .h__logo svg .logo-drop{fill: var(--ama-secondary-color)}

#menu-toggle{color: currentColor; padding: 0; width: 1rem; height: 1.5625rem; border: none; background: none; position: relative; align-self: center; margin-top: 1px}
   #menu-toggle > span{display: block; width: 100%; height: 1px; position: absolute; top: calc(50% - .5px); background-color: currentColor; transition: opacity 0.3s 0.3s}
      #menu-toggle::before,
      #menu-toggle::after{content: ''; display: block; width: 100%; height: 1px; position: absolute; background-color: currentColor; transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s}
      #menu-toggle::before{top: 7px}
      #menu-toggle::after{bottom: 7px}

.h__content{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end
}
   .h__content > button{padding: 0; border: none; background: none; color: currentColor}

.h-sidebar{
   grid-column: full-width!important;

   color: var(--ama-primary-color);
   --ama-link-color: currentColor;
   --ama-link-hover-color: currentColor;

   background: #fff;
   position: fixed;
   top: 0;
   left: -100%;
   width: 100%;
   max-width: 31.75rem;
   height: 100vh;
   height: 100dvh;
   height: 100svh;
   z-index: 1031;
   overflow-y: auto;
   padding: 3.75rem 1.875rem;
   display: grid;
   grid-template-rows: 1fr auto;
   gap: 2rem;
   text-align: center;
   opacity: 0;
   visibility: hidden;
   transition: visibility 300ms ease, opacity 300ms ease, left 500ms ease
}
   .h-sidebar > .h-sidebar-close{
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      background-color: var(--ama-primary-color);
      mask: url(../images/close.svg) center no-repeat;
      mask-size: 100% auto;
      -webkit-mask: url(../images/close.svg) center no-repeat;
      -webkit-mask-size: 100% auto;
      border: none;
      top: 1.25rem;
      right: 1.875rem;
      transition: background-color .3s linear
   }
   .h-sidebar > .h-sidebar-close:hover{background-color: var(--ama-secondary-color)}
   .h-sidebar .ama-social{justify-content: center}
   .h-sidebar ul{list-style: none; padding: 0}

#header::after{
   content: "";
   position: fixed;
   right: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100vh;
   height: 100dvh;
   height: 100svh;
   background-color: rgba(38, 36, 41, .8);
   opacity: 0;
   pointer-events: none;
   transition-property: opacity;
   transition-duration: 300ms;
   transition-timing-function: ease;
   transition-delay: 0ms;
}
.s-menu-open{overflow-y: hidden}
.s-menu-open #header::after{opacity: 1; z-index: 2}
.s-menu-open .h-sidebar{
   left: 0;
   opacity: 1;
   visibility: visible
}

.h__content > .h-search-container{
   position: absolute;
   top: 100%;
   right: 0;
   width: max-content;
   max-width: 20rem;
   min-width: 100%;
   color: var(--ama-body-color);
   background-color: #fff;
   padding: .9375rem;
   box-shadow: 0 .625rem 1.25rem 0 rgba(0, 0, 0, .06);
   display: none;
}
.h__content > .h-search-container.show-search{
   display: block
}

.searchbox{
   display: grid;
   grid-template-columns: 1fr auto;
   min-width: 12.5rem
}
.searchbox .searchbox-submit{
   width: 3.125rem;
   height: 100%;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   color: var(--ama-input-border-color);
   border: 1px solid var(--ama-input-border-color);
   background-color: #fff;
   padding: 0;
   transition: color .3s linear, background-color .3s linear;
}
   .searchbox .searchbox-submit:hover{
      color: #fff;
      background-color: var(--ama-input-border-color)
   }

.search-result-item + .search-result-item{margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid #efefef}

/* =============================================================================
   ama-nav-menu
   ========================================================================== */
.ama-nav-menu{
   list-style: none;
   padding: 0;
   margin: 0
}
   .ama-nav-menu li{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center;
      align-content: center
   }
      .ama-nav-menu li > a{
         display: block;
         flex: 1 0 0;
         text-decoration: none!important;
         color: var(--ama-link-color);
         transition: color .3s linear
      }
      .ama-nav-menu li > .sub-menu-toggle{
         display: flex;
         flex-wrap: wrap;
         flex-direction: row;
         align-items: center;
         align-content: center;
         justify-content: center
      }
      .ama-nav-menu li > ul{min-width: 100%}

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

/* =============================================================================
   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.5rem; position: relative}
   
      .classic-editor ul:not([class]) li::before,
      .term-description ul li::before,
      ul.wp-el li::before{
         content: '';
         display: block;
         width: .5rem;
         height: .5rem;
         border-radius: 50%;
         background: var(--ama-marker-color);
         position: absolute;
         top: .65em;
         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,
.wp-el:not(.wp-block-heading) + .wp-block-heading{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 > *:last-child:not(.full-width),
.gutenberg-elements > .block-comparison.full-width:last-child{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, .wp-block-button, .block-entry-header__desc) + .wp-block-button,
.wp-block-button + *:not(.ama-block, .wp-block-button){margin-top: var(--ama-margin-top-button)}

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

.ama-block + .wp-block-buttons,
.wp-block-buttons + .ama-block:not(.block-cover){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)
}
   .f-main > .inner,
   .f-end > .inner{
      width: 100%;
      max-width: calc(82.75rem + var(--grid-padding-inline) * 2);
      padding-left: var(--grid-padding-inline);
      padding-right: var(--grid-padding-inline);
      margin-left: auto;
      margin-right: auto;
   }
   .f-main{padding-top: calc(5.25rem - var(--ama-footer-padding-top))}
   * + .f-end{
      margin-top: 2.5rem;
      padding-top: 1.5rem;
      border-top: 1px solid var(--ama-primary-color)
   }

   .f-main > .inner{
      font-size: 1rem;
      line-height: 1.5rem;
      display: grid;
      grid-template-columns: 1fr 25.9375rem;
      gap: var(--ama-gutter-double-x) 1.25rem
   }
      .fi__intro > .classic-editor{
         max-width: 25.9375rem
      }

   .f-end > .inner{
      font-size: .75rem;
      line-height: 1.5rem;
      font-weight: 400;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center
   }

   .f-main{font-weight: 400}
      .f-main .is-title{
         font-size: var(--ama-h3-font-size);
         line-height: var(--ama-h3-line-height);
         font-weight: var(--ama-h3-font-weight);
         letter-spacing: var(--ama-h3-letter-spacing);
      }
      .f-main .is-title + *{margin-top: 2.5rem}
      .f-main .ama-logos + .classic-editor{margin-top: .625rem}

   .copyright{letter-spacing: .075rem}
      .copyright strong,
      .copyright b{font-weight: 600}

/* =============================================================================
   scroll to top
   ========================================================================== */
.scroll-to-top{z-index: 10; position: fixed; bottom: 1.25rem; right: 1.25rem; 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
   ========================================================================== */
#wrapper.has-hero #header:not(.scroll-header){
      --ama-header-color: #fff;
      background: linear-gradient(180deg, #2B2B2B 0%, rgba(43, 43, 43, 0) 100%);
   }
      #wrapper.has-hero #header:not(.scroll-header) .h-inner{
         --ama-header-height: 11.125rem;
         padding-top: 3.375rem;
         align-items: flex-start
      }
      #wrapper.has-hero #header:not(.scroll-header) .h-inner > .h__logo{top: 3.375rem; transform: translate(-50%, 0)}
      #wrapper.has-hero #header:not(.scroll-header) .h-inner > .h__logo svg{width: 7.25rem}

   #header.scroll-header{
      background: #fff;
      --ama-link-hover-color: var(--ama-primary-color)
   }

.h-sidebar-main{overflow-y: auto}
.h-sidebar-primary-menu{
   --ama-link-color: var(--ama-primary-color);
   --ama-link-hover-color: var(--ama-primary-color);

   --ama-btn-transform: none;
   --ama-btn-font-weight: 700;
   --ama-btn-border-width: 2px;
   --ama-btn-padding-x: calc(1.875rem - var(--ama-btn-border-width));
}
   .h-sidebar-primary-menu a{
      display: inline-block;
      position: relative;
      text-decoration: none!important
   }
   .h-sidebar-primary-menu > ul + ul:not(.is-extra),
   .h-sidebar-primary-menu > ul > li + li{margin-top: 1.5rem}
   .h-sidebar-primary-menu > ul + .is-extra{margin-top: 3rem}
   .h-sidebar-primary-menu > ul > li:not(.is-style-btn) > a{
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 1.8;
   }
      .h-sidebar-primary-menu > ul > li:not(.is-style-btn) > a:after {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0.125rem;
         width: 100%;
         height: 0.125rem;
         background-color: var(--ama-secondary-color);
         opacity: 0;
         transform: none;
         transition-property: transform, opacity;
         transition-duration: 300ms;
         transition-timing-function: ease;
         transition-delay: 0ms;
      }
      .h-sidebar-primary-menu > ul > li:not(.is-style-btn) > a:hover:after,
      .h-sidebar-primary-menu > ul > [class*="current"]:not(.is-style-btn) > a::after{
         opacity: 1;
         transform: translateY(0.125rem)
      }

@media (min-width: 1024px){
   .h__content{
      position: relative
   }
      .h__content > .h-search-container{
         top: calc(100% + 1.25rem);
         border-radius: 1.25rem
      }

	.ama-nav-menu{
      margin: 0 -1.5rem;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      align-content: center
   }
      .ama-nav-menu > li{margin: 0 1.5rem}
      .ama-nav-menu li{position: relative}
      .ama-nav-menu .has-submenu > a{padding-right: 1.25rem}
         .ama-nav-menu .has-submenu > .sub-menu-toggle{position: absolute; top: 0; right: 0; width: 1.25rem; height: 100%; pointer-events: none; user-select: none}
         .ama-nav-menu .sub-menu{
            display: block!important;
            z-index: 100;
            position: absolute;
            background-color: #fff;
            white-space: nowrap;
            min-width: 12.5rem;
            opacity: 0;
            pointer-events: none;
            top: -.5rem;
            left: 100%;
            transform-origin: left top;
            transform: scale(0.6);
            transition: opacity 0.3s,transform .3s;
            filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, .1));
            padding: .5rem 0
         }
         .ama-nav-menu .sub-menu a{padding-left: var(--ama-gutter-x); padding-right: var(--ama-gutter-x)}

         .ama-nav-menu > li > .sub-menu{top: 100%; left: 50%; transform: scale(.6) translateX(-50%)}
         .ama-nav-menu li:hover > .sub-menu,
         .ama-nav-menu li:focus-within > .sub-menu{opacity:1; pointer-events:all; transform:none}
         .ama-nav-menu > li:hover > .sub-menu,
         .ama-nav-menu > li:focus-within > .sub-menu{transform: scale(1) translateX(-50%)}

         .ama-nav-menu .sub-menu .sub-menu-toggle > svg{transform: rotate(-90deg)}

   .h__nav{
      width: 100%;
      max-width: var(--ama-container);
      margin-left: auto;
      margin-right: auto;
      padding-left: 2rem
   }
      #primary-menu{
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         width: 100%
      }
         #primary-menu > .ama-nav-menu:first-child{padding-right: 5rem}
         #primary-menu > .ama-nav-menu:last-child:not(:only-child){padding-left: 5rem}
}
@media (max-width: 1023px){
   .ama-nav-menu li + li{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-menu{display: none; padding: .625rem; background-color:rgba(0, 0, 0, .05)}

   .h-inner > .h__nav{display: none!important}

   #wrapper.has-hero #header:not(.scroll-header) .h-inner > .h__logo svg{width: 6.5rem}

   .block-entry-header{
      padding-top: 9.375rem;
      font-size: var(--ama-body-font-size);
      line-height: var(--ama-body-line-height)
   }
   .block-entry-header.has-tall-height{
      --ama-h1-font-size: 2rem;
      padding-bottom: 2rem
   }
   .block-entry-header > .block__body > * + *:not(.wp-block-buttons){margin-top: 1rem}
   .block-entry-header * + .wp-block-buttons{margin-top: calc(2rem - var(--ama-gutter-button-x))!important}

   .ama-logos{gap: 1rem}
   .ama-logos img{width: auto; max-height: 2.875rem}

   .f-main{padding-top: calc(3.25rem - var(--ama-footer-padding-top))}

   .block-entry-header.has-default-height{
      padding-bottom: 2rem;
      min-height: 18.75rem;
      height: 100vh;
      height: 100dvh;
      height: 100svh;
      max-height: 29.375rem
   }

   #wrapper.has-hero #header:not(.scroll-header) .h-inner{
      --ama-header-height: 4.5rem;
      padding-top: 0;
      align-items: center
   }
   #wrapper.has-hero #header:not(.scroll-header) .h-inner > .h__logo{top: 1.5rem}
   
   .h-sidebar{padding: 3.75rem var(--grid-padding-inline) 2rem  var(--grid-padding-inline)}
}
@media (orientation: landscape){
   .h-sidebar-primary-menu > ul + ul:not(.is-extra), .h-sidebar-primary-menu > ul > li + li{margin-top: .75rem}
   .h-sidebar-primary-menu > ul + .is-extra{margin-top: 1.5rem}
}
@media (max-width: 991px){
   .f-main > .inner{grid-template-columns: 1fr}

   .fi__intro{text-align: center}
      .fi__intro > .ama-logos{justify-content: center}
}
@media (max-width: 767px){
   .f-end > .inner{
      grid-template-columns: 1fr;
      text-align: center;
      gap: 1.5rem 0
   }
   .f-end > .inner .ama-social{justify-content: center}
}

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


#wrapper.bg-first > .gutenberg-elements > .block-bgcolor{padding-top: var(--ama-wrapper-padding-top)}
   #wrapper.bg-first > .gutenberg-elements > .block-bgcolor > .rank-math-breadcrumb + .ama-block{margin-top: 2.5rem}
   #wrapper.bg-first > .gutenberg-elements > .block-bgcolor > .entry-header-top + *{margin-top: 0}

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