@charset "UTF-8";

*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; min-height: 1px}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}body{overflow-x: hidden}svg{height:auto}

body{background-color: var(--ama-secondary-color)}
#wrapper{background-color: #fff}

/* =============================================================================
   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; 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: 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{color: var(--ama-header-color); background-color: var(--ama-header-bgcolor); transition: color .4s linear, background .4s linear, transform .4s linear}
   #header .row-main{
      height: var(--ama-header-height);
      transition: height .4s linear;
      max-width: calc(var(--ama-container) + var(--ama-gutter-double-x));
      margin-left: auto;
      margin-right: auto;
      padding: 1.25rem 0 0.9375rem
   }
      #header ul{padding-left: 0; list-style: none}

#header.scroll-header{--ama-header-bgcolor: rgba(255, 255, 255, 1); box-shadow: var(--ama-header-sticky-box-shadow)}

#menu-toggle{color: inherit; padding: 0; width: 2rem; height: 2rem; border: none; background: none; position: relative; margin-left: 1.25rem}
   #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)}

.wp-block-button + .header-phones{margin-left: 3.75rem}
.header-phone{text-decoration: none}
.header-phone + .header-phone{margin-left: 1rem}
.header-phone > * + *{margin-left: 1.125rem}

/* =============================================================================
   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-primary-color)
      }
      .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 a{padding-top: .5rem; padding-bottom: .5rem}

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

/* =============================================================================
   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.25rem}
   
      .classic-editor ul:not([class]) li::before,
      .term-description ul li::before,
      ul.wp-el li::before{content: ''; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background: var(--ama-marker-color); margin-left: -1.25rem; margin-right: .75rem}

      .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)}
   
.gutenberg-elements > ul.wp-el{padding-left: var(--ama-gutter-x)!important}
.gutenberg-elements > ol.wp-el{padding-left: var(--ama-gutter-double-x)!important}

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

.wp-block-columns + .wp-el{margin-top: 3.75rem}

.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):not(.wp-block-columns):not(.entry-header) + h1.wp-el,
*:not(.ama-block):not(.wp-block-columns):not(.entry-header) + h2.wp-el,
*:not(.ama-block):not(.wp-block-columns):not(.entry-header) + h3.wp-el{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(.alignmax){margin-top: var(--ama-offset-top-first)}
.gutenberg-elements > *:last-child:not(.alignmax){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-el + .wp-block-columns{margin-top: 3.75rem}
h1.wp-el + .wp-block-columns,
h2.wp-el + .wp-block-columns,
h3.wp-el + .wp-block-columns,
h4.wp-el + .wp-block-columns,
h5.wp-el + .wp-block-columns,
h6.wp-el + .wp-block-columns{margin-top: 1.125rem}

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

*:not(.ama-block) + .wp-block-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{
   color: var(--ama-footer-color);
   background-color: var(--ama-footer-bgcolor);
   border-top: var(--ama-footer-border-width) solid var(--ama-footer-border-color);
   padding-top: var(--ama-footer-padding-top);
   padding-bottom: var(--ama-footer-padding-bottom);
   font-size: .9375rem;
   line-height: 1.125rem;
}
   .footer-nav-menu{
      list-style: none;
      padding: 0
   }
      .footer-nav-menu > li + li{margin-top: .625rem}
         #footer a{
   text-decoration: none;
   color: inherit;
}

#footer a:hover{
   color: var(--ama-primary-color);
   text-decoration: underline;
}

#footer [class*="current-menu-"] > a,
#footer [class*="current_page_"] > a{
   color: var(--ama-primary-color);
}

#footer .footer-title{
   font-family: var(--ama-h-font-family);
   font-weight: var(--ama-body-font-weight);
   color: var(--ama-secondary-color);
   margin-bottom: 1.25rem;
}
#footer .el-item + .el-item{margin-top: 1.25rem}
#footer .el-item.footer-nav-menu + .el-item.wp-block-button{margin-top: 1.875rem}

#footer ul.list-unstyled > li:not(:last-child){padding-right: 1.5rem; position: relative}
   #footer ul.list-unstyled > li:not(:last-child)::after{
      content: '·';
      color: inherit;
      display: block;
      width: 1.5rem;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      text-align: center
   }

#footer .row-grid + .row-grid{
   margin-top: 1.25rem;
   padding-top: 0;
   position: relative;
}

#footer .row-grid + .row-grid::before{
   display: none;
}

#footer .col-developer a{opacity: .25; text-decoration: none; transition: all .3s linear}
#footer .col-developer a:hover{opacity: .75; color: #fff}

/* =============================================================================
   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
   ========================================================================== */
