:root{
/* html */
--ama-html-font-size: 16px;
/* body */
--ama-font-sans-serif: 'Manrope', sans-serif;
--ama-body-font-family: var(--ama-font-sans-serif);
--ama-body-font-size: 1.0625rem;
--ama-body-font-weight: 400;
--ama-body-line-height: 1.4117647058823528em;
--ama-body-color: #000;
--ama-body-bg: #fff;
--ama-wrapper-bg: #fff;
--ama-primary-color: #59BB57;
--ama-secondary-color: #EE2B4F;
--ama-beige-color: #F8F1E3;
--ama-dark-beige-color: #E5DCCD;
--ama-yellow-color: #FFEC4F;
--ama-light-gray-color: #EFEFEF;
/* typography */
--ama-heading-color: inherit;
--ama-h-font-family: inherit;
--ama-h-font-weight: 600;
--ama-h1-font-size: 2.6875rem;
--ama-h1-line-height: 1.3953488372093024em;
--ama-h1-font-weight: var(--ama-h-font-weight);
--ama-h1-letter-spacing: normal;
--ama-h2-font-size: 2.25rem;
--ama-h2-line-height: 1.3888888888888888em;
--ama-h2-font-weight: var(--ama-h-font-weight);
--ama-h2-letter-spacing: normal;
--ama-h3-font-size: 1.625rem;
--ama-h3-line-height: 1.153846153846154em;
--ama-h3-font-weight: var(--ama-h-font-weight);
--ama-h3-letter-spacing: normal;
--ama-h4-font-size: 1.5rem;
--ama-h4-line-height: 1.25em;
--ama-h4-font-weight: 700;
--ama-h4-letter-spacing: normal;
--ama-h5-font-size: 1.3125rem;
--ama-h5-line-height: 1em;
--ama-h5-font-weight: var(--ama-h-font-weight);
--ama-h5-letter-spacing: normal;
--ama-h6-font-size: 1.1875rem;
--ama-h6-line-height: 1.5294117647058822em;
--ama-h6-font-weight: var(--ama-h-font-weight);
--ama-h6-letter-spacing: normal;
--ama-xxl-font-size: 3.75rem;
--ama-xxl-line-height: 1em;
--ama-semi-xxl-font-size: var(--ama-h1-font-size);
--ama-semi-xxl-line-height: var(--ama-h1-line-height);
--ama-xl-font-size: var(--ama-h2-font-size);
--ama-xl-line-height: var(--ama-h2-line-height);
--ama-lg-font-size: var(--ama-h3-font-size);
--ama-lg-line-height: var(--ama-h3-line-height);
--ama-semi-lg-font-size: var(--ama-h4-font-size);
--ama-semi-lg-line-height: var(--ama-h4-line-height);
--ama-md-font-size: var(--ama-h5-font-size);
--ama-md-line-height: var(--ama-body-line-height);
--ama-sm-font-size: .9375rem;
--ama-sm-line-height: 1.3333333333333333em;
--ama-sm-font-weight: var(--ama-body-font-weight);
--ama-sm-letter-spacing: normal;
--ama-post-title-font-size: var(--ama-h1-font-size);
--ama-post-title-line-height: var(--ama-h1-line-height);
--ama-query-title-font-size: var(--ama-h1-font-size);
--ama-query-title-line-height: var(--ama-h1-line-height);
--ama-site-title-font-size: var(--ama-h1-font-size);
--ama-site-title-line-height: var(--ama-h1-line-height);
/* ul style */
--ama-marker-color: var(--ama-primary-color);
/* gutter */
--ama-gutter-x: .9375rem;
--ama-gutter-double-x: calc(var(--ama-gutter-x) * 2);
--ama-gutter-y: 0;
--ama-gutter-button-x: .5rem;
--ama-gutter-column-x: var(--ama-gutter-x);
/* margins */
--ama-margin-top-base: 1.25rem;
--ama-margin-top-heading: 2.5rem;
--ama-margin-top-li: .625rem;
--ama-margin-top-button: 1.875rem;
--ama-margin-top-buttons: calc(var(--ama-margin-top-button) - var(--ama-gutter-button-x))!important;
--ama-margin-top-columns: 3.125rem;
--ama-margin-top-wpcf7: 1.875rem;
--ama-margin-top-block: 6.25rem;
/* offsets */
--ama-offset-bottom-last: 3.125rem;
/* alerts */
--ama-alert-bg: transparent;
--ama-alert-padding-x: 1rem;
--ama-alert-padding-y: 1rem;
--ama-alert-margin-bottom: 1rem;
--ama-alert-color: inherit;
--ama-alert-border-color: transparent;
--ama-alert-border: 1px solid var(--ama-alert-border-color);
--ama-alert-border-radius: .375rem;
--ama-body-color-rgb: 33, 37, 41;
--ama-body-bg-rgb: 255, 255, 255;
--ama-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* borders (modal / accordion etc) */
--ama-border-width: 1px;
--ama-border-style: solid;
--ama-border-color: #dee2e6;
--ama-border-color-translucent: rgba(0, 0, 0, .175);
--ama-border-radius: .375rem;
--ama-border-radius-pill: 50rem;
/* header */
--ama-header-height: 7.5rem;
--ama-header-bgcolor: rgba(255, 255, 255, 1);
--ama-header-box-shadow: 0 .625rem 1.25rem 0 rgba(0, 0, 0, 0);
/* footer */
--ama-footer-padding-top: 3.125rem;
--ama-footer-padding-bottom: 5.3125rem;
--ama-footer-bgcolor: rgba(255, 255, 255, 0);
/* link */
--ama-link-color: var(--ama-secondary-color);
--ama-link-hover-color: currentColor;
/* code / highlight */
--ama-code-color: #d63384;
--ama-highlight-bg: #fff3cd;
/* containers */
--ama-container: 73.125rem;
--ama-container-xl: 103.75rem;
--ama-container-xxl: 120rem;
/* buttons */
--ama-btn-font-family: inherit;
--ama-btn-font-size: 1.0625rem;
--ama-btn-font-weight: 600;
--ama-btn-line-height: 1.1764705882352942em;
--ama-btn-border-width: 1px;
--ama-btn-border-color: transparent;
--ama-btn-padding-y: calc(.9375rem - var(--ama-btn-border-width));
--ama-btn-padding-x: calc(1.25rem - var(--ama-btn-border-width));
--ama-btn-border-radius: 0;
--ama-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
--ama-btn-disabled-opacity: .65;
--ama-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--ama-btn-focus-shadow-rgb), .5);
--ama-btn-transform: none;
--ama-btn-color: #fff;
--ama-btn-bg: var(--ama-primary-color);
--ama-btn-border-color: var(--ama-btn-bg);
--ama-btn-disabled-opacity: .5;
--ama-btn-translateY: -.3125rem;
/* tooltips */
--ama-tooltip-zindex: 1080;
--ama-tooltip-max-width: 12.5rem;
--ama-tooltip-padding-x: .5rem;
--ama-tooltip-padding-y: .25rem;
--ama-tooltip-margin: ;
--ama-tooltip-font-size: .75rem;
--ama-tooltip-color: #fff;
--ama-tooltip-bg: #000;
--ama-tooltip-border-radius: .375rem;
--ama-tooltip-opacity: .9;
--ama-tooltip-arrow-width: .8rem;
--ama-tooltip-arrow-height: .4rem;
/* scroll-to-top */
--ama-scroll-top-width: 3rem;
--ama-scroll-top-height: 3rem;
--ama-scroll-top-border-radius: 50%;
--ama-scroll-top-color: #fff;
--ama-scroll-top-bg: var(--ama-primary-color);
/* splide */
--ama-splide-width: 3.125rem;
--ama-splide-height: var(--ama-splide-width);
--ama-splide-color: var(--ama-secondary-color);
--ama-splide-bgcolor: transparent;
--ama-splide-border-width: 2px;
--ama-splide-border-color: var(--ama-splide-color);
--ama-splide-border-radius: 50%;
/* forms */
--ama-input-font-size: var(--ama-sm-font-size);
--ama-input-font-weight: 400;
--ama-input-line-height: 1.25rem;
--ama-input-color: var(--ama-body-color);
--ama-input-border-width: 1px;
--ama-input-border-color: var(--ama-light-gray-color);
--ama-input-background-color: #fff;
--ama-input-border-radius: 0;
--ama-input-padding-y: calc(.625rem - var(--ama-input-border-width));
--ama-input-padding-x: calc(1.375rem - var(--ama-input-border-width));
--ama-input-padding-select-x: calc(2.5rem - var(--ama-input-border-width));
--ama-input-color-focus: var(--ama-body-color);
--ama-input-border-color-focus: rgba(0, 0, 0, .5);
--ama-input-background-color-focus: #fff;
--ama-input-placeholder-color: var(--ama-input-color);
/* content-grid */
--grid-padding-inline: 1.875rem;
--content-max-width: var(--ama-container);
--breakout-max-width: var(--ama-container-xl);
--breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);
/* ama-social */
--ama-social-gap: .625rem;
--ama-social-color: currentColor;
--ama-social-width: 1.875rem;
--ama-social-height: var(--ama-social-width);
--ama-social-hover-color: var(--ama-secondary-color);
}
#html .arve{margin-bottom: 0}
br + *,
* + br{margin-top: 0!important}
.is-style-slider .splide__slide{height: unset}
/* =============================================================================
content-grid
========================================================================== */
.content-grid {
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
.content-grid > :not(.breakout, .full-width),
.full-width > :not(.breakout, .full-width){grid-column: content}
.content-grid > .breakout {grid-column: breakout}
.content-grid > .full-width{grid-column: full-width; display: grid; grid-template-columns: inherit}
/* =============================================================================
typography
========================================================================== */
h1{font-size: var(--ama-h1-font-size); line-height: var(--ama-h1-line-height)}
h2{font-size: var(--ama-h2-font-size); line-height: var(--ama-h2-line-height)}
h3{font-size: var(--ama-h3-font-size); line-height: var(--ama-h3-line-height)}
h4{font-size: var(--ama-h4-font-size); line-height: var(--ama-h4-line-height)}
h5{font-size: var(--ama-h5-font-size); line-height: var(--ama-h5-line-height)}
h6{font-size: var(--ama-h6-font-size); line-height: var(--ama-h6-line-height)}
.has-giant-font-size{font-size: var(--ama-xxl-font-size); line-height: var(--ama-xxl-line-height)!important}
.has-semi-giant-font-size{font-size: var(--ama-semi-xxl-font-size); line-height: var(--ama-semi-xxl-line-height)!important}
.has-huge-font-size{font-size: var(--ama-xl-font-size); line-height: var(--ama-xl-line-height)!important}
.has-large-font-size{font-size: var(--ama-lg-font-size); line-height: var(--ama-lg-line-height)!important}
.has-semi-large-font-size{font-size: var(--ama-semi-lg-font-size); line-height: var(--ama-semi-lg-line-height)!important}
.has-medium-font-size{font-size: var(--ama-md-font-size); line-height: var(--ama-md-line-height)!important}
.has-small-font-size{font-size: var(--ama-sm-font-size); line-height: var(--ama-sm-line-height)!important}
.fst-italic{font-style: italic !important}
.fst-normal{font-style: normal !important}
.fw-thin, .is-style-fw-thin{font-weight: 100!important}
.fw-extralight, .is-style-fw-extralight{font-weight: 200!important}
.fw-light, .is-style-fw-light{font-weight: 300!important}
.fw-normal, .is-style-fw-normal{font-weight: 400!important}
.fw-medium, .is-style-fw-medium{font-weight: 500!important}
.fw-semibold, .is-style-fw-semibold{font-weight: 600!important}
.fw-bold, .is-style-fw-bold{font-weight: 700!important}
.fw-extrabold, .is-style-fw-extrabold{font-weight: 800!important}
.fw-black, .is-style-fw-black{font-weight: 900!important}
.text-start{text-align: left !important}
.text-end{text-align: right !important}
.text-center{text-align: center !important}
.text-decoration-none{text-decoration: none !important}
.text-decoration-underline{text-decoration: underline !important}
.text-decoration-line-through{text-decoration: line-through !important}
.text-lowercase{text-transform: lowercase !important}
.text-uppercase{text-transform: uppercase !important}
.text-capitalize{text-transform: capitalize !important}
.text-wrap{white-space: normal !important}
.text-nowrap{white-space: nowrap !important}
/* =============================================================================
tables
========================================================================== */
table{width: 100%}
table th{text-align: unset}
table tr > *{padding: .3125rem}
/* =============================================================================
buttons
========================================================================== */
.wp-block-button .wp-block-button__link.has-secondary-background-color{
--ama-btn-color: #fff;
--ama-btn-bg: var(--ama-secondary-color);
--ama-btn-border-color: var(--ama-btn-bg);
}
.wp-block-button .wp-block-button__link.has-beige-background-color{
--ama-btn-color: var(--ama-body-color);
--ama-btn-bg: var(--ama-beige-color);
--ama-btn-border-color: var(--ama-btn-bg);
}
.wp-block-button .wp-block-button__link.has-dark-beige-background-color{
--ama-btn-color: var(--ama-body-color);
--ama-btn-bg: var(--ama-dark-beige-color);
--ama-btn-border-color: var(--ama-btn-bg);
}
.wp-block-button .wp-block-button__link.has-yellow-background-color{
--ama-btn-color: var(--ama-body-color);
--ama-btn-bg: var(--ama-yellow-color);
--ama-btn-border-color: var(--ama-btn-bg);
}
.wp-block-button .wp-block-button__link.has-light-gray-background-color{
--ama-btn-color: var(--ama-body-color);
--ama-btn-bg: var(--ama-light-gray-color);
--ama-btn-border-color: var(--ama-btn-bg);
}
.btn,
body:not(.wp-admin) .button:not(.plus):not(.minus),
.wpcf7-submit,
.wp-block-button .wp-block-button__link{
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
user-select: none;
padding: var(--ama-btn-padding-y) var(--ama-btn-padding-x);
font-family: var(--ama-btn-font-family);
font-size: var(--ama-btn-font-size);
font-weight: var(--ama-btn-font-weight);
line-height: var(--ama-btn-line-height);
color: var(--ama-btn-color)!important;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: var(--ama-btn-border-width) solid var(--ama-btn-border-color)!important;
border-radius: var(--ama-btn-border-radius);
background-color: var(--ama-btn-bg);
transition: transform .3s linear;
text-transform: var(--ama-btn-transform);
position: relative
}
.wp-block-button .wp-block-button__link{width: auto; height: auto}
.wp-block-button.is-style-outline .wp-block-button__link{
background-color: transparent!important;
border-width: var(--ama-btn-border-width)!important;
padding: var(--ama-btn-padding-y) var(--ama-btn-padding-x)!important;
color: var(--ama-btn-bg)!important
}
.wp-block-button.is-style-readmore{--ama-btn-font-weight: 700}
.wp-block-button.is-style-readmore .wp-block-button__link{
color: currentColor!important;
border: none!important;
background: none!important;
padding: 0 0 0 1rem!important;
transition: padding .3s linear;
align-items: flex-start;
align-content: flex-start;
text-align: left
}
.wp-block-button.is-style-readmore .wp-block-button__link::before,
.wp-block-button.is-style-readmore .wp-block-button__link::after{
content: '';
display: block;
width: .5rem;
height: .875rem;
position: absolute;
top: calc(50% - .4375rem);
background-color: currentColor;
transition: all .3s linear;
mask-image: url(../images/arrow-sm.svg);
mask-position: center;
mask-repeat: no-repeat;
mask-size: 100% auto;
-webkit-mask-image: url(../images/arrow-sm.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% auto
}
.wp-block-button.is-style-readmore .wp-block-button__link::before{left: 0; transform: scale(1); opacity: 1; transform-origin: left center}
.wp-block-button.is-style-readmore .wp-block-button__link::after{right: 0; transform: scale(0); opacity: 0; transform-origin: right center}
.wp-block-button.is-style-readmore .wp-block-button__link:hover{padding: 0 1rem 0 0!important}
.wp-block-button.is-style-readmore .wp-block-button__link:hover::before{left: 0; transform: scale(0); opacity: 0}
.wp-block-button.is-style-readmore .wp-block-button__link:hover::after{right: 0; transform: scale(1); opacity: 1}
@media (prefers-reduced-motion: reduce) {
.btn,
body:not(.wp-admin) .button:not(.plus):not(.minus),
.wpcf7-submit,
.wp-block-button .wp-block-button__link,
.wp-block-button.is-style-readmore .wp-block-button__link::before,
.wp-block-button.is-style-readmore .wp-block-button__link::after{transition: none}
}
.btn:not(:disabled):hover,
body:not(.wp-admin) .button:not(.plus):not(.minus):not(:disabled):hover,
.wpcf7-submit:not(:disabled):hover,
.wp-block-button:not(.is-style-readmore) .wp-block-button__link:not(:disabled):hover{transform: translateY(var(--ama-btn-translateY))}
.btn:disabled, .btn.disabled,
fieldset:disabled .btn,
fieldset:disabled .button:not(.plus):not(.minus),
body:not(.wp-admin) .button:not(.plus):not(.minus):disabled, body:not(.wp-admin) .button:not(.plus):not(.minus).disabled,
.wpcf7-submit:disabled,
.wp-block-button.disabled .wp-block-button__link,
.wp-block-button .wp-block-button__link.disabled,
.wp-block-button .wp-block-button__link:disabled{pointer-events: none; opacity: var(--ama-btn-disabled-opacity)}
.wp-block-buttons,
.wp-block-columns{gap: 0!important}
@media (min-width: 782px){
.wp-block-columns > *:not(:last-child){margin-right: var(--ama-gutter-column-x)}
.wp-block-columns > *:not(:first-child){margin-left: var(--ama-gutter-column-x)}
}
@media (max-width: 781px){
.wp-block-column + .wp-block-column{margin-top: calc(var(--ama-gutter-column-x) * 2)}
}
/* =============================================================================
pagination
========================================================================== */
.woocommerce-pagination,
.pagi-nav{
--ama-pagination-width: 2.5rem;
--ama-pagination-height: 2.5rem;
--ama-pagination-font-size: 1rem;
--ama-pagination-font-weight: 400;
--ama-pagination-border-width: 1px;
--ama-pagination-border-style: solid;
--ama-pagination-border-radius: calc(var(--ama-pagination-height) / 2);
--ama-pagination-color: var(--ama-primary-color);
--ama-pagination-hover-color: #fff;
--ama-pagination-hover-bgcolor: var(--ama-pagination-color);
--ama-pagination-hover-border-color: var(--ama-pagination-color);
color: var(--ama-pagination-color)
}
* + .woocommerce-pagination,
* + .pagi-nav{margin-top: 2.5rem}
.woocommerce-pagination ul,
.woocommerce-pagination li > *,
.pagi-nav ul,
.pagi-nav li > *{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0}
.woocommerce-pagination ul,
.pagi-nav ul{list-style: none; margin: -.5rem}
.woocommerce-pagination li,
.pagi-nav li{margin: .5rem}
.woocommerce-pagination li > *,
.pagi-nav li > *{
font-size: var(--ama-pagination-font-size);
line-height: 1em;
font-weight: var(--ama-pagination-font-weight);
width: var(--ama-pagination-width);
height: var(--ama-pagination-height);
border-radius: var(--ama-pagination-border-radius);
text-decoration: none!important;
color: inherit;
border: var(--ama-pagination-border-width) var(--ama-pagination-border-style) currentColor;
transition: all .15s ease-in-out
}
.woocommerce-pagination li > a:hover,
.woocommerce-pagination li > .current,
.pagi-nav li > a:hover,
.pagi-nav li > .current{color: var(--ama-pagination-hover-color); background-color: var(--ama-pagination-hover-bgcolor); border-color: var(--ama-pagination-hover-border-color)}
/* =============================================================================
grid
========================================================================== */
.row,
.wp-block-buttons{display: flex; flex-wrap: wrap}
.row{margin-right: calc(-1 * var(--ama-gutter-x)); margin-left: calc(-1 * var(--ama-gutter-x))}
.row-grid{margin-top: calc(-1 * var(--ama-gutter-x)); margin-bottom: calc(-1 * var(--ama-gutter-x))}
.wp-block-buttons{margin: calc(-1 * var(--ama-gutter-button-x))}
.row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: var(--ama-gutter-x); padding-left: var(--ama-gutter-x); margin-top: var(--ama-gutter-y)}
.row-grid > *{padding-top: var(--ama-gutter-x); padding-bottom: var(--ama-gutter-x)}
.wp-block-buttons > *{padding: var(--ama-gutter-button-x)}
.col{flex:1 0 0}.row-cols-auto > *{flex:0 0 auto;width:auto}.row-cols-1 > *{flex:0 0 auto;width:100%}.row-cols-2 > *{flex:0 0 auto;width:50%}.row-cols-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-4 > *{flex:0 0 auto;width:25%}.row-cols-5 > *{flex:0 0 auto;width:20%}.row-cols-6 > *{flex:0 0 auto;width:16.66668%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33334%}.col-2{flex:0 0 auto;width:16.66668%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33334%}.col-5{flex:0 0 auto;width:41.66668%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33334%}.col-8{flex:0 0 auto;width:66.66668%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33334%}.col-11{flex:0 0 auto;width:91.66668%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33334%}.offset-2{margin-left:16.66668%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33334%}.offset-5{margin-left:41.66668%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33334%}.offset-8{margin-left:66.66668%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33334%}.offset-11{margin-left:91.66668%}
@media (min-width: 576px){.col-sm{flex:1 0 0}.row-cols-sm-auto > *{flex:0 0 auto;width:auto}.row-cols-sm-1 > *{flex:0 0 auto;width:100%}.row-cols-sm-2 > *{flex:0 0 auto;width:50%}.row-cols-sm-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-sm-4 > *{flex:0 0 auto;width:25%}.row-cols-sm-5 > *{flex:0 0 auto;width:20%}.row-cols-sm-6 > *{flex:0 0 auto;width:16.66668%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33334%}.col-sm-2{flex:0 0 auto;width:16.66668%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33334%}.col-sm-5{flex:0 0 auto;width:41.66668%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33334%}.col-sm-8{flex:0 0 auto;width:66.66668%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33334%}.col-sm-11{flex:0 0 auto;width:91.66668%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33334%}.offset-sm-2{margin-left:16.66668%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33334%}.offset-sm-5{margin-left:41.66668%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33334%}.offset-sm-8{margin-left:66.66668%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33334%}.offset-sm-11{margin-left:91.66668%}}@media (min-width: 768px){.col-md{flex:1 0 0}.row-cols-md-auto > *{flex:0 0 auto;width:auto}.row-cols-md-1 > *{flex:0 0 auto;width:100%}.row-cols-md-2 > *{flex:0 0 auto;width:50%}.row-cols-md-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-md-4 > *{flex:0 0 auto;width:25%}.row-cols-md-5 > *{flex:0 0 auto;width:20%}.row-cols-md-6 > *{flex:0 0 auto;width:16.66668%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33334%}.col-md-2{flex:0 0 auto;width:16.66668%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33334%}.col-md-5{flex:0 0 auto;width:41.66668%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33334%}.col-md-8{flex:0 0 auto;width:66.66668%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33334%}.col-md-11{flex:0 0 auto;width:91.66668%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33334%}.offset-md-2{margin-left:16.66668%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33334%}.offset-md-5{margin-left:41.66668%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33334%}.offset-md-8{margin-left:66.66668%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33334%}.offset-md-11{margin-left:91.66668%}}@media (min-width: 992px){.col-lg{flex:1 0 0}.row-cols-lg-auto > *{flex:0 0 auto;width:auto}.row-cols-lg-1 > *{flex:0 0 auto;width:100%}.row-cols-lg-2 > *{flex:0 0 auto;width:50%}.row-cols-lg-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-lg-4 > *{flex:0 0 auto;width:25%}.row-cols-lg-5 > *{flex:0 0 auto;width:20%}.row-cols-lg-6 > *{flex:0 0 auto;width:16.66668%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33334%}.col-lg-2{flex:0 0 auto;width:16.66668%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33334%}.col-lg-5{flex:0 0 auto;width:41.66668%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33334%}.col-lg-8{flex:0 0 auto;width:66.66668%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33334%}.col-lg-11{flex:0 0 auto;width:91.66668%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33334%}.offset-lg-2{margin-left:16.66668%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33334%}.offset-lg-5{margin-left:41.66668%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33334%}.offset-lg-8{margin-left:66.66668%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33334%}.offset-lg-11{margin-left:91.66668%}}@media (min-width: 1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto > *{flex:0 0 auto;width:auto}.row-cols-xl-1 > *{flex:0 0 auto;width:100%}.row-cols-xl-2 > *{flex:0 0 auto;width:50%}.row-cols-xl-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-xl-4 > *{flex:0 0 auto;width:25%}.row-cols-xl-5 > *{flex:0 0 auto;width:20%}.row-cols-xl-6 > *{flex:0 0 auto;width:16.66668%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33334%}.col-xl-2{flex:0 0 auto;width:16.66668%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33334%}.col-xl-5{flex:0 0 auto;width:41.66668%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33334%}.col-xl-8{flex:0 0 auto;width:66.66668%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33334%}.col-xl-11{flex:0 0 auto;width:91.66668%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33334%}.offset-xl-2{margin-left:16.66668%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33334%}.offset-xl-5{margin-left:41.66668%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33334%}.offset-xl-8{margin-left:66.66668%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33334%}.offset-xl-11{margin-left:91.66668%}}@media (min-width: 1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto > *{flex:0 0 auto;width:auto}.row-cols-xxl-1 > *{flex:0 0 auto;width:100%}.row-cols-xxl-2 > *{flex:0 0 auto;width:50%}.row-cols-xxl-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-xxl-4 > *{flex:0 0 auto;width:25%}.row-cols-xxl-5 > *{flex:0 0 auto;width:20%}.row-cols-xxl-6 > *{flex:0 0 auto;width:16.66668%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33334%}.col-xxl-2{flex:0 0 auto;width:16.66668%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33334%}.col-xxl-5{flex:0 0 auto;width:41.66668%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33334%}.col-xxl-8{flex:0 0 auto;width:66.66668%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33334%}.col-xxl-11{flex:0 0 auto;width:91.66668%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33334%}.offset-xxl-2{margin-left:16.66668%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33334%}.offset-xxl-5{margin-left:41.66668%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33334%}.offset-xxl-8{margin-left:66.66668%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33334%}.offset-xxl-11{margin-left:91.66668%}}
.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}
.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}
.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}
.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}
@media (min-width: 576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width: 768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width: 992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width: 1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width: 1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}
/* =============================================================================
entry landing
========================================================================== */
.entry-landing.full-width .landing-content{
color: #fff;
grid-column: full-width!important;
overflow: hidden;
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: 1fr;
min-height: 40.625rem;
font-weight: 600;
line-height: 1.1764705882352942em;
padding-left: var(--grid-padding-inline);
padding-right: var(--grid-padding-inline)
}
.entry-landing.full-width.splide > .splide__track{
grid-column: full-width!important;
}
.entry-landing.full-width.splide .splide__pagination{
color: #fff;
position: absolute;
justify-content: flex-end;
grid-column: breakout!important;
bottom: calc(4.375rem - .25rem);
right: 0
}
.entry-landing.full-width .landing-content > .is-content{
--ama-heading-color: inherit;
align-self: flex-end;
padding-top: 4.375rem;
padding-bottom: 4.375rem;
width: 100%;
max-width: 103.75rem;
margin-left: auto;
margin-right: auto
}
.entry-landing.full-width .landing-content > .is-content > h1 + p,
.entry-landing.full-width .landing-content > .is-content > h2 + p{margin-top: 1.875rem}
.entry-landing.full-width .landing-content > .is-content > h1,
.entry-landing.full-width .landing-content > .is-content > h2{max-width: 50rem}
.entry-landing.full-width .landing-content > .is-content > p{max-width: 33.75rem}
.entry-landing.full-width .landing-content > .is-bg,
.entry-landing.full-width .landing-content > .is-bg::after{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.entry-landing.full-width .landing-content > .is-bg{
grid-column: full-width!important;
overflow: hidden;
z-index: -1;
pointer-events: none;
user-select: none;
}
.entry-landing.full-width .landing-content > .is-bg::after{
content: '';
display: block;
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0) 100%);
}
.entry-landing.full-width .landing-content > .is-bg img,
.entry-landing.full-width .landing-content > .is-bg video{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0!important
}
.entry-landing:not(.full-width){
grid-column: full-width;
min-height: 8.75rem;
align-items: center;
position: relative;
isolation: isolate;
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.entry-landing:not(.full-width)::before{
content: '';
display: block;
width: 100%;
height: 100%;
max-height: 8.75rem;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(0deg,rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 100%);
z-index: -1
}
/* =============================================================================
components
========================================================================== */
/* ama-block (common) */
.block__header{
margin-bottom: 3.75rem;
--ama-h2-font-size: var(--ama-h1-font-size);
--ama-h2-line-height: var(--ama-h1-line-height);
--ama-h2-font-weight: 700;
}
.block__header > .bh__content > * + *{margin-top: .625rem}
.block__header:not(.text-center){
display: grid;
grid-template-columns: 1fr auto;
gap: .625rem 1.25rem;
align-items: center
}
.block__header:not(.text-center) > *:not(.wp-block-button):only-child{grid-column: 1 / -1}
.block__header:not(.text-center) * + .wp-block-button{margin-top: 0!important}
.block__header.text-center{width: 100%; max-width: 48.125rem; margin-left: auto; margin-right: auto}
.block__header.text-center > * + *:not(.wp-block-button){margin-top: 1.875rem}
.block__header.text-center > * + .wp-block-button{margin-top: 1.875rem!important}
.block__header.has-desc{display: block;}
.block__header.has-desc * + * {margin-top: var(--ama-margin-top-base);}
@media (min-width: 1200px){
.wp-block-column .block__header:not(.text-center){
--ama-h2-font-size: var(--ama-h3-font-size);
--ama-h2-line-height: var(--ama-h3-line-height);
--ama-btn-font-size: var(--ama-sm-font-size);
--ama-btn-line-height: var(--ama-sm-line-height);
--ama-btn-border-width: 1px;
--ama-btn-padding-y: calc(0.625rem - var(--ama-btn-border-width));
--ama-btn-padding-x: calc(0.9375rem - var(--ama-btn-border-width))
}
}
.block__footer{margin-top: 3.75rem}
.wp-block-column .block__header{
margin-bottom: 2.5rem;
--ama-h2-font-size: unset;
--ama-h2-line-height: unset;
--ama-h2-font-weight: 600;
}
/* ama-social */
.ama-social,
.ama-social a{display: flex; flex-wrap: wrap; align-items: center}
.ama-social{margin: calc(var(--ama-social-gap) * -1)}
.ama-social a{
align-items: center;
justify-content: center;
margin: var(--ama-social-gap);
color: var(--ama-social-color);
width: var(--ama-social-width);
height: var(--ama-social-height);
text-decoration: none!important;
transition: color .3s linear, background-color .3s linear
}
.ama-social a > svg{
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: 0
}
.ama-social a:hover{color: var(--ama-social-hover-color)}
/* stat-item */
.stat-item{
text-align: center;
font-size: var(--ama-sm-font-size);
line-height: var(--ama-sm-line-height);
width: 100%;
max-width: 16.875rem
}
.stat-item > * + *{margin-top: .625rem}
.stat-item .is-value{
color: var(--ama-primary-color);
font-weight: 500;
font-size: 3.125rem;
line-height: 1em
}
.stat-item .is-label{
font-weight: 700;
font-size: 1.375rem;
line-height: 1em
}
/* card-item */
.card-item{
display: grid;
grid-template-rows: 1fr auto;
gap: 1.75rem;
padding: 1.875rem;
background-color: var(--ama-light-gray-color);
position: relative;
height: 100%
}
.card-item > .is-content:only-child{grid-row: 1 / -1}
.card-item > .is-content > * + *{margin-top: 1.25rem}
.card-item > .is-content > .is-title{
font-weight: var(--ama-h-font-weight);
font-size: var(--ama-lg-font-size);
line-height: var(--ama-lg-line-height)
}
.card-item > .is-end{
display: grid;
grid-template-columns: 1fr auto;
gap: .625rem;
align-items: flex-end
}
.card-item > .is-end > .wp-block-button + *{margin-top: 0!important}
.card-item > .is-end > img{
display: block;
grid-column: 2;
max-width: 6.25rem;
border-radius: 3.125rem;
}
.block-cards.is-style-slider .card-item{gap: 2rem}
.block-cards.is-style-slider .card-item > .is-end > img{
max-width: 7.5rem;
border-radius: 3.75rem;
transform: translate(.625rem, .625rem);
}
/* cfeedback-item */
.cfeedback-item{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0
}
.cfeedback-item > .item__content{order: 2}
.cfeedback-item > .item__content:only-child{grid-column: 1 / -1}
.cfeedback-item .is-introtxt{
font-size: var(--ama-semi-lg-font-size);
line-height: var(--ama-semi-lg-line-height);
font-weight: 700
}
.cfeedback-item{
display: grid;
grid-template-columns: 1fr;
padding-top: 1.25rem;
height: 100%
}
.cfeedback-item + .cfeedback-item{margin-top: 3.75rem}
.cfeedback-item > .body__content{
background-color: var(--ama-light-gray-color);
padding: 3.125rem var(--ama-gutter-x);
display: grid;
grid-template-columns: 1fr;
align-items: center;
position: relative;
isolation: isolate;
background-image: url(../images/icon-onecolor.svg);
background-size: 37.5rem auto;
background-repeat: no-repeat;
background-position: right -6.25rem bottom -6.25rem
}
.cfeedback-item > .body__content:only-child{grid-column: 1 / -1}
.cfeedback-item > .body__content::after{
content: '';
display: block;
width: 5.625rem;
height: 3.75rem;
position: absolute;
top: -1.25rem;
right: 1.25rem;
z-index: 1;
background-color: var(--ama-primary-color);
mask-image: url(../images/quote.svg);
mask-position: bottom right;
mask-repeat: no-repeat;
mask-size: 100% auto;
-webkit-mask-image: url(../images/quote.svg);
-webkit-mask-position: bottom right;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% auto
}
.cfeedback-item > .body__content > .inner{
width: 100%;
max-height: 100%;
margin: 0 auto;
display: grid;
grid-template-rows: 1fr auto;
}
.cfeedback-item > .body__content:not(:only-child) > .inner{max-width: 28.75rem}
.cfeedback-item > .body__content:only-child > .inner{padding-left: var(--ama-gutter-x); padding-right: var(--ama-gutter-x)}
.cfeedback-item .c--content{overflow: hidden}
.cfeedback-item .c--content > .ama-scrollbar{min-height: 0; max-height: 100%}
.cfeedback-item .c--about{
padding-top: 2rem;
display: grid;
grid-template-columns: auto 1fr;
gap: .625rem 1.25rem;
align-items: center;
font-size: var(--ama-sm-font-size);
line-height: var(--ama-sm-line-height)
}
.cfeedback-item .c--about img{display: block; border-radius: 50%}
.cfeedback-item .c--about .is-name{
font-size: var(--ama-body-font-size);
line-height: var(--ama-body-line-height);
font-weight: 700
}
.cfeedback-item > .body__media{
width: 100%;
max-width: 47.9375rem;
--ama-splide-width: 3.75rem;
--ama-splide-height: 3.75rem;
--ama-splide-color: var(--ama-body-color);
--ama-splide-bgcolor: var(--ama-yellow-color);
--ama-splide-border-color: var(--ama-yellow-color);
--ama-splide-border-radius: 0;
}
.cfeedback-item > .body__media .splide__arrows{
width: calc(var(--ama-splide-width) * 2 + 1.25rem);
height: var(--ama-splide-height);
top: unset;
bottom: 1.25rem;
transform: none;
}
.cfeedback-item > .body__media .splide__arrows{left: 1.25rem; right: unset}
.cfeedback-item > .body__media .splide__arrows .splide__arrow{
top: 0;
transform: none;
}
@media (min-width: 768px){
.cfeedback-item{grid-template-columns: repeat(2, 1fr)}
.cfeedback-item > .body__content{order: 1}
.cfeedback-item > .body__content:not(:only-child),
.cfeedback-item > .body__media{height: 40rem}
.cfeedback-item > .body__media{max-width: 35.625rem}
.cfeedback-item > .body__media .splide,
.cfeedback-item > .body__media .splide > .splide__track{height: 100%}
.cfeedback-item > .body__media img{width: 100%; height: 100%; object-fit: cover; object-position: center}
}
@media (min-width: 1200px){
.cfeedback-item > .body__content:not(:only-child){margin-left: -.9375rem}
.cfeedback-item > .body__media{margin-right: auto}
}
/* c-methods */
.c-methods a{text-decoration: none}
* + .c-methods{margin-top: .625rem}
/* tm-item */
.tm-item{
background-color: #fff;
box-shadow: 0 0 3.125rem 0 rgba(0, 0, 0, .1);
display: grid;
grid-template-rows: auto 1fr;
gap: 0;
width: 100%;
max-width: 23.125rem;
margin-top: 3.75rem;
text-align: center;
font-weight: 700;
margin-left: auto;
margin-right: auto
}
.tm-item > .item__thumb{
position: relative;
width: 100%;
margin-top: -3.75rem;
max-height: 23.125rem;
overflow: hidden
}
.tm-item > .item__thumb::before{content: ''; display: block; padding-top: 100%}
.tm-item > .item__thumb > img{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
object-fit: cover
}
.tm-item > .item__content{padding: 1.875rem}
.tm-item > .item__content:only-child{grid-row: 1 / -1}
.tm-item .ama-social, .tm-item .tm-langs{justify-content: center}
.tm-item .has-small-font-size{text-transform: uppercase}
.tm-item * + .ama-social{margin-top: calc(1.25rem - var(--ama-social-gap))}
.tm-slide{
display: grid;
grid-template-columns: auto 1fr;
gap: 0.9375rem 1.875rem;
align-items: center
}
.tm-slide > .item__thumb{
width: 8.75rem;
height: 11.25rem;
background-color: #fff;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
overflow: hidden;
position: relative
}
.tm-slide > .item__thumb > img{
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
height: 10.625rem;
width: auto;
object-fit: cover
}
.tm-langs{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 12px;
gap: var(--ama-gutter-x);
}
.tm-lang{
width: 35px;
height: 35px;
display: inline-block;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
.tm-lang--est{background-image:url(../images/ee-round.svg);}
.tm-lang--eng{background-image:url(../images/gb-round.svg);}
.tm-lang--fin{background-image:url(../images/fi-round.svg);}
/* ama-product-price */
.ama-product-price{
font-size: var(--ama-semi-lg-font-size);
line-height: var(--ama-semi-lg-line-height);
font-weight: 700;
}
/* product-item */
.product-item{
display: grid;
grid-template-rows: auto 1fr auto;
background-color: #fff;
width: 100%;
max-width: 21.875rem;
text-align: center;
color: var(--ama-body-color);
text-decoration: none;
box-shadow: 0 0 3.125rem 0 rgba(0, 0, 0, .1)
}
.product-item > .item__content{padding: 1.5625rem}
.product-item > .item__content:last-child{grid-row: auto/span 2}
.product-item > .item__content > * + *{margin-top: .625rem}
.product-item > .item__content > .is-title{
font-size: var(--ama-lg-font-size);
line-height: var(--ama-lg-line-height);
font-weight: 600
}
.product-item > .item__content > .ama-product-price{
font-size: var(--ama-sm-font-size);
line-height: var(--ama-sm-line-height);
text-transform: uppercase
}
.product-item > .item__content:not(:last-child){padding-bottom: 1.25rem}
.product-item > .item__end{padding: 0 1.875rem 1.5625rem 1.875rem}
/* are-tags */
.are-tags{
display: flex;
flex-wrap: wrap;
margin: -0.125rem
}
.are-tags > *{
margin: 0.125rem;
display: flex;
flex-wrap: wrap;
font-size: 0.875rem;
line-height: 1.1428571428571428em;
padding: 0.14285714285714285em 0.2857142857142857em;
color: #000;
background-color: #fff;
text-transform: uppercase
}
/* is-link-indicator */
.is-link-indicator{
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
color: #000;
background-color: var(--ama-yellow-color)
}
.is-link-indicator::after{
content: '';
display: block;
width: 1rem;
height: 1rem;
background: currentColor;
mask-image: url(../images/arrow-double.svg);
mask-position: center;
mask-size: 100% auto;
mask-repeat: no-repeat;
-webkit-mask-image: url(../images/arrow-double.svg);
-webkit-mask-position: center;
-webkit-mask-size: 100% auto;
-webkit-mask-repeat: no-repeat
}
/* reference-item */
.reference-item{
display: grid;
grid-template-columns: 1fr;
align-items: flex-end;
position: relative;
isolation: isolate;
color: #fff;
background-color: #000;
padding: 1.875rem;
min-height: 21.875rem;
text-decoration: none
}
.is-style-slider .reference-item{min-height: 28.125rem;}
.is-style-slider .reference-item .is-link-indicator{
width: 3.75rem;
height: 3.75rem;
}
.is-style-slider .reference-item .is-link-indicator::after{
width: 1.5rem;
height: 1.5rem;
}
a.reference-item:hover{
color: #fff;
text-decoration: none
}
.reference-item .are-tags + *{margin-top: 1.25rem}
.reference-item > img,
.reference-item::after{
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.reference-item > img{object-fit: cover}
.reference-item::after{
content: '';
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%)
}
a.reference-item > .item__content{
display: grid;
grid-template-columns: 1fr auto;
align-items: flex-end;
gap: 0 1.25rem
}
a.reference-item > .item__content > .are-tags{grid-column: 1 / -1}
.reference-item .is-title{
font-size: var(--ama-h3-font-size);
line-height: 1em;
font-weight: 600
}
.splide__slide .reference-item .is-title{
font-size: var(--ama-xl-font-size)
}
a.reference-item:hover .is-link-indicator{
color: #fff;
background-color: var(--ama-primary-color)
}
/* accordion c elements */
.a_txtmedia{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--ama-gutter-double-x);
align-items: flex-start
}
.a_txtmedia > .classic-editor{margin-right: -1.25rem}
.a_txtmedia > .is-media__col{margin-left: 2.5rem}
.a_txtmedia > .is-media__col{
--ama-splide-width: 3.75rem;
--ama-splide-height: 3.75rem;
--ama-splide-color: var(--ama-body-color);
--ama-splide-bgcolor: var(--ama-yellow-color);
--ama-splide-border-color: var(--ama-yellow-color);
--ama-splide-border-radius: 0;
width: 100%;
max-width: 31.25rem
}
.a_txtmedia > .is-media__col .splide__arrows{
width: calc(var(--ama-splide-width) * 2 + 1.25rem);
height: var(--ama-splide-height);
top: unset;
left: unset;
right: .625rem;
bottom: .625rem;
transform: none;
}
.accordion-item .accordion-collapse{
--ama-h2-font-size: 1.5rem;
--ama-h2-line-height: 1.4166666666666665em;
--ama-h3-font-size: 1.3125rem;
--ama-h3-line-height: 1.4285714285714284em;
--ama-h4-font-size: 1.1875rem;
--ama-h4-line-height: 1.263157894736842em;
}
.a-el + .a-el{margin-top: 2.5rem}
/* =============================================================================
acf blocks
========================================================================== */
* + .ama-block,
.ama-block + *{margin-top: var(--ama-margin-top-block)}
/* block-bgcolor */
.block-bgcolor{
--ama-input-border-color: #fff;
background-color: var(--ama-light-gray-color);
padding: 4.375rem;
display: grid;
grid-template-columns: 1fr;
align-items: center;
position: relative;
isolation: isolate;
background-image: url(../images/icon-onecolor.svg);
background-size: 25rem auto;
background-repeat: no-repeat;
background-position: right -3.125rem bottom -3.125rem
}
.block-bgcolor::before{
content: '';
display: block;
position: absolute;
pointer-events: none;
user-select: none;
width: 6.25rem;
height: 6.25rem;
top: -3.125rem;
left: -3.125rem;
z-index: -1;
background: url(../images/icon.svg) center no-repeat;
background-size: cover
}
.wp-block-column.is-style-wbg{
--ama-input-border-color: #fff;
background-color: var(--ama-light-gray-color);
padding: 2.5rem;
background-image: url(../images/icon-onecolor.svg);
background-size: 18.75rem auto;
background-repeat: no-repeat;
background-position: right -3.125rem bottom -3.125rem
}
.block-gallery > .block__body{
--gutter-width: 1.55%;
--item-width: 15.385%;
--item-wide-width: calc( var(--item-width) * 2 + var(--gutter-width) )
}
.block-gallery > .block__body .grid-sizer,
.block-gallery > .block__body .gallery-item{width: var(--item-width)}
.block-gallery > .block__body .gallery-item.is-landscape{width: var(--item-wide-width)}
.block-gallery > .block__body .gutter-sizer { width: var(--gutter-width); }
.block-gallery > .block__body .gallery-item{padding-bottom: var(--gutter-width)}
.block-gallery > .block__body .gallery-item > a{
display: block;
width: 100%;
height: 15rem;
overflow: hidden;
position: relative;
cursor: pointer;
background-color: #000
}
.block-gallery > .block__body .gallery-item > a > img{
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 50%;
object-fit: cover;
object-position: center;
transform: translateX(-50%)
}
a[data-src]{position: relative}
a[data-src]::after, a.is-video::after{
content: '';
display: block;
width: 50%;
max-width: 3rem;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
mask-image: url(../images/play-btn.svg);
mask-position: center;
mask-size: 100% auto;
mask-repeat: no-repeat;
-webkit-mask-image: url(../images/play-btn.svg);
-webkit-mask-position: center;
-webkit-mask-size: 100% auto;
-webkit-mask-repeat: no-repeat
}
/* block-txtmedia */
.block-txtmedia{
grid-column: full-width!important;
overflow-x: hidden;
padding-left: var(--grid-padding-inline);
padding-right: var(--grid-padding-inline)
}
.block-txtmedia > *{
width: 100%;
max-width: var(--ama-container);
margin-left: auto;
margin-right: auto
}
.block-txtmedia > .block__body{
display: grid;
grid-template-columns: 1fr;
padding-top: 3.125rem
}
.block-txtmedia > .block__body > .body__content{
background-color: var(--ama-light-gray-color);
padding: 3.125rem var(--ama-gutter-x);
display: grid;
grid-template-columns: 1fr;
align-items: center;
position: relative;
isolation: isolate;
background-image: url(../images/icon-onecolor.svg);
background-size: 37.5rem auto;
background-repeat: no-repeat;
}
.block-txtmedia:not(.reverse-order) > .block__body > .body__content{background-position: left -6.25rem bottom -6.25rem}
.block-txtmedia.reverse-order > .block__body > .body__content{background-position: right -6.25rem bottom -6.25rem}
.block-txtmedia > .block__body > .body__content::after{
content: '';
display: block;
position: absolute;
pointer-events: none;
user-select: none;
width: 6.25rem;
height: 6.25rem;
top: -3.125rem;
z-index: -1;
background: url(../images/icon.svg) center no-repeat;
background-size: cover
}
.block-txtmedia:not(.reverse-order) > .block__body > .body__content::after{left: -3.125rem}
.block-txtmedia.reverse-order > .block__body > .body__content::after{right: -3.125rem}
.block-txtmedia > .block__body > .body__content > .inner{width: 100%; max-width: 28.75rem; margin: 0 auto}
.block-txtmedia > .block__body > .body__media{
max-width: 47.9375rem;
--ama-splide-width: 3.75rem;
--ama-splide-height: 3.75rem;
--ama-splide-color: var(--ama-body-color);
--ama-splide-bgcolor: var(--ama-yellow-color);
--ama-splide-border-color: var(--ama-yellow-color);
--ama-splide-border-radius: 0;
}
.block-txtmedia > .block__body > .body__media .splide__arrows{
width: calc(var(--ama-splide-width) * 2 + 1.25rem);
height: var(--ama-splide-height);
top: unset;
bottom: 1.25rem;
transform: none;
}
.block-txtmedia:not(.reverse-order) > .block__body > .body__media .splide__arrows{left: unset; right: 1.25rem}
.block-txtmedia.reverse-order > .block__body > .body__media .splide__arrows{left: 1.25rem; right: unset}
.block-txtmedia > .block__body > .body__media .splide__arrows .splide__arrow{
top: 0;
transform: none;
}
.txtmedia-caption{
position:absolute;
left: .9375rem;
right: 10.375rem;
bottom: .9375rem;
text-shadow: 0 2px 6px rgba(0,0,0,0.7);
color:#fff;
}
@media (min-width: 768px){
.block-txtmedia:not(.reverse-order){--content-order: 0}
.block-txtmedia.reverse-order{--content-order: 1}
.block-txtmedia > .block__body{grid-template-columns: repeat(2, 1fr);}
.block-txtmedia > .block__body > .body__content{order: var(--content-order)}
#wrapper .block-txtmedia > .block__body > .body__content,
#wrapper .block-txtmedia > .block__body > .body__media{height: 40rem}
#wrapper .block-txtmedia > .block__body > .body__content > .inner{
max-height: 100%;
overflow-y: auto
}
.block-txtmedia > .block__body > .body__media .splide,
.block-txtmedia > .block__body > .body__media .splide > .splide__track{height: 100%}
.block-txtmedia > .block__body > .body__media img{width: 100%; height: 100%; object-fit: cover; object-position: center}
}
@media (min-width: 1200px){
.block-txtmedia:not(.reverse-order) > .block__body > .body__content{margin-right: -.9375rem}
.block-txtmedia:not(.reverse-order) > .block__body > .body__media{margin-left: auto}
.block-txtmedia.reverse-order > .block__body > .body__content{margin-left: -.9375rem}
.block-txtmedia.reverse-order > .block__body > .body__media{margin-right: auto}
}
/* block-narrow */
.block-narrow{
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 64rem;
}
/* block-cfeedbacks */
.block-cfeedback > .block__header{margin-bottom: 2.5rem}
.block-cfeedback.is-style-slider,
.block-cfeedback.is-style-slider > .block__body{
grid-column: full-width!important;
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
/*
.block-cfeedback.is-style-slider > .block__body > *{grid-column: content}
.block-cfeedback.is-style-slider > .block__body{overflow: hidden}
.block-cfeedback.is-style-slider > .block__body > .splide__track{overflow: visible}
.block-cfeedback.is-style-slider > .block__body > .splide__arrows{grid-row: 2}
*/
.block-cfeedback.is-style-slider > .block__body{
overflow: hidden
}
.block-cfeedback.is-style-slider > :not(.block__body),
.block-cfeedback.is-style-slider > .block__body > *{grid-column: content}
.block-cfeedback.is-style-slider > .block__body > .slick-list{overflow: visible; margin: 0 -1.25rem}
.block-cfeedback.is-style-slider > .block__body .slick-slide__content{
padding: 0 1.25rem;
position: relative;
height: 100%
}
.block-cfeedback .slick-controls{
display: grid;
grid-template-columns: auto auto 1fr;
gap: .625rem 1.25rem;
align-items: center;
margin-top: 3.75rem
}
.block-cfeedback .slick-controls > *{grid-row: 1}
.block-cfeedback .slick-controls > .slick-arrow{
width: 3.125rem;
height: 3.125rem;
border-radius: 50%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: var(--ama-secondary-color);
background-color: transparent;
padding: 0;
border: 2px solid var(--ama-secondary-color)
}
.block-cfeedback .slick-controls > .slick-arrow svg{width: .75rem}
.block-cfeedback .slick-controls > .slick-prev{grid-column: 1}
.block-cfeedback .slick-controls > .slick-next{grid-column: 2}
.block-cfeedback .slick-controls > .slick-progress{
background-color: rgba(0, 0, 0, .1);
height: 1px;
width: calc(100% - .625rem);
margin-left: .625rem;
position: relative
}
.block-cfeedback .slick-controls > .slick-progress > .slick-progress__bar{
position: absolute;
height: 5px;
background-color: var(--ama-secondary-color);
position: absolute;
top: calc(50% - 2.5px);
transition: width .3s ease
}
.block-cfeedback .cfeedback-item .body__media > *{
width: 100%;
height: 100%;
object-fit: cover;
}
.block-cfeedback .cfeedback-item .body__media .splide__slide a{height: 100%}
.block-cfeedback .cfeedback-item .body__media .splide__slide a img{height: 100%; object-fit: cover}
/* block-references */
.block-references:not(.is-style-slider) > .block__body{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--ama-gutter-double-x)
}
.block-references.is-style-slider,
.block-references.is-style-slider > .block__body{
grid-column: full-width!important;
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
.block-references.is-style-slider > :not(.block__body){grid-column: content}
/*
.block-references.is-style-slider > .block__body > *{grid-column: content}
.block-references.is-style-slider > .block__body{overflow: hidden}
.block-references.is-style-slider > .block__body > .splide__track{overflow: visible}
.block-references.is-style-slider > .block__body > .splide__arrows{grid-row: 2}
*/
.block-references.is-style-slider > .block__body > .slick-list{grid-column: full-width}
.block-references.is-style-slider .reference-item{
width: 48.75rem;
margin: 0 0.625rem
}
@media (max-width: 820px){
.block-references.is-style-slider .reference-item{width: calc(100% - 1.25rem)}
}
.block-references.is-style-slider > .block__body{overflow: hidden}
.block-references .slick-dots{
grid-column: content;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-top: 2.5rem;
gap: .5rem
}
.block-references .slick-dots button{
display: block;
width: .625rem;
height: .625rem;
overflow: hidden;
text-indent: -50000px;
padding: 0;
border-radius: .625rem;
border: 1px solid #000;
background-color: transparent;
cursor: pointer;
transition: all .3s linear
}
.block-references .slick-dots button:hover,
.block-references .slick-dots button[aria-selected="true"]{border-color: var(--ama-primary-color); background-color: var(--ama-primary-color)}
.block-references .slick-dots button[aria-selected="true"]{width: 1.875rem}
/* block-products */
.block-products > .block__header{margin-bottom: 2.5rem}
.block-products.is-style-slider,
.block-products.is-style-slider > .block__body{
grid-column: full-width!important;
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
.block-products.is-style-slider > :not(.block__body),
.block-products.is-style-slider > .block__body > *{grid-column: content}
.block-products.is-style-slider > .block__body{overflow: hidden; padding-bottom: 3.125rem; margin-bottom: -3.125rem}
.block-products.is-style-slider > .block__body > .splide__track{overflow: visible}
.block-products.is-style-slider > .block__body > .splide__arrows{grid-row: 2}
.block-products:not(.is-style-slider) .block__body{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--ama-gutter-double-x)
}
.block-products:not(.is-style-slider) .block__body .product-item{margin: unset}
* + .block__body--group{margin-top: 3.125rem}
.block__body--group > .block__header{text-align: center; margin-bottom: 1.5rem}
/* block-stats */
.block-stats > .block__body > .d-flex{margin: calc(var(--ama-gutter-x) * -1)}
.block-stats > .block__body > .d-flex > *{margin: var(--ama-gutter-x)}
/* block-cards */
.block-cards.is-style-slider{
--breakout-size: calc((116.25rem - var(--content-max-width)) / 2);
}
.block-cards.is-style-slider > .splide{
overflow: hidden;
grid-column: full-width!important;
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
.block-cards.is-style-slider > .splide > *{grid-column: content}
.block-cards.is-style-slider > .splide > .splide__track{
grid-column: breakout!important;
overflow: visible;
}
.block-cards:not(.is-style-slider) > .block__body{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--ama-gutter-double-x)
}
/* block-logos */
.block-logos.is-style-slider{
grid-column: full-width!important;
}
.block-logos.is-style-slider .logo-item{
height: 3.125rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0 1.875rem
}
.block-logos.is-style-slider .logo-item img{max-width: 9.375rem; max-height: 3.125rem; width: auto; height: auto}
/* block-team */
.block-team:not(.is-style-slider) > .block__body{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3.75rem 1.875rem
}
.wp-block-column .block-team:not(.is-style-slider) > .block__body{grid-template-columns: 1fr}
/* block-quicklinks */
.block-quicklinks .block__body > ul{
--ama-link-color: currentColor;
--ama-link-hover-color: var(--ama-secondary-color);
padding-left: 0;
list-style: none
}
.block-quicklinks .block__body > ul > li + li{margin-top: 1rem}
.block-quicklinks .block__body > ul > li{
position: relative;
padding-left: 1.875rem
}
.block-quicklinks .block__body > ul > li::before{
content: '';
width: 1.25rem;
height: 1.25rem;
position: absolute;
top: 0.125rem;
left: 0;
background-color: var(--ama-secondary-color);
mask-image: url(../images/ul-icon.svg);
mask-position: center;
mask-size: 100% auto;
mask-repeat: no-repeat;
-webkit-mask-image: url(../images/ul-icon.svg);
-webkit-mask-position: center;
-webkit-mask-size: 100% auto;
-webkit-mask-repeat: no-repeat
}
/* block-quickmenu v2 */
.block-quickmenu{
position: sticky;
top: 4.875rem;
z-index: 30;
--ama-link-color: var(--ama-body-color);
--ama-link-hover-color: var(--ama-primary-color)
}
.block-quickmenu > *, .block-quickmenu .menu{display: flex; flex-wrap: wrap; align-items: center}
.block-quickmenu > *{justify-content: center}
.block-quickmenu .menu, .block-quickmenu .menu ul{list-style: none; padding: 0}
.block-quickmenu .menu{
justify-content: center;
background-color: #fff;
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
padding: .6875rem 2.5rem .6875rem 2.5rem
}
.block-quickmenu .menu > li{padding: .3125rem .625rem}
.block-quickmenu .menu a{
display: flex;
flex-wrap: wrap;
align-items: center;
text-decoration: none!important
}
.block-quickmenu .menu > li{position: relative}
.block-quickmenu .menu > li:not(:last-child)::after{
content: '';
display: block;
width: 1px;
height: 1.125rem;
position: absolute;
top: 50%;
left: 100%;
background: #A1A1A1;
transform: translate(0, -50%);
}
.block-quickmenu .menu > li > a{
justify-content: center;
padding: .4rem 0
}
* + .block-quickmenu{margin-top: 2.5rem}
.block-quickmenu + *{margin-top: 3.75rem}
.block-quickmenu .qmenu-select { display: none; }
@media (max-width: 768px) {
.block-quickmenu .qmenu-wrapper { display: none; }
.block-quickmenu .qmenu-select { display: block; width: 100%;}
}
/* block-single-entry */
.block-single-entry{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 5rem var(--ama-gutter-double-x)
}
.block-single-entry > .block__thumb + .block__content{max-width: 33.75rem; margin-left: var(--ama-gutter-x)}
.block-single-entry > .block__gallery,
.block-single-entry > .block__content:first-child,
.block-single-entry > .block__content:only-child,
.block-single-entry > :not(.block__thumb) + .block__content{grid-column: 1 / -1}
.block-single-entry > .block__gallery{
--ama-splide-width: 2.5rem;
--ama-splide-height: 2.5rem;
--ama-splide-color: #000;
--ama-splide-bgcolor: var(--ama-yellow-color);
--ama-splide-border-color: var(--ama-yellow-color);
--ama-splide-border-radius: 0;
}
.block-single-entry > .block__gallery.splide{padding-left: 3.75rem!important; padding-right: 3.75rem!important}
/* .block-materials */
.block-materials > .block__body{
display: grid;
grid-template-columns: 1fr;
gap: var(--ama-gutter-x);
}
.material-item{
display: grid;
grid-template-columns: 9rem 1fr auto;
grid-template-rows: auto auto;
grid-template-areas:
"thumb content end"
"thumb icons end";
gap: var(--ama-gutter-x);
padding: .9375rem 1.875rem;
background: var(--ama-light-gray-color);
color: var(--ama-body-color);
text-decoration: none;
text-align: left;
align-items: start;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.material-item:hover{transform: translateY(-1px);}
.material-item.has-thumb .item__thumb{ grid-area: thumb; }
.material-item.no-thumb{
grid-template-columns: 1fr auto;
grid-template-areas:
"content end"
"icons end";
}
.material-item.no-thumb .item__thumb{ display:none; }
.material-item .item__content{ grid-area: content; }
.material-item .item__icons{ grid-area: icons; }
.material-item .item__end{
grid-area: end;
align-self: center;
justify-self: end;
}
.material-title-row{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--ama-gutter-x);
}
.material-item .item__content .is-title{
margin: 0;
font-size: var(--ama-h3-font-size);
line-height: var(--ama-h3-line-height);
font-weight: var(--ama-h-font-weight);
}
.material-item .item__icons{
display: flex;
flex-wrap: wrap;
gap: var(--ama-gutter-x);
align-items: center;
}
.material-spec{
display: inline-flex;
align-items: center;
gap: .625rem;
padding: 7px 10px;
background: #fff;
font-size: 12px;
line-height: 1;
}
.material-badge{
display: inline-flex;
align-items: center;
padding: 4px 10px;
font-size: 12px;
line-height: 1;
background: var(--ama-secondary-color);
color: #fff;
}
.ama-ico{
width: 1.25rem;
height: 1.25rem;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.ama-ico--weight { background-image: url(../images/icon-scale.svg); }
.ama-ico--width { background-image: url(../images/icon-arrow.svg); }
.ama-ico--indoor { background-image: url(../images/icon-home.svg); }
.ama-ico--outdoor { background-image: url(../images/icon-weather.svg); }
.ama-ico--ds-print { background-image: url(../images/icon-two-arrows.svg); }
.ama-ico--uv-print { background-image: url(../images/icon-ultraviolet.svg); }
.ama-ico--latex { background-image: url(../images/icon-rubber.svg); }
.ama-ico--sublimation { background-image: url(../images/icon-heat-press.svg); }
.ama-ico--certificate { background-image: url(../images/icon-check.svg); }
.ama-ico--eco { background-image: url(../images/icon-eco.svg); }
/* block-single-material */
.block-txtmedia.block-single-material .material-content{width: 100%; max-width: 28.75rem; margin: 0 auto;}
.block-single-material .material-specs{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--ama-gutter-x);
align-items: stretch;
}
.block-single-material .material-spec{
font-size: var(--ama-body-font-size);
margin-top: 0!important;
}
.block-single-material .ama-ico {
width: 27px;
height: 27px;
}
.block-single-material .material-spec__label{margin-top: 0!Important}
.block-single-material.block-bgcolor .accordion-item > .accordion-button{background-color: #fff;}
.block-single-material.block-bgcolor .accordion-item > .accordion-button[aria-expanded="true"] {
background-color: var(--ama-yellow-color);
}
.block-single-material.block-bgcolor .material-specs{grid-template-columns: repeat(3, 1fr);}
.block-single-material.block-bgcolor .accordion-item .accordion-collapse, .block-single-material.block-bgcolor .accordion-item > .accordion-button > .accordion-toggle{margin-top: 0!Important}
.material-variant__title{font-size: var(--ama-h3-font-size); line-height: var(--ama-h3-line-height); font-weight: var(--ama-h-font-weight);}
/* =============================================================================
margin corrections
========================================================================== */
.entry-landing:not(.full-width) + *{margin-top: 0}
.entry-landing.full-width + *{margin-top: 3.75rem}
.entry-landing.full-width + .block-stats{margin-top: 2.5rem}
.ama-block + .block-txtmedia{margin-top: calc(var(--ama-margin-top-block) - 3.125rem)}
.block-stats + :not(.block-txtmedia){margin-top: 3.75rem}
.block-stats + .block-txtmedia{margin-top: .625rem}
/* =============================================================================
404
========================================================================== */
/* glitch effect */
.block-404{
position: relative;
height: 100%
}
.block-404 > .block-inner{
display: grid;
place-items: center;
align-content: center;
gap: 1.25rem;
position: relative;
height: 100%;
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.block-404 * + h1{margin-top: 0!important}
.block-404 h1{
font-size: clamp(2.5rem, 5vw, 7rem);
line-height: 1em;
}
.glitch {
letter-spacing: .1em;
text-transform: uppercase;
position: relative;
text-shadow: .05em 0 0 rgba(255, 0, 0, .75), -0.025em -0.05em 0 rgba(0, 255, 0, .75), 0.025em 0.05em 0 rgba(0, 0, 255, .75);
animation: glitch 500ms infinite
}
.glitch span{position: absolute; top: 0; left: 0; user-select: none; pointer-events: none}
.glitch span:first-child {
animation: glitch 650ms infinite;
clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
transform: translate(-.025em, -.0125em);
opacity: 0.8
}
.glitch span:last-child {
animation: glitch 375ms infinite;
clip-path: polygon(0 80%, 100% 20%, 100% 100%, 0 100%);
transform: translate(.0125em, .025em);
opacity: 0.8
}
@keyframes glitch {
0% {
text-shadow: .05em 0 0 rgba(255, 0, 0, .75), -.05em -.025em 0 rgba(0, 255, 0, .75), -.025em .05em 0 rgba(0, 0, 255, .75)
}
14% {
text-shadow: .05em 0 0 rgba(255, 0, 0, .75), -.05em -.025em 0 rgba(0, 255, 0, .75), -.025em .05em 0 rgba(0, 0, 255, .75);
}
15% {
text-shadow: -.05em -0.025em 0 rgba(255, 0, 0, .75), .025em .025em 0 rgba(0, 255, 0, .75), -.05em -.05em 0 rgba(0, 0, 255, .75);
}
49% {
text-shadow: -.05em -0.025em 0 rgba(255, 0, 0, .75), .025em .025em 0 rgba(0, 255, 0, .75), -.05em -.05em 0 rgba(0, 0, 255, .75);
}
50% {
text-shadow: .025em 0.05em 0 rgba(255, 0, 0, .75), .05em 0 0 rgba(0, 255, 0, .75), 0 -.05em 0 rgba(0, 0, 255, .75);
}
99% {
text-shadow: .025em 0.05em 0 rgba(255, 0, 0, .75), .05em 0 0 rgba(0, 255, 0, .75), 0 -.05em 0 rgba(0, 0, 255, .75);
}
100% {
text-shadow: -.025em 0 0 rgba(255, 0, 0, .75), -.025em -.025em 0 rgba(0, 255, 0, .75), -.025em -.05em 0 rgba(0, 0, 255, .75);
}
}
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
animation-delay: -1ms !important;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
background-attachment: initial !important;
scroll-behavior: auto !important;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
}
/* wpcf7 */
.cf7-cols{
display: grid;
grid-template-columns: 34.375rem 1fr;
gap: 2.5rem 4.375rem
}
.cf7-cols.contact-us{grid-template-columns: 25.375rem 1fr}
.cf7-cols > :not([class*="cf7-col"]){grid-column: 1 / -1}
.cf7-cols:not(.contact-us) > [class*="cf7-col"] > .row:only-child{height: 100%; flex-direction: column}
.cf7-cols:not(.contact-us) > [class*="cf7-col"] > .row:only-child > .col-fill-height{flex-grow: 1}
.wpcf7 .row > .col-12:not([class*="col-sm"], [class*="col-md"], [class*="col-lg"], [class*="col-xl"]) + .col-12:not([class*="col-sm"], [class*="col-md"], [class*="col-lg"], [class*="col-xl"]){margin-top: 1.25rem}
.wpcf7{font-size: var(--ama-sm-font-size); line-height: 1.4666666666666666em}
.wpcf7 .screen-reader-response{display: none!important}
.wpcf7 form .wpcf7-response-output:empty{display: none}
.wpcf7 *:not(.wpcf7-form-control) label:not([class]){display: block}
.wpcf7 .wpcf7-form-control-wrap + label:not([class]),
.wpcf7 *:not(.wpcf7-form-control) label:not([class]) + label:not([class]){margin-top: 1.25rem!important}
.wpcf7 label:not([class]) + .wpcf7-form-control-wrap{margin-top: 1.875rem!important}
.wpcf7 *:not(.wpcf7-form-control) label:not([class]) > .wpcf7-form-control-wrap{margin-top: .625rem}
.wpcf7 h1 + p,
.wpcf7 h2 + p,
.wpcf7 h3 + p,
.wpcf7 h4 + p,
.wpcf7 h5 + p,
.wpcf7 h6 + p,
.wpcf7 p + p{margin-top: var(--ama-margin-top-base)}
.wpcf7 .row-grid{margin-top: -.625rem; margin-bottom: -.625rem}
.wpcf7 .row-grid > *{padding-top: .625rem; padding-bottom: .625rem}
.wpcf7 .row-grid + .row-grid{margin-top: 1.625rem}
/* ARVE */
.bp-wrap{z-index: 1030!important}
.wp-block-nextgenthemes-arve-block{grid-area: unset!important; grid-column: content!important}
.gutenberg-elements .wp-block-nextgenthemes-arve-block{margin: 0}
.gutenberg-elements *:not(.ama-block) + .wp-block-nextgenthemes-arve-block,
.gutenberg-elements .wp-block-nextgenthemes-arve-block + *:not(.ama-block){margin-top: 3.125rem}
/* tab-pane */
.tab-content > .tab-pane{display: none}
.tab-content > .tab-pane.active{display: block}
/* light gallery */
.lg-has-iframe{
width: 90vw!important;
height: calc(90vw * 9 / 16)!important;
max-width: var(--ama-container)!important;
max-height: 43.125rem!important;
margin: 0 auto;
display: block;
}
@media (max-width: 1199px){
:root{
--ama-header-height: 3.75rem;
--ama-body-font-size: 0.9375rem;
--ama-h1-font-size: 2.25rem;
--ama-h2-font-size: 1.625rem;
--ama-h3-font-size: 1.5rem;
--ama-h4-font-size: 1.3125rem;
--ama-h5-font-size: 1.1875rem;
--ama-h6-font-size: 1.0625rem;
--ama-xxl-font-size: 2.6875rem;
--ama-sm-font-size: 0.8125rem;
--grid-padding-inline: 1rem;
}
.block-bgcolor{padding: var(--ama-gutter-double-x)}
.cf7-cols{grid-template-columns: 60% 1fr; gap: var(--ama-gutter-double-x)}
.block-bgcolor::before,
.block-txtmedia > .block__body > .body__content::after{
width: 3.125rem;
height: 3.125rem;
top: -1.5625rem
}
.block-txtmedia.reverse-order > .block__body > .body__content::after{right: -1.5625rem}
.block-txtmedia:not(.reverse-order) > .block__body > .body__content::after,
.block-bgcolor::before{left: -1.5625rem}
.cfeedback-item > .body__content::after{
width: 3.75rem;
height: 2.5rem;
}
.stat-item .is-value{font-size: 2rem}
.block-products:not(.is-style-slider) .block__body .product-item{
max-width: 33.33334%
}
}
@media (max-width: 991px){
.block-cards:not(.is-style-slider) > .block__body{grid-template-columns: repeat(2, 1fr)}
.wp-block-columns{
flex-wrap: wrap!important
}
.wp-block-columns > .wp-block-column{flex-basis: unset!important; flex-grow: 0!important; flex: 0 0 100%!important}
.wp-block-columns > .wp-block-column + .wp-block-column{margin-top: var(--ama-gutter-double-x)}
.wp-block-columns > *:not(:last-child){margin-right: 0!important}
.wp-block-columns > *:not(:first-child){margin-left: 0!important}
.cf7-cols{grid-template-columns: 1fr}
.block-txtmedia > .block__body > .body__content,
.cfeedback-item > .body__content,
.block-bgcolor,
.wp-block-column.is-style-wbg{padding: 1.875rem}
.block-team .tm-item{max-width: 100%}
.block-team:not(.is-style-slider) > .block__body{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 767px){
.block-gallery > .block__body{
--gutter-width: 1%;
--item-width: 24%;
overflow: hidden
}
.block-gallery > .block__body .gallery-item > a{height: 13.125rem}
.block-cards:not(.is-style-slider) > .block__body{grid-template-columns: 1fr}
.cfeedback-item > .body__content:not(:only-child) > .inner{max-width: 100%}
.block-txtmedia > .block__body > .body__content > .inner{max-width: 35.625rem}
.block-txtmedia .body__media,
.cfeedback-item > .body__media{background-color: var(--ama-light-gray-color)}
.block-txtmedia .body__media > *,
.cfeedback-item > .body__media > *{width: 100%; max-width: 35.625rem; margin-left: auto; margin-right: auto}
.block-stats > .block__body > .d-flex > .stat-item{max-width: calc(50% - var(--ama-gutter-double-x))}
.stat-item .is-label{font-size: 1.1875rem}
.cfeedback-item .body__media{height: 0!important; overflow: hidden}
* + .inner--gallery-btn{margin-top: 1.5rem}
.block-single-entry{grid-template-columns: 1fr; gap: 1.875rem 0}
.block-single-entry > .block__thumb{max-width: 35.625rem; margin-left: auto; margin-right: auto}
.block-single-entry > .block__thumb + .block__content{margin-left: auto; margin-right: auto; max-width: 35.625rem}
.block-products:not(.is-style-slider) .block__body .product-item{max-width: 100%}
.block-references:not(.is-style-slider) > .block__body{grid-template-columns: 1fr;}
.material-item {
grid-template-columns: 4rem 1fr;
grid-template-rows: auto auto auto;
align-items: center;
grid-template-areas:
"thumb content"
"icons icons"
"end end";
}
.material-item.no-thumb {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
grid-template-areas:
"content"
"icons"
"end";
}
.block-single-material.block-bgcolor .material-specs, .block-single-material .material-specs {grid-template-columns: 1fr;}
.block__header:not(.text-center){grid-template-columns: 1fr;}
}
@media (max-width: 699px){
.block-team:not(.is-style-slider) > .block__body{grid-template-columns: 1fr}
.block-gallery > .block__body .gallery-item > a{height: 10rem}
}
@media (max-width: 499px){
.block-stats > .block__body > .d-flex > .stat-item{max-width: calc(100% - var(--ama-gutter-double-x))}
}
@media (min-width: 767.1px){
.inner--gallery-btn{display: none!important}
}
@media (min-width: 414px) and (max-width: 767px){
.product-item{
grid-template-rows: 1fr auto;
grid-template-columns: 12.5rem 1fr;
text-align: left;
--ama-btn-padding-y: calc(0.625rem - var(--ama-btn-border-width));
--ama-btn-padding-x: calc(0.9375rem - var(--ama-btn-border-width));
min-height: 11.25rem
}
.product-item > .item__thumb{grid-row: 1 / -1; align-self: stretch}
.product-item > .item__thumb > img{display: block; width: 100%; height: 100%; object-fit: cover}
.product-item > .item__content{padding: 0.9375rem}
.product-item > .item__end{padding: 0 0.9375rem 0.9375rem 0.9375rem}
}
@media (min-width: 414px) and (max-width: 567px){
.product-item{
grid-template-columns: 10rem 1fr;
min-height: 10rem
}
}
/* gallery hover effects */
.block__gallery .splide__slide > a,
.wp-block-image a,
.body__media .splide__slide > a,
.gallery-item > a,
.block-references a.ama-lightbox{
display: block;
position: relative
}
.body__media .splide__slide > a{max-width: 100%; max-height: 100%;}
.body__media .splide__slide > a > *:not(.txtmedia-caption){width: 100%; height: 100%; object-fit: cover}
.block__gallery .splide__slide > a::before,
.block__gallery .splide__slide > a::after,
.wp-block-image a::before,
.wp-block-image a::after,
.body__media .splide__slide > a::before,
.body__media .splide__slide > a::after,
.gallery-item > a::before,
.gallery-item > a::after,
.block-references a.ama-lightbox::before,
.block-references a.ama-lightbox::after{
content: '';
display: block;
position: absolute;
top: 0;
z-index: 1;
user-select: none;
pointer-events: none;
height: 100%;
opacity: 0;
transition: all .3s linear
}
.block__gallery .splide__slide > a::before,
.wp-block-image a::before,
.body__media .splide__slide > a::before,
.gallery-item > a::before,
.block-references a.ama-lightbox::before{
width: 100%;
background-color: rgba(89, 187, 87, .8);
left: 0;
box-shadow: inset 0 0 0 10px rgba(89, 187, 87, .9), inset 0 0 0 12px #fff;
}
.block__gallery .splide__slide > a::after,
.wp-block-image a::after,
.body__media .splide__slide > a::after,
.gallery-item > a::after,
.block-references a.ama-lightbox::after{
background-color: #fff;
width: 40%;
max-width: 2.5rem;
left: 50%;
transform: translateX(-50%);
mask-image: url(../images/zoom.svg);
mask-position: center;
mask-repeat: no-repeat;
mask-size: 100% auto;
-webkit-mask-image: url(../images/zoom.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% auto
}
.block__gallery .splide__slide > a.is-video::after{
background-color: #fff;
width: 40%;
max-width: 2.5rem;
left: 50%;
transform: translateX(-50%);
mask-image: url(../images/play.svg);
mask-position: center;
mask-repeat: no-repeat;
mask-size: 100% auto;
-webkit-mask-image: url(../images/play.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% auto
}
.block__gallery .splide__slide > a:hover::before,
.block__gallery .splide__slide > a:hover::after,
.wp-block-image a:hover::before,
.wp-block-image a:hover::after,
.body__media .splide__slide > a:hover::before,
.body__media .splide__slide > a:hover::after,
.gallery-item > a:hover::before,
.gallery-item > a:hover::after,
.block-references a.ama-lightbox:hover::before,
.block-references a.ama-lightbox:hover::after{opacity: 1}