@media (min-width: 1200px){
   #headerOffcanvas.offcanvas-xl{
      position: sticky !important;
      top: 0;
      z-index: 1100 !important;
      width: 100%;
      height: auto;
      visibility: visible !important;
      transform: none !important;
      background-color: var(--ama-white-color) !important;
      box-shadow: var(--ama-header-sticky-box-shadow);
      overflow: visible !important;
   }

   #headerOffcanvas .offcanvas-body{
      font-family: var(--ama-font-sans-serif);
      max-width: var(--ama-container);
      margin-left: auto;
      margin-right: auto;
      min-height: 3.75rem;
      align-items: center;
      justify-content: center;
      overflow: visible !important;
      background-color: transparent !important;
   }

   #headerOffcanvas .ama-nav-menu{
      justify-content: center;
   }

   #headerOffcanvas .ama-nav-menu > li > a{
      font-weight: 500;
   }

   #header::after{
   content: '';
   display: block;
   width: 100%;
   max-width: var(--ama-container);
   height: var(--ama-header-border-width);
   margin: 0 auto;
   background-color: var(--ama-header-border-color);
}

   .ama-nav-menu{
      margin: -.3125rem -.9375rem;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      align-content: center;
   }

   .ama-nav-menu > li{
      margin: .3125rem .9375rem;
   }

   .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 li > ul{
      z-index: 1200;
      position: absolute;
      background-color: var(--ama-white-color);
      white-space: nowrap;
      min-width: 160px;
      opacity: 0;
      pointer-events: none;
      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 li > ul a{
      padding-left: var(--ama-gutter-x);
      padding-right: var(--ama-gutter-x);
   }

   .ama-nav-menu > li > ul{
      top: 100%;
   }

   .ama-nav-menu li:hover > ul{
      opacity: 1;
      pointer-events: all;
      transform: none;
   }
}
@media (max-width: 1199px){
   #wrapper{padding-top: var(--ama-header-height)}
   #header{position: fixed; z-index: 900; top: 0; left: 0}

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

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

   #header .header-top-actions{
      position: fixed;
      padding: .625rem;
      background-color: #fff;
      left: 0;
      bottom: 0;
      width: 100%;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .16)
   }
   #header .header-top-actions .wp-block-button{flex: 1 0 0}

   #header .has-semi-large-font-size{font-size: 1.25rem!important}

   .wp-block-button + .header-phones,
   .header-phone + .header-phone{margin-left: .625rem}

   .scroll-to-top{bottom: 4.6875rem; right: .625rem}

   .entry-header{--entry-header-minheight: 10rem}

   #sidebar{order: 1;}
   
   #header .header-top-actions .wp-block-button__link{min-height: 2.7775rem}

   #header .header-top-actions .wp-block-button__link{border-radius: .3125rem; padding: .3125rem .9375rem}
}
@media (max-width: 992px){
   #header .col-logo{padding-right: 0}
   #header .col-logo + *{padding-left: 0}

   .col-logo a > *{max-width: 150px}
}
@media (max-width: 799px){
   .header-phone{border-radius: .3125rem; padding: .3125rem .9375rem}

   .header-phone .has-semi-large-font-size{display: none!important}

   .header-phone{background-color: #efefef; text-align: center}

   .header-phone svg{display: none!important}
   .header-phone > * + *{margin-left: 0}

   #header .header-top-actions .wp-block-button__link .ama-mask__item{display: none!important}
}
@media (max-width: 567px){
   #header .header-top-actions .wp-block-button__link{
      font-size: var(--ama-xs-font-size);
      line-height: var(--ama-xs-line-height);
      font-weight: 600;
      padding: .3125rem .9375rem;
      border: none;
   }
}





/* CF7 feedback form */
.feedback-form{
	
--feedback-border-color: rgba(35,130,150,.35);
   --feedback-border-color-hover: var(--ama-secondary-color);
   --feedback-radius: .25rem;
   
   margin: 0 auto;
}

.feedback-row{
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   column-gap: 1.25rem !important;
   width: 100% !important;
}

.feedback-col,
.feedback-col > label,
.feedback-col .wpcf7-form-control-wrap{
   display: block !important;
   width: 100% !important;
   max-width: none !important;
   padding: 0 !important;
   margin: 0 !important;
   box-sizing: border-box !important;
}

.feedback-col input[type="text"],
.feedback-col input[type="email"]{
   display: block !important;
   width: 100% !important;
   max-width: none !important;
   box-sizing: border-box !important;
}

.feedback-field,
.feedback-row + .feedback-field,
.feedback-field + .feedback-field{
   margin-top: 1.5rem;
}

.feedback-label,
.feedback-title{
   display: block;
   margin-bottom: .5rem;
   font-family: var(--ama-h-font-family);
   font-weight: 500;
   color: var(--ama-secondary-color);
}

.feedback-form input[type="text"],
.feedback-form input[type="email"],
.feedback-form textarea{
   width: 100%;
   border: 1px solid var(--feedback-border-color) !important;
   border-radius: var(--feedback-radius);
   padding: .75rem 1rem;
   background: var(--ama-white-color);
}

.feedback-form textarea{
   min-height: 10rem;
   display: block;
   width: 100%;
   max-width: 100%;
}

.feedback-field label,
.feedback-field .wpcf7-form-control-wrap{
   display: block;
   width: 100%;
}

/* cards */
.feedback-field--cards .wpcf7-form-control{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: var(--ama-gutter-x);
}

.feedback-field--cards .wpcf7-list-item{
   display: block;
   margin: 0;
}

.feedback-field--cards .wpcf7-list-item label{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: .75rem;
   min-height: 7.5rem;
   padding: 1rem;
   border: 1px solid var(--feedback-border-color);
   border-radius: var(--feedback-radius);
   background: var(--ama-white-color);
   cursor: pointer;
   text-align: center;
   transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
}

.feedback-field--cards input[type="radio"]{
   position: absolute!important;
   opacity: 0!important;
   pointer-events: none!important;
   width: 0!important;
   height: 0!important;
   margin: 0!important;
}

.feedback-field--cards .wpcf7-list-item-label{
   display: block;
   width: 100%;
   text-align: center;
   font-family: var(--ama-h-font-family);
   font-size: 1rem;
   line-height: 1.25rem;
   font-weight: 500;
   color: var(--ama-secondary-color);
   padding-left: 0 !important;
}

.feedback-field--cards .wpcf7-list-item-label::before,
.feedback-field--cards .wpcf7-list-item-label::after{
   display: none!important;
   content: none!important;
}

/* icon */
.feedback-field--cards .wpcf7-list-item label::before{
   content: '';
   display: block;
   width: 2.25rem;
   height: 2.25rem;
   background-color: var(--ama-secondary-color);
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: center;
   -webkit-mask-size: contain;
}

/* radio indicator */
.feedback-field--cards .wpcf7-list-item label::after{
   content: '';
   display: block;
   width: .875rem;
   height: .875rem;
   border: 2px solid rgba(35,130,150,.35);
   border-radius: 50%;
   background: #fff;
   box-sizing: border-box;
}

/* happy */
.feedback-field--cards .wpcf7-list-item:nth-child(1) label::before{
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
}

/* neutral */
.feedback-field--cards .wpcf7-list-item:nth-child(2) label::before{
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM176.4 240a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm192-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM184 328c-13.3 0-24 10.7-24 24s10.7 24 24 24H328c13.3 0 24-10.7 24-24s-10.7-24-24-24H184z'/%3E%3C/svg%3E");
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM176.4 240a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm192-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM184 328c-13.3 0-24 10.7-24 24s10.7 24 24 24H328c13.3 0 24-10.7 24-24s-10.7-24-24-24H184z'/%3E%3C/svg%3E");
}

/* sad */
.feedback-field--cards .wpcf7-list-item:nth-child(3) label::before{
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM174.6 384.1c-4.5 12.5-18.2 18.9-30.7 14.4s-18.9-18.2-14.4-30.7C146.9 319.4 198.9 288 256 288s109.1 31.4 126.6 79.9c4.5 12.5-2 26.2-14.4 30.7s-26.2-2-30.7-14.4C328.2 358.5 297.2 336 256 336s-72.2 22.5-81.4 48.1zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM174.6 384.1c-4.5 12.5-18.2 18.9-30.7 14.4s-18.9-18.2-14.4-30.7C146.9 319.4 198.9 288 256 288s109.1 31.4 126.6 79.9c4.5 12.5-2 26.2-14.4 30.7s-26.2-2-30.7-14.4C328.2 358.5 297.2 336 256 336s-72.2 22.5-81.4 48.1zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
}

.feedback-field--cards .wpcf7-list-item label:hover,
.feedback-field--cards .wpcf7-list-item label:has(input[type="radio"]:checked){
   border-color: var(--feedback-border-color-hover);
   background: rgba(35,130,150,.04);
}

.feedback-field--cards .wpcf7-list-item label:has(input[type="radio"]:checked)::after{
   border-color: var(--ama-secondary-color);
   background: var(--ama-secondary-color);
}

/* submit */
.feedback-submit{
   margin-top: 1.5rem;
   text-align: center;
}

.feedback-submit .wpcf7-submit{
   background-color: var(--ama-secondary-color);
   border-color: var(--ama-secondary-color)!important;
   color: var(--ama-white-color)!important;
}

@media (max-width: 767px){
   .feedback-row,
   .feedback-field--cards .wpcf7-form-control{
      grid-template-columns: 1fr;
   }
}

/* WP admin bar + sticky header/offcanvas */
body.admin-bar #headerOffcanvas{
   top: 32px !important;
}

@media (max-width: 1199px){
   body.admin-bar #header.scroll-header{
      top: 32px !important;
   }

   body.admin-bar #header:not(.scroll-header){
      min-height: auto !important;
      padding-top: 1.75rem !important;
      padding-bottom: .5rem !important;
   }

   body.admin-bar #header:not(.scroll-header) .row-main{
      min-height: 4rem !important;
   }
}

@media (max-width: 782px){
   body.admin-bar #header.scroll-header,
   body.admin-bar #headerOffcanvas{
      top: 46px !important;
   }
   body.admin-bar #header:not(.scroll-header){
      padding-top: 2.875rem !important;
      padding-bottom: .5rem !important;
   }

   body.admin-bar #header:not(.scroll-header) .row-main{
      min-height: 4rem !important;
   }
}
@media (max-width: 600px){
   body.admin-bar #header.scroll-header{
      top: 0 !important;
   }

   body.admin-bar #header.scroll-header + #headerOffcanvas,
   body.admin-bar #headerOffcanvas{
      top: 0 !important;
   }
}

/* CF7 Liitumistaotlus form */
.liitumisvorm{
   --liitumis-border-color: rgba(35,130,150,.35);
   --liitumis-radius: .25rem;

   width: 100%;
   margin: 0;
}

/* sections */
.liitumisvorm .form-section{
   margin-top: 2.5rem;
   padding-top: 2.5rem;
   border-top: 1px solid var(--liitumis-border-color);
}

.liitumisvorm .form-section:first-of-type{
   margin-top: 0;
   padding-top: 0;
   border-top: none;
}

.liitumisvorm .form-section-title{
   margin: 0 0 1.25rem 0;
   font-family: var(--ama-h-font-family);
   font-size: 1.5rem;
   line-height: 1.25em;
   font-weight: 500;
   color: var(--ama-secondary-color);
}

.liitumisvorm .form-subtitle{
   margin: 1.5rem 0 1rem 0;
   font-family: var(--ama-h-font-family);
   font-size: 1.25rem;
   line-height: 1.25em;
   font-weight: 500;
   color: var(--ama-secondary-color);
}

/* Bootstrap row correction inside CF7 */
.liitumisvorm .row{
   margin-left: calc(-1 * var(--ama-gutter-x));
   margin-right: calc(-1 * var(--ama-gutter-x));
}

.liitumisvorm .row > *{
   padding-left: var(--ama-gutter-x);
   padding-right: var(--ama-gutter-x);
}

.liitumisvorm .conditional-row{
   margin-top: 1.25rem;
}

/* Conditional Fields groups */
.liitumisvorm .wpcf7cf_group{
   width: 100%;
}

.liitumisvorm .row > .wpcf7cf_group{
   display: contents !important;
}

/* labels + inputs */
.liitumisvorm label{
   display: block;
   width: 100%;
   margin: 0;
   font-family: var(--ama-h-font-family);
   font-weight: 500;
}

.liitumisvorm input[type="text"],
.liitumisvorm input[type="email"],
.liitumisvorm input[type="tel"],
.liitumisvorm input[type="number"],
.liitumisvorm textarea{
   display: block;
   width: 100%;
   margin-top: .375rem;
   padding: .75rem 1rem;
   border: 1px solid var(--liitumis-border-color) !important;
   border-radius: var(--liitumis-radius);
   background: var(--ama-white-color);
   box-sizing: border-box;
}

.liitumisvorm textarea{
   min-height: 8rem;
}

/* radio / checkbox */
.liitumisvorm .form-options{
   margin-top: .25rem;
}

.liitumisvorm .form-options .wpcf7-form-control{
   display: flex !important;
   flex-wrap: wrap;
   gap: .875rem 2rem;
}

.liitumisvorm .form-options .wpcf7-list-item{
   display: inline-flex !important;
   margin: 0 !important;
}

.liitumisvorm .form-options label{
   display: inline-flex !important;
   align-items: center !important;
   width: auto !important;
   min-height: 1.5rem;
   margin: 0 !important;
   padding: 0 !important;
   cursor: pointer;
}

/* hide real inputs */
.liitumisvorm .form-options input[type="radio"],
.liitumisvorm .form-options input[type="checkbox"]{
   position: absolute !important;
   opacity: 0 !important;
   visibility: hidden !important;
   width: 0 !important;
   height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   pointer-events: none !important;
   appearance: none !important;
   -webkit-appearance: none !important;
}

.liitumisvorm .form-options .wpcf7-list-item-label{
   position: relative;
   display: inline-flex !important;
   align-items: center;
   min-height: 1.5rem;
   margin: 0 !important;
   padding-left: 1.75rem !important;
   line-height: 1.4 !important;
}

/* base fake input */
.liitumisvorm .form-options .wpcf7-list-item-label::before{
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   width: 1rem;
   height: 1rem;
   transform: translateY(-50%);
   border: 1px solid var(--ama-secondary-color);
   background: var(--ama-white-color);
   box-sizing: border-box;
}

/* kill reboot.scss pseudo background */
.liitumisvorm .form-options input[type="checkbox"] + *::after,
.liitumisvorm .form-options input[type="radio"] + *::after{
   background: transparent !important;
}

/* radio */
.liitumisvorm .form-options input[type="radio"] + .wpcf7-list-item-label::before{
   border-radius: 50%;
}

.liitumisvorm .form-options input[type="radio"]:checked + .wpcf7-list-item-label::before{
   border-color: var(--ama-secondary-color);
   background: var(--ama-white-color);
}

.liitumisvorm .form-options input[type="radio"]:checked + .wpcf7-list-item-label::after{
   content: '';
   position: absolute;
   left: .25rem;
   top: 50%;
   width: .5rem;
   height: .5rem;
   transform: translateY(-50%);
   border-radius: 50%;
   background: var(--ama-secondary-color) !important;
}

/* checkbox */
.liitumisvorm .form-options input[type="checkbox"] + .wpcf7-list-item-label::before{
   border-radius: .125rem;
   background: var(--ama-white-color);
}

.liitumisvorm .form-options input[type="checkbox"]:checked + .wpcf7-list-item-label::before{
   border-color: var(--ama-secondary-color);
   background: var(--ama-secondary-color);
}

.liitumisvorm .form-options input[type="checkbox"]:checked + .wpcf7-list-item-label::after{
   content: '✓';
   position: absolute;
   left: 0;
   top: 50%;
   width: 1rem;
   height: 1rem;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: .75rem;
   line-height: 1;
   font-weight: 700;
   color: var(--ama-white-color) !important;
   background: transparent !important;
}

.liitumisvorm .form-subtitle + .form-options{
   margin-bottom: 1rem;
}

/* submit */
.liitumisvorm .form-submit{
   margin-top: 2.5rem;
   text-align: center;
}

.liitumisvorm .wpcf7-submit{
   background-color: var(--ama-secondary-color);
   border-color: var(--ama-secondary-color) !important;
   color: var(--ama-white-color) !important;
}

/* validation */
.liitumisvorm .wpcf7-not-valid-tip{
   margin-top: .375rem;
}

@media (max-width: 767px){
   .liitumisvorm .row-grid > * + *{
      margin-top: 1rem;
   }

   .liitumisvorm .form-options .wpcf7-form-control{
      flex-direction: column;
      gap: .5rem;
   }
}

.liitumisvorm-success{
   margin-top: 2.5rem !important;
   padding: 2rem;
   border: 1px solid var(--ama-secondary-color);
   background: rgba(0,126,142,.05);
}

.liitumisvorm-success h2{
   margin-bottom: 1rem;
   color: var(--ama-secondary-color);
}

.liitumisvorm-download{
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: .875rem 1.5rem;
   border-radius: 999px;
   background: var(--ama-secondary-color);
   color: var(--ama-white-color) !important;
   font-family: var(--ama-h-font-family);
   font-weight: 600;
   text-decoration: none !important;
}

.liitumisvorm-success p:last-child{
   margin-top: 1.5rem;
}

.liitumisvorm + .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{
   display: none !important;
}

.liitumisvorm .form-options-box{
   padding: 1rem 1.25rem;
   border: 1px solid var(--liitumis-border-color);
   border-radius: var(--liitumis-radius);
   background: rgba(0,126,142,.035);
}

.liitumisvorm .form-label{
   margin: 0 0 .75rem 0;
   font-family: var(--ama-h-font-family);
   font-weight: 600;
   color: var(--ama-secondary-color);
}