.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face {
font-family: "wcpf";
src: url(//exprimoadria.com/wp-content/plugins/woocommerce-product-filters/assets/fonts/wcpf/wcpf.eot);
src: url(//exprimoadria.com/wp-content/plugins/woocommerce-product-filters/assets/fonts/wcpf/wcpf.eot?#iefix) format("embedded-opentype"),
url(//exprimoadria.com/wp-content/plugins/woocommerce-product-filters/assets/fonts/wcpf/wcpf.woff) format("woff"),
url(//exprimoadria.com/wp-content/plugins/woocommerce-product-filters/assets/fonts/wcpf/wcpf.ttf) format("truetype"),
url(//exprimoadria.com/wp-content/plugins/woocommerce-product-filters/assets/fonts/wcpf/wcpf.svg#wcpf) format("svg");
font-weight: normal;
font-style: normal;
}
.wcpf-base-icon:before,
.wcpf-front-element.wcpf-hide-more-items
.wcpf-more-button.wcpf-status-active
.wcpf-more-icon:before,
.wcpf-front-element .wcpf-more-button .wcpf-more-icon:before,
.wcpf-front-element.wcpf-hierarchical-collapsed
.wcpf-item-hierarchical-collapsed
.box-item-toggle:before,
.wcpf-front-element.wcpf-hierarchical-collapsed
.wcpf-item-hierarchical-collapsed.wcpf-item-box-hide
> .wcpf-item-inner
> .wcpf-item-label
.box-item-toggle:before,
.wcpf-layout-item.wcpf-box-style .wcpf-heading-label .box-toggle:before,
.wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle:before,
.wcpf-layout-item.wcpf-box-style.wcpf-box-hide
.wcpf-heading-label
.box-toggle:before,
.wcpf-field-item.wcpf-box-style.wcpf-box-hide
.wcpf-heading-label
.box-toggle:before {
font-family: "wcpf" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[data-wcpf-icon]:before {
font-family: "wcpf" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="wcpf-icon-"]:before,
[class*=" wcpf-icon-"]:before {
font-family: "wcpf" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wcpf-icon-arrow-back:before {
content: "\61";
}
.wcpf-icon-angle-left:before {
content: "\62";
}
.wcpf-icon-left-open-big:before {
content: "\63";
}
.wcpf-icon-left-open-mini:before {
content: "\64";
}
.wcpf-icon-android-more-vertical:before {
content: "\65";
}
.wcpf-icon-android-menu:before {
content: "\66";
}
.wcpf-icon-ios-grid-view-outline:before {
content: "\67";
}
.wcpf-icon-ios-more-outline:before {
content: "\68";
}
.wcpf-icon-more-option:before {
content: "\69";
}
.wcpf-icon-braille:before {
content: "\6a";
}
.wcpf-icon-arrows:before {
content: "\6b";
}
.wcpf-icon-arrow-move:before {
content: "\6c";
}
.wcpf-icon-arrow-combo:before {
content: "\6d";
}
.wcpf-icon-fog:before {
content: "\6e";
}
.wcpf-icon-list:before {
content: "\6f";
}
.wcpf-icon-move-alt1:before {
content: "\70";
}
.wcpf-icon-move:before {
content: "\71";
}
.wcpf-icon-thumbnails:before {
content: "\72";
}
.wcpf-icon-arrows-out:before {
content: "\73";
}
.wcpf-icon-direction-move-1:before {
content: "\74";
}
.wcpf-icon-content-41:before {
content: "\75";
}
.wcpf-icon-cursor-move:before {
content: "\76";
}
.wcpf-icon-resize-arrow-up:before {
content: "\77";
}
.wcpf-icon-arrow-move-1:before {
content: "\78";
}
.wcpf-icon-arrow-expand:before {
content: "\79";
}
.wcpf-icon-android-more-horizontal:before {
content: "\7a";
}
.wcpf-icon-android-arrow-dropdown:before {
content: "\41";
}
.wcpf-icon-caret-down:before {
content: "\42";
}
.wcpf-icon-down-dir:before {
content: "\43";
}
.wcpf-icon-down-open-mini:before {
content: "\44";
}
.wcpf-icon-down-open:before {
content: "\45";
}
.wcpf-icon-up-open-mini:before {
content: "\46";
}
.wcpf-icon-chevron-down:before {
content: "\47";
}
.wcpf-icon-pause:before {
content: "\48";
}
.wcpf-icon-pause-1:before {
content: "\49";
}
.wcpf-icon-row-mode:before {
content: "\4a";
}
.wcpf-icon-column-mode:before {
content: "\4b";
}
.wcpf-icon-android-add:before,
.wcpf-front-element .wcpf-more-button .wcpf-more-icon:before,
.wcpf-front-element.wcpf-hierarchical-collapsed
.wcpf-item-hierarchical-collapsed.wcpf-item-box-hide
> .wcpf-item-inner
> .wcpf-item-label
.box-item-toggle:before,
.wcpf-layout-item.wcpf-box-style.wcpf-box-hide
.wcpf-heading-label
.box-toggle:before,
.wcpf-field-item.wcpf-box-style.wcpf-box-hide
.wcpf-heading-label
.box-toggle:before {
content: "\4c";
}
.wcpf-icon-android-remove:before,
.wcpf-front-element.wcpf-hide-more-items
.wcpf-more-button.wcpf-status-active
.wcpf-more-icon:before,
.wcpf-front-element.wcpf-hierarchical-collapsed
.wcpf-item-hierarchical-collapsed
.box-item-toggle:before,
.wcpf-layout-item.wcpf-box-style .wcpf-heading-label .box-toggle:before,
.wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle:before {
content: "\4d";
}
.wcpf-icon-android-close:before {
content: "\4e";
}
.wcpf-icon-picture-o:before {
content: "\4f";
}
.wcpf-icon-paint-bucket:before {
content: "\50";
}
.wcpf-icon-tint:before {
content: "\51";
}
.wcpf-icon-image:before {
content: "\52";
}
.wcpf-icon-paintbucket:before {
content: "\53";
}
.wcpf-icon-light-down:before {
content: "\54";
}
.wcpf-icon-ios-moon-outline:before {
content: "\55";
}
.wcpf-icon-ios-sunny-outline:before {
content: "\56";
}
.wcpf-icon-moon:before {
content: "\57";
}
.wcpf-icon-moon-o:before {
content: "\58";
}
.wcpf-icon-sun-o:before {
content: "\59";
}
.wcpf-icon-android-sunny:before {
content: "\5a";
}
.wcpf-icon-ios-moon:before {
content: "\30";
}
.wcpf-icon-ios-sunny:before {
content: "\31";
}
.wcpf-icon-picture-streamline:before {
content: "\32";
}
.wcpf-icon-photo:before {
content: "\33";
}
.wcpf-icon-painting-pallet-streamline:before {
content: "\34";
}
.wcpf-icon-paint-bucket-streamline:before {
content: "\35";
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.wcpf-field-color-list .wcpf-content,
.wcpf-field-text-list .wcpf-content,
.wcpf-field-box-list .wcpf-content,
.wcpf-field-checkbox-list .wcpf-content,
.wcpf-field-radio-list .wcpf-content,
.wcpf-field-drop-down-list .wcpf-content,
.wcpf-field-price-slider .wcpf-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 6px;
}
.wcpf-field-color-list .wcpf-heading-label,
.wcpf-field-text-list .wcpf-heading-label,
.wcpf-field-box-list .wcpf-heading-label,
.wcpf-field-checkbox-list .wcpf-heading-label,
.wcpf-field-radio-list .wcpf-heading-label,
.wcpf-field-drop-down-list .wcpf-heading-label,
.wcpf-field-price-slider .wcpf-heading-label {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 8px 0;
font-size: 14px;
font-weight: 600;
color: #111;
text-transform: uppercase;
}
.wcpf-field-color-list .wcpf-input-container,
.wcpf-field-color-list .wcpf-label-container,
.wcpf-field-text-list .wcpf-input-container,
.wcpf-field-text-list .wcpf-label-container,
.wcpf-field-box-list .wcpf-input-container,
.wcpf-field-box-list .wcpf-label-container,
.wcpf-field-checkbox-list .wcpf-input-container,
.wcpf-field-checkbox-list .wcpf-label-container,
.wcpf-field-radio-list .wcpf-input-container,
.wcpf-field-radio-list .wcpf-label-container,
.wcpf-field-drop-down-list .wcpf-input-container,
.wcpf-field-drop-down-list .wcpf-label-container,
.wcpf-field-price-slider .wcpf-input-container,
.wcpf-field-price-slider .wcpf-label-container {
display: inline-block;
}
.wcpf-field-button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 8px;
padding-bottom: 8px;
}
.wcpf-field-button .wcpf-button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
padding: 6px 12px;
border: 1px solid #e5e5e5;
background: #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
text-align: center;
font-weight: 500;
font-size: 14px;
color: #111;
}
.wcpf-field-button .wcpf-button:hover {
background: #111;
color: #fff;
}
.wcpf-field-drop-down-list .wcpf-input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
padding: 2px 4px;
border: 1px solid #e5e5e5;
background: #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.wcpf-field-drop-down-list .select2-selection__clear {
display: none;
}
.wcpf-field-radio-list .wcpf-radio-list .wcpf-radio-children-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 18px;
}
.wcpf-field-radio-list .wcpf-radio-list .wcpf-radio-item .wcpf-radio-label {
display: block;
margin: 0;
padding: 0;
cursor: pointer;
color: #111;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wcpf-field-radio-list
.wcpf-radio-list
.wcpf-radio-item
.wcpf-radio-label:before,
.wcpf-field-radio-list
.wcpf-radio-list
.wcpf-radio-item
.wcpf-radio-label:after {
display: table;
content: "";
line-height: 0;
}
.wcpf-field-radio-list
.wcpf-radio-list
.wcpf-radio-item
.wcpf-radio-label:after {
clear: both;
}
.wcpf-field-radio-list
.wcpf-radio-list
.wcpf-radio-item
.wcpf-radio-label:hover {
color: #8d8d8d;
}
.wcpf-field-radio-list
.wcpf-radio-list
.wcpf-radio-item:not(.disabled)
.wcpf-radio-label:hover {
color: inherit;
}
.wcpf-field-radio-list .wcpf-radio-list .wcpf-radio-item .wcpf-input-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: inline-block;
float: left;
margin-top: 0.7em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 0;
background: none;
}
.wcpf-field-radio-list
.wcpf-radio-list
.wcpf-radio-item
.wcpf-input-container
.wcpf-input {
display: none;
}
.wcpf-field-radio-list .wcpf-radio-list .wcpf-radio-item .wcpf-title-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
float: left;
width: -webkit-calc(100% - 16px);
width: calc(100% - 16px);
padding-left: 12px;
line-height: 1.4;
}
.wcpf-field-radio-list
.wcpf-radio-list
.wcpf-radio-item.checked
> .wcpf-radio-item-inner
> .wcpf-radio-label
.wcpf-input-container::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
height: 6px;
width: 6px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
border-radius: 50%;
background: #111;
}
.wcpf-field-radio-list
.wcpf-radio-list
.wcpf-radio-item.disabled
> .wcpf-radio-item-inner
> .wcpf-radio-label {
color: #7e7e7e;
opacity: 0.6;
cursor: default;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-children-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 18px;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-checkbox-label {
display: block;
margin: 0;
padding: 0;
cursor: pointer;
color: #111;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-checkbox-label:before,
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-checkbox-label:after {
display: table;
content: "";
line-height: 0;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-checkbox-label:after {
clear: both;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-checkbox-label:hover {
color: #8d8d8d;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-input-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: inline-block;
float: left;
margin-top: 0.7em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0;
background: none;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-input-container
.wcpf-input {
display: none;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-title-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
float: left;
width: -webkit-calc(100% - 16px);
width: calc(100% - 16px);
padding-left: 12px;
line-height: 1.4;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item.checked
> .wcpf-checkbox-item-inner
> .wcpf-checkbox-label
.wcpf-input-container::after {
content: "";
position: absolute;
display: block;
top: 4px;
left: 3px;
height: 3px;
width: 6px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border: solid #111;
border-width: 0 0 2px 2px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item.disabled
> .wcpf-checkbox-item-inner
> .wcpf-checkbox-label {
color: #7e7e7e;
opacity: 0.6;
cursor: default;
}
.wcpf-field-price-slider.wcpf-display-min-max-inputs
.wcpf-price-slider-min-max-inputs {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 4px;
}
.wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-max-input,
.wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-min-input {
box-sizing: border-box;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: calc(50% - 4px);
-webkit-border-radius: 2px;
border-radius: 2px;
}
.wcpf-field-price-slider.wcpf-display-price-label .priceLabel {
display: block;
}
.wcpf-field-price-slider .priceLabel {
display: none;
}
.wcpf-field-price-slider .wcpf-price-slider-min-max-inputs {
display: none;
}
.wcpf-field-price-slider .priceSliderInput {
margin-bottom: 1em;
}
.wcpf-field-price-slider .priceSliderAmount {
text-align: right;
line-height: 2.4;
font-size: 0.8751em;
}
.wcpf-field-price-slider .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.wcpf-field-price-slider .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #fff;
-webkit-border-radius: 1em;
border-radius: 1em;
cursor: ew-resize;
outline: none;
top: -0.3em;
margin-left: -0.5em;
border: 1px solid #d5d5d5;
}
.wcpf-field-price-slider .ui-slider .ui-slider-handle:focus {
outline-width: 1px;
outline-style: solid;
}
.wcpf-field-price-slider .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
-webkit-border-radius: 1em;
border-radius: 1em;
background-color: #d5d5d5;
}
.wcpf-field-price-slider .wcpf-price-slider {
padding-top: 8px;
}
.wcpf-field-price-slider .wcpf-price-slider .ui-widget-content {
-webkit-border-radius: 1em;
border-radius: 1em;
background-color: #eee;
border: 0;
}
.wcpf-field-price-slider .ui-slider-horizontal {
height: 0.5em;
}
.wcpf-field-price-slider .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.wcpf-field-price-slider .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.wcpf-field-price-slider .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.wcpf-field-price-slider .priceLabel .price-text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding-right: 4px;
}
.wcpf-field-color-list .wcpf-color-list {
padding-top: 0;
}
.wcpf-field-color-list .wcpf-color-list .wcpf-color-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: inline-block;
margin-right: 10px;
margin-top: 8px;
padding: 0;
height: 24px;
width: 24px;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
-webkit-border-radius: 24px;
border-radius: 24px;
cursor: pointer;
}
.wcpf-field-color-list .wcpf-color-list .wcpf-color-item.selected {
vertical-align: top;
}
.wcpf-field-color-list .wcpf-color-list .wcpf-color-item.using-border {
border: 1px solid #ccc;
}
.wcpf-field-color-list
.wcpf-color-list
.wcpf-color-item.using-border.selected:after {
margin: 8px 0 0 7px;
}
.wcpf-field-color-list .wcpf-color-list .wcpf-color-item.selected:after {
position: absolute;
top: 0;
display: block;
content: "";
height: 3px;
width: 6px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 9px 0 0 8px;
border: solid #fff;
border-width: 0 0 2px 2px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.wcpf-field-color-list
.wcpf-color-list
.wcpf-color-item.dark-marker.selected:after {
border-color: #111;
}
.wcpf-field-color-list .wcpf-color-list .wcpf-color-item.disabled {
opacity: 0.2;
cursor: default;
}
.wcpf-field-text-list .wcpf-text-children-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 18px;
}
.wcpf-field-text-list .wcpf-text-list .wcpf-text-item {
cursor: pointer;
}
.wcpf-field-text-list .wcpf-text-list .wcpf-text-item .wcpf-text-label {
color: #111;
background: none;
font-weight: normal;
padding: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wcpf-field-text-list .wcpf-text-list .wcpf-text-item .wcpf-title-container {
display: inline-block;
line-height: 1.4;
}
.wcpf-field-text-list
.wcpf-text-list
.wcpf-text-item.selected
> .wcpf-text-item-inner
> .wcpf-text-label {
font-weight: 600;
}
.wcpf-field-text-list
.wcpf-text-list
.wcpf-text-item.disabled
> .wcpf-text-item-inner
> .wcpf-text-label {
color: #7e7e7e;
opacity: 0.6;
cursor: default;
}
.wcpf-field-text-list
.wcpf-text-list
.wcpf-text-item:not(.disabled)
.wcpf-text-label:hover {
font-weight: 600;
}
.wcpf-field-text-list .wcpf-text-list .wcpf-text-item .wcpf-input {
display: none;
}
.wcpf-field-text-list.wcpf-text-list-inline-style
.wcpf-text-list
.wcpf-text-item {
display: inline-block;
margin-right: 12px;
}
.wcpf-field-box-list .wcpf-box-list:before,
.wcpf-field-box-list .wcpf-box-list:after {
display: table;
content: "";
line-height: 0;
}
.wcpf-field-box-list .wcpf-box-list:after {
clear: both;
}
.wcpf-field-box-list .wcpf-box-list .wcpf-box-item {
height: 45px;
width: 45px;
float: left;
margin-right: -1px;
margin-bottom: -1px;
padding: 0;
font-weight: normal;
background: none;
overflow: hidden;
cursor: pointer;
line-height: 45px;
border: 1px solid #e5e5e5;
color: #111;
text-align: center;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wcpf-field-box-list .wcpf-box-list .wcpf-box-item.selected,
.wcpf-field-box-list .wcpf-box-list .wcpf-box-item:hover {
background-color: #111;
color: #fff;
}
.wcpf-field-text-list .wcpf-product-counts,
.wcpf-field-radio-list .wcpf-product-counts,
.wcpf-field-checkbox-list .wcpf-product-counts {
display: inline-block;
padding-left: 2px;
}
.wcpf-field-radio-list .wcpf-product-counts,
.wcpf-field-checkbox-list .wcpf-product-counts {
line-height: normal;
}
.wcpf-layout-simple-box {
margin-bottom: 12px;
}
.wcpf-layout-simple-box .wcpf-simple-box-heading {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 8px 0;
font-size: 14px;
font-weight: 600;
color: #111;
text-transform: uppercase;
}
.wcpf-layout-columns {
display: flex;
}
.wcpf-layout-columns .wcpf-layout-column {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 4px;
}
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item {
display: inline-block;
margin-right: 8px;
line-height: 18px;
}
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item:before,
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item:after {
display: table;
content: "";
line-height: 0;
}
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item:after {
clear: both;
}
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item .note-text {
display: inline-block;
float: right;
font-size: 14px;
color: #111;
}
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item .remove-filter {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
position: relative;
margin-right: 6px;
float: left;
width: 18px;
height: 18px;
cursor: pointer;
vertical-align: middle;
background: none;
padding:0;
border: 0;
}
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item .remove-filter:before,
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item .remove-filter:after {
position: absolute;
display: block;
content: "";
width: 50%;
height: 1px;
top: 49%;
left: 25%;
background: #111;
-webkit-transition: background 300ms ease;
-o-transition: background 300ms ease;
transition: background 300ms ease;
}
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item .remove-filter:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item .remove-filter:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item .remove-filter:hover:before,
.wcpf-filter-notes .wcpf-note-list .wcpf-note-item .remove-filter:hover:after {
background: #8d8d8d;
}
.wcpf-scrollbar ::-webkit-scrollbar {
width: 6px;
background-color: transparent;
}
.wcpf-scrollbar ::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
.wcpf-scrollbar ::-webkit-scrollbar-thumb {
background-color: #babac0;
}
.wcpf-scrollbar.wcpf-front-element .wcpf-content {
max-height: -webkit-calc(28em + 6px);
max-height: calc(28em + 6px);
overflow-y: auto;
}
.wcpf-front-element {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 12px;
}
.wcpf-front-element.wcpf-status-disabled,
.wcpf-front-element .wcpf-item-hide {
display: none !important;
}
.wcpf-front-element.wcpf-hide-more-items
.wcpf-more-button.wcpf-status-active
.more-text {
display: none;
}
.wcpf-front-element.wcpf-hide-more-items
.wcpf-more-button.wcpf-status-active
.less-text {
display: inline-block;
}
.wcpf-front-element .wcpf-more-button {
display: none;
cursor: pointer;
-webkit-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
color: #111;
}
.wcpf-front-element .wcpf-more-button:hover {
color: #8d8d8d;
}
.wcpf-front-element .wcpf-more-button .wcpf-more-icon {
display: inline-block;
width: 1em;
height: 1em;
font-size: 13px;
vertical-align: middle;
}
.wcpf-front-element .wcpf-more-button .more-text,
.wcpf-front-element .wcpf-more-button .less-text {
display: inline-block;
padding-left: 2px;
vertical-align: middle;
}
.wcpf-front-element .wcpf-more-button .less-text {
display: none;
}
.wcpf-front-element .wcpf-more-button .wcpf-more-button-inner {
padding-left: 28px;
line-height: 1.4;
}
.wcpf-front-element .wcpf-more-button.wcpf-status-active {
display: block;
}
.wcpf-front-element.wcpf-hierarchical-collapsed .wcpf-item-label {
position: relative;
}
.wcpf-front-element.wcpf-hierarchical-collapsed
.wcpf-item-hierarchical-collapsed
.box-item-toggle {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
height: 13px;
width: 13px;
right: 8px;
top: 0.7em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #111;
background: none;
padding: 0 0 14px 0;
border: 0;
}
.wcpf-front-element.wcpf-hierarchical-collapsed
.wcpf-item-hierarchical-collapsed
.box-item-toggle:before {
vertical-align: top;
font-size: 13px;
}
.wcpf-front-element.wcpf-hierarchical-collapsed
.wcpf-item-hierarchical-collapsed.wcpf-item-box-hide
> .wcpf-item-inner
> .wcpf-item-children-container {
display: none;
}
.wcpf-front-element.wcpf-hierarchical-collapsed
.wcpf-item-hierarchical-collapsed
> .wcpf-item-inner
> .wcpf-item-label
.wcpf-title-container {
padding-right: 24px;
}
.wcpf-layout-item.wcpf-box-style .wcpf-heading-label,
.wcpf-field-item.wcpf-box-style .wcpf-heading-label {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.wcpf-layout-item.wcpf-box-style .wcpf-heading-label .box-toggle,
.wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle {
display: block;
position: absolute;
right: 8px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 14px;
width: 14px;
font-size: 13px;
color: #111;
background: none;
padding: 0 0 16px 0;
border: 0;
}
.wcpf_widget_filters.wcpf-all-filters-disabled,
.wcpf-all-filters-disabled .wcpf-button-action-reset {
display: none;
}
.blockUI.blockOverlay {
background-color: #fff !important;
opacity: 0.7 !important;
}
.wcpf-filter-inner p:empty {
display: none;
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}h1, h2, h3, h4, h5, h6 {
font-family: "Merriweather", sans-serif;
}
body .scroll-effect {
opacity: 0;
transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
}
body .scroll-effect.appeared {
opacity: 1;
}
body .scroll-effect.se-left {
transform: translateX(-64px);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left {
transform: translateX(-80px);
}
}
body .scroll-effect.se-left.appeared {
transform: translateX(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left.appeared {
transform: translateX(0);
}
}
body .scroll-effect.se-right {
transform: translateX(64px);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right {
transform: translateX(80px);
}
}
body .scroll-effect.se-right.appeared {
transform: translateX(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right.appeared {
transform: translateX(0);
}
}
body .scroll-effect.se-bottom {
transform: translateY(64px);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-bottom {
transform: translateY(80px);
}
}
body .scroll-effect.se-bottom.appeared {
transform: translateY(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-bottom.appeared {
transform: translateY(0);
}
}
body .scroll-effect.se-left-d {
opacity: 1;
}
@media screen and (max-width: 1024px) {
body .scroll-effect.se-left-d {
transition: none;
opacity: 1;
}
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left-d {
transform: translateX(-128px) !important;
opacity: 0;
}
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left-d.appeared {
transform: translateX(0) !important;
opacity: 1;
}
}
body .scroll-effect.se-right-d {
opacity: 1;
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right-d {
transform: translateX(64px) !important;
opacity: 0;
}
}
body .scroll-effect.se-right-d.appeared {
transform: translateX(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right-d.appeared {
transform: translateX(0) !important;
opacity: 1;
}
}
form label {
display: block;
color: #212121;
}
form label .optional {
display: none;
}
form label .required {
color: #0081C4;
text-decoration: none;
}
@media screen and (min-width: 1024px) {
form label.screen-reader-text + span input {
margin-top: 24px;
}
}
form select,
form input[type="text"],
form input[type="number"],
form input[type="tel"],
form input[type="password"],
form input[type="email"] {
width: 100% !important;
}
form .select2-container .select2-selection--single {
height: auto;
margin: 0;
border: 0;
}
form .select2-container .select2-selection__rendered {
line-height: inherit;
}
form .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
right: 8px;
}
form .woocommerce-form-login__rememberme {
margin-bottom: 16px;
cursor: pointer;
}
form .button,
form button {
display: block;
background-color: #fff;
background-position: center;
color: #0081C4;
font-size: 14px;
line-height: 26px;
font-weight: 100;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0;
width: 100%;
border: 1px solid #0081C4;
border-bottom: 3px solid #123155;
cursor: pointer;
}
@media screen and (min-width: 720px) {
form .button,
form button {
padding: 4px 16px;
min-height: 42px;
}
}
form .button:hover,
form button:hover {
color: #fff;
background-color: #0081C4;
}
form .woocommerce-LostPassword {
margin: 0;
text-align: center;
}
form .woocommerce-LostPassword a {
text-decoration: none;
}
form .woocommerce-LostPassword a:hover {
text-decoration: underline;
}
body button,
body .button {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 8px 16px;
font-size: 14px;
line-height: 1.25;
font-weight: 600;
}
@media screen and (min-width: 720px) {
body button,
body .button {
font-size: 16px;
}
}
body button.large,
body .button.large {
padding: 12px 24px;
}
body button.button-primary,
body a.button-primary {
border: 1px solid #0081C4;
background-color: #0081C4;
color: #fff;
}
body button.button-primary:hover,
body a.button-primary:hover {
border-color: #F78F1E;
background-color: #F78F1E;
color: #fff;
}
body button.button-secondary,
body a.button-secondary {
border: 1px solid #fff;
background-color: #fff;
color: #0081C4;
}
body button.button-secondary:hover,
body a.button-secondary:hover {
background-color: #F78F1E;
border-color: #F78F1E;
color: #fff;
}      * {
box-sizing: border-box;
}
.no-scroll {
overflow: hidden;
height: 100%;
height: calc(var(--vh, 1vh) * 100);
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  body {
margin: 0;
overflow-x: hidden;
color: #000;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: border-box;
}  body,
button,
input,
select,
.select2-selection__rendered,
optgroup,
textarea {
color: #000;
font-family: "Merriweather Sans", sans-serif;
font-size: 14px;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #0081C4;
}
a:visited {
color: #0081C4;
}
a:hover,
a:focus,
a:active {
color: #1F538E;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 0;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 8px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
.select2-selection__rendered,
textarea {
color: #212121;
border: 1px solid #ACACAC;
border-radius: 0;
padding: 8px 16px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #212121;
}
select {
border: 1px solid #ACACAC;
}
textarea {
width: 100%;
}  .site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.container {
width: 100%;
padding: 0 32px;
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 720px) {
.container {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.container {
padding: 0 80px;
max-width: 1440px;
}
}
.container .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
body {
background: #1F538E;
color: #fff;
}
.site-header {
display: flex;
justify-items: center;
justify-content: space-between;
padding: 16px 32px;
position: sticky;
z-index: 99;
top: 0;
max-width: 1440px;
margin: 0 auto;
}
.site-header:before {
position: absolute;
top: 0;
left: 50%;
width: 100vw;
content: "";
background-color: #1F538E;
display: block;
height: 100%;
z-index: -1;
transform: translateX(-50%);
border-bottom: 1px solid #356499;
}
@media screen and (min-width: 720px) {
.site-header {
padding: 16px 48px;
}
}
@media screen and (min-width: 1240px) {
.site-header {
padding: 24px 80px;
}
}
.site-header .site-branding .site-title,
.site-header .site-branding .site-description {
display: none;
}
.site-header .site-branding a {
display: block;
height: 32px;
}
.site-header .site-branding img {
display: block;
width: auto;
height: 80px;
margin-top: 0;
}
@media screen and (min-width: 1240px) {
.site-header .site-branding img {
height: 180px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
}
@media screen and (min-width: 1240px) {
.site-header.sticky .site-branding img {
height: 98px;
}
}
.header-message {
width: 100%;
background-color: #0081C4;
color: #fff;
padding: 16px 0;
}
.header-message-text {
position: relative;
padding-left: 32px;
}
.header-message-text p {
margin: 0;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
color: #fff;
font-size: calc(15px + 5 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.header-message-text p {
font-size: 15px;
}
}
@media screen and (min-width: 1240px) {
.header-message-text p {
font-size: 20px;
}
}
.header-message-text p strong {
font-weight: 500;
}
.header-message-text p a {
color: #fff;
text-decoration: underline;
font-weight: 400;
font-size: 75%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-message-text p a:active, .header-message-text p a:hover {
text-decoration: none;
}
.header-message-text p a:active {
opacity: 0.2;
}
.header-message-icon {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
filter: brightness(0) invert(1);
}
@media screen and (min-width: 720px) {
.header-message-icon {
top: 50%;
transform: translateY(-50%);
}
}
.header-message-icon.award {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/icons/award.svg);
}
.header-message-icon.warning {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/icons/alert.svg);
}
.header-message-icon.info {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/icons/info.svg);
}
.header-message-icon.location {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/icons/map-pin.svg);
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-item {
padding-right: 120px;
}
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-stage-outer:after {
content: "";
right: 0;
top: 0;
height: 100%;
width: 100px;
background-color: #0081C4;
display: block;
position: absolute;
}
}
.header-message-slider .owl-dots {
display: flex;
justify-content: flex-start;
gap: 8px;
text-align: right;
padding-top: 8px;
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-dots {
display: none;
}
}
.header-message-slider .owl-dots button {
padding: 4px 8px;
background-color: #fff;
opacity: 0.5;
}
.header-message-slider .owl-dots button.active {
opacity: 1;
}
.header-message-slider .owl-nav {
position: absolute;
bottom: -10px;
right: -2px;
display: flex;
gap: 8px;
z-index: 2;
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-nav {
top: 50%;
transform: translateY(-50%);
right: 0;
gap: 16px;
}
}
.header-message-slider .owl-nav button {
position: static;
width: auto;
height: auto;
background-color: transparent;
padding: 0;
vertical-align: bottom;
}
.header-message-slider .owl-nav button:hover {
background-color: transparent;
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-nav button:hover {
opacity: 0.6;
}
}
.header-message-slider .owl-nav button:before {
color: #fff;
}
.header-message-slider .owl-nav button.owl-prev {
transform: none;
}
.header-message-slider .owl-nav button.owl-prev:before {
content: "\e904";
}
.header-message-slider .owl-nav button.owl-next {
transform: none;
}
.header-message-slider .owl-nav button.owl-next:before {
content: "\e905";
}
.entry-footer {
display: none;
}
.section-cta {
color: #fff;
background-color: #0081C4;
z-index: 0;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 720px) {
.section-cta {
background-position: 125% center;
background-size: auto 200%;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/topology_custom.svg);
background-repeat: no-repeat;
}
}
@media screen and (min-width: 1440px) {
.section-cta {
background-position: 105% center;
}
}
.section-cta:before {
content: "";
width: 100%;
height: 100%;
top: 50%;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/topology_custom.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
left: 20%;
}
@media screen and (min-width: 720px) {
.section-cta:before {
display: none;
}
}
.section-cta-wrapper {
position: relative;
z-index: 1;
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-cta-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-cta-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-cta h2 {
margin-top: 0;
}
@media screen and (min-width: 1024px) {
.section-cta h2 {
max-width: 80%;
}
}
.section-cta-button {
margin: 32px 0 0;
}
.section-cta-holder {
height: 64px;
}
.site-footer {
margin: 0 auto;
background-color: #153a63;
display: flex;
padding: 48px 0;
flex-direction: column;
width: 100%;
}
@media screen and (min-width: 1024px) {
.site-footer {
padding: 80px 0;
}
}
@media screen and (min-width: 720px) {
.site-footer-logo {
position: relative;
margin-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.site-footer-logo {
margin-bottom: 80px;
}
}
.site-footer-logo:after {
content: "";
background-color: #0081C4;
margin: 48px auto;
width: 100%;
height: 3px;
display: block;
}
@media screen and (min-width: 720px) {
.site-footer-logo:after {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
}
}
.site-footer-logo img {
width: 230px;
height: auto;
display: block;
margin: 0;
}
@media screen and (min-width: 720px) {
.site-footer-logo img {
position: relative;
z-index: 1;
padding-right: 80px;
background-color: #fff;
width: calc(230px + 80px);
}
}
.site-footer-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 720px) {
.site-footer-grid {
grid-template-columns: 2fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.site-footer-grid {
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.site-footer-grid {
grid-template-columns: 3fr 4fr 2fr;
gap: 64px;
margin-bottom: 0;
}
}
.site-footer-grid-item-title {
color: #fff;
font-size: 20px;
font-weight: 600;
position: relative;
margin-bottom: 16px;
padding-bottom: 8px;
}
.site-footer-grid-item-title:before {
position: absolute;
bottom: 0;
left: 0;
width: 40px;
content: "";
background-color: #F78F1E;
height: 2px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-footer-grid-item-title:after {
position: absolute;
bottom: 0;
left: 48px;
width: 4px;
content: "";
background-color: #F78F1E;
height: 2px;
}
.site-footer-grid-item.about {
order: 2;
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 720px) {
.site-footer-grid-item.about {
grid-column: span 2;
}
}
@media screen and (min-width: 1024px) {
.site-footer-grid-item.about {
order: 1;
grid-column: unset;
}
}
.site-footer-grid-item.about p {
margin: 0;
color: #F2F4F7;
font-weight: 400;
}
@media screen and (min-width: 1024px) {
.site-footer-grid-item.about p {
font-size: 14px;
}
}
.site-footer-grid-item.about p a {
text-decoration: none;
color: #FCC23D;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-footer-grid-item.about p a:hover {
color: #0081C4;
}
.site-footer-grid-item.nav {
order: 3;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
border-top: 3px solid #ACACAC;
border-bottom: 3px solid #ACACAC;
padding: 32px 0;
}
@media screen and (min-width: 720px) {
.site-footer-grid-item.nav {
border: 0;
padding: 0;
}
}
@media screen and (min-width: 1024px) {
.site-footer-grid-item.nav {
order: 2;
}
}
.site-footer-grid-item.nav .footer-nav {
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
gap: 12px;
}
.site-footer-grid-item.nav .footer-nav a {
position: relative;
text-decoration: none;
color: #fff;
font-weight: 400;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-footer-grid-item.nav .footer-nav a:before {
content: "\e90d";
font-family: "icomoon";
vertical-align: baseline;
font-size: 80%;
line-height: inherit;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
display: inline-block;
margin-right: 4px;
}
@media screen and (min-width: 720px) {
.site-footer-grid-item.nav .footer-nav a {
font-size: 16px;
}
}
.site-footer-grid-item.nav .footer-nav a:hover {
color: #F78F1E;
}
.site-footer-grid-item.nav .footer-nav a:hover:before {
transform: translateX(4px);
}
.site-footer-grid-item.contact {
order: 5;
}
.site-footer-grid-item.newsletter {
order: 1;
}
@media screen and (min-width: 1024px) {
.site-footer-grid-item.newsletter {
order: 3;
}
}
@media screen and (min-width: 1024px) {
.site-footer-grid-item.newsletter {
font-size: 16px;
}
}
.site-footer-grid-item.newsletter .newsletter-form {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 8px 16px;
margin-bottom: 24px;
}
.site-footer-grid-item.newsletter .newsletter-form label {
grid-column: span 2;
font-weight: 600;
}
.site-footer-grid-item.newsletter .newsletter-form input {
border: 0;
background-color: #F2F4F7;
}
.site-footer-grid-item.newsletter .newsletter-form button {
text-transform: none;
}
.site-footer-grid-item-cta:not(:last-child) {
margin-bottom: 24px;
}
.site-footer-grid-item-cta a {
display: grid;
grid-template-columns: 48px 1fr;
gap: 8px;
text-decoration: none;
align-items: center;
color: #AACAE4;
font-size: 14px;
line-height: 1.5;
}
.site-footer-grid-item-cta a strong {
color: #fff;
display: block;
font-size: 16px;
font-weight: 600;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-footer-grid-item-cta a i {
color: #fff;
font-size: 18px;
background-color: #0081C4;
border-radius: 100%;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-footer-grid-item-cta a:hover i {
color: #fff;
}
.site-footer-grid-item-cta a:hover strong {
color: #D87E1B;
}
.site-copyright {
background-color: #123155;
}
.site-copyright-wrapper {
padding-top: 24px;
padding-bottom: 24px;
display: flex;
flex-direction: column;
gap: 16px;
}
@media screen and (min-width: 720px) {
.site-copyright-wrapper {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
}
.site-copyright-separator {
width: 100%;
}
.site-copyright-text {
order: 2;
font-size: 12px;
color: #F2F4F7;
}
@media screen and (min-width: 720px) {
.site-copyright-text {
order: 1;
font-size: 14px;
}
}
.site-copyright-text a {
text-decoration: none;
color: #888;
}
.site-copyright-text a:hover {
color: #0081C4;
}
.site-copyright-menu {
order: 1;
}
@media screen and (min-width: 720px) {
.site-copyright-menu {
order: 2;
}
}
.site-copyright-menu .footer-copyright-nav {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
gap: 16px;
}
.site-copyright-menu .footer-copyright-nav a {
display: inline-block;
font-size: 12px;
color: #FCC23D;
text-decoration: none;
}
@media screen and (min-width: 720px) {
.site-copyright-menu .footer-copyright-nav a {
font-size: 14px;
}
}
.site-copyright-menu .footer-copyright-nav a:hover {
text-decoration: underline;
color: #0081C4;
}
.footer-social-icons {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
gap: 16px;
}
.footer-social-icons li {
margin: 0;
}
.footer-social-icons li a {
text-decoration: none;
color: #fff;
background-color: #0081C4;
border-radius: 100%;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.footer-social-icons li a span {
display: none;
}
.footer-social-icons li a:before {
font-size: 20px;
font-family: "icomoon";
line-height: inherit;
}
.footer-social-icons li a.facebook:before {
content: "\e914";
}
.footer-social-icons li a.instagram:before {
content: "\e91b";
}
.footer-social-icons li a.linkedin:before {
content: "\e91c";
}
.footer-social-icons li a.youtube:before {
content: "\e91d";
content: "\e927";
}
.footer-social-icons li a:hover {
background-color: #F78F1E;
color: #fff;
}
#custom-popup-modal {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
#custom-popup-modal .popup-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
#custom-popup-modal .popup-content {
position: relative;
padding: 0 0 0;
background-size: cover;
background-position: center;
z-index: 10000;
overflow: auto;
max-height: 90vh;
width: 90vw;
}
#custom-popup-modal #close-popup {
position: absolute;
top: 0;
cursor: pointer;
right: 0;
padding: 10px;
width: 40px;
height: 40px;
background: #D87E1B;
color: #fff;
border: 0;
border-radius: 0 0 0 100%;
text-indent: 8px;
line-height: 1;
font-family: sans-serif;
font-weight: 400;
}
.main-navigation {
display: flex;
flex-direction: row;
gap: 48px;
justify-content: center;  }
@media screen and (min-width: 480px) {
.main-navigation {
gap: 64px;
}
}
@media screen and (min-width: 1240px) {
.main-navigation {
gap: 40px;
}
}
.main-navigation .brand-logo {
order: -1;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.main-navigation .brand-logo:hover {
opacity: 0.9;
}
@media screen and (min-width: 1240px) {
.main-navigation .brand-logo {
order: 1;
}
}
.main-navigation .brand-logo img {
height: 32px;
width: auto;
position: relative;
top: 0;
display: block;
}
@media screen and (min-width: 1240px) {
.main-navigation .brand-logo img {
height: 48px;
top: -4px;
}
}
@media screen and (max-width: 1239px) {
.main-navigation .menu-toggle {
padding: 0;
margin: 0;
font-size: 0;
background-color: transparent;
border: 0;
height: 28px;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.main-navigation .menu-toggle:active {
opacity: 0.2;
}
.main-navigation-wrapper {
position: fixed;
top: 60px;
right: 0;
transform: translateX(100%) scale(0);
height: calc(100vh - 60px);
overflow: hidden;
z-index: 100;
width: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
transform-origin: top;
opacity: 0;
}
.main-navigation-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: #0081C4;
z-index: 0;
transform-origin: 0% 100%;
}
.main-navigation-wrapper:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0.3;
background-color: #0081C4;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
}
.main-navigation-wrapper .primary-menu {
position: relative;
z-index: 2;
list-style-type: none;
margin: 0;
padding: 40px 32px;
display: grid;
gap: 24px;
max-height: 100%;
overflow: auto;
}
.main-navigation-wrapper .primary-menu li {
position: relative;
margin: 0;
padding: 0;
text-align: left;
}
.main-navigation-wrapper .primary-menu li.nav-separator {
min-height: 32px;
}
.main-navigation-wrapper .primary-menu li.nav-separator a {
display: none;
}
.main-navigation-wrapper .primary-menu li.button {
order: 999;
}
.main-navigation-wrapper .primary-menu li.button a {
display: inline-block;
background-color: #fff;
color: #0081C4;
padding: 8px 16px;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
border-radius: 8px;
text-transform: none;
}
.main-navigation-wrapper .primary-menu li a {
font-size: 26px;
line-height: 1.2;
font-weight: 500;
color: #fff;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.main-navigation-wrapper .primary-menu li a:active {
opacity: 0.2;
}
.main-navigation-wrapper .primary-menu li .sub-menu {
display: none;
list-style-type: none;
margin: 16px 0 0;
padding: 0 0 0 16px;
gap: 16px;
}
.main-navigation-wrapper .primary-menu li .sub-menu-trigger {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
font-size: 32px;
color: #fff;
transition: transform 0.2s ease;
}
.main-navigation-wrapper .primary-menu li .sub-menu-trigger:before {
display: block;
font-family: "icomoon";
content: "\e90b";
}
.main-navigation-wrapper .primary-menu li .sub-menu li {
margin: 0;
}
.main-navigation-wrapper .primary-menu li .sub-menu li a {
font-size: 20px;
line-height: 1.2;
}
.main-navigation-wrapper .primary-menu li.wpml-ls-item {
display: flex;
flex-direction: row;
justify-content: start;
gap: 24px;
align-items: center;
}
.main-navigation-wrapper .primary-menu li.wpml-ls-item a img {
width: 28px;
height: auto;
}
.main-navigation-wrapper .primary-menu li.wpml-ls-item .sub-menu {
display: block;
padding: 0;
margin: 0;
}
.main-navigation-wrapper .primary-menu li.wpml-ls-item .sub-menu-trigger {
display: none;
}
.main-navigation-wrapper .primary-menu li.focus .sub-menu {
display: grid;
}
.main-navigation-wrapper .primary-menu li.focus .sub-menu-trigger {
transform: rotate(180deg);
}
.main-navigation.toggled .main-navigation-wrapper {
transform: translateX(0%) scale(1);
opacity: 1;
}
}
@media screen and (min-width: 1240px) {
.main-navigation .menu-toggle {
display: none;
}
.main-navigation .primary-menu {
display: flex;
flex-direction: row;
gap: 8px;
margin: 0;
padding: 0;
list-style-type: none;
}
.main-navigation .primary-menu li {
position: relative;
}
.main-navigation .primary-menu li:hover a {
color: #F78F1E;
}
.main-navigation .primary-menu li:hover a + .sub-menu-trigger:before {
color: #F78F1E;
transform: rotate(180deg);
}
.main-navigation .primary-menu li.nav-separator {
display: none;
}
.main-navigation .primary-menu li.menu-item-has-children a {
padding-right: 32px;
}
.main-navigation .primary-menu li.menu-item-has-children:hover .sub-menu {
display: block;
}
.main-navigation .primary-menu li.button {
order: 999;
padding: 0;
}
.main-navigation .primary-menu li.button a {
border: 2px solid #D87E1B;
text-align: center;
padding: 0 16px;
line-height: 46px;
border-radius: 8px;
display: inline-block;
color: #0081C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.main-navigation .primary-menu li.button a:hover {
background-color: #153a63;
border-color: #153a63;
color: #fff;
}
.main-navigation .primary-menu li.button.button-primary a {
border: 2px solid #D87E1B;
background-color: #D87E1B;
color: #fff;
}
.main-navigation .primary-menu li.button.button-primary a:hover {
background-color: #F78F1E;
border-color: #F78F1E;
color: #fff;
}
.main-navigation .primary-menu li a {
font-size: 14px;
line-height: 48px;
color: #fff;
text-decoration: none;
font-weight: 500;
padding: 0 16px;
display: inline-block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-transform: uppercase;
white-space: nowrap;
}
.main-navigation .primary-menu li a:active {
opacity: 0.2;
}
.main-navigation .primary-menu li .sub-menu {
display: none;
list-style-type: none;
gap: 16px;
position: absolute;
top: 100%;
left: 0;
margin: 0;
min-width: 200px;
border-radius: 8px;
background-color: #fff;
padding: 16px;
box-shadow: 0 4px 8px 0 rgba(156, 156, 156, 0.5);
}
.main-navigation .primary-menu li .sub-menu-trigger {
cursor: pointer;
position: absolute;
top: 47.5%;
transform: translateY(-50%);
right: 4px;
display: inline-block;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 20px;
vertical-align: text-bottom;
color: #fff;
}
.main-navigation .primary-menu li .sub-menu-trigger:before {
display: block;
font-family: "icomoon";
content: "\e90b";
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s, 0.2s ease transform;
}
.main-navigation .primary-menu li .sub-menu li {
margin: 0;
}
.main-navigation .primary-menu li .sub-menu li:not(:last-child) {
margin-bottom: 8px;
}
.main-navigation .primary-menu li .sub-menu li a {
font-size: 14px;
line-height: 1.2;
padding: 0;
font-weight: 500;
color: #212121;
}
.main-navigation .primary-menu li .sub-menu li a:hover {
color: #0081C4;
}
.main-navigation .primary-menu li.wpml-ls-item .sub-menu {
min-width: 0;
}
.main-navigation .primary-menu li.wpml-ls-item a img {
width: 24px;
height: auto;
vertical-align: middle;
}
.main-navigation .primary-menu li:before {
position: absolute;
top: calc(100% + 16px);
left: 0;
right: 0;
margin: 0 auto;
display: block;
height: 8px;
width: 12px;
border-left: 2px solid #0081C4;
border-right: 2px solid #0081C4;
content: "";
opacity: 0;
visibility: hidden;
}
.main-navigation .primary-menu li:after {
position: absolute;
top: calc(100% + 12px);
left: 0;
right: 0;
margin: 0 auto;
display: block;
height: 12px;
width: 2px;
content: "";
background-color: #0081C4;
opacity: 0;
visibility: hidden;
}
.main-navigation .primary-menu li.current-menu-item {
position: relative;
}
}
@media screen and (min-width: 1320px) {
.main-navigation { }
.main-navigation .primary-menu {
gap: 16px;
}
.main-navigation .primary-menu li a {
font-size: 16px;
}
}
@media screen and (min-width: 1320px) and (min-width: 1440px) {
.main-navigation .primary-menu {
gap: 24px;
}
.main-navigation .primary-menu li.button a {
padding: 0 24px;
}
}
.video-container {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.video-container.fullscreen {
padding: 0;
height: 100vh;
}
.video-container.old {
padding-bottom: 75%; }
.video-container video,
.video-container iframe {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
object-position: center;
}
.woocommerce-error,
.woocommerce-message {
max-width: 1392px;
width: 100%;
margin: 24px auto;
padding: 8px 16px;
border-radius: 4px;
}
.woocommerce-error.align-center,
.woocommerce-message.align-center {
text-align: center;
}
.woocommerce-error li,
.woocommerce-message li {
list-style-type: none;
}
.woocommerce-error[role="alert"],
.woocommerce-message[role="alert"] {
background-color: #fcf7eb;
color: #e6b137;
}
.woocommerce-error[role="alert"] a,
.woocommerce-message[role="alert"] a {
color: #e6b137;
font-weight: 700;
}
.woocommerce-error[role="alert"] a:hover,
.woocommerce-message[role="alert"] a:hover {
text-decoration: none;
}
.nn-cta {
display: inline-block;
text-align: center;
padding: 8px 24px;
color: #fff;
margin: 0 auto;
background-color: #0081C4;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
border-radius: 0;
border-bottom: 3px solid #123155;
transition: 0.2s cubic-bezier(0.45, 0.25, 0.6, 0.95);
}
.nn-cta:visited {
color: #fff;
}
.nn-cta:hover {
color: #fff;
box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1);
}
.nn-more-button {
border-bottom: 2px solid #0081C4;
color: #212121;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.nn-more-button:visited {
color: #212121;
}
.nn-more-button:hover {
border-color: transparent;
color: #0081C4;
}
.svg-top {
position: absolute;
top: 0;
fill: #fff;
height: 50px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.svg-bottom {
position: absolute;
bottom: 0;
fill: #fff;
height: 50px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.global-features-block {
position: relative;
z-index: 1;
background-color: #F78F1E;
padding: 0 16px;
padding-bottom: 32px;
}
.global-features-items {
margin: 0 auto;
padding: 24px;
background-color: #fff;
border-radius: 32px 0 32px 0;
max-width: 1080px;
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-around;
position: relative;
transform: translateY(-48px);
margin-bottom: -16px;
flex-wrap: nowrap;
overflow: auto;
}
.global-features-items li {
min-width: 120px;
text-align: center;
font-weight: 500;
font-size: 14px;
}
@media screen and (min-width: 1024px) {
.global-features-items li {
font-size: 16px;
}
}
.global-features-items li img {
display: block;
margin: 0 auto 8px;
background-color: #0081C4;
border-radius: 100%;
aspect-ratio: 1;
object-fit: contain;
width: 64px;
height: 64px;
padding: 12px;
}
@media screen and (min-width: 1024px) {
.global-features-items li img {
width: 80px;
height: 80px;
padding: 16px;
}
}
.global-features-info {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.global-features-info p {
text-align: center;
margin: 0;
color: #F2F4F7;
}
.global-features-info p strong {
font-weight: 600;
}
.global-features-info a {
display: inline-block;
background-color: #fff;
border-left: 3px solid #0081C4;
color: #212121;
font-size: 14px;
padding: 8px 24px;
line-height: 1.5;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.global-features-info a:hover {
background-color: #0081C4;
color: #fff;
}
.woocommerce-breadcrumb {
margin: 0 auto;
max-width: 1440px;
padding: 8px 16px 0;
color: #989898;
font-size: 12px;
}
@media screen and (min-width: 1024px) {
.woocommerce-breadcrumb {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-breadcrumb {
padding: 8px 0;
}
}
.woocommerce-breadcrumb .col-full {
border-bottom: 1px solid #f5f5f4;
padding-bottom: 4px;
}
.woocommerce-breadcrumb .breadcrumb-separator {
padding: 0 8px;
}
.woocommerce-breadcrumb a {
color: #212121;
text-decoration: none;
padding: 0;
}
.woocommerce-breadcrumb a:before {
display: none !important;
}
.product-template-default .woocommerce-breadcrumb .col-full {
border: 0;
padding: 0;
}
.site-main {
margin: 0 auto;
}
.site-content {
overflow: hidden;
}
body.home .site-main .entry-header {
display: none;
}
.entry-content .block-section-title {
margin: 48px 0;
}
@media screen and (min-width: 720px) {
.entry-content .block-section-title {
margin: 64px 0;
}
}
.entry-content .block-section-title .subtitle {
font-size: calc(14px + 6 * ((100vw - 320px) / 920));
text-transform: uppercase;
color: #888;
font-weight: 400;
text-align: center;
margin: 0;
}
@media screen and (max-width: 320px) {
.entry-content .block-section-title .subtitle {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.entry-content .block-section-title .subtitle {
font-size: 20px;
}
}
.entry-content .block-section-title h2 {
text-align: center;
margin: 8px 0;
color: #212121;
font-size: calc(20px + 24 * ((100vw - 320px) / 920));
font-weight: 700;
}
@media screen and (max-width: 320px) {
.entry-content .block-section-title h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.entry-content .block-section-title h2 {
font-size: 44px;
}
}
.entry-content .block-section-title h2 span {
display: block;
color: #0081C4;
}
.entry-content .block-section-title .title-separator {
position: relative;
z-index: 1;
width: 52px;
margin: 16px auto;
}
.entry-content .block-section-title .title-separator:before {
position: absolute;
bottom: 0;
left: 0;
width: 40px;
content: "";
background-color: #0081C4;
height: 2px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.entry-content .block-section-title .title-separator:after {
position: absolute;
bottom: 0;
left: 48px;
width: 4px;
content: "";
background-color: #212121;
height: 2px;
}
.entry-content .block-section-grid-content {
margin: 48px 0;
}
@media screen and (min-width: 720px) {
.entry-content .block-section-grid-content {
margin: 64px 0;
}
}
.entry-content .block-section-grid-content-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: center;
}
@media screen and (min-width: 720px) {
.entry-content .block-section-grid-content-wrapper {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media screen and (min-width: 1024px) {
.entry-content .block-section-grid-content-wrapper {
gap: 64px;
}
}
@media screen and (min-width: 1240px) {
.entry-content .block-section-grid-content-wrapper {
gap: 80px;
}
}
.entry-content .block-section-grid-content-item img {
width: 100%;
display: block;
}
.entry-content .block-section-grid-content-item p {
color: #454545;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
line-height: 1.5;
}
@media screen and (max-width: 320px) {
.entry-content .block-section-grid-content-item p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.entry-content .block-section-grid-content-item p {
font-size: 18px;
}
}
.entry-content .block-section-grid-content-item p:first-child {
margin-top: 0;
}
.entry-content .block-section-grid-content-item p:last-child {
margin-bottom: 0;
}
.entry-content .block-section-grid-content-item ol,
.entry-content .block-section-grid-content-item ul {
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
@media screen and (min-width: 720px) {
.entry-content .block-section-grid-content-item ol,
.entry-content .block-section-grid-content-item ul {
gap: 12px;
}
}
@media screen and (min-width: 1024px) {
.entry-content .block-section-grid-content-item ol,
.entry-content .block-section-grid-content-item ul {
gap: 16px;
}
}
.entry-content .block-section-grid-content-item ol li,
.entry-content .block-section-grid-content-item ul li {
color: #212121;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
line-height: 1.5;
position: relative;
padding-left: 24px;
}
@media screen and (max-width: 320px) {
.entry-content .block-section-grid-content-item ol li,
.entry-content .block-section-grid-content-item ul li {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.entry-content .block-section-grid-content-item ol li,
.entry-content .block-section-grid-content-item ul li {
font-size: 18px;
}
}
@media screen and (min-width: 720px) {
.entry-content .block-section-grid-content-item ol li,
.entry-content .block-section-grid-content-item ul li {
padding-left: 32px;
}
}
.entry-content .block-section-grid-content-item ol li:before,
.entry-content .block-section-grid-content-item ul li:before {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/icons/checkmark.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 16px auto;
width: 16px;
height: 16px;
}
@media screen and (min-width: 720px) {
.entry-content .block-section-grid-content-item ol li:before,
.entry-content .block-section-grid-content-item ul li:before {
background-size: 18px auto;
width: 18px;
height: 18px;
}
}
.entry-content .block-section-grid-content-item.square img {
object-fit: cover;
aspect-ratio: 1/1;
}
.entry-content .block-section-grid-content-item.old img {
object-fit: cover;
aspect-ratio: 4/3;
}
.entry-content .block-section-grid-content-item.new img {
object-fit: cover;
aspect-ratio: 16/9;
}
.site-main.wide .entry-header {
display: none;
}
.site-main.wide .entry-content {
max-width: 100%;
padding: 0;
}
@media screen and (min-width: 720px) {
.site-main.wide .entry-content {
padding: 0;
}
}
@media screen and (min-width: 1240px) {
.site-main.wide .entry-content {
padding: 0;
}
}
.entry-header {
margin: 0 auto;
padding: 24px 16px 0;
max-width: 1440px;
}
@media screen and (min-width: 720px) {
.entry-header {
padding: 24px 48px 0;
}
}
@media screen and (min-width: 1240px) {
.entry-header {
padding: 32px 80px 0;
}
}
.entry-header h1 {
margin: 0;
}
.entry-content {
margin: 0 auto;
padding: 0 16px;
max-width: 1440px;
}
@media screen and (min-width: 720px) {
.entry-content {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.entry-content {
padding: 0 80px;
}
}
.entry-content p.margins.container {
margin: 32px auto;
font-size: 16px;
line-height: 1.5;
max-width: 1440px;
}
@media screen and (min-width: 720px) {
.entry-content p.margins.container {
font-size: 18px;
}
}
.entry-content p.margins.container:last-child {
margin-bottom: 80px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 32px auto;
max-width: 1440px;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child {
margin-top: 0;
}
.entry-content > p {
margin: 32px auto;
font-size: 16px;
line-height: 1.5;
max-width: 1440px;
}
@media screen and (min-width: 720px) {
.entry-content > p {
font-size: 18px;
}
}
.entry-content > p:first-child {
margin-top: 0;
}
.entry-content > ul,
.entry-content > ol {
margin: 32px auto;
font-size: 16px;
line-height: 1.5;
max-width: 1440px;
}
.entry-content > ul:first-child,
.entry-content > ol:first-child {
margin-top: 0;
}
@media screen and (min-width: 720px) {
.entry-content > ul,
.entry-content > ol {
font-size: 18px;
}
}
.entry-content > ul li:not(:last-child),
.entry-content > ol li:not(:last-child) {
margin-bottom: 16px;
}
.contact-page-form .form-fields {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.contact-page-form .form-row {
position: relative;
margin: 0;
}
.contact-page-form .form-row.form-row-wide {
grid-column: 1 / 3;
}
.contact-page-form label {
color: #212121;
}
.contact-page-form input {
display: block;
width: 100%;
}
.contact-page-form textarea {
display: block;
width: 100%;
max-width: 100%;
resize: none;
height: 120px;
}
.contact-page-form input[type="submit"] {
display: block;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
width: 100%;
cursor: pointer;
background-color: #F78F1E;
border: 1px solid #F78F1E;
}
@media screen and (min-width: 720px) {
.contact-page-form input[type="submit"] {
padding: 4px 16px;
height: 42px;
}
}
.contact-page-form input[type="submit"]:hover {
background-color: #0081C4;
border: 1px solid #0081C4;
}
.contact-page-info {
padding: 16px;
background-color: #f5f5f4;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.contact-page-info {
padding: 24px;
border-radius: 16px;
}
}
.contact-page-info p a {
text-decoration: none;
}
.contact-page-info p .social-icons {
font-size: 125%;
}
.contact-page-info p .social-icons a {
display: inline-block;
}
.cmplz-document.cookie-statement {
margin: 0 auto;
}
.cmplz-document.cookie-statement p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #212121;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
@media screen and (min-width: 1024px) {
.cmplz-document.cookie-statement p {
font-size: 16px;
}
}
.cmplz-document.cookie-statement p:last-child {
margin-bottom: 0;
}
.section-our-team {
background: #21272A;
}
@media screen and (min-width: 1024px) {
.section-our-team {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/looper_star.svg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto 50%;
}
}
@media screen and (min-width: 1440px) {
.section-our-team {
background-size: auto 100%;
}
}
.section-our-team-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-our-team-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-our-team-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-our-team-wrapper h2 {
color: #fff;
font-size: calc(26px + 14 * ((100vw - 320px) / 920));
margin: 0 0 24px;
}
@media screen and (max-width: 320px) {
.section-our-team-wrapper h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-our-team-wrapper h2 {
font-size: 40px;
}
}
@media screen and (min-width: 720px) {
.section-our-team-wrapper h2 {
margin: 0 0 32px;
}
}
.section-our-team-wrapper p {
color: #fff;
line-height: 1.5;
}
.section-our-team-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 48px 32px;
margin-top: 32px;
}
@media screen and (min-width: 480px) {
.section-our-team-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 720px) {
.section-our-team-grid {
margin-top: 48px;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024px) {
.section-our-team-grid {
margin-top: 80px;
gap: 48px 48px;
grid-template-columns: repeat(5, 1fr);
}
}
.section-our-team-member {
text-align: center;
}
.section-our-team-member img {
display: block;
margin: 0;
width: 100%;
height: auto;
}
.section-our-team-member .info {
margin-top: 32px;
}
.section-our-team-member h3 {
margin: 0;
font-size: 18px;
color: #fff;
font-weight: 600;
}
.section-our-team-member p {
margin: 0 0 16px;
color: #fff;
font-size: 18px;
font-weight: 400;
}
.section-our-team-member p.linked {
margin: 0;
}
.section-our-team-member p.linked a svg path {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.section-our-team-member p.linked a:hover svg path {
fill: #0081C4;
}
.section-our-team-member p.linked span {
display: none;
}
.section-text-separator.background_backup {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/blend_bg.svg);
background-position: center top;
background-repeat: no-repeat;
}
@media screen and (min-width: 720px) {
.section-text-separator.background_backup {
background-size: auto 100%;
}
}
.section-text-separator-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-text-separator-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-text-separator-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-text-separator-wrapper h2 {
font-size: calc(26px + 14 * ((100vw - 320px) / 920));
margin: 0 0 48px;
}
@media screen and (max-width: 320px) {
.section-text-separator-wrapper h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-text-separator-wrapper h2 {
font-size: 40px;
}
}
@media screen and (min-width: 720px) {
.section-text-separator-wrapper h2 {
margin: 0 0 80px;
}
}
.section-text-separator-grid {
grid-template-columns: 1fr;
gap: 80px;
display: grid;
}
@media screen and (min-width: 720px) {
.section-text-separator-grid {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.section-text-separator-grid {
grid-template-columns: 1fr 1fr;
gap: 360px;
}
}
@media screen and (min-width: 720px) {
.section-text-separator-box:first-child {
position: relative;
}
.section-text-separator-box:first-child:after {
position: absolute;
content: "";
left: 100%;
top: 0;
width: 3px;
height: 100%;
background-color: #0081C4;
transform: translateX(32px);
}
}
@media screen and (min-width: 1024px) {
.section-text-separator-box:first-child:after {
transform: translateX(180px);
}
}
.section-text-separator-box h3 {
font-size: calc(20px + 6 * ((100vw - 320px) / 920));
font-weight: 600;
margin: 0 0 32px;
}
@media screen and (max-width: 320px) {
.section-text-separator-box h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.section-text-separator-box h3 {
font-size: 26px;
}
}
@media screen and (min-width: 1024px) {
.section-text-separator-box h3 {
margin: 0 0 48px;
}
}
.section-text-separator-team {
padding: 0;
margin: 0;
list-style-type: none;
display: grid;
gap: 32px;
}
.section-text-separator-team h4,
.section-text-separator-team a {
margin: 0;
color: #212121;
font-size: 16px;
line-height: 1.5;
text-decoration: none;
}
.section-text-separator-team a {
text-decoration: underline;
}
.section-text-separator-team a:after {
content: "";
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/icons/arrow-up-right.svg);
background-position: center;
background-size: contain;
display: inline-block;
width: 16px;
height: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.section-text-separator-team a:hover {
text-decoration: none;
}
.section-text-separator-team a:hover:after {
transform: translateX(8px) translateY(-2px);
}
.section-text-separator-team p {
margin: 0;
}
.section-simple-features-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-simple-features-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-simple-features-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-simple-features-wrapper h2 {
margin: 0 0 24px;
}
@media screen and (min-width: 720px) {
.section-simple-features-wrapper h2 {
margin: 0 0 32px;
}
}
@media screen and (min-width: 1024px) {
.section-simple-features-wrapper h2 {
margin: 0 0 48px;
}
}
.section-simple-features-grid {
grid-template-columns: 1fr;
gap: 32px;
display: grid;
margin: 0;
padding: 0;
list-style-type: none;
}
@media screen and (min-width: 720px) {
.section-simple-features-grid {
grid-template-columns: repeat(3, 1fr);
gap: 48px;
}
}
@media screen and (min-width: 1024px) {
.section-simple-features-grid {
gap: 120px;
}
}
@media screen and (min-width: 1240px) {
.section-simple-features-grid {
gap: 180px;
}
}
.section-simple-features-grid li {
padding: 0;
margin: 0;
}
.section-simple-features-grid li p {
margin: 0;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-simple-features-grid li p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-simple-features-grid li p {
font-size: 18px;
}
}
.section-simple-features-grid li p strong {
display: block;
font-size: calc(36px + 18 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-simple-features-grid li p strong {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.section-simple-features-grid li p strong {
font-size: 54px;
}
}
.section-solutions-grid {
overflow: hidden;
}
.section-solutions-grid-wrapper {
padding-top: 48px;
padding-bottom: 48px;
display: grid;
gap: 80px;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-wrapper {
padding-top: 64px;
padding-bottom: 64px;
gap: 120px;
}
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-wrapper {
padding-top: 80px;
padding-bottom: 80px;
gap: 180px;
}
}
.section-solutions-grid-item {
display: grid;
gap: 48px;
align-items: center;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item {
grid-template-columns: 1fr 1fr;
gap: 80px;
}
}
@media screen and (min-width: 1240px) {
.section-solutions-grid-item {
gap: 104px;
}
}
.section-solutions-grid-item .item-icon {
margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item .item-icon {
margin-bottom: 48px;
}
}
.section-solutions-grid-item .item-icon img {
max-width: 92px;
aspect-ratio: 16/8;
object-fit: contain;
object-position: left center;
width: 100%;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item .item-icon img {
max-width: 140px;
}
}
.section-solutions-grid-item .item-image {
order: 1;
position: relative;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item .item-image {
order: 3;
}
}
.section-solutions-grid-item .item-image:after {
content: "";
width: 150%;
height: 150%;
display: block;
position: absolute;
z-index: 0;
top: -40%;
right: -55%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.75;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item .item-image:after {
top: -25%;
right: -55%;
}
}
.section-solutions-grid-item .item-image img {
display: block;
position: relative;
z-index: 1;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 8px;
object-fit: cover;
aspect-ratio: 4/3;
}
.section-solutions-grid-item .item-info {
order: 3;
z-index: 1;
position: relative;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item .item-info {
order: 2;
}
}
.section-solutions-grid-item .item-info h2 {
margin: 0 0 24px;
font-weight: 600;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item .item-info h2 {
margin: 0 0 32px;
}
}
.section-solutions-grid-item .item-info p {
margin: 0;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item .item-info p {
font-size: 18px;
}
}
.section-solutions-grid-item .item-info p:not(:last-child) {
margin-bottom: 24px;
}
.section-solutions-grid-item .item-info ul {
margin: 16px 0 0;
padding: 0 0 0 32px;
}
.section-solutions-grid-item .item-info ul li {
margin: 0 0 16px;
font-size: 16px;
line-height: 1.5;
color: #fff;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item .item-info ul li {
font-size: 18px;
}
}
.section-solutions-grid-item:nth-child(even) .item-image:after {
right: unset;
left: -75%;
top: -25%;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item:nth-child(even) .item-image:after {
top: -30%;
left: -40%;
}
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item:nth-child(even) .item-info {
order: 4;
}
}
.section-solutions-grid-features {
margin: 32px 0 0;
padding: 0;
list-style-type: none;
display: grid;
gap: 24px;
grid-template-columns: 1fr;
}
.section-solutions-grid-features li {
margin: 0;
}
.section-solutions-grid-features li img {
display: block;
width: 32px;
aspect-ratio: 1;
object-fit: contain;
margin: 0 0 16px;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-features li img {
width: 40px;
}
}
.section-solutions-grid-button {
margin: 32px 0 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 16px;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-button {
margin-top: 48px;
}
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-button {
margin-top: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-button a {
padding: 12px 24px;
}
}
.section-indices-info-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-indices-info-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-indices-info-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-indices-info h2 {
margin: 0 0 16px;
font-size: calc(26px + 10 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-indices-info h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-indices-info h2 {
font-size: 36px;
}
}
@media screen and (min-width: 720px) {
.section-indices-info h2 {
margin: 0 0 24px;
}
}
.section-indices-info-boxes {
display: grid;
gap: 32px;
margin: 24px 0 0;
}
@media screen and (min-width: 720px) {
.section-indices-info-boxes {
grid-template-columns: repeat(2, 1fr);
margin: 32px 0 0;
}
}
@media screen and (min-width: 1024px) {
.section-indices-info-boxes {
gap: 48px;
margin: 48px 0 0;
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1240px) {
.section-indices-info-boxes {
gap: 120px;
}
}
.section-indices-info-box img {
display: block;
width: 40px;
height: auto;
aspect-ratio: 1;
object-fit: contain;
}
.section-indices-info-box h3 {
margin: 16px 0 0;
line-height: 1.1;
font-weight: 500;
font-size: calc(18px + 8 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-indices-info-box h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.section-indices-info-box h3 {
font-size: 26px;
}
}
.section-indices-info-box p {
margin: 8px 0;
line-height: 1.5;
font-weight: 400;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-indices-info-box p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-indices-info-box p {
font-size: 18px;
}
}
@media screen and (min-width: 720px) {
.section-indices-info-box p {
margin: 16px 0;
}
}
@media screen and (min-width: 1024px) {
.section-indices-info-box p {
margin: 16px 0 24px;
}
}
.section-indices-info-box a {
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
.section-indices-info-box a:hover {
text-decoration: underline;
}
.section-indices-info-note {
background-color: #f5f5f4;
padding: 24px 16px;
}
@media screen and (min-width: 720px) {
.section-indices-info-note {
padding: 24px 80px;
}
}
@media screen and (min-width: 1024px) {
.section-indices-info-note {
padding: 32px 180px;
}
}
.section-indices-info-note p {
margin: 0;
}
@media screen and (min-width: 720px) {
.section-indices-info-note p {
text-align: center;
}
}
.section-page-intro {
position: relative;
}
.section-page-intro img {
object-fit: cover;
aspect-ratio: 5/3;
display: block;
}
@media screen and (min-width: 720px) {
.section-page-intro img {
height: 350px;
aspect-ratio: unset;
width: 100%;
}
}
.section-page-intro-wrapper {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.section-page-intro-wrapper h1 {
font-size: calc(36px + 18 * ((100vw - 320px) / 920));
color: #fff;
font-weight: 600;
line-height: 1.1;
margin: 0;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 320px) {
.section-page-intro-wrapper h1 {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.section-page-intro-wrapper h1 {
font-size: 54px;
}
}
.section-page-intro.black h1 {
color: #212121;
}
.section-query-posts {
background-color: #F2F4F7;
}
.section-query-posts + .section-query-posts {
margin-top: -48px;
}
@media screen and (min-width: 720px) {
.section-query-posts + .section-query-posts {
margin-top: -64px;
}
}
.section-query-posts-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-query-posts-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-query-posts-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-query-posts-wrapper h2 {
font-size: calc(18px + 18 * ((100vw - 320px) / 920));
line-height: 40px;
margin: 0 0 32px;
}
@media screen and (max-width: 320px) {
.section-query-posts-wrapper h2 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-wrapper h2 {
font-size: 36px;
}
}
.section-query-posts-header.with-button {
padding-right: 100px;
position: relative;
}
.section-query-posts-header a {
position: absolute;
top: 0;
right: 0;
}
.section-query-posts-items {
display: grid;
gap: 24px;
list-style-type: none;
margin: 0;
padding: 0;
}
.section-query-posts-item {
margin: 0;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}
@media screen and (min-width: 720px) {
.section-query-posts-item {
display: grid;
grid-template-columns: 5fr 2fr;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item {
display: grid;
grid-template-columns: 6fr 2fr;
}
}
.section-query-posts-item .post-info {
display: grid;
padding: 16px;
}
@media screen and (min-width: 720px) {
.section-query-posts-item .post-info {
padding: 24px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-info {
padding: 32px;
}
}
.section-query-posts-item .post-info time {
color: #989898;
font-size: 12px;
line-height: 1.5;
display: block;
margin-bottom: 12px;
font-size: calc(10px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-query-posts-item .post-info time {
font-size: 10px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-info time {
font-size: 14px;
}
}
.section-query-posts-item .post-info h3 {
margin: 0 0 12px;
font-weight: 400;
font-size: calc(18px + 8 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-query-posts-item .post-info h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-info h3 {
font-size: 26px;
}
}
.section-query-posts-item .post-info h3 a {
color: #212121;
text-decoration: none;
}
.section-query-posts-item .post-info h3 a:hover {
text-decoration: underline;
}
.section-query-posts-item .post-info p {
margin: 0;
color: #212121;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-query-posts-item .post-info p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-info p {
font-size: 18px;
}
}
.section-query-posts-item .post-info p.read-more {
margin-top: 12px;
}
.section-query-posts-item .post-info p.read-more a {
text-decoration: none;
font-weight: 600;
}
.section-query-posts-item .post-info p.read-more a:after {
content: "";
width: 20px;
height: 20px;
display: inline-block;
margin-left: 8px;
vertical-align: sub;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/icons/chevron-right.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-image {
padding: 32px;
}
}
.section-query-posts-item .post-image a {
text-decoration: none;
display: block;
}
.section-query-posts-item .post-image img {
display: block;
margin: 0;
aspect-ratio: 2/1;
object-fit: cover;
}
@media screen and (min-width: 720px) {
.section-query-posts-item .post-image img {
height: 100%;
width: 100%;
aspect-ratio: unset;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-image img {
border-radius: 8px;
}
}
.section-query-posts .navigation.posts-navigation {
margin: 32px auto 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.section-query-posts .navigation.posts-navigation {
margin-top: 48px;
}
}
.section-query-posts .navigation.posts-navigation .nav-links {
display: flex;
justify-content: center;
gap: 24px;
}
@media screen and (min-width: 720px) {
.section-query-posts .navigation.posts-navigation .nav-links {
gap: 32px;
}
}
.section-query-posts .navigation.posts-navigation .nav-links a {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 8px 16px;
border-radius: 8px;
font-size: 14px;
line-height: 1.25;
font-weight: 600;
border: 1px solid #0081C4;
background-color: #0081C4;
color: #fff;
}
@media screen and (min-width: 720px) {
.section-query-posts .navigation.posts-navigation .nav-links a {
font-size: 16px;
}
}
.section-query-posts .navigation.posts-navigation .nav-links a:hover {
border-color: #1F538E;
background-color: #1F538E;
color: #fff;
}
.category-media .section-query-posts .section-query-posts-item .post-image {
padding: 24px 16px;
}
@media screen and (min-width: 720px) {
.category-media .section-query-posts .section-query-posts-item .post-image {
padding: 24px;
}
}
@media screen and (min-width: 1240px) {
.category-media .section-query-posts .section-query-posts-item .post-image {
padding: 32px 48px;
}
}
.category-media .section-query-posts .section-query-posts-item .post-image img {
aspect-ratio: unset;
max-width: 50%;
object-fit: contain;
}
@media screen and (min-width: 720px) {
.category-media .section-query-posts .section-query-posts-item .post-image img {
max-width: 100%;
}
}
.schedule-a-demo {
position: relative;
padding: 48px 0;
}
@media screen and (min-width: 720px) {
.schedule-a-demo {
padding: 80px 0;
}
}
@media screen and (min-width: 1024px) {
.schedule-a-demo {
padding: 120px 0;
}
}
@media screen and (min-width: 1240px) {
.schedule-a-demo {
padding: 180px 0;
}
}
.schedule-a-demo-background {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
object-fit: cover;
display: block;
width: 100%;
height: 100%;
}
.schedule-a-demo-wrapper {
z-index: 2;
position: relative;
}
.schedule-a-demo-form {
margin: 0 auto;
max-width: 740px;
border-radius: 8px;
background-color: #fff;
padding: 32px 24px;
}
@media screen and (min-width: 720px) {
.schedule-a-demo-form {
padding: 48px 32px;
}
}
@media screen and (min-width: 1024px) {
.schedule-a-demo-form {
padding: 80px 48px;
}
}
.schedule-a-demo-form h1 {
margin: 0 0 8px;
font-size: calc(26px + 10 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.schedule-a-demo-form h1 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.schedule-a-demo-form h1 {
font-size: 36px;
}
}
.schedule-a-demo-form p {
margin: 0;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.schedule-a-demo-form p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.schedule-a-demo-form p {
font-size: 16px;
}
}
.schedule-a-demo-form-wrapper {
margin-top: 32px;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gform_heading {
display: none;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gform_fields {
gap: 24px;
}
@media screen and (min-width: 720px) {
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gform_fields {
gap: 32px;
}
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gfield_label {
font-weight: 600;
font-size: 14px;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input {
border: 0;
background-color: #F2F4F7;
}
@media screen and (min-width: 720px) {
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input {
line-height: 32px;
}
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme textarea {
border: 0;
background-color: #F2F4F7;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input {
display: none;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input[type="hidden"] + label:before, .schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input:checked + label:before {
border-color: #0081C4;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input[type="hidden"] + label:after, .schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input:checked + label:after {
opacity: 1;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #ACACAC;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #0081C4;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice label:hover:before {
border-color: #0081C4;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input[type="submit"] {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 8px 16px;
border-radius: 8px;
font-size: 14px;
line-height: 1.25;
font-weight: 600;
border: 1px solid #0081C4;
background-color: #0081C4;
color: #fff;
text-transform: capitalize;
}
@media screen and (min-width: 720px) {
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input[type="submit"] {
font-size: 16px;
}
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input[type="submit"]:hover {
border-color: #1F538E;
background-color: #1F538E;
color: #fff;
}
section h2 {
line-height: 1.15;
font-weight: 500;
font-size: calc(26px + 22 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
section h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
section h2 {
font-size: 48px;
}
}
section p {
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
section p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
section p {
font-size: 18px;
}
}
.block-banner-hero {
background-color: #21272A;
position: relative;
overflow: hidden;
}
.block-banner-hero-info {
padding-top: 48px;
margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
.block-banner-hero-info {
padding: 0;
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 48px;
width: calc(50% - 48px);
z-index: 1;
}
}
@media screen and (min-width: 1240px) {
.block-banner-hero-info {
left: 80px;
width: calc(45% - 80px);
}
}
.block-banner-hero-image {
text-align: right;
}
.block-banner-hero h2 {
margin: 0 0 16px;
color: #fff;
}
@media screen and (min-width: 720px) {
.block-banner-hero h2 {
margin: 0 0 24px;
}
}
@media screen and (min-width: 1024px) {
.block-banner-hero h2 {
margin: 0 0 32px;
}
}
@media screen and (min-width: 1240px) {
.block-banner-hero h2 {
margin: 0 0 48px;
}
}
.block-banner-hero p {
margin: 0;
color: #fff;
line-height: 1.6;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-banner-hero p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.block-banner-hero p {
font-size: 18px;
}
}
.block-banner-hero ul {
margin: 40px 0 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 16px;
}
.block-banner-hero img {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
@media screen and (min-width: 1024px) {
.block-banner-hero img {
object-fit: contain;
object-position: center right;
aspect-ratio: 2/1;
width: 100%;
transform: translateX(10%);
}
}
@media screen and (min-width: 1024px) {
.block-banner-hero img {
transform: translateX(17.5%);
}
}
.section-about-us {
overflow: hidden;
}
.section-about-us-wrapper {
display: grid;
gap: 64px;
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-about-us-wrapper {
grid-template-columns: 1fr 1fr;
gap: 80px;
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-about-us-wrapper {
gap: 180px;
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 1240px) {
.section-about-us-wrapper {
gap: 200px;
}
}
.section-about-us h2 {
margin-top: 0;
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.section-about-us h2 {
margin-bottom: 32px;
}
}
.section-about-us p {
margin: 0 0 24px;
}
.section-about-us p:last-child {
margin-bottom: 0;
}
.section-about-us ul {
list-style-type: none;
margin: 0;
padding: 0;
display: grid;
gap: 32px;
}
@media screen and (min-width: 720px) {
.section-about-us ul {
gap: 24px;
}
}
.section-about-us ul li {
position: relative;
}
.section-about-us ul li:not(:last-child) {
padding-bottom: 32px;
border-bottom: 2px solid #0081C4;
}
@media screen and (min-width: 720px) {
.section-about-us ul li:not(:last-child) {
padding-bottom: 24px;
}
}
@media screen and (min-width: 720px) {
.section-about-us ul li .icon {
position: absolute;
top: -8px;
right: 100%;
width: 64px;
}
}
.section-about-us ul li .icon svg,
.section-about-us ul li .icon img {
display: block;
width: 32px;
height: auto;
aspect-ratio: 1;
object-fit: contain;
margin-bottom: 8px;
}
.section-about-us ul li .icon svg path,
.section-about-us ul li .icon img path {
stroke: #0081C4;
}
@media screen and (min-width: 720px) {
.section-about-us ul li .icon svg,
.section-about-us ul li .icon img {
width: 48px;
}
}
.section-about-us ul li h3 {
margin: 0 0 8px;
font-size: 36px;
line-height: 1;
font-weight: 600;
}
.section-about-us ul li p {
margin: 0;
}
.section-about-us h3 {
margin: 0;
padding: 0;
}
.section-testimonials {
background-color: #0081C4;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/testimonail_mobile.svg);
background-position: bottom right;
background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
.section-testimonials {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/testimonail_desktop.svg);
background-position: bottom left;
background-size: auto 100%;
}
}
.section-testimonials-item {
padding: 40px 0;
}
@media screen and (min-width: 720px) {
.section-testimonials-item {
padding: 80px 0;
}
}
@media screen and (min-width: 1024px) {
.section-testimonials-item {
padding: 80px 0 120px;
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.section-testimonials .testimonial-info {
order: 1;
}
@media screen and (min-width: 1024px) {
.section-testimonials .testimonial-info {
order: 2;
}
}
.section-testimonials .testimonial-info .text {
margin-bottom: 32px;
}
.section-testimonials .testimonial-info .text p {
margin: 0;
font-size: 26px;
line-height: 1.2;
color: #fff;
font-weight: 500;
}
.section-testimonials .testimonial-info .client:before {
position: relative;
content: "";
width: 80px;
height: 3px;
display: block;
background-color: #fff;
margin-bottom: 16px;
}
.section-testimonials .testimonial-info .client-name {
color: #fff;
font-weight: 700;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-testimonials .testimonial-info .client-name {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-testimonials .testimonial-info .client-name {
font-size: 18px;
}
}
.section-testimonials .testimonial-info .client-position {
color: #fff;
font-weight: 400;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-testimonials .testimonial-info .client-position {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-testimonials .testimonial-info .client-position {
font-size: 18px;
}
}
.section-testimonials .testimonial-logo {
order: 2;
}
@media screen and (min-width: 1024px) {
.section-testimonials .testimonial-logo {
order: 1;
}
}
.section-testimonials .testimonial-logo img {
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: contain;
max-width: 50%;
}
@media screen and (min-width: 1024px) {
.section-testimonials .testimonial-logo img {
object-position: top left;
}
}
.section-testimonials .owl-dots {
position: absolute;
bottom: 32px;
left: 0;
display: flex;
gap: 8px;
}
@media screen and (min-width: 1024px) {
.section-testimonials .owl-dots {
text-align: center;
justify-content: center;
width: 100%;
bottom: 80px;
}
}
.section-testimonials .owl-dots .owl-dot {
padding: 0;
width: 8px;
height: 8px;
display: inline-block;
}
@media screen and (min-width: 1024px) {
.section-testimonials .owl-dots .owl-dot {
width: 12px;
height: 12px;
}
}
.section-testimonials .owl-dots .owl-dot.active {
opacity: 0.5;
}
.section-about-extended {
background-color: #F2F4F7;
}
.section-about-extended-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-about-extended-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-about-extended-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-about-extended-image {
margin-bottom: 32px;
}
.section-about-extended-image img {
max-width: 200px;
aspect-ratio: 16/9;
object-fit: contain;
object-position: left center;
}
.section-about-extended h2 {
margin: 0 0 16px;
}
@media screen and (min-width: 720px) {
.section-about-extended h2 {
margin: 0 0 24px;
}
}
.section-about-extended-boxes {
display: grid;
gap: 32px;
margin: 48px 0 0;
}
@media screen and (min-width: 720px) {
.section-about-extended-boxes {
grid-template-columns: repeat(3, 1fr);
margin: 48px 0 0;
}
}
@media screen and (min-width: 1024px) {
.section-about-extended-boxes {
gap: 48px;
margin: 80px 0 0;
}
}
@media screen and (min-width: 1240px) {
.section-about-extended-boxes {
gap: 120px;
}
}
.section-about-extended-box img {
display: block;
width: 40px;
height: auto;
aspect-ratio: 1;
object-fit: contain;
}
.section-about-extended-box h3 {
margin: 16px 0 0;
line-height: 1.1;
font-weight: 500;
font-size: calc(18px + 8 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-about-extended-box h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.section-about-extended-box h3 {
font-size: 26px;
}
}
.section-about-extended-box p {
margin: 8px 0;
line-height: 1.5;
font-weight: 400;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-about-extended-box p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-about-extended-box p {
font-size: 18px;
}
}
@media screen and (min-width: 720px) {
.section-about-extended-box p {
margin: 16px 0;
}
}
@media screen and (min-width: 1024px) {
.section-about-extended-box p {
margin: 16px 0 24px;
}
}
.section-about-extended-box a {
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
.section-about-extended-box a:hover {
text-decoration: underline;
}
body.home .section-carousel-wrapper {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.section-carousel {
overflow: hidden;
}
.section-carousel-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-carousel-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-carousel-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-carousel h2 {
margin: 0 0 16px;
padding-bottom: 24px;
border-bottom: 3px solid #0081C4;
font-size: calc(26px + 0 * ((100vw - 320px) / 920));
text-align: center;
}
@media screen and (max-width: 320px) {
.section-carousel h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-carousel h2 {
font-size: 26px;
}
}
@media screen and (min-width: 720px) {
.section-carousel h2 {
margin: 0 0 24px;
padding: 0;
border: 0;
text-align: left;
position: relative;
}
.section-carousel h2 span {
position: relative;
display: inline-block;
z-index: 1;
padding-right: 32px;
}
.section-carousel h2:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100vw;
height: 3px;
content: "";
background-color: #0081C4;
}
}
.section-carousel h2.hidden {
display: none;
-webkit-user-select: none; -ms-user-select: none; user-select: none; }
@media screen and (min-width: 720px) {
.section-carousel h2.hidden {
display: block;
text-align: right;
margin: 24px 0 0;
}
.section-carousel h2.hidden span {
padding-right: 0;
padding-left: 32px;
pointer-events: none;
}
.section-carousel h2.hidden:before {
left: unset;
right: 0;
}
}
.section-carousel.white {
background-color: #fff;
}
.section-carousel.white h2 span {
background-color: #fff;
}
.section-carousel.white h2.hidden {
color: #fff;
}
.section-carousel.stone {
background-color: #FAB71E;
}
.section-carousel.stone h2 span {
background-color: #FAB71E;
}
.section-carousel.stone h2.hidden {
color: #FAB71E;
}
.section-carousel-item {
opacity: 1;
}
.section-carousel-item:hover {
opacity: 1;
}
.section-carousel-item img {
aspect-ratio: 16/9;
object-fit: contain;
}
.section-text-columns.background {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/blend_bg.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: auto 100%;
}
.section-text-columns-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-text-columns-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-text-columns-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-text-columns-wrapper h2 {
font-size: calc(26px + 10 * ((100vw - 320px) / 920));
margin: 0;
}
@media screen and (max-width: 320px) {
.section-text-columns-wrapper h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-wrapper h2 {
font-size: 36px;
}
}
.section-text-columns-grid {
display: grid;
gap: 48px;
margin-top: 48px;
}
@media screen and (min-width: 720px) {
.section-text-columns-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
margin-top: 64px;
}
}
@media screen and (min-width: 720px) {
.section-text-columns-grid {
gap: 80px;
}
}
.section-text-columns-box p {
margin: 0;
}
.section-text-columns-box p:not(:last-child) {
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.section-text-columns-box p:not(:last-child) {
margin-bottom: 24px;
}
}
.section-text-columns-box p a {
color: #F78F1E;
}
.section-text-columns-box p a:hover {
color: #D87E1B;
text-decoration: none;
}
.section-text-columns-box ol,
.section-text-columns-box ul {
margin: 0;
padding: 0 0 0 24px;
}
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: 18px;
}
}
.section-text-columns-box ol li:not(:last-child),
.section-text-columns-box ul li:not(:last-child) {
margin-bottom: 24px;
}
.block-features-info-grid {
background-color: #F78F1E;
gap: 24px;
display: grid;
margin-bottom: 32px;
padding-top: 32px;
padding-bottom: 32px;
position: relative;
}
@media screen and (min-width: 720px) {
.block-features-info-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024px) {
.block-features-info-grid {
gap: 32px;
border-radius: 0 0 32px 32px;
padding-top: 48px;
padding-bottom: 48px;
}
.block-features-info-grid:after {
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
content: "";
background: linear-gradient(0deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 90%);
}
}
@media screen and (min-width: 1240px) {
.block-features-info-grid {
padding-top: 64px;
padding-bottom: 64px;
}
}
.block-features-info-item {
display: grid;
grid-template-columns: 64px 1fr;
gap: 24px;
align-items: center;
position: relative;
z-index: 2;
}
@media screen and (min-width: 1240px) {
.block-features-info-item {
grid-template-columns: 102px 1fr;
}
}
.block-features-info-item .icon {
width: 100%;
padding: 12px;
background-color: #0081C4;
border-radius: 16px 0 16px 0;
}
@media screen and (min-width: 1240px) {
.block-features-info-item .icon {
padding: 24px;
border-radius: 24px 0 24px 0;
}
}
.block-features-info-item .icon img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
aspect-ratio: 1;
}
.block-features-info-item .text {
font-weight: 600;
color: #fff;
font-size: 16px;
line-height: 1.6;
text-align: left;
}
@media screen and (min-width: 1024px) {
.block-features-info-item .text {
font-size: 20px;
}
}
.cms-section .site-content {
max-width: 1620px;
padding: 0;
}
.cms-section section {
margin: 48px auto;
max-width: 1620px;
}
@media screen and (min-width: 720px) {
.cms-section section {
margin: 64px auto;
}
}
@media screen and (min-width: 1024px) {
.cms-section section {
margin: 80px auto;
display: grid;
grid-template-columns: 2fr 3fr;
}
}
.cms-section-title {
color: #0081C4;
font-family: "Merriweather", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
@media screen and (min-width: 1024px) {
.cms-section-title {
margin: 0;
font-size: 32px;
line-height: 48px;
}
}
.cms-section-content p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #212121;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
@media screen and (min-width: 1024px) {
.cms-section-content p {
font-size: 16px;
}
}
.cms-section-content p:last-child {
margin-bottom: 0;
}
.cms-section .wpcf7-spinner {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
body.home .site-header-holder {
margin-bottom: 0;
}
body.home .entry-content {
max-width: 100%;
padding: 0;
}
.error404 .page-content p {
max-width: 720px;
width: 100%;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
.error404 .woocommerce-product-search {
width: 100%;
max-width: 640px;
display: grid;
gap: 16px;
}
@media screen and (min-width: 720px) {
.error404 .woocommerce-product-search {
grid-template-columns: 4fr 2fr;
}
}
.error404 input {
display: block;
width: 100%;
margin: 0;
padding: 12px 16px;
height: auto;
}
.error404 button {
margin: 0;
background-color: #0081C4;
color: #fff;
font-weight: 600;
letter-spacing: 0.05em;
}
.single-post .entry-content {
text-align: left;
padding-bottom: 48px;
}
.single-post .entry-content .section-insights-intro {
padding-top: 48px;
padding-bottom: 48px;
margin-bottom: 48px;
position: relative;
margin-top: -48px;
}
.single-post .entry-content .section-insights-intro:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
background-color: #e9e6d4;
z-index: 0;
}
@media screen and (min-width: 1024px) {
.single-post .entry-content .section-insights-intro {
padding-top: 64px;
padding-bottom: 64px;
margin-bottom: 64px;
margin-top: -64px;
}
}
.single-post .entry-content .section-insights-intro-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 1024px) {
.single-post .entry-content .section-insights-intro-wrapper {
grid-template-columns: 5fr 3fr;
gap: 64px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-content .section-insights-intro-wrapper {
grid-template-columns: 9fr 4fr;
}
}
.single-post .entry-content .section-insights-intro-content h2:first-child {
font-size: calc(36px + 20 * ((100vw - 320px) / 920));
margin: 0 0 32px;
font-weight: 600;
}
@media screen and (max-width: 320px) {
.single-post .entry-content .section-insights-intro-content h2:first-child {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-content .section-insights-intro-content h2:first-child {
font-size: 56px;
}
}
@media screen and (min-width: 1024px) {
.single-post .entry-content .section-insights-intro-content h2:first-child {
margin: 0 0 48px;
}
}
.single-post .entry-content .section-insights-intro-sidebar {
border-top: 4px solid #cecbbc;
padding-top: 32px;
}
@media screen and (min-width: 1024px) {
.single-post .entry-content .section-insights-intro-sidebar {
border-top: 0;
border-left: 4px solid #cecbbc;
padding: 0 0 0 64px;
}
}
.single-post .entry-content .section-insights-intro.new_version ~ .single-post-pdf-download {
display: none;
}
.single-post .entry-content h2 {
font-size: calc(26px + 14 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .entry-content h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-content h2 {
font-size: 40px;
}
}
.single-post .entry-content h3 {
font-size: calc(20px + 6 * ((100vw - 320px) / 920));
font-weight: 500;
}
@media screen and (max-width: 320px) {
.single-post .entry-content h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-content h3 {
font-size: 26px;
}
}
.single-post .entry-content h3 sup {
top: 0;
font-size: 18px;
font-weight: 400;
}
.single-post .entry-content ul {
padding: 0 0 0 16px;
margin: 0;
}
.single-post .entry-content ul li {
margin: 16px auto;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.single-post .entry-content ul li {
font-size: 18px;
margin: 24px auto;
}
}
.single-post .entry-content ul li:last-child {
margin: 0;
}
.single-post .entry-content li,
.single-post .entry-content p {
max-width: none;
font-size: 18px;
}
.single-post .entry-content li a,
.single-post .entry-content p a {
font-weight: 600;
}
body.single .custom-product-label {
position: relative;
display: inline-block;
background-color: #1F538E;
padding: 4px 16px;
font-weight: 600;
text-transform: uppercase;
border-radius: 0 8px 0 8px;
margin: 0 0 8px;
font-size: 14px;
color: #fff;
line-height: 1.25;
}
@media screen and (min-width: 900px) {
body.single .custom-product-label {
font-size: 16px;
padding: 4px 24px;
}
}
body.single .products .custom-product-label,
body.archive .custom-product-label,
body .featured-products-list .custom-product-label {
position: absolute;
background: #1F538E;
color: #fff;
z-index: 2;
top: 0;
padding: 0 8px;
text-transform: uppercase;
font-size: 12px;
line-height: 2;
font-weight: 500;
letter-spacing: 1px;
left: 0;
border-radius: 8px 0 8px 0;
}
.product-template-default body.single .products .custom-product-label, .product-template-default
body.archive .custom-product-label, .product-template-default
body .featured-products-list .custom-product-label {
font-size: 14px;
}
@media screen and (min-width: 900px) {
.product-template-default body.single .products .custom-product-label, .product-template-default
body.archive .custom-product-label, .product-template-default
body .featured-products-list .custom-product-label {
top: 0;
padding: 0 16px;
}
}
@media screen and (min-width: 720px) {
.product-template-default body.single .products .custom-product-label, .product-template-default
body.archive .custom-product-label, .product-template-default
body .featured-products-list .custom-product-label {
left: 120px;
}
}
@media screen and (min-width: 1024px) {
body.single-product #main.site-main {
padding-top: 48px;
}
}
@media screen and (min-width: 1240px) {
body.single-product #main.site-main {
padding-top: 64px;
max-width: 1240px;
}
}
.onsale {
position: absolute;
background: #0081C4;
color: #fff;
z-index: 2;
top: 0;
padding: 0 8px;
text-transform: uppercase;
font-size: 12px;
line-height: 2;
font-weight: 500;
letter-spacing: 1px;
left: 0;
border-radius: 8px 0 8px 0;
}
.product-template-default .onsale {
font-size: 14px;
}
@media screen and (min-width: 900px) {
.product-template-default .onsale {
top: 2px;
left: 2px;
padding: 0 16px;
}
}
@media screen and (min-width: 720px) {
.product-template-default .onsale {
top: 24px;
left: 144px;
}
}
.product-template-default #main {
padding: 16px;
}
@media screen and (min-width: 1240px) {
.product-template-default #main {
padding: 16px 24px;
}
}
.product-template-default #main .product.type-product {
position: relative;
}
.product-template-default #main .product.type-product:after {
content: "";
clear: both;
display: block;
}
.product-template-default .woocommerce-product-gallery {
position: relative;
margin-bottom: 16px;
}
.product-template-default .woocommerce-product-gallery:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery {
margin: 0 0 32px;
}
}
@media screen and (min-width: 900px) {
.product-template-default .woocommerce-product-gallery {
float: left;
width: 60%;
padding-right: 32px;
}
}
.product-template-default .woocommerce-product-gallery__trigger {
position: absolute;
top: 0;
right: 16px;
text-decoration: none;
font-size: 0;
z-index: 2;
font-weight: 400;
}
@media screen and (min-width: 900px) {
.product-template-default .woocommerce-product-gallery__trigger {
right: 48px;
}
}
.product-template-default .woocommerce-product-gallery__trigger:before {
font-size: 24px;
}
.product-template-default .woocommerce-product-gallery__wrapper {
margin: 0;
}
.product-template-default .woocommerce-product-gallery__wrapper:after {
content: "";
clear: both;
width: 100%;
display: block;
}
.product-template-default .woocommerce-product-gallery .flex-viewport {
border-radius: 8px;
border: 2px solid #F2F4F7;
}
.product-template-default .woocommerce-product-gallery .woocommerce-product-gallery__image {
opacity: 1;
}
.product-template-default .woocommerce-product-gallery .woocommerce-product-gallery__image.flex-active-slide {
z-index: 2;
opacity: 1;
}
.product-template-default .woocommerce-product-gallery .zoomImg {
z-index: 222222;
}
.product-template-default .woocommerce-product-gallery__image {
margin: 0;
background-color: #fff;
display: block;
}
.product-template-default .woocommerce-product-gallery__image a > img {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
width: 100%;
aspect-ratio: 1;
object-fit: contain;
display: block;
padding: 32px;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-viewport {
float: right;
width: calc(100% - 120px);
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin: 0;
padding: 12px 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;   }
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track {
border-radius: 8px;
background-color: #f5f5f4;
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
background: #0081C4;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
display: flex;
flex-wrap: nowrap;
overflow: auto;
float: left;
width: 110px;
padding-top: 0;
padding-bottom: 0;
padding-right: 12px;
flex-direction: column;
max-height: 688px;
gap: 16px;
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
display: inline-block;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
display: block;
min-width: 90px;
max-width: 90px;
width: 90px;
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
display: block;
border-radius: 8px;
border: 2px solid #F2F4F7;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
aspect-ratio: 1;
object-fit: contain;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
border-radius: 8px;
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img:hover {
border-color: #1F538E;
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active {
border: 2px solid #0081C4;
}
.product-template-default .summary.entry-summary {
margin: 0 0 16px 0;
padding: 16px;
background-color: #fff;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.025);
}
@media screen and (min-width: 900px) {
.product-template-default .summary.entry-summary {
float: right;
width: 40%;
}
}
@media screen and (min-width: 1240px) {
.product-template-default .summary.entry-summary {
padding-left: 32px;
}
}
.product-template-default .summary.entry-summary .product-brand-link {
display: inline-block;
margin-bottom: 4px;
color: #454545;
}
.product-template-default .summary.entry-summary .product-brand-link:hover {
color: #0081C4;
text-decoration: none;
}
.product-template-default .summary.entry-summary h1 {
margin: 0 0 16px;
color: #212121;
font-weight: 500;
text-transform: uppercase;
line-height: 1.25;
}
.product-template-default .summary.entry-summary .price {
text-transform: uppercase;
font-size: 18px;
line-height: 1.5;
font-weight: 600;
color: #0081C4;
letter-spacing: 0.05em;
margin: 0;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .price {
font-size: 20px;
}
}
.product-template-default .summary.entry-summary .price del {
display: inline-block;
color: #989898;
font-weight: 400;
}
.product-template-default .summary.entry-summary .price del ins {
text-decoration: line-through;
display: inline-block;
color: #989898;
font-weight: 400;
}
.product-template-default .summary.entry-summary .price ins {
display: inline-block;
color: #0081C4;
margin-left: 8px;
background-color: transparent;
font-weight: 600;
}
.product-template-default .summary.entry-summary .custom-price-note {
margin: 16px 0;
}
.product-template-default .summary.entry-summary .custom-price-note p {
margin: 0;
display: inline-block;
background-color: #fcf7eb;
border-left-color: #e6b137;
color: #e6b137;
border: 2px solid #e6b137;
border-radius: 8px;
padding: 4px 16px;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .custom-price-note p {
font-size: 16px;
}
}
.product-template-default .summary.entry-summary .woocommerce-variation-price {
margin-bottom: 16px;
}
.product-template-default .summary.entry-summary .product-short-info {
margin: 24px 0;
padding: 0;
list-style: none;
}
.product-template-default .summary.entry-summary .product-short-info li {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #212121;
letter-spacing: 0.02em;
margin: 0;
}
.product-template-default .summary.entry-summary .product-short-info li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 7px;
height: 7px;
margin-right: 12px;
border-radius: 16px;
background-color: #0081C4;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .product-short-info li {
font-size: 16px;
}
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #212121;
letter-spacing: 0.02em;
margin: 16px 0 24px;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description ul {
margin-left: 0;
padding: 0;
list-style: none;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description ul li {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #212121;
letter-spacing: 0.02em;
margin: 0;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description ul li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 7px;
height: 7px;
margin-right: 12px;
border-radius: 16px;
background-color: #0081C4;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description ul li {
font-size: 16px;
}
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description a {
color: #0081C4;
text-decoration: none;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description a:hover {
color: #153a63;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description p {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #212121;
letter-spacing: 0.02em;
margin: 0;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description p:not(:last-child) {
margin-bottom: 16px;
}
.product-template-default .summary.entry-summary .product_meta {
display: grid;
margin: 16px 0;
}
.product-template-default .summary.entry-summary .product_meta span {
color: #989898;
font-size: 14px;
line-height: 1.5;
order: 10;
}
.product-template-default .summary.entry-summary .product_meta span a {
text-decoration: none;
}
.product-template-default .summary.entry-summary .product_meta span.sku_wrapper {
order: 1;
}
.product-template-default .summary.entry-summary .product_meta span.barcode_wrapper {
order: 2;
}
.product-template-default .summary.entry-summary .product_meta span.posted_in {
order: 3;
}
.product-template-default .summary.entry-summary .variations {
vertical-align: middle;
text-align: left;
}
.product-template-default .summary.entry-summary .variations .reset_variations {
display: none !important;
}
.product-template-default .summary.entry-summary .variations select {
padding: 8px 16px;
border-radius: 4px;
}
.product-template-default .summary.entry-summary .variations td {
width: 50%;
vertical-align: middle;
padding: 4px 0;
}
.product-template-default .summary.entry-summary li[data-wvstooltip-out-of-stock="true"] {
pointer-events: none;
opacity: 0.25;
}
.product-template-default .summary.entry-summary form.cart,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper {
margin: 16px auto 0;
width: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.product-template-default .summary.entry-summary form.cart:after,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart:after,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper:after {
content: "";
clear: both;
width: 100%;
display: block;
}
.product-template-default .summary.entry-summary form.cart .quantity,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity {
float: left;
width: 124px;
border: 1px solid #ACACAC;
border-radius: 8px;
}
.product-template-default .summary.entry-summary form.cart .quantity:after,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity:after,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity:after {
content: "";
clear: both;
width: 100%;
display: block;
}
.product-template-default .summary.entry-summary form.cart .quantity span,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span {
float: left;
width: 32px;
text-align: center;
vertical-align: bottom;
font-size: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
line-height: 42px;
height: 42px;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary form.cart .quantity span,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span {
font-size: 18px;
}
}
.product-template-default .summary.entry-summary form.cart .quantity span:active,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span:active,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span:active {
color: #0081C4;
}
@media screen and (min-width: 480px) {
.product-template-default .summary.entry-summary form.cart .quantity span:hover,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span:hover,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span:hover {
color: #0081C4;
}
}
.product-template-default .summary.entry-summary form.cart .quantity input,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input {
font-size: 16px;
padding: 8px;
border: 0;
text-align: center;
width: 58px !important;
float: left;
display: block;
outline: none;
line-height: 42px;
height: 42px;
}
.product-template-default .summary.entry-summary form.cart .quantity input::-webkit-outer-spin-button, .product-template-default .summary.entry-summary form.cart .quantity input::-webkit-inner-spin-button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input::-webkit-outer-spin-button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input::-webkit-inner-spin-button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input::-webkit-outer-spin-button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-template-default .summary.entry-summary form.cart .button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button {
float: right;
width: calc(100% - 140px);
background-color: #0081C4;
background-position: center;
color: #fff;
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary form.cart .button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button {
font-size: 18px;
}
}
.product-template-default .summary.entry-summary form.cart .button:hover,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button:hover,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button:hover {
background-color: #0081C4;
border-color: #0081C4;
}
.product-template-default .summary.entry-summary form.cart .button.loading,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.loading,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.loading {
pointer-events: none;
background-color: #153a63;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/add-to-cart-loader.svg);
background-position: center;
background-repeat: no-repeat;
font-size: 0;
}
.product-template-default .summary.entry-summary form.cart .button.added,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added {
font-size: 0;
}
.product-template-default .summary.entry-summary form.cart .button.added:before,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added:before,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added:before {
font-size: 14px;
line-height: 24px;
content: "Dodano!";
height: 0;
display: block;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary form.cart .button.added:before,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added:before,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added:before {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.product-template-default .summary.entry-summary form.cart .button.added:before,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added:before,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added:before {
font-size: 18px;
}
}
.product-template-default .summary.entry-summary form.cart .button.disabled,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.disabled,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.disabled {
pointer-events: none;
opacity: 0.8;
}
.product-template-default .summary.entry-summary a.added_to_cart.wc-forward {
display: none;
}
.product-template-default .woocommerce-tabs {
position: relative;
margin: 48px 0;
padding: 48px 0;
}
.product-template-default .woocommerce-tabs:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
width: 100vw;
height: 100%;
background-color: #f4f8fb;
}
@media screen and (min-width: 900px) {
.product-template-default .woocommerce-tabs {
clear: both;
width: 100%;
margin: 0 0 64px;
}
}
.product-template-default .woocommerce-tabs .tabs {
border: 2px solid #F2F4F7;
list-style-type: none;
margin: 0 0 24px;
padding: 0;
display: flex;
gap: 16px;
flex-wrap: nowrap;
overflow: auto;
border-radius: 8px;
background-color: #fff;
}
@media screen and (min-width: 1024px) {
.product-template-default .woocommerce-tabs .tabs {
justify-content: center;
max-width: 1024px;
margin: 0 auto 24px;
gap: 32px;
}
}
.product-template-default .woocommerce-tabs .tabs li {
outline: none;
}
.product-template-default .woocommerce-tabs .tabs li a {
outline: none;
display: block;
padding: 16px;
line-height: 1.25;
color: #454545;
font-weight: 500;
font-size: 18px;
white-space: nowrap;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.product-template-default .woocommerce-tabs .tabs li a {
font-size: 20px;
}
}
.product-template-default .woocommerce-tabs .tabs li a:hover {
color: #0081C4;
}
.product-template-default .woocommerce-tabs .tabs li.active a {
color: #1F538E;
border-color: #0081C4;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel {
max-width: 1024px;
margin: 0 auto;
background-color: #fff;
padding: 16px;
border-radius: 8px;
border: 2px solid #F2F4F7;
}
@media screen and (min-width: 1240px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel {
padding: 32px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 20px;
line-height: 1.5;
font-weight: 400;
color: #212121;
letter-spacing: 0.02em;
margin: 0 0 8px;
text-transform: uppercase;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h2:first-child {
display: none;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 24px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
color: #212121;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div:last-child,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li:last-child,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
margin-bottom: 0;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div strong, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div b,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li strong,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li b,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p strong,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p b {
font-weight: 600;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p {
font-size: 18px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div a,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li a,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p a {
font-weight: 500;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div a:hover,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li a:hover,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p a:hover {
text-decoration: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h3, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h4 {
font-weight: 500;
font-size: 18px;
margin: 16px 0 8px;
color: #212121;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h3, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h4 {
font-size: 20px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h3 strong, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h4 strong {
font-weight: 600;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel ul {
margin-left: 0;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel ul li {
margin: 0 0 12px;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table {
border-collapse: collapse;
border: 1px solid #f5f5f4;
background-color: #fff;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr th,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td {
border-top: 1px solid #f5f5f4;
border-bottom: 1px solid #f5f5f4;
background-color: rgba(126, 95, 125, 0.1);
padding: 8px 16px;
color: #212121;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr th p,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td p {
margin: 0;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr th a,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td a {
text-decoration: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr th {
font-weight: 500;
text-align: left;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td {
text-align: right;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr:nth-child(even) th,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr:nth-child(even) td {
background-color: rgba(126, 95, 125, 0.05);
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li a {
text-decoration: none;
color: #212121;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li a:before {
margin-right: 8px;
color: #0081C4;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li a:hover {
color: #0081C4;
text-decoration: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.pdf a:before {
content: "\eadf";
font-family: "icomoon";
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.docx a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.doc a:before {
content: "\eae1";
font-family: "icomoon";
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.webp a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.jpeg a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.png a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.jpg a:before {
content: "\e91a";
font-family: "icomoon";
}
.wp-block-woocommerce-cart-cross-sells-block,
.upsells.products,
.related.products {
clear: both;
margin: 48px auto;
max-width: 1620px;
}
@media screen and (min-width: 720px) {
.wp-block-woocommerce-cart-cross-sells-block,
.upsells.products,
.related.products {
margin: 64px auto;
}
}
@media screen and (min-width: 1024px) {
.wp-block-woocommerce-cart-cross-sells-block,
.upsells.products,
.related.products {
margin: 80px auto;
}
}
@media screen and (min-width: 1240px) {
.wp-block-woocommerce-cart-cross-sells-block,
.upsells.products,
.related.products {
margin: 120px auto;
}
}
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
color: #1F538E;
font-weight: 500;
text-align: center;
margin: 0 0 24px;
font-family: "Merriweather", sans-serif;
font-size: 24px;
}
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
margin-bottom: 40px;
}
}
.wp-block-woocommerce-cart-cross-sells-block > h2 small,
.upsells.products > h2 small,
.related.products > h2 small {
font-size: 40%;
display: block;
font-family: "Merriweather", sans-serif;
font-weight: 600;
color: #0081C4;
text-transform: uppercase;
}
.wp-block-woocommerce-cart-cross-sells-block > h2 small,
.upsells.products > h2 small,
.related.products > h2 small {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.wp-block-woocommerce-cart-cross-sells-block > h2 small,
.upsells.products > h2 small,
.related.products > h2 small {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.wp-block-woocommerce-cart-cross-sells-block > h2 small,
.upsells.products > h2 small,
.related.products > h2 small {
font-size: 24px;
}
}
.tehnocentar-size-chart-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
visibility: hidden;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.tehnocentar-size-chart-modal.active {
z-index: 10;
visibility: visible;
opacity: 1;
}
.tehnocentar-size-chart-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.tehnocentar-size-chart-trigger {
font-weight: 500;
letter-spacing: 0.05em;
line-height: 20px;
font-size: 14px;
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.tehnocentar-size-chart-trigger {
margin-bottom: 24px;
}
}
.tehnocentar-size-chart-trigger:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/size-chart.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
margin-right: 8px;
}
.tehnocentar-size-chart-trigger:hover {
color: #0081C4;
cursor: pointer;
}
.tehnocentar-size-chart-content {
position: absolute;
border-radius: 8px;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
background: #fff;
max-width: 720px;
width: calc(100% - 32px);
margin: 0 auto;
padding: 32px 24px 24px;
}
@media screen and (min-width: 720px) {
.tehnocentar-size-chart-content {
padding: 32px;
}
}
@media screen and (min-width: 1024px) {
.tehnocentar-size-chart-content {
padding: 48px;
}
}
.tehnocentar-size-chart-content-close {
position: absolute;
top: -8px;
right: -8px;
width: 40px;
height: 40px;
padding: 8px;
cursor: pointer;
border-radius: 100%;
background: #fff;
display: block;
}
.tehnocentar-size-chart-content-close:before, .tehnocentar-size-chart-content-close:after {
content: '';
height: 24px;
border-left: 2px solid #333;
position: absolute;
left: 19px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.tehnocentar-size-chart-content-close:after {
transform: rotate(45deg);
}
.tehnocentar-size-chart-content-close:before {
transform: rotate(-45deg);
}
.tehnocentar-size-chart-content-close:hover:before, .tehnocentar-size-chart-content-close:hover:after {
border-left: 2px solid #0081C4;
}
.tehnocentar-size-chart-title {
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
line-height: 1;
margin: 0 0 16px;
}
@media screen and (min-width: 720px) {
.tehnocentar-size-chart-title {
font-size: 24px;
margin: 0 0 24px;
}
}
.tehnocentar-size-chart-link {
margin: 0 0 16px;
text-align: center;
}
@media screen and (min-width: 720px) {
.tehnocentar-size-chart-link {
margin: 0 0 24px;
}
}
.tehnocentar-size-chart-link a {
font-weight: 500;
font-size: 16px;
}
.tehnocentar-size-chart-link a:hover {
text-decoration: none;
}
.tehnocentar-size-chart-table {
border-spacing: 0;
border: 0;
text-align: center;
margin: 0;
}
.tehnocentar-size-chart-table tr th {
font-weight: 400;
border: 0;
background: #f5f5f4;
width: 33.33333%;
font-size: 16px;
line-height: 1;
padding: 16px 0;
letter-spacing: 0.05em;
}
.tehnocentar-size-chart-table tr td {
letter-spacing: 0.05em;
border-bottom: 1px solid #f5f5f4;
padding: 16px 0;
line-height: 1;
font-size: 16px;
color: #333;
font-weight: 300;
}
.woocommerce-Price-amount {
vertical-align: middle;
}
.wc_second_price {
color: #989898;
vertical-align: middle;
line-height: inherit;
font-weight: 400;
margin-left: 8px;
}
body.single .wcpay-payment-request-wrapper {
margin: 16px 0;
}
.woocommerce-page {
background-color: #fff;
}
.woocommerce-page .woocommerce-breadcrumb {
text-align: right;
}
.woocommerce-page .site-main {
margin: 0 auto;
padding: 0;
}
.woocommerce-page .category-index {
display: grid;
padding: 0 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .category-index {
grid-template-columns: 1fr 3fr;
max-width: 1440px;
margin: 0 auto;
padding: 80px 24px 32px;
gap: 32px;
}
}
.woocommerce-page .category-index #primary {
order: 2;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .category-index #primary {
grid-column: 2;
}
}
.woocommerce-page .category-index #secondary {
order: 1;
}
.woocommerce-page .category-index > .woocommerce {
order: 0;
}
.woocommerce-page .category-index .page-title {
color: #212121;
}
.woocommerce-page .woocommerce-result-count {
display: block;
font-size: 14px;
line-height: 24px;
float: left;
color: #212121;
}
.woocommerce-page .woocommerce-ordering {
display: block;
margin: 16px 0 0;
}
@media screen and (min-width: 720px) {
.woocommerce-page .woocommerce-ordering {
float: right;
margin: 0;
}
}
.woocommerce-page .woocommerce-ordering select {
border: 0;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
padding: 8px;
font-weight: 500;
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
}
.woocommerce-page .woocommerce-ordering select:hover {
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.woocommerce-page .woocommerce-pagination ul.page-numbers {
display: block;
list-style-type: none;
text-align: center;
padding: 32px 0 0;
margin: 48px 0 0;
border-top: 1px solid #AACAE4;
}
@media screen and (min-width: 720px) {
.woocommerce-page .woocommerce-pagination ul.page-numbers {
padding: 48px 0 0;
margin: 48px 0 0;
}
}
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
display: inline-block;
margin: 0 8px;
vertical-align: middle;
}
.woocommerce-page .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .woocommerce-pagination ul.page-numbers li span {
border: 1px solid #0081C4;
border-radius: 4px;
background-color: #fff;
padding: 8px;
min-width: 32px;
font-size: 12px;
line-height: 14px;
text-decoration: none;
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 720px) {
.woocommerce-page .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .woocommerce-pagination ul.page-numbers li span {
font-size: 14px;
min-width: 40px;
line-height: 22px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .woocommerce-pagination ul.page-numbers li span {
font-size: 16px;
}
}
.woocommerce-page .woocommerce-pagination ul.page-numbers li span.current {
color: #fff;
background: #0081C4;
font-weight: 700;
}
.woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover {
color: #fff;
background: #0081C4;
}
.woocommerce-page ~ .storefront-sorting .woocommerce-result-count {
display: none;
}
.woocommerce-page ~ .storefront-sorting .woocommerce-pagination {
display: block;
}
.woocommerce-page .woocommerce-products-header {
max-width: 1440px;
margin: 0 auto;
width: 100%;
text-align: left;
position: relative;
clear: both;
margin-bottom: 32px;
}
.woocommerce-page .woocommerce-products-header h1 {
font-weight: 400;
line-height: 1;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .woocommerce-products-header h1 {
margin-bottom: 8px;
}
}
.woocommerce-page .woocommerce-products-header h1 + .term-description {
margin-top: 24px;
}
.woocommerce-page .woocommerce-products-header .term-description {
background: #fff;
border: 2px solid #f2f2f2;
border-radius: 8px;
padding: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .woocommerce-products-header .term-description {
padding: 24px;
}
}
.woocommerce-page .woocommerce-products-header .term-description p {
margin: 0;
color: #989898;
font-size: 14px;
}
.woocommerce-page .woocommerce-products-header .term-description p:not(:last-child) {
margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .woocommerce-products-header .term-description p {
font-size: 16px;
}
}
.woocommerce-page .woocommerce-products-header .term-description img {
border-radius: 8px;
display: block;
float: none !important;
margin-bottom: 0;
}
.woocommerce-page .woocommerce-products-header .border-bottom {
margin-top: 16px;
border-bottom: 1px solid #f5f5f4;
}
.woocommerce-page .woocommerce-products-header-alt {
margin: 48px 0 0;
}
.woocommerce-page h2.woocommerce-products-header-title {
text-transform: uppercase;
color: #0081C4;
font-weight: 400;
text-align: center;
margin: 0 0 24px;
font-family: "Merriweather", sans-serif;
font-size: 24px;
}
@media screen and (min-width: 720px) {
.woocommerce-page h2.woocommerce-products-header-title {
margin-bottom: 32px;
font-size: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page h2.woocommerce-products-header-title {
margin-bottom: 40px;
font-size: 40px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-page h2.woocommerce-products-header-title {
margin-bottom: 48px;
}
}
.woocommerce-page h2.woocommerce-products-header-title small {
font-size: 50%;
font-weight: 700;
color: #212121;
display: block;
font-family: "Merriweather Sans", sans-serif;
}
@media screen and (min-width: 720px) {
.woocommerce-page h2.woocommerce-products-header-title small {
font-size: 40%;
}
}
.woocommerce-page div.products,
.woocommerce-page ul.products {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px 8px;
}
@media screen and (min-width: 600px) {
.woocommerce-page div.products,
.woocommerce-page ul.products {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px 16px;
}
}
@media screen and (min-width: 720px) {
.woocommerce-page div.products,
.woocommerce-page ul.products {
grid-template-columns: repeat(3, 1fr);
}
.woocommerce-page div.products.columns-3,
.woocommerce-page ul.products.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.woocommerce-page div.products.columns-4,
.woocommerce-page ul.products.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page div.products,
.woocommerce-page ul.products {
gap: 32px 24px;
}
.woocommerce-page div.products.columns-4,
.woocommerce-page ul.products.columns-4 {
gap: 32px 16px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-page div.products,
.woocommerce-page ul.products {
gap: 24px 24px;
}
.woocommerce-page div.products.columns-4,
.woocommerce-page ul.products.columns-4 {
gap: 32px 16px;
}
}
.products ul {
margin: 0;
padding: 0;
min-width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.products .owl-item ul {
min-width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.products .owl-item li.product {
margin: 0;
}
li.product {
position: relative;
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #fff;
padding: 8px;
border-radius: 8px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border: 2px solid rgba(0, 0, 0, 0.025);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 100%;
min-width: 100%;
}
@media screen and (min-width: 1024px) {
li.product {
padding: 16px;
}
}
li.product:hover {
border-color: #0081C4;
}
li.product:hover a.woocommerce-LoopProduct-link .product-thumbnail img {
transform: scale(1.05);
}
@media screen and (min-width: 1024px) {
li.product:hover a.woocommerce-LoopProduct-link .product-thumbnail img.hover-product-img {
opacity: 1;
z-index: 2;
}
}
li.product.product-type-simple .woocommerce-loop-product__title {
display: -webkit-box;
-webkit-line-clamp: 3; line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-transform: uppercase;
}
li.product.product-type-simple .price {
display: block;
}
li.product.product-type-variable .woocommerce-loop-product__title {
display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-transform: uppercase;
}
li.product.product-type-variable .add_to_cart_button.product_type_variable {
display: none;
}
li.product.product-type-variable .quantity {
display: none;
}
li.product.product-type-variable .reset_variations {
display: none !important;
}
li.product.product-type-variable table.variations {
margin: 8px 0;
}
li.product.product-type-variable table.variations .label {
display: none;
}
li.product.product-type-variable table.variations .variable-items-wrapper,
li.product.product-type-variable table.variations .swatch-control {
display: flex;
justify-content: center;
gap: 8px;
}
li.product.product-type-variable table.variations .variable-items-wrapper .select-option,
li.product.product-type-variable table.variations .swatch-control .select-option {
margin: 0;
border-radius: 100%;
}
li.product.product-type-variable table.variations .variable-items-wrapper .select-option a,
li.product.product-type-variable table.variations .swatch-control .select-option a {
border-radius: 100%;
width: 20px !important;
height: 20px !important;
}
li.product.product-type-variable table.variations .variable-items-wrapper .select-option.selected,
li.product.product-type-variable table.variations .swatch-control .select-option.selected {
border-color: #0081C4;
}
li.product.outofstock .variations_form {
display: none !important;
}
li.product a.woocommerce-LoopProduct-link {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
text-decoration: none;
position: relative;
}
li.product a.woocommerce-LoopProduct-link .product-thumbnail {
overflow: hidden;
margin-bottom: 8px;
border-radius: 8px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .product-thumbnail {
margin-bottom: 16px;
}
}
li.product a.woocommerce-LoopProduct-link .product-thumbnail img {
display: block;
width: 100%;
height: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
object-fit: contain;
aspect-ratio: 1;
background-color: #fff;
position: relative;
z-index: 1;
}
li.product a.woocommerce-LoopProduct-link .product-thumbnail img.hover-product-img {
position: absolute;
top: 0;
left: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
opacity: 0;
z-index: 0;
}
li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-size: 14px;
line-height: 1.25;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 4px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
color: #212121;
min-height: 35px;
text-transform: uppercase;
margin: 24px 0 0;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-size: 18px;
min-height: 45px;
}
}
li.product a.woocommerce-LoopProduct-link .product-short-info {
margin: 8px 0;
padding: 0;
min-height: 64px;
width: 100%;
list-style-type: none;
}
li.product a.woocommerce-LoopProduct-link .product-short-info li {
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px;
line-height: 21px;
color: #454545;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .product-short-info li {
font-size: 14px;
}
}
li.product a.woocommerce-LoopProduct-link .product-short-info li:before {
display: inline-block;
width: 4px;
height: 4px;
background-color: #0081C4;
border-radius: 50%;
margin-right: 8px;
content: "";
margin-bottom: 2px;
}
li.product a.woocommerce-LoopProduct-link .price {
border-top: 1px solid #F2F4F7;
margin: 8px 0 4px;
padding-top: 16px;
color: #123155;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 16px;
line-height: 1.25;
display: flex;
flex: 1 0 auto;
align-items: end;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price {
font-size: 18px;
margin: 8px 0 4px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price {
font-size: 20px;
}
}
li.product a.woocommerce-LoopProduct-link .price del {
display: inline-block;
color: #989898;
font-weight: 300;
font-size: 12px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price del {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price del {
font-size: 16px;
line-height: 20px;
}
}
li.product a.woocommerce-LoopProduct-link .price del ins {
display: inline-block;
color: #989898;
font-weight: 300;
font-size: 12px;
text-decoration: line-through;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price del ins {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price del ins {
font-size: 16px;
line-height: 20px;
}
}
li.product a.woocommerce-LoopProduct-link .price ins {
display: inline-block;
color: #0081C4;
margin-left: 8px;
background-color: transparent;
font-weight: 600;
letter-spacing: 0.05em;
font-size: 14px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price ins {
font-size: 16px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price ins {
font-size: 18px;
line-height: 20px;
}
}
li.product .lowest_price.list {
display: none;
}
li.product .lowest_price.single {
font-size: 12px;
}
li.product .lowest_price.single * {
font-size: 12px;
}
li.product .onsale,
li.product .awdr_discount_bar_content,
li.product .discount-percentage {
position: absolute;
top: 0;
left: 0;
z-index: 5;
background: #0081C4;
color: #fff;
font-size: 12px;
font-weight: 500;
padding: 2px 16px;
border-radius: 8px 0;
letter-spacing: 0.05em;
}
li.product .variable-items-wrapper .variable-item:not(.radio-variable-item) {
margin: 0;
}
li.product .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
font-size: 14px;
font-weight: 500;
}
li.product .single_variation_wrap {
position: relative;
z-index: 1;
}
li.product .single_variation_wrap .woocommerce-variation-price .price {
color: #0081C4;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
}
@media screen and (min-width: 720px) {
li.product .single_variation_wrap .woocommerce-variation-price .price {
font-size: 16px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product .single_variation_wrap .woocommerce-variation-price .price {
font-size: 18px;
line-height: 20px;
}
}
li.product .swatches {
display: flex;
justify-content: center;
gap: 16px;
margin: 8px 0;
}
li.product .swatches .swatch {
width: 24px;
height: 24px;
display: block;
border-radius: 100%;
border: 2px solid #fff;
outline: 1px solid #F2F4F7;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
}
li.product .swatches .swatch:hover {
outline-color: #ACACAC;
}
li.product .swatches .swatch.active {
outline-color: #989898;
}
li.product:hover .product-add-to-cart-wrapper {
opacity: 1;
visibility: visible;
z-index: 1;
}
li.product .input-text.qty.text {
display: none;
}
li.product.outofstock .button {
color: #fff;
opacity: 0.75;
}
li.product.outofstock .button:hover {
color: #fff;
}
li.product .button {
width: 100%;
background-color: #0081C4;
background-position: center;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/add-to-cart-loader.svg);
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
padding: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px auto 0;
display: block;
font-size: 12px;
border: 1px solid #0081C4;
z-index: 2;
border-radius: 8px;
position: relative;
}
@media screen and (min-width: 720px) {
li.product .button {
font-size: 14px;
}
}
li.product .button.disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.75;
background-color: #0081C4;
border: 1px solid #0081C4;
}
li.product .button:hover {
background-color: #1F538E;
border: 1px solid #1F538E;
}
li.product .button.loading {
pointer-events: none;
background-color: #1F538E;
border: 1px solid #1F538E;
background-size: 32px auto;
font-size: 0;
}
li.product .button.added {
font-size: 0;
}
li.product .button.added:before {
font-size: 14px;
line-height: 24px;
content: "Dodano!";
height: 0;
display: block;
}
li.product a.added_to_cart.wc-forward {
display: none;
}
.product-categories-featured-image {
margin: 24px 0;
position: relative;
}
@media screen and (min-width: 720px) {
.product-categories-featured-image {
margin: 32px 0;
}
}
.product-categories-featured-image img {
border: 2px solid rgba(0, 0, 0, 0.05);
display: block;
border-radius: 8px;
object-fit: cover;
width: 100%;
object-position: center bottom;
}
@media screen and (min-width: 720px) {
.product-categories-featured-image img {
border-radius: 16px;
}
}
.product-categories-featured-image h1 {
position: absolute;
bottom: 24px;
background-color: #fff;
padding: 8px 24px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
border-radius: 0 16px 16px 0;
}
@media screen and (min-width: 720px) {
.product-categories-featured-image h1 {
padding: 8px 32px;
bottom: 32px;
}
}
body .cwapf-before-update {
background-color: rgba(255, 255, 255, 0.45) !important;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/loader.svg);
background-size: 64px;
background-position: center;
z-index: 3;
background-repeat: no-repeat;
}
.layered-filter-content {
display: block;
position: fixed;
z-index: 2;
}
.woocommerce-layerd-nav {
padding: 16px 0 0;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav {
padding: 0;
}
}
.woocommerce-layerd-nav .layered-filter-trigger {
text-align: center;
background-color: #0081C4;
color: #fff;
font-weight: 500;
letter-spacing: 0.05em;
font-size: 16px;
line-height: 1.25;
padding: 8px 16px;
border-radius: 0;
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-trigger {
display: none;
}
}
.woocommerce-layerd-nav .layered-filter-trigger:after {
content: "\e915";
font-family: "icomoon";
margin-left: 8px;
display: inline-block;
vertical-align: text-bottom;
}
.woocommerce-layerd-nav .layered-filter-content {
position: fixed;
top: 0;
right: 100%;
width: 100%;
background-color: #fff;
z-index: 9999102;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
overflow: auto;
height: 100vh; height: calc(var(--vh, 1vh) * 100);
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content {
position: static;
right: 0;
top: 0;
height: auto;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.025);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
z-index: 1;
}
}
.woocommerce-layerd-nav .layered-filter-content.active {
transform: translateX(100%);
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content.active {
transform: none;
z-index: 1;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content .header-item-info.navigation-info {
display: none;
}
}
.woocommerce-layerd-nav .layered-filter-content .wcpf_widget_filters {
padding: 16px;
margin: 0;
height: calc((var(--vh, 1vh) * 100) - 48px - 74px);
overflow: auto;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content .wcpf_widget_filters {
padding: 24px;
height: auto;
overflow: unset;
}
}
.woocommerce-layerd-nav .layered-filter-continue {
border-top: 2px solid rgba(0, 0, 0, 0.1);
padding: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-continue {
display: none;
}
}
.woocommerce-layerd-nav .layered-filter-continue .button {
text-align: center;
background-color: #0081C4;
color: #fff;
font-weight: 500;
border-radius: 8px;
font-size: 16px;
line-height: 24px;
padding: 8px 16px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.woocommerce-layerd-nav .layered-filter-continue .button:after {
display: inline-block;
vertical-align: bottom;
margin-left: 8px;
content: "\e905";
font-family: "icomoon";
}
.woocommerce-layerd-nav .cwapf-widget {
border-bottom: 1px solid #f5f5f4;
padding-bottom: 16px;
}
.woocommerce-layerd-nav .cwapf-widget:last-child {
border: 0;
}
.woocommerce-layerd-nav .cwapf-widget h4 {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 8px;
color: #333;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-price-filter-wrapper .noUi-origin {
background-color: #0081C4;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-price-filter-wrapper .noUi-horizontal .noUi-handle {
border-color: #0081C4;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-price-filter-wrapper .slider-values {
font-weight: 300;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-layered-nav ul {
margin: 0;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-layered-nav a {
color: #212121;
text-decoration: none;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-layered-nav a:hover {
color: #0081C4;
}
body.archive.term-1594 .woocommerce-layerd-nav,
body.archive.term-1594 .storefront-sorting,
body.archive.term-1594 .variations_form {
display: none !important;
}
body.archive.term-1594 .category-index {
grid-template-columns: 1fr !important;
}
.section-blog-posts {
padding: 48px 0;
position: relative;
}
@media screen and (min-width: 1024px) {
.section-blog-posts {
padding: 80px 0;
}
}
@media screen and (min-width: 1240px) {
.section-blog-posts {
padding: 120px 0;
}
}
.section-blog-posts + .section-carousel .container {
padding-top: 0 !important; }
.section-blog-posts:before {
content: "";
background-color: #f2eeeb;
display: block;
height: calc(100% - 250px);
width: 100%;
z-index: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
}
@media screen and (min-width: 1024px) {
.section-blog-posts:before {
height: calc(100% - 281px);
}
}
@media screen and (min-width: 1240px) {
.section-blog-posts:before {
height: calc(100% - 321px);
}
}
.section-blog-posts .title-wrapper {
display: grid;
gap: 8px;
grid-template-columns: 1fr;
align-items: end;
}
@media screen and (min-width: 720px) {
.section-blog-posts .title-wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.section-blog-posts .title-wrapper {
gap: 80px;
}
}
@media screen and (min-width: 1240px) {
.section-blog-posts .title-wrapper {
gap: 180px;
}
}
.section-blog-posts .title-wrapper .subtitle {
font-size: calc(14px + 6 * ((100vw - 320px) / 920));
text-transform: uppercase;
color: #0081C4;
font-weight: 400;
text-align: left;
}
@media screen and (max-width: 320px) {
.section-blog-posts .title-wrapper .subtitle {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-blog-posts .title-wrapper .subtitle {
font-size: 20px;
}
}
.section-blog-posts .title-wrapper h2 {
text-align: left;
margin: 8px 0;
color: #212121;
font-size: calc(20px + 24 * ((100vw - 320px) / 920));
font-weight: 700;
}
@media screen and (max-width: 320px) {
.section-blog-posts .title-wrapper h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.section-blog-posts .title-wrapper h2 {
font-size: 44px;
}
}
.section-blog-posts .title-wrapper h2 span {
display: block;
color: #0081C4;
}
.section-blog-posts .title-wrapper .title-separator {
position: relative;
z-index: 1;
width: 52px;
margin: 16px 0;
}
.section-blog-posts .title-wrapper .title-separator:before {
position: absolute;
bottom: 0;
left: 0;
width: 40px;
content: "";
background-color: #0081C4;
height: 2px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.section-blog-posts .title-wrapper .title-separator:after {
position: absolute;
bottom: 0;
left: 48px;
width: 4px;
content: "";
background-color: #212121;
height: 2px;
}
.section-blog-posts .title-wrapper .description,
.section-blog-posts .title-wrapper .description p {
margin: 0;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
color: #454545;
}
@media screen and (max-width: 320px) {
.section-blog-posts .title-wrapper .description,
.section-blog-posts .title-wrapper .description p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-blog-posts .title-wrapper .description,
.section-blog-posts .title-wrapper .description p {
font-size: 16px;
}
}
@media screen and (min-width: 720px) {
.section-blog-posts .title-wrapper .description,
.section-blog-posts .title-wrapper .description p {
margin-bottom: 16px;
}
}
.section-blog-posts-items {
padding: 32px 0 0;
margin: 0;
list-style-type: none;
display: grid;
gap: 24px;
}
@media screen and (min-width: 720px) {
.section-blog-posts-items {
grid-template-columns: repeat(3, 1fr);
gap: 24px;
padding: 48px 0 0;
}
}
@media screen and (min-width: 1024px) {
.section-blog-posts-items {
gap: 32px;
padding: 64px 0 0;
}
}
.section-blog-posts-item {
background-color: #f2eeeb;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: relative;
box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.07);
}
.section-blog-posts-item:hover {
background-color: #fff;
}
.section-blog-posts-item img {
display: block;
aspect-ratio: 4/3;
object-fit: cover;
}
.section-blog-posts-item .post-image {
position: relative;
}
.section-blog-posts-item .post-image a {
display: block;
}
.section-blog-posts-item .post-image time {
position: absolute;
right: 24px;
bottom: 0;
transform: translateY(50%);
background-color: #0081C4;
color: #fff;
font-weight: 600;
padding: 8px 16px;
}
.section-blog-posts-item .post-info {
position: relative;
padding: 32px 24px;
height: 138px;
}
@media screen and (min-width: 1024px) {
.section-blog-posts-item .post-info {
padding: 32px;
}
}
.section-blog-posts-item .post-info h3 {
font-size: calc(18px + 6 * ((100vw - 320px) / 920));
line-height: 1.5;
margin: 0;
}
@media screen and (max-width: 320px) {
.section-blog-posts-item .post-info h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.section-blog-posts-item .post-info h3 {
font-size: 24px;
}
}
@media screen and (min-width: 720px) {
.section-blog-posts-item .post-info h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.section-blog-posts-item .post-info h3 a {
text-decoration: none;
color: #212121;
}
body .entry-content .wp-block-gallery {
display: grid;
margin: 24px 0;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 480px) {
body .entry-content .wp-block-gallery {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
margin: 32px 0;
}
}
@media screen and (min-width: 720px) {
body .entry-content .wp-block-gallery {
grid-template-columns: repeat(3, 1fr);
margin: 48px 0;
}
}
body .entry-content .wp-block-gallery .wp-block-image {
margin: 0 !important;
display: block;
width: 100% !important;
}
body .entry-content .wp-block-gallery .wp-block-image img {
display: block;
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
}
body .entry-content .wp-block-gallery .wp-block-image figcaption {
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
line-height: 1.5;
font-weight: 500;
padding-bottom: 16px;
}
@media screen and (max-width: 320px) {
body .entry-content .wp-block-gallery .wp-block-image figcaption {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
body .entry-content .wp-block-gallery .wp-block-image figcaption {
font-size: 18px;
}
}
body .wp-lightbox-container {
display: flex;
flex-direction: column;
position: relative;
}
body .wp-lightbox-container img {
cursor: zoom-in;
}
body .wp-lightbox-container img:hover + button {
opacity: 1;
}
body .wp-lightbox-container button {
align-items: center;
-webkit-backdrop-filter: blur(16px) saturate(180%);
backdrop-filter: blur(16px) saturate(180%);
background-color: rgba(90, 90, 90, 0.25);
border: none;
border-radius: 4px;
cursor: zoom-in;
display: flex;
height: 20px;
justify-content: center;
opacity: 0;
padding: 0;
position: absolute;
right: 16px;
text-align: center;
top: 16px;
transition: opacity .2s ease;
width: 20px;
z-index: 100;
}
body .wp-lightbox-container:focus-visible {
outline: 3px auto rgba(90, 90, 90, 0.25);
outline: 3px auto -webkit-focus-ring-color;
outline-offset: 3px;
}
body .wp-lightbox-container:hover {
cursor: pointer;
opacity: 1;
}
body .wp-lightbox-container:focus {
opacity: 1;
}
body .wp-lightbox-container button:focus,
body .wp-lightbox-container button:hover,
body .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
background-color: rgba(90, 90, 90, 0.25);
border: none;
}
body .wp-lightbox-overlay {
box-sizing: border-box;
cursor: zoom-out;
height: 100vh;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
visibility: hidden;
width: 100vw;
z-index: 100000;
}
body .wp-lightbox-overlay .close-button {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
min-height: 40px;
min-width: 40px;
padding: 0;
position: absolute;
right: calc(env(safe-area-inset-right) + 16px);
top: calc(env(safe-area-inset-top) + 16px);
z-index: 5000000;
}
body .wp-lightbox-overlay .close-button:focus, body .wp-lightbox-overlay .close-button:hover, body .wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) {
background: none;
border: none;
}
body .wp-lightbox-overlay .lightbox-image-container {
height: var(--wp--lightbox-container-height);
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: top left;
width: var(--wp--lightbox-container-width);
z-index: 9999999999;
}
body .wp-lightbox-overlay .wp-block-image {
align-items: center;
box-sizing: border-box;
display: flex;
height: 100%;
justify-content: center;
margin: 0;
position: relative;
transform-origin: 0 0;
width: 100%;
z-index: 3000000;
}
body .wp-lightbox-overlay .wp-block-image img {
height: var(--wp--lightbox-image-height);
min-height: var(--wp--lightbox-image-height);
min-width: var(--wp--lightbox-image-width);
width: var(--wp--lightbox-image-width);
}
body .wp-lightbox-overlay .wp-block-image figcaption {
display: none;
}
body .wp-lightbox-overlay button {
background: none;
border: none;
}
body .wp-lightbox-overlay .scrim {
background-color: #fff;
height: 100%;
opacity: .9;
position: absolute;
width: 100%;
z-index: 2000000;
}
body .wp-lightbox-overlay.active {
animation: turn-on-visibility .25s both;
visibility: visible;
}
body .wp-lightbox-overlay.active img {
animation: turn-on-visibility .35s both;
}
body .wp-lightbox-overlay.hideanimationenabled:not(.active) {
animation: turn-off-visibility .35s both;
}
body .wp-lightbox-overlay.hideanimationenabled:not(.active) img {
animation: turn-off-visibility .25s both;
}
@media (prefers-reduced-motion: no-preference) {
body .wp-lightbox-overlay.zoom.active {
animation: none;
opacity: 1;
visibility: visible;
}
body .wp-lightbox-overlay.zoom.active .lightbox-image-container {
animation: lightbox-zoom-in .4s;
}
body .wp-lightbox-overlay.zoom.active .lightbox-image-container img {
animation: none;
}
body .wp-lightbox-overlay.zoom.active .scrim {
animation: turn-on-visibility .4s forwards;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) {
animation: none;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container {
animation: lightbox-zoom-out .4s;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img {
animation: none;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
animation: turn-off-visibility .4s forwards;
}
}
@keyframes turn-on-visibility {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes turn-off-visibility {
0% {
opacity: 1;
visibility: visible;
}
99% {
opacity: 0;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
@keyframes lightbox-zoom-in {
0% {
transform: translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
}
to {
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes lightbox-zoom-out {
0% {
transform: translate(-50%, -50%) scale(1);
visibility: visible;
}
99% {
visibility: visible;
}
to {
transform: translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
visibility: hidden;
}
}
.block-slider {
min-height: 200px;
padding-bottom: 8px;
}
@media screen and (min-width: 720px) {
.block-slider {
padding-bottom: 0;
}
}
.block-slider .owl-stage-outer {
padding-bottom: 8px;
}
@media screen and (min-width: 720px) {
.block-slider .owl-stage-outer {
padding-bottom: 0;
}
}
.block-slider .owl-dots {
text-align: center;
}
@media screen and (min-width: 720px) {
.block-slider .owl-dots {
display: none;
}
}
.block-slider .owl-dots .owl-dot {
padding: 8px;
margin: 0 5px;
border-radius: 4px 0 4px 0;
}
.block-slider .owl-dots .owl-dot.active {
background-color: #0081C4;
}
.block-slider .owl-nav {
max-width: 1620px;
margin: 0 auto;
}
.block-slider .owl-nav button {
top: 30%;
color: #fff;
background-color: transparent;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 0;
height: 64px;
}
@media screen and (min-width: 720px) {
.block-slider .owl-nav button {
top: 50%;
transform: translateY(-50%);
}
}
@media screen and (min-width: 1024px) {
.block-slider .owl-nav button {
width: 48px;
height: 120px;
}
}
.block-slider .owl-nav button:before {
color: #fff;
font-size: 24px;
vertical-align: middle;
}
.block-slider .owl-nav button:hover {
background-color: #fff;
}
.block-slider .owl-nav button:hover:before {
color: #0081C4;
}
.block-slider .owl-nav button.owl-prev {
left: 0;
}
.block-slider .owl-nav button.owl-next {
right: 0;
}
.block-slider-item {
display: block;
position: relative;
}
.block-slider-item:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(180deg, rgba(29, 29, 29, 0) 0, rgba(35, 35, 35, 0.65));
z-index: 1;
display: none;
}
@media screen and (min-width: 720px) {
.block-slider-item:after {
display: block;
}
}
@media screen and (min-width: 720px) {
.block-slider-item-content {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
height: 100%;
width: 100%;
top: 0;
}
}
.block-slider-item-content .container-wrapper {
position: relative;
z-index: 2;
margin: 0 auto;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
padding: 24px;
margin-top: -96px;
background-color: #fff;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.block-slider-item-content .container-wrapper {
margin: 0;
padding: 0;
position: absolute;
top: unset;
bottom: 10%;
transform: none;
width: 60%;
background-color: transparent;
box-shadow: none;
}
}
.block-slider-item-content p {
color: #212121;
margin: 0;
text-align: center;
}
.block-slider-item-content p:not(:last-child) {
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.block-slider-item-content p:not(:last-child) {
margin-bottom: 32px;
}
}
@media screen and (min-width: 720px) {
.block-slider-item-content p {
text-align: left;
color: #fff;
}
}
.block-slider-item-content p.title {
font-weight: 600;
font-size: calc(24px + 40 * ((100vw - 320px) / 920));
line-height: 1;
font-family: "Merriweather", sans-serif;
}
@media screen and (max-width: 320px) {
.block-slider-item-content p.title {
font-size: 24px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-item-content p.title {
font-size: 64px;
}
}
.block-slider-item-content p.description {
font-size: 14px;
line-height: 1.5;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.block-slider-item-content p.description {
font-size: 16px;
}
}
.block-slider-item-content p.buttons .button {
display: inline-block;
width: 70%;
text-transform: none;
letter-spacing: 0.025em;
font-weight: 600;
background-color: #fff;
border-radius: 0;
border: 0;
position: relative;
line-height: 1.5;
color: #0081C4;
text-decoration: underline;
}
@media screen and (min-width: 720px) {
.block-slider-item-content p.buttons .button {
width: auto;
line-height: 48px;
color: #000;
text-decoration: none;
margin-top: 8px;
padding: 0 32px;
}
.block-slider-item-content p.buttons .button:after {
content: "";
top: 0;
position: absolute;
left: 100%;
height: 0;
width: 0;
border-left: 32px solid #fff;
border-top: 48px solid transparent;
border-right: 0;
border-bottom: 0;
}
}
.block-slider-item-content p.buttons .button:hover {
color: #0081C4;
}
.block-slider img {
position: relative;
z-index: 0;
width: 100%;
height: 100%;
aspect-ratio: 1;
object-fit: cover;
display: block;
}
@media screen and (min-width: 720px) {
.block-slider img {
aspect-ratio: 16/9;
}
}
@media screen and (min-width: 1240px) {
.block-slider img {
aspect-ratio: 16/6;
}
}
.wp-block-buttons .wp-block-button {
margin: 0 auto 16px;
}
@media screen and (min-width: 720px) {
.wp-block-buttons .wp-block-button {
margin: 0 auto 24px;
}
}
.wp-block-buttons .wp-block-button__link {
width: 100%;
max-width: 400px;
background-color: #0081C4;
background-position: center;
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
text-align: center;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px auto;
display: block;
font-size: 14px;
border: 1px solid #0081C4;
border-radius: 8px;
padding: 8px 24px;
}
@media screen and (min-width: 720px) {
.wp-block-buttons .wp-block-button__link {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.wp-block-buttons .wp-block-button__link {
padding: 12px 48px;
}
}
.wp-block-buttons .wp-block-button__link:hover {
background-color: #1F538E;
border: 1px solid #1F538E;
}
.block-services {
margin: 32px 0;
}
@media screen and (min-width: 1024px) {
.block-services {
margin: 48px 0;
}
}
.block-services-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 720px) {
.block-services-grid {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
}
@media screen and (min-width: 1024px) {
.block-services-grid.column-3 {
grid-template-columns: 1fr 1fr 1fr;
gap: 48px 32px;
}
.block-services-grid.column-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 48px 32px;
}
}
.block-services-item.design-default .image {
display: block;
margin-bottom: 16px;
overflow: hidden;
}
.block-services-item.design-default .image:hover img {
transform: scale(1.05);
}
.block-services-item.design-overlay {
position: relative;
}
.block-services-item.design-overlay .image {
display: block;
overflow: hidden;
border-radius: 8px;
}
.block-services-item.design-overlay .image:hover img {
transform: scale(1.05);
}
.block-services-item.design-overlay .info {
position: absolute;
bottom: 0;
left: 0;
padding: 16px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.25);
width: 100%;
border-radius: 0 0 8px 8px;
}
.block-services-item.design-overlay .info a:hover h3 {
color: #0081C4;
}
.block-services-item.design-overlay .info h3 {
color: #fff;
}
.block-services-item.design-overlay .info p {
color: #fff;
}
.block-services-item a {
text-decoration: none;
}
.block-services-item h3 {
margin: 0;
font-size: 20px;
color: #212121;
}
.block-services-item p {
color: #989898;
margin: 8px 0 0;
font-size: 16px;
}
.block-services-item img {
display: block;
object-fit: cover;
width: 100%;
height: auto;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-services-item img.square {
aspect-ratio: 1;
}
.block-services-item img.wide {
aspect-ratio: 16/9;
}
.block-featlarg-services {
margin: 32px auto 0;
background-color: #F78F1E;
}
@media screen and (min-width: 1240px) {
.block-featlarg-services {
margin: 48px auto 0;
}
}
.block-featlarg-services-wrapper {
max-width: 1920px;
margin: 0 auto;
position: relative;
}
.block-featlarg-services h2 {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: transparent;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/title_bg.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
padding: 4px 32px 16px;
text-align: center;
z-index: 5;
font-size: calc(16px + 8 * ((100vw - 320px) / 920));
line-height: 1.5;
}
@media screen and (max-width: 320px) {
.block-featlarg-services h2 {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.block-featlarg-services h2 {
font-size: 24px;
}
}
.block-featlarg-services-grid {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
overflow-x: auto;
gap: 0;
position: relative;
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-grid {
padding-top: 56%;
}
}
.block-featlarg-services-item {
min-width: 75%;
display: block;
border-left: 1px solid #FAB71E;
border-right: 1px solid #FAB71E;
}
@media screen and (min-width: 720px) {
.block-featlarg-services-item {
min-width: 42.5%;
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.block-featlarg-services-item {
min-width: 25%;
width: 25%;
border: 0;
}
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
}
.block-featlarg-services-item .image img {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 1;
object-fit: cover;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item .image img {
aspect-ratio: 16/8;
}
}
.block-featlarg-services-item .info {
position: relative;
bottom: 0;
left: 0;
right: 0;
padding: 24px;
background-color: #F78F1E;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item .info {
padding: 48px;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
cursor: pointer;
}
}
@media screen and (min-width: 1440px) {
.block-featlarg-services-item .info {
padding: 64px;
}
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item .info:hover {
background-color: #0081C4;
}
}
.block-featlarg-services-item .info-wrapper {
position: relative;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
z-index: 3;
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item .info-top {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item .info-bottom {
visibility: hidden;
height: 0;
overflow: hidden;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-featlarg-services-item .info-bottom p {
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 96px;
overflow: hidden;
}
}
.block-featlarg-services-item .info span {
color: #fff;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-featlarg-services-item .info h3 {
color: #fff;
margin: 0 0 16px;
font-size: calc(20px + 12 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-featlarg-services-item .info h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item .info h3 {
font-size: 32px;
}
}
.block-featlarg-services-item .info p {
margin: 0;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
color: #888;
}
@media screen and (max-width: 320px) {
.block-featlarg-services-item .info p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item .info p {
font-size: 16px;
}
}
.block-featlarg-services-item .info .button {
margin: 24px 0 0;
display: inline-block;
text-transform: none;
letter-spacing: 0.025em;
font-weight: 600;
background-color: #fff;
border-radius: 0;
border: 0;
position: relative;
line-height: 32px;
color: #212121;
text-decoration: none;
}
.block-featlarg-services-item .info .button:after {
content: "";
top: 0;
position: absolute;
left: 100%;
height: 0;
width: 0;
border-left: 32px solid #fff;
border-top: 48px solid transparent;
border-right: 0;
border-bottom: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item .info .button {
padding: 8px 32px;
}
}
.block-featlarg-services-item .info .button:hover {
color: #fff;
background-color: #0081C4;
}
.block-featlarg-services-item .info .button:hover:after {
border-left-color: #0081C4;
}
@media screen and (min-width: 1240px) {
.block-featlarg-services-item.active .image {
z-index: 2;
}
.block-featlarg-services-item.active span {
color: #0081C4;
}
.block-featlarg-services-item.active .info {
cursor: unset;
background-color: #F78F1E;
}
.block-featlarg-services-item.active .info-bottom {
visibility: visible;
height: 168px;
}
.block-featlarg-services-item.active .info-bottom p {
height: 96px;
}
}
.block-slider-services {
background-color: #f3eeeb;
position: relative;
margin-bottom: 120px;
}
.block-slider-services-holder {
position: relative;
z-index: 1;
overflow: hidden;
padding: 48px 0 80px;
}
@media screen and (min-width: 1240px) {
.block-slider-services-holder {
padding: 80px 0 100px;
}
}
.block-slider-services-holder:before {
content: "";
background-color: #e2ddda;
position: absolute;
top: 0;
left: 0;
width: 40vw;
height: 40vw;
transform: rotate(45deg) translate(-75%, -20%);
}
@media screen and (min-width: 720px) {
.block-slider-services-holder:before {
width: 600px;
height: 600px;
transform: rotate(45deg) translate(-100%, -40%);
}
}
.block-slider-services-holder:after {
content: "";
background-color: #e2ddda;
position: absolute;
bottom: 0;
right: 0;
width: 40vw;
height: 40vw;
transform: rotate(45deg) translate(75%, 20%);
}
@media screen and (min-width: 720px) {
.block-slider-services-holder:after {
width: 600px;
height: 600px;
transform: rotate(45deg) translate(80%, -50%);
}
}
.block-slider-services-wrapper {
position: relative;
z-index: 1;
}
.block-slider-services .subtitle {
font-size: calc(14px + 6 * ((100vw - 320px) / 920));
text-transform: uppercase;
color: #0081C4;
font-weight: 400;
text-align: center;
margin-bottom: 4px;
}
@media screen and (max-width: 320px) {
.block-slider-services .subtitle {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services .subtitle {
font-size: 20px;
}
}
.block-slider-services h2 {
margin: 0 auto;
color: #212121;
font-size: calc(20px + 24 * ((100vw - 320px) / 920));
font-weight: 700;
text-align: center;
width: 100%;
position: relative;
}
@media screen and (max-width: 320px) {
.block-slider-services h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services h2 {
font-size: 44px;
}
}
.block-slider-services h2 span {
display: block;
color: #0081C4;
}
.block-slider-services .title-separator {
position: relative;
z-index: 1;
width: 52px;
margin: 16px auto;
}
.block-slider-services .title-separator:before {
position: absolute;
bottom: 0;
left: 0;
width: 40px;
content: "";
background-color: #0081C4;
height: 2px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-slider-services .title-separator:after {
position: absolute;
bottom: 0;
left: 48px;
width: 4px;
content: "";
background-color: #212121;
height: 2px;
}
.block-slider-services-grid {
padding-top: 48px;
}
@media screen and (max-width: 480px) {
.block-slider-services-grid {
padding-left: 60px;
padding-right: 60px;
}
}
.block-slider-services .owl-stage-outer {
overflow: visible !important;
}
.block-slider-services-item img {
aspect-ratio: 1;
object-fit: cover;
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 0;
border-radius: 100%;
border: 16px solid #0081C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1024px) {
.block-slider-services-item img {
border: 24px solid #0081C4;
}
}
.block-slider-services-item a:hover img {
border-color: #F78F1E;
}
.block-slider-services-item .info {
position: relative;
z-index: 1;
padding: 24px 0 16px;
text-align: center;
}
.block-slider-services-item .info:before {
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 35px;
background-position: center top;
background-size: 100% auto;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/bg_top_post.svg);
}
.block-slider-services-item .info-wrapper {
padding: 0 16px 16px;
}
.block-slider-services-item .info a {
text-decoration: none;
}
.block-slider-services-item .info h3 {
margin: 0;
font-size: calc(20px + 4 * ((100vw - 320px) / 920));
color: #212121;
}
@media screen and (max-width: 320px) {
.block-slider-services-item .info h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services-item .info h3 {
font-size: 24px;
}
}
.block-slider-services-item .info p {
margin: 8px 0 0;
color: #454545;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-slider-services-item .info p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services-item .info p {
font-size: 18px;
}
}
.block-slider-services-view-all {
position: absolute;
top: 100%;
z-index: 2;
background-color: #0081C4;
margin: 0 auto;
padding: 24px;
left: 0;
right: 0;
max-width: 1020px;
width: calc(100% - 32px);
transform: translateY(-50%);
display: grid;
gap: 16px;
text-align: center;
align-items: center;
border-radius: 16px 0 16px 0;
}
@media screen and (min-width: 720px) {
.block-slider-services-view-all {
grid-template-columns: 1fr 200px;
padding: 24px 32px;
}
}
@media screen and (min-width: 1024px) {
.block-slider-services-view-all {
grid-template-columns: 1fr 200px;
padding: 24px 48px;
}
}
.block-slider-services-view-all p {
color: #fff;
margin: 0;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
line-height: 1.2;
}
@media screen and (max-width: 320px) {
.block-slider-services-view-all p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services-view-all p {
font-size: 16px;
}
}
@media screen and (min-width: 720px) {
.block-slider-services-view-all p {
text-align: left;
}
}
.block-slider-services-view-all p strong {
font-weight: 600;
}
.block-slider-services-view-all a {
background-color: #F78F1E;
display: inline-block;
padding: 8px 24px;
color: #fff;
text-decoration: none;
border-left: 3px solid #fff;
font-weight: 600;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-slider-services-view-all a {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services-view-all a {
font-size: 16px;
}
}
@media screen and (min-width: 720px) {
.block-slider-services-view-all a {
display: block;
width: 100%;
padding: 12px 24px;
}
}
.block-slider-services.dark {
background-color: #1F538E;
}
.block-slider-services.dark .block-slider-services-holder:before,
.block-slider-services.dark .block-slider-services-holder:after {
background-color: #153a63;
}
.block-slider-services.dark .subtitle {
color: #F2F4F7;
}
.block-slider-services.dark h2 {
color: #fff;
}
.block-slider-services.dark .title-separator:before {
background-color: #fff;
}
.block-slider-services.dark .title-separator:after {
background-color: #fff;
}
.block-slider-services.dark h3 {
color: #fff;
}
.block-slider-services.dark p {
color: #F2F4F7;
}
.block-image-responsive {
max-width: 1440px;
}
.block-image-responsive a {
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-image-responsive a:hover {
opacity: 0.9;
}
.block-image-responsive img {
display: block;
width: 100%;
height: auto;
}
.block-featured-product {
margin: 32px auto;
background: #fff;
}
.block-featured-product:last-child {
margin-bottom: 0;
}
.block-featured-product-grid {
gap: 48px;
display: grid;
grid-template-columns: 1fr;
padding-top: 32px;
padding-bottom: 32px;
align-items: center;
}
@media screen and (min-width: 720px) {
.block-featured-product-grid {
grid-template-columns: 3fr 4fr;
gap: 80px;
}
}
.block-featured-product-box.image {
padding: 32px 8px 92px;
position: relative;
}
@media screen and (min-width: 720px) {
.block-featured-product-box.image {
padding: 64px 8px 104px;
}
}
@media screen and (min-width: 1024px) {
.block-featured-product-box.image {
padding: 48px 8px 128px;
}
}
.block-featured-product-box.image .featured-product-bg {
width: 80%;
height: 90%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
content: "";
background-color: #f5f5f5;
border-radius: 32px 0;
}
.block-featured-product-box.image .featured-product-label {
position: absolute;
z-index: 1;
display: flex;
gap: 16px;
left: 10%;
bottom: 0;
padding: 8px 16px;
box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
background-color: #fff;
justify-items: center;
align-items: center;
justify-content: center;
border: 10px solid #fff;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/lines.png);
line-height: 1;
}
@media screen and (min-width: 720px) {
.block-featured-product-box.image .featured-product-label {
min-width: 268px;
}
}
@media screen and (min-width: 1024px) {
.block-featured-product-box.image .featured-product-label {
min-width: 320px;
}
}
.block-featured-product-box.image .featured-product-label span:first-child {
font-size: calc(32px + 32 * ((100vw - 320px) / 920));
line-height: 1;
font-weight: 700;
}
@media screen and (max-width: 320px) {
.block-featured-product-box.image .featured-product-label span:first-child {
font-size: 32px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-product-box.image .featured-product-label span:first-child {
font-size: 64px;
}
}
.block-featured-product-box.image .featured-product-label span:last-child {
color: #989898;
font-weight: 400;
display: inline-block;
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
line-height: 1.25;
}
@media screen and (max-width: 320px) {
.block-featured-product-box.image .featured-product-label span:last-child {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-product-box.image .featured-product-label span:last-child {
font-size: 20px;
}
}
.block-featured-product-box.image .featured-product-label:before {
content: "";
display: block;
position: absolute;
bottom: -5px;
left: -5px;
width: 29px;
height: 12px;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/icon.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 2;
}
@media screen and (min-width: 1024px) {
.block-featured-product-box.image .featured-product-label:before {
width: 58px;
height: 24px;
}
}
.block-featured-product-box.image img {
position: relative;
z-index: 1;
display: block;
margin: 0 auto;
width: 100%;
height: auto;
aspect-ratio: 5/4;
object-fit: contain;
}
.block-featured-product-box.summary {
min-width: 100%;
}
.block-featured-product-box.summary .subtitle {
font-size: calc(12px + 4 * ((100vw - 320px) / 920));
text-transform: uppercase;
color: #1F538E;
font-weight: 400;
}
@media screen and (max-width: 320px) {
.block-featured-product-box.summary .subtitle {
font-size: 12px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-product-box.summary .subtitle {
font-size: 16px;
}
}
.block-featured-product-box.summary h2 {
margin: 8px 0;
color: #212121;
font-size: calc(24px + 32 * ((100vw - 320px) / 920));
font-weight: 700;
}
@media screen and (max-width: 320px) {
.block-featured-product-box.summary h2 {
font-size: 24px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-product-box.summary h2 {
font-size: 56px;
}
}
.block-featured-product-box.summary h2 span {
display: block;
color: #0081C4;
font-size: calc(20px + 20 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-featured-product-box.summary h2 span {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-product-box.summary h2 span {
font-size: 40px;
}
}
.block-featured-product-box.summary p {
color: #454545;
font-weight: 400;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
line-height: 1.5;
margin: 24px 0;
}
@media screen and (max-width: 320px) {
.block-featured-product-box.summary p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-product-box.summary p {
font-size: 18px;
}
}
@media screen and (min-width: 720px) {
.block-featured-product-box.summary p {
margin: 32px 0;
}
}
.block-featured-product-box.summary ul {
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
gap: 8px;
}
.block-featured-product-box.summary ul li {
position: relative;
padding-left: 32px;
color: #212121;
font-weight: 500;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
line-height: 1.5;
}
@media screen and (max-width: 320px) {
.block-featured-product-box.summary ul li {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-product-box.summary ul li {
font-size: 18px;
}
}
.block-featured-product-box.summary ul li:before {
content: "";
display: inline-block;
position: absolute;
z-index: 1;
left: 7px;
top: 7px;
border-radius: 100px;
width: 7px;
height: 7px;
background-color: #fff;
border: 2px solid #FAB71E;
}
.block-featured-product-box.summary ul li:after {
z-index: 0;
content: "";
display: inline-block;
position: absolute;
left: 3px;
top: 3px;
border-radius: 100px;
width: 15px;
height: 15px;
background-color: #fff;
border: 2px solid #FAB71E;
}
.block-featured-products {
margin: 32px auto;
}
@media screen and (min-width: 720px) {
.block-featured-products {
margin: 48px auto;
}
}
@media screen and (min-width: 1024px) {
.block-featured-products {
margin: 64px auto;
}
}
.block-featured-products .subtitle {
font-size: calc(14px + 6 * ((100vw - 320px) / 920));
text-transform: uppercase;
color: #0081C4;
font-weight: 400;
}
@media screen and (max-width: 320px) {
.block-featured-products .subtitle {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-products .subtitle {
font-size: 20px;
}
}
.block-featured-products h2 {
margin: 8px 0;
color: #212121;
font-size: calc(20px + 24 * ((100vw - 320px) / 920));
font-weight: 700;
}
@media screen and (max-width: 320px) {
.block-featured-products h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-products h2 {
font-size: 44px;
}
}
@media screen and (min-width: 720px) {
.block-featured-products h2 {
max-width: 90%;
}
}
.block-featured-products h2 span {
display: block;
color: #0081C4;
}
.block-featured-products-grid {
gap: 48px;
display: grid;
grid-template-columns: 1fr;
padding-top: 32px;
padding-bottom: 32px;
}
@media screen and (min-width: 720px) {
.block-featured-products-grid {
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
}
.block-featured-products-item a.image {
display: block;
overflow: hidden;
}
.block-featured-products-item a.image img {
display: block;
margin: 0 auto;
width: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-featured-products-item a.image:hover img {
transform: perspective(1000px) rotateY(-15deg) scale(1.1);
}
.block-featured-products-item .info {
padding: 16px 24px;
}
@media screen and (min-width: 720px) {
.block-featured-products-item .info {
padding: 24px 32px;
}
}
.block-featured-products-item .info a {
color: #212121;
text-decoration: none;
}
.block-featured-products-item .info h3 {
margin: 0;
font-size: calc(18px + 6 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-featured-products-item .info h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-products-item .info h3 {
font-size: 24px;
}
}
.block-featured-products-item .info p {
margin: 0;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
color: #454545;
}
@media screen and (max-width: 320px) {
.block-featured-products-item .info p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-products-item .info p {
font-size: 16px;
}
}
.block-featured-products-button {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
display: inline-block;
max-width: 70%;
text-transform: none;
letter-spacing: 0.025em;
font-weight: 600;
border-radius: 0;
border: 0;
position: relative;
line-height: 32px;
color: #fff;
text-decoration: none;
font-size: 14px;
border-left: 3px solid #0081C4;
background-color: #F78F1E;
padding: 8px 32px;
}
.block-featured-products-button:visited {
color: #fff;
}
.block-featured-products-button:after {
content: "";
top: 0;
position: absolute;
left: 100%;
height: 0;
width: 0;
border-left: 32px solid #F78F1E;
border-top: 48px solid transparent;
border-right: 0;
border-bottom: 0;
}
@media screen and (min-width: 720px) {
.block-featured-products-button {
width: auto;
font-size: 16px;
margin-top: 8px;
padding: 16px 32px;
max-width: 60%;
}
.block-featured-products-button:after {
border-left: 32px solid #F78F1E;
border-top: 64px solid transparent;
}
}
.block-featured-products-button:hover {
color: #0081C4;
}
.block-featured-products-description {
margin-top: 24px;
}
.block-featured-products-description p {
margin: 0;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
line-height: 1.75;
color: #454545;
}
@media screen and (max-width: 320px) {
.block-featured-products-description p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-featured-products-description p {
font-size: 18px;
}
}
.featured-products {
background-color: #f5f5f4;
position: relative;
padding: 48px 0;
}
@media screen and (min-width: 1240px) {
.featured-products {
padding: 64px 0;
}
}
.featured-products-title {
color: #1F538E;
font-weight: 500;
text-align: center;
margin: 0 0 24px;
font-family: "Merriweather", sans-serif;
font-size: 24px;
}
.featured-products-title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.featured-products-title {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-products-title {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.featured-products-title {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.featured-products-title {
margin-bottom: 40px;
}
}
.featured-products-title small {
font-size: 40%;
display: block;
font-family: "Merriweather", sans-serif;
font-weight: 600;
color: #0081C4;
text-transform: uppercase;
}
.featured-products-title small {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.featured-products-title small {
font-size: calc(18px + 6 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-products-title small {
font-size: 24px;
}
}
.featured-products .owl-stage {
display: flex;
}
.featured-products .owl-item {
display: flex;
flex: 1 0 auto;
}
.featured-products-list {
position: relative;
}
.featured-products-list div.products,
.featured-products-list ul.products {
margin: 0;
padding: 0 0 16px;
list-style: none;
display: flex;
overflow: auto;
position: static;
}
@media screen and (min-width: 720px) {
.featured-products-list div.products,
.featured-products-list ul.products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
}
@media screen and (min-width: 1024px) {
.featured-products-list div.products,
.featured-products-list ul.products {
gap: 24px;
padding: 0;
}
}
@media screen and (min-width: 1240px) {
.featured-products-list div.products,
.featured-products-list ul.products {
gap: 32px;
}
}
@media screen and (min-width: 720px) {
.featured-products-list div.products.owl-carousel,
.featured-products-list ul.products.owl-carousel {
display: block;
overflow: unset;
}
.featured-products-list div.products.owl-carousel .owl-stage-outer,
.featured-products-list ul.products.owl-carousel .owl-stage-outer {
padding: 0;
}
}
.featured-products-list li.product {
min-width: 75%;
margin-right: 16px;
position: relative;
}
@media screen and (min-width: 480px) {
.featured-products-list li.product {
min-width: 40%;
}
}
@media screen and (min-width: 720px) {
.featured-products-list li.product {
min-width: 0;
margin: 0;
}
}
.featured-products-list li.product .button {
position: relative;
z-index: 11;
}
.block-prefooter-banner {
position: relative;
z-index: 1;
overflow: hidden;
}
.block-prefooter-banner .holder {
position: relative;
border-bottom: 32px solid #F78F1E;
}
@media screen and (min-width: 720px) {
.block-prefooter-banner .holder {
border-bottom: 48px solid #F78F1E;
}
}
.block-prefooter-banner-wrapper {
display: grid;
position: relative;
grid-template-columns: 1fr;
gap: 32px;
background-color: #0081C4;
z-index: 2;
top: 32px;
align-items: center;
}
@media screen and (min-width: 720px) {
.block-prefooter-banner-wrapper {
grid-template-columns: 1fr 1fr;
top: 48px;
gap: 80px;
}
}
.block-prefooter-banner-wrapper:before {
content: "";
position: absolute;
right: 100%;
width: 100%;
height: 100%;
background-color: #0081C4;
}
.block-prefooter-banner-box.bg {
display: none;
}
@media screen and (min-width: 720px) {
.block-prefooter-banner-box.bg {
position: absolute;
display: block;
left: 100%;
top: 0;
height: 100%;
width: auto;
object-fit: cover;
}
}
.block-prefooter-banner-box.images {
display: grid;
grid-template-columns: 3fr 4fr;
padding-bottom: 32px;
}
@media screen and (min-width: 720px) {
.block-prefooter-banner-box.images {
padding-bottom: 48px;
}
}
.block-prefooter-banner-box .image {
display: block;
}
.block-prefooter-banner-box .image.left {
border-radius: 0 0 0 32px;
aspect-ratio: 3/4;
object-fit: cover;
}
@media screen and (min-width: 720px) {
.block-prefooter-banner-box .image.left {
border-radius: 0 0 0 48px;
}
}
.block-prefooter-banner-box .image.right {
margin-top: 64px;
border-radius: 0 0 32px 0;
aspect-ratio: 1;
object-fit: cover;
}
@media screen and (min-width: 720px) {
.block-prefooter-banner-box .image.right {
border-radius: 0 0 48px 0;
margin-top: 80px;
}
}
.block-prefooter-banner h2 {
color: #fff;
}
.workflow-block-wrapper {
margin: 48px auto;
}
@media screen and (min-width: 1024px) {
.workflow-block-wrapper {
margin: 120px auto;
}
}
.workflow-block .subtitle {
font-size: calc(14px + 6 * ((100vw - 320px) / 920));
text-transform: uppercase;
color: #0081C4;
font-weight: 400;
text-align: center;
}
@media screen and (max-width: 320px) {
.workflow-block .subtitle {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.workflow-block .subtitle {
font-size: 20px;
}
}
.workflow-block h2 {
text-align: center;
margin: 8px 0;
color: #212121;
font-size: calc(20px + 24 * ((100vw - 320px) / 920));
font-weight: 700;
}
@media screen and (max-width: 320px) {
.workflow-block h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.workflow-block h2 {
font-size: 44px;
}
}
.workflow-block h2 span {
display: block;
color: #0081C4;
}
.workflow-block .title-separator {
position: relative;
z-index: 1;
width: 52px;
margin: 16px auto;
}
.workflow-block .title-separator:before {
position: absolute;
bottom: 0;
left: 0;
width: 40px;
content: "";
background-color: #0081C4;
height: 2px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.workflow-block .title-separator:after {
position: absolute;
bottom: 0;
left: 48px;
width: 4px;
content: "";
background-color: #212121;
height: 2px;
}
.workflow-block-grid {
margin: 64px auto;
display: grid;
gap: 48px;
grid-template-columns: 1fr;
}
@media screen and (min-width: 1024px) {
.workflow-block-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.workflow-block-grid-item {
position: relative;
padding: 32px 0 0 32px;
}
@media screen and (min-width: 1024px) {
.workflow-block-grid-item {
padding: 48px 0 0 48px;
}
}
.workflow-block-grid-item .label {
position: absolute;
z-index: 1;
top: 0;
left: 0;
transform: translate(-75%, -75%);
background-color: #F78F1E;
color: #fff;
font-weight: 700;
padding: 8px;
min-width: 48px;
min-height: 48px;
line-height: 32px;
text-align: center;
border-radius: 16px 16px 0 16px;
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.workflow-block-grid-item .label {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.workflow-block-grid-item .label {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) {
.workflow-block-grid-item .label {
min-width: 80px;
line-height: 64px;
}
}
.workflow-block-grid-item .holder {
position: relative;
background-color: #f2eeeb;
padding: 64px 24px 32px;
height: 100%;
border-radius: 0 32px 32px 32px;
}
@media screen and (min-width: 1024px) {
.workflow-block-grid-item .holder {
padding: 64px 32px 48px;
}
}
@media screen and (min-width: 1024px) {
.workflow-block-grid-item .holder {
padding: 104px 32px 64px;
}
}
.workflow-block-grid-item .holder:before {
width: 90%;
height: 3px;
content: "";
position: absolute;
top: -16px;
left: 0;
background-color: #FAB71E;
}
@media screen and (min-width: 1024px) {
.workflow-block-grid-item .holder:before {
top: -32px;
}
}
.workflow-block-grid-item .holder:after {
width: 3px;
height: 90%;
content: "";
position: absolute;
left: -16px;
top: 0;
background-color: #FAB71E;
}
@media screen and (min-width: 1024px) {
.workflow-block-grid-item .holder:after {
left: -32px;
}
}
.workflow-block-grid-item .holder h3 {
margin: 0 0 16px;
width: calc(100% - 84px);
font-size: calc(20px + 4 * ((100vw - 320px) / 920));
font-weight: 600;
color: #212121;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 320px) {
.workflow-block-grid-item .holder h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.workflow-block-grid-item .holder h3 {
font-size: 24px;
}
}
@media screen and (min-width: 1024px) {
.workflow-block-grid-item .holder h3 {
margin-bottom: 24px;
}
}
.workflow-block-grid-item .holder p {
margin: 0;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
color: #454545;
}
@media screen and (max-width: 320px) {
.workflow-block-grid-item .holder p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.workflow-block-grid-item .holder p {
font-size: 16px;
}
}
.workflow-block-grid-item .holder img {
position: absolute;
top: 24px;
right: 24px;
display: block;
width: 64px;
height: 64px;
object-fit: contain;
aspect-ratio: 1;
}
@media screen and (min-width: 1024px) {
.workflow-block-grid-item .holder img {
width: 80px;
height: 80px;
}
}
@media screen and (min-width: 1240px) {
.workflow-block-grid-item .holder img {
top: 32px;
right: 32px;
}
}
.block-youtube-videos {
margin: 48px auto;
}
@media screen and (min-width: 1024px) {
.block-youtube-videos {
margin: 64px auto;
}
}
@media screen and (min-width: 1240px) {
.block-youtube-videos {
margin: 80px auto;
}
}
.block-youtube-videos-intro {
margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
.block-youtube-videos-intro {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1240px) {
.block-youtube-videos-intro {
margin-bottom: 48px;
}
}
.block-youtube-videos-intro h2 {
font-size: calc(24px + 16 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-youtube-videos-intro h2 {
font-size: 24px;
}
}
@media screen and (min-width: 1240px) {
.block-youtube-videos-intro h2 {
font-size: 40px;
}
}
.block-youtube-videos-intro p:last-child {
margin-bottom: 0;
}
.block-youtube-videos .e-tabs {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
padding: 16px;
background: rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1024px) {
.block-youtube-videos .e-tabs {
grid-template-columns: 2fr 4fr;
padding: 32px;
gap: 32px;
}
}
.block-youtube-videos .e-tabs-main-area {
order: 2;
}
@media screen and (min-width: 1024px) {
.block-youtube-videos .e-tabs-main-area {
order: 1;
}
}
.block-youtube-videos .e-tabs-content-wrapper {
order: 1;
}
@media screen and (min-width: 1024px) {
.block-youtube-videos .e-tabs-content-wrapper {
order: 2;
}
}
.block-youtube-videos .e-tabs-header {
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.block-youtube-videos .e-tabs-header h3 {
margin: 0;
text-align: left;
}
.block-youtube-videos .e-tabs-items {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
position: relative;
max-height: 395px;
overflow: auto;
}
.block-youtube-videos .e-tabs-items-wrapper.shadow {
position: relative;
}
@media screen and (min-width: 1024px) {
.block-youtube-videos .e-tabs-items-wrapper.shadow-bottom::after {
content: "";
position: absolute;
z-index: 50;
bottom: 0;
left: 0;
right: 0;
height: 64px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.block-youtube-videos .e-tabs-items-wrapper.shadow-top::before {
content: "";
position: absolute;
z-index: 50;
top: 0;
left: 0;
right: 0;
height: 64px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
}
.block-youtube-videos .e-tabs .e-tab-title {
display: grid;
grid-template-columns: 76px auto 44px;
gap: 8px;
align-items: center;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
padding: 8px;
}
.block-youtube-videos .e-tabs .e-tab-title:nth-child(even) {
background: rgba(0, 0, 0, 0.1);
}
.block-youtube-videos .e-tabs .e-tab-title:hover, .block-youtube-videos .e-tabs .e-tab-title.e-active {
cursor: pointer;
background: rgba(0, 0, 0, 0.2);
}
.block-youtube-videos .e-tabs .e-tab-title:hover img, .block-youtube-videos .e-tabs .e-tab-title.e-active img {
border-color: #F78F1E;
}
.block-youtube-videos .e-tabs .e-tab-thumbnail img {
display: block;
margin: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
aspect-ratio: 16/9;
object-fit: cover;
border: 2px solid #0081C4;
}
.block-youtube-videos .e-tabs .e-tab-title-text {
margin: 0;
font-family: "Merriweather", sans-serif;
}
@media screen and (min-width: 1024px) {
.block-youtube-videos .e-tabs .e-tab-title-text {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.block-youtube-videos .e-tabs .e-tab-duration {
text-align: right;
}
.large-banner-bg {
position: relative;
background-color: #F78F1E;
}
.large-banner-bg-img {
opacity: 0.15;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
z-index: 0;
display: block;
}
.large-banner-bg-wrapper {
z-index: 1;
position: relative;
padding-top: 32px;
padding-bottom: 32px;
display: grid;
grid-template-columns: 1fr;
gap: 32px;
align-items: center;
}
@media screen and (min-width: 720px) {
.large-banner-bg-wrapper {
grid-template-columns: 1fr 1fr;
gap: 80px;
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 1024px) {
.large-banner-bg-wrapper {
gap: 180px;
padding-top: 120px;
padding-bottom: 120px;
}
}
@media screen and (min-width: 1240px) {
.large-banner-bg-wrapper {
gap: 240px;
}
}
.large-banner-bg-title {
display: block;
text-decoration: none;
}
.large-banner-bg-title img {
display: block;
width: 64px;
height: 64px;
padding: 24px;
background-color: #0081C4;
border-radius: 8px 0 8px 0;
margin-bottom: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1024px) {
.large-banner-bg-title img {
width: 80px;
height: 80px;
padding: 24px;
aspect-ratio: 1;
object-fit: contain;
}
}
.large-banner-bg-title h2 {
text-align: left;
color: #fff;
font-size: calc(24px + 24 * ((100vw - 320px) / 920));
font-weight: 700;
margin: 0;
}
@media screen and (max-width: 320px) {
.large-banner-bg-title h2 {
font-size: 24px;
}
}
@media screen and (min-width: 1240px) {
.large-banner-bg-title h2 {
font-size: 48px;
}
}
.large-banner-bg-title:hover img {
background-color: rgba(0, 0, 0, 0.1);
}
.large-banner-bg-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.large-banner-bg-list li {
background-color: rgba(47, 42, 39, 0.4);
color: #fff;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
padding: 12px 16px 12px 40px;
line-height: 1.5;
position: relative;
font-weight: 500;
}
@media screen and (max-width: 320px) {
.large-banner-bg-list li {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.large-banner-bg-list li {
font-size: 18px;
}
}
@media screen and (min-width: 720px) {
.large-banner-bg-list li {
padding: 12px 16px 12px 60px;
}
}
.large-banner-bg-list li:before {
content: "\2713";
color: #0081C4;
position: absolute;
top: 50%;
left: 16px;
transform: translateY(-50%);
}
@media screen and (min-width: 720px) {
.large-banner-bg-list li:before {
left: 24px;
}
}
.large-banner-bg-list li:nth-child(even) {
background-color: rgba(47, 42, 39, 0.1);
}
.usluga-template-default .entry-content p {
color: #fff;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
line-height: 1.5;
}
@media screen and (max-width: 320px) {
.usluga-template-default .entry-content p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.usluga-template-default .entry-content p {
font-size: 18px;
}
}
.block-grid-items {
margin: 32px auto;
}
@media screen and (min-width: 720px) {
.block-grid-items {
margin: 48px auto;
}
}
@media screen and (min-width: 1240px) {
.block-grid-items {
margin: 64px auto;
}
}
.block-grid-items-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 640px) {
.block-grid-items-grid.column-2 {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media screen and (min-width: 720px) {
.block-grid-items-grid.column-3 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.block-grid-items-grid.column-3 {
gap: 32px;
}
}
@media screen and (min-width: 640px) {
.block-grid-items-grid.column-4 {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.block-grid-items-grid.column-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1240px) {
.block-grid-items-grid.column-4 {
gap: 32px;
}
}
.block-grid-items-grid .image img {
object-fit: cover;
aspect-ratio: 4/3;
display: block;
}
.block-grid-items-grid .title {
font-weight: 600;
margin: 8px 0;
font-size: calc(18px + 6 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-grid-items-grid .title {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.block-grid-items-grid .title {
font-size: 24px;
}
}
@media screen and (min-width: 1024px) {
.block-grid-items-grid .title {
margin: 16px 0;
}
}
.block-grid-items-grid .description,
.block-grid-items-grid .description p {
color: #454545;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
line-height: 1.5;
}
@media screen and (max-width: 320px) {
.block-grid-items-grid .description,
.block-grid-items-grid .description p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-grid-items-grid .description,
.block-grid-items-grid .description p {
font-size: 18px;
}
} .owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
color: inherit;
border: none;
font: inherit;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//exprimoadria.com/wp-content/themes/exprimoadria/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
} .single-owl-slider.owl-carousel {
background-position: center;
background-repeat: no-repeat;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/loader.svg);
}
.single-owl-slider.owl-carousel .owl-item {
overflow: hidden;
}
.single-owl-slider.owl-carousel img {
aspect-ratio: 12/9;
object-fit: cover;
width: 100%;
display: block;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel img {
aspect-ratio: 16/9;
}
}
.single-owl-slider.owl-carousel .owl-item-info {
position: absolute;
bottom: 48px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
padding: 24px;
z-index: 2;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-item-info {
padding: 24px 24px 48px;
}
}
@media screen and (min-width: 1240px) {
.single-owl-slider.owl-carousel .owl-item-info {
padding: 24px 24px 64px;
}
}
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 32px;
line-height: 48px;
font-weight: 400;
color: #fff;
font-family: "Merriweather", sans-serif;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 8px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 40px;
line-height: 64px;
margin: 0 0 24px;
}
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 48px;
line-height: 64px;
margin: 0 0 32px;
}
}
.single-owl-slider.owl-carousel .owl-item-info h2 small {
font-size: 50%;
line-height: 1;
font-weight: 700;
display: block;
font-family: "Merriweather Sans", sans-serif;
}
.single-owl-slider.owl-carousel .owl-item-info a {
display: inline-block;
text-align: center;
padding: 8px 24px;
color: #fff;
margin: 0 auto;
background-color: #0081C4;
text-decoration: none;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.05em;
border-radius: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
min-width: 120px;
border-bottom: 3px solid #123155;
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-item-info a {
min-width: 160px;
padding: 12px 48px;
font-size: 16px;
}
}
.single-owl-slider.owl-carousel .owl-item-info a:hover {
background-color: #1F538E;
}
.single-owl-slider.owl-carousel .owl-nav button {
display: block;
position: absolute;
z-index: 1;
top: 0;
width: 48px;
height: 100%;
background: rgba(0, 0, 0, 0);
color: #fff;
transition: 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
opacity: 1;
outline: none;
transform: none;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button {
width: 25%;
}
}
.single-owl-slider.owl-carousel .owl-nav button:before, .single-owl-slider.owl-carousel .owl-nav button:after {
display: none;
}
.single-owl-slider.owl-carousel .owl-nav button span {
font-size: 0;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 36px;
background-repeat: no-repeat;
background-size: auto 36px;
background-position: center;
transition: 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button span {
width: 37px;
height: 72px;
background-size: auto 72px;
}
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-nav button span {
opacity: 0;
}
}
.single-owl-slider.owl-carousel .owl-nav button.owl-prev {
left: 0;
cursor: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/arrow-left.png), default !important;
}
.single-owl-slider.owl-carousel .owl-nav button.owl-prev span {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/arrow-left.png);
left: 16px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button.owl-prev span {
left: 32px;
}
}
.single-owl-slider.owl-carousel .owl-nav button.owl-next {
right: 0;
cursor: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/arrow-right.png), default !important;
}
.single-owl-slider.owl-carousel .owl-nav button.owl-next span {
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/arrow-right.png);
right: 16px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button.owl-next span {
right: 32px;
}
}
.single-owl-slider.owl-carousel .owl-dots {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-dots {
bottom: 48px;
}
}
.single-owl-slider.owl-carousel .owl-dots button {
width: 8px;
height: 8px;
margin: 0 4px;
display: inline-block;
background-color: #fff;
border-radius: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
padding: 8px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-dots button {
width: 10px;
height: 10px;
}
}
.single-owl-slider.owl-carousel .owl-dots button:hover {
background-color: #356499;
}
.single-owl-slider.owl-carousel .owl-dots button.active {
background-color: #0081C4;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
padding: 8px;
border-radius: 32px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
background-color: white;
text-align: center;
}
.owl-nav button span {
display: none;
}
.owl-nav button:before {
font-family: "icomoon";
font-size: 24px;
line-height: 1;
color: #0081C4;
}
.owl-nav button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.owl-nav button.owl-prev {
left: 8px;
transform: translateY(-50%);
}
.owl-nav button.owl-prev:before {
content: "\e90c";
}
.owl-nav button.owl-next {
right: 8px;
}
.owl-nav button.owl-next:before {
content: "\e90d";
}
.owl-nav button.disabled {
pointer-events: none;
opacity: 0.25;
}
.owl-nav button .arrow {
cursor: pointer;
height: 16px;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-100%) translateY(-50%);
transition: transform .1s;
width: 16px;
}
.owl-nav button .arrow-top, .owl-nav button .arrow-bottom {
background-color: #0081C4;
height: 2px;
left: -5px;
position: absolute;
top: 50%;
width: 100%;
}
.owl-nav button .arrow-top:after, .owl-nav button .arrow-bottom:after {
background-color: #fff;
content: '';
height: 100%;
position: absolute;
top: 0;
transition: all 0.15s;
}
.owl-nav button .arrow-top {
transform: rotate(45deg);
transform-origin: bottom right;
}
.owl-nav button .arrow-top:after {
left: 100%;
right: 0;
transition-delay: 0s;
}
.owl-nav button .arrow-bottom {
transform: rotate(-45deg);
transform-origin: top right;
}
.owl-nav button .arrow-bottom:after {
left: 0;
right: 100%;
transition-delay: 0.15s;
}
@media screen and (min-width: 720px) {
.owl-nav button .arrow:hover .arrow-top:after {
left: 0;
transition-delay: 0.15s;
}
.owl-nav button .arrow:hover .arrow-bottom:after {
right: 0;
transition-delay: 0s;
}
}
.owl-nav button .arrow:active {
transform: translateX(100%) translateY(-50%) scale(0.9);
}
.owl-nav button .arrow:active .arrow-top,
.owl-nav button .arrow:active .arrow-bottom {
background-color: #0081C4;
}
@font-face {
font-family: 'icomoon';
src: url(https://exprimoadria.com/wp-content/themes/exprimoadria/fonts/icomoon.eot);
src: url(https://exprimoadria.com/wp-content/themes/exprimoadria/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(https://exprimoadria.com/wp-content/themes/exprimoadria/fonts/icomoon.ttf) format("truetype"), url(https://exprimoadria.com/wp-content/themes/exprimoadria/fonts/icomoon.woff) format("woff"), url(https://exprimoadria.com/wp-content/themes/exprimoadria/fonts/icomoon.svg#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon', 'Icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-alert-circle:before {
content: "\e900";
}
.icon-alert-octagon:before {
content: "\e901";
}
.icon-alert-triangle:before {
content: "\e902";
}
.icon-arrow-down:before {
content: "\e903";
}
.icon-arrow-left:before {
content: "\e904";
}
.icon-arrow-right:before {
content: "\e905";
}
.icon-arrow-up:before {
content: "\e906";
}
.icon-at-sign:before {
content: "\e907";
}
.icon-check:before {
content: "\e908";
}
.icon-check-circle:before {
content: "\e909";
}
.icon-check-square:before {
content: "\e90a";
}
.icon-chevron-down:before {
content: "\e90b";
}
.icon-chevron-left:before {
content: "\e90c";
}
.icon-chevron-right:before {
content: "\e90d";
}
.icon-chevron-up:before {
content: "\e90e";
}
.icon-chevrons-left:before {
content: "\e90f";
}
.icon-chevrons-right:before {
content: "\e910";
}
.icon-circle:before {
content: "\e911";
}
.icon-edit:before {
content: "\e912";
}
.icon-external-link:before {
content: "\e913";
}
.icon-facebook:before {
content: "\e914";
}
.icon-filter:before {
content: "\e915";
}
.icon-folder:before {
content: "\e916";
}
.icon-gift:before {
content: "\e917";
}
.icon-heart:before {
content: "\e918";
}
.icon-help-circle:before {
content: "\e919";
}
.icon-image:before {
content: "\e91a";
}
.icon-instagram:before {
content: "\e91b";
}
.icon-linkedin:before {
content: "\e91c";
}
.icon-log-in:before {
content: "\e91d";
}
.icon-log-out:before {
content: "\e91e";
}
.icon-mail:before {
content: "\e91f";
}
.icon-map:before {
content: "\e920";
}
.icon-map-pin:before {
content: "\e921";
}
.icon-menu:before {
content: "\e938";
}
.icon-message-circle:before {
content: "\e922";
}
.icon-message-square:before {
content: "\e923";
}
.icon-pause-circle:before {
content: "\e924";
}
.icon-phone:before {
content: "\e925";
}
.icon-phone-call:before {
content: "\e926";
}
.icon-play-circle:before {
content: "\e927";
}
.icon-search:before {
content: "\e928";
}
.icon-send:before {
content: "\e929";
}
.icon-shopping-bag:before {
content: "\e92a";
}
.icon-shopping-cart:before {
content: "\e92b";
}
.icon-sliders:before {
content: "\e92c";
}
.icon-thumbs-up:before {
content: "\e92d";
}
.icon-trash:before {
content: "\e92e";
}
.icon-trash-2:before {
content: "\e92f";
}
.icon-twitter:before {
content: "\e930";
}
.icon-user:before {
content: "\e931";
}
.icon-volume-2:before {
content: "\e932";
}
.icon-volume-x:before {
content: "\e933";
}
.icon-x:before {
content: "\e934";
}
.icon-x-circle:before {
content: "\e935";
}
.icon-zoom-in:before {
content: "\e936";
}
.icon-zoom-out:before {
content: "\e937";
}
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 12px 24px;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 12px 32px;
}
}
@media screen and (min-width: 1240px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 16px 48px;
}
}
.block-cf7-custom .form-fields .form-fields,
.contact-page-form .form-fields .form-fields {
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-fields .form-fields,
.contact-page-form .form-fields .form-fields {
grid-template-columns: 1fr;
}
}
.block-cf7-custom .form-fields .form-fields .wide,
.contact-page-form .form-fields .form-fields .wide {
grid-column: span 1;
}
.block-cf7-custom .form-fields .form-fields ~ .form-fields,
.contact-page-form .form-fields .form-fields ~ .form-fields {
grid-template-columns: 1fr;
}
.block-cf7-custom .form-field,
.contact-page-form .form-field {
position: relative;
margin: 0;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-field.wide, .block-cf7-custom .form-field.form-row-wide,
.contact-page-form .form-field.wide,
.contact-page-form .form-field.form-row-wide {
grid-column: 1 / 3;
}
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater-container,
.contact-page-form .cf7-repeater-container {
grid-column: 1 / 3;
}
}
.block-cf7-custom .cf7-repeater,
.contact-page-form .cf7-repeater {
padding: 0;
}
.block-cf7-custom .cf7-repeater .repeater-field-item,
.contact-page-form .cf7-repeater .repeater-field-item {
border-radius: 8px;
padding: 16px;
background-color: #f5f5f4;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater .repeater-field-item,
.contact-page-form .cf7-repeater .repeater-field-item {
padding: 24px;
}
}
.block-cf7-custom .cf7-repeater .repeater-field-header,
.contact-page-form .cf7-repeater .repeater-field-header {
display: flex;
width: 100%;
font-size: 20px;
font-weight: 600;
margin: 0 0 8px;
}
.block-cf7-custom .cf7-repeater .repeater-field-button-add,
.contact-page-form .cf7-repeater .repeater-field-button-add {
display: block;
background-color: #fff;
background-position: center;
color: #0081C4;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 2px solid #0081C4;
cursor: pointer;
max-width: 280px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater .repeater-field-button-add,
.contact-page-form .cf7-repeater .repeater-field-button-add {
padding: 4px 16px;
}
}
.block-cf7-custom .cf7-repeater .repeater-field-button-add:hover,
.contact-page-form .cf7-repeater .repeater-field-button-add:hover {
opacity: 1;
color: #fff;
background-color: #0081C4;
}
.block-cf7-custom label,
.contact-page-form label {
font-weight: 500;
font-size: 14px;
line-height: 1.5;
color: #fff;
display: block;
}
@media screen and (min-width: 720px) {
.block-cf7-custom label,
.contact-page-form label {
font-size: 16px;
}
}
.block-cf7-custom label .wpcf7-form-control-wrap,
.contact-page-form label .wpcf7-form-control-wrap {
margin-top: 10px;
display: block;
}
.block-cf7-custom input:not([type="radio"]),
.block-cf7-custom input:not([type="checkbox"]),
.contact-page-form input:not([type="radio"]),
.contact-page-form input:not([type="checkbox"]) {
border-radius: 8px;
display: block;
width: 100%;
font-size: 16px;
line-height: 1.5;
padding: 8px 16px;
}
.block-cf7-custom textarea,
.contact-page-form textarea {
border-radius: 8px;
display: block;
width: 100%;
max-width: 100%;
resize: none;
min-height: 120px;
}
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
display: block;
background-color: #0081C4;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 1px solid #0081C4;
cursor: pointer;
}
@media screen and (min-width: 720px) {
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
padding: 4px 16px;
height: 42px;
}
}
.block-cf7-custom input[type="submit"]:hover,
.contact-page-form input[type="submit"]:hover {
color: #0081C4;
background-color: #fff;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input {
display: none;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:before, .block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + label:before {
border-color: #0081C4;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:after, .block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + label:after {
opacity: 1;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #ACACAC;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #0081C4;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:hover:before {
border-color: #0081C4;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input {
display: none;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:before, .block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + label:before {
border-color: #0081C4;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:after, .block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + label:after {
opacity: 1;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #ACACAC;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #0081C4;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:hover:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:hover:before {
border-color: #0081C4;
}
.block-cf7-custom .wpcf7-spinner,
.contact-page-form .wpcf7-spinner {
position: absolute;
left: 0;
right: 0;
display: block;
margin: 8px auto;
}
.contact-page-info {
padding: 16px;
background-color: #f5f5f4;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.contact-page-info {
padding: 24px;
border-radius: 16px;
}
}
.contact-page-info p a {
text-decoration: none;
}
.contact-page-info p .social-icons {
font-size: 125%;
}
.contact-page-info p .social-icons a {
display: inline-block;
}
.block-cf7-custom {
position: relative;
padding-top: 32px;
padding-bottom: 32px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom {
padding-top: 48px;
padding-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.block-cf7-custom {
padding-top: 80px;
padding-bottom: 80px;
}
}
.block-cf7-custom-title {
text-align: center;
line-height: 1;
margin: 0;
}
.block-cf7-custom-description {
text-align: center;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #fff;
}
@media screen and (min-width: 1024px) {
.block-cf7-custom-description {
font-size: 20px;
}
}
.block-cf7-custom .form-container {
margin-top: 32px;
}
.block-cf7-custom.dark:before {
content: "";
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
background-color: #123155;
display: block;
}
.block-cf7-custom.dark .block-cf7-custom-title,
.block-cf7-custom.dark label {
color: #fff;
}
.block-cf7-custom.dark .block-cf7-custom-description {
color: #fff;
}
.block-cf7-custom.dark input:not([type="submit"]),
.block-cf7-custom.dark textarea {
background-color: #fff;
border: 0;
color: #153a63;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/lightbox/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/lightbox/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/lightbox/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/lightbox/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.single-post .post-thumbnail img {
width: 100%;
display: block;
max-height: 480px;
object-fit: cover;
}
.single-post .entry-header {
background-color: #fff;
padding: 80px 32px;
text-align: center;
max-width: 100%;
}
@media screen and (min-width: 720px) {
.single-post .entry-header {
padding: 120px 32px;
}
}
.single-post .entry-header h1 {
margin: 0;
color: #fff;
font-weight: 600;
font-size: calc(36px + 18 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .entry-header h1 {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-header h1 {
font-size: 54px;
}
}
.single-post .entry-header .entry-meta {
color: #989898;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .entry-header .entry-meta {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-header .entry-meta {
font-size: 18px;
}
}
.single-post .entry-header .entry-meta a {
color: #0081C4;
}
.single-post .entry-header .entry-meta a:hover {
text-decoration: none;
}
.single-post .entry-content {
padding: 48px 32px;
max-width: 1240px;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.single-post .entry-content {
padding: 64px 32px;
}
}
.single-post .entry-content p {
margin: 0 auto 24px;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.single-post .entry-content p {
font-size: 18px;
margin: 0 auto 32px;
}
}
.single-usluge-header {
position: relative;
}
.single-usluge-header-wrapper {
position: absolute;
z-index: 5;
top: unset;
bottom: 10%;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
transform: none;
color: #F78F1E;
}
.single-usluge-header .post-thumbnail {
position: relative;
z-index: 1;
}
.single-usluge-header .post-thumbnail img {
display: block;
aspect-ratio: 3/2;
object-fit: cover;
width: 100%;
height: auto;
position: relative;
z-index: 1;
}
@media screen and (min-width: 1024px) {
.single-usluge-header .post-thumbnail img {
aspect-ratio: 16/8;
}
}
@media screen and (min-width: 1240px) {
.single-usluge-header .post-thumbnail img {
aspect-ratio: 16/6;
}
}
@media screen and (min-width: 1440px) {
.single-usluge-header .post-thumbnail img {
aspect-ratio: 16/5;
}
}
.single-usluge-header .post-thumbnail:after {
content: "";
width: 100%;
height: 100%;
background-image: url(https://exprimoadria.com/wp-content/themes/exprimoadria/images/shadow.png);
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
transform: translateX(-25%);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 0.5;
}
.single-usluge-header .entry-title {
display: inline-block;
font-size: calc(24px + 40 * ((100vw - 320px) / 920));
padding: 24px 24px 24px 0;
text-transform: uppercase;
color: #fff;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 320px) {
.single-usluge-header .entry-title {
font-size: 24px;
}
}
@media screen and (min-width: 1240px) {
.single-usluge-header .entry-title {
font-size: 64px;
}
}
.single-usluge-header .sqs-block-button-container {
margin-bottom: 48px;
}
@media screen and (min-width: 720px) {
.single-usluge-header .sqs-block-button-container {
margin-bottom: 80px;
}
}
.single-usluge-header .sqs-block-button-container a {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 8px 16px;
border-radius: 8px;
font-size: 14px;
line-height: 1.25;
font-weight: 600;
border: 1px solid #0081C4;
background-color: #0081C4;
color: #fff;
}
@media screen and (min-width: 720px) {
.single-usluge-header .sqs-block-button-container a {
font-size: 16px;
}
}
.single-usluge-header .sqs-block-button-container a:hover {
border-color: #1F538E;
background-color: #1F538E;
color: #fff;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.indices-table {
min-width: 100%;
max-width: 100%;
width: auto;
border: 0;
border-collapse: collapse;
table-layout: fixed;
position: relative;
}
.indices-table-reset {
position: absolute;
bottom: 100%;
left: 0;
display: block;
color: #0081C4;
font-weight: 500;
cursor: pointer;
font-size: 16px;
line-height: 24px;
border-bottom: 1px solid #0081C4;
margin-bottom: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.indices-table-reset:after {
content: "\27F2";
font-weight: 500;
font-size: 24px;
line-height: 24px;
margin-left: 4px;
}
.indices-table-reset:hover {
border-color: transparent;
color: #153a63;
}
.indices-table-reset-wrapper {
position: relative;
}
.indices-table-reset.hidden {
display: none;
}
.indices-table thead {
position: sticky;
}
.indices-table thead th {
padding: 8px 8px;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
background-color: #0081C4;
color: #fff;
font-weight: 700;
text-align: center;
position: relative;
}
@media screen and (min-width: 720px) {
.indices-table thead th {
font-size: 16px;
padding: 12px 16px;
}
}
@media screen and (min-width: 1024px) {
.indices-table thead th {
font-size: 18px;
padding: 12px 24px;
}
}
.indices-table thead th:first-child {
text-align: left;
position: sticky;
z-index: 1;
left: 0;
white-space: nowrap;
}
.indices-table thead th.sorting {
cursor: pointer;
padding-right: 16px;
}
@media screen and (min-width: 1024px) {
.indices-table thead th.sorting {
padding-right: 24px;
}
}
.indices-table thead th.sorting:before, .indices-table thead th.sorting:after {
top: 50%;
margin-top: -10px;
right: 8px;
content: ">";
position: absolute;
display: block;
width: 16px;
height: 16px;
font-family: "icomoon";
opacity: 0.5;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.indices-table thead th.sorting:before {
content: "\e90e";
transform: translateY(-50%);
}
.indices-table thead th.sorting:after {
content: "\e90b";
transform: translateY(50%);
}
.indices-table thead th.sorting:hover:before {
opacity: 0.75;
}
.indices-table thead th.sorting:hover:after {
opacity: 0.8;
}
.indices-table thead th.sorting.sorting_asc:before {
opacity: 1 !important;
}
.indices-table thead th.sorting.sorting_desc:after {
opacity: 1 !important;
}
.indices-table tbody tr td {
padding: 4px 8px;
text-align: center;
font-size: 12px;
white-space: nowrap;
background-color: #f5f7fb;
width: 200px;
}
@media screen and (min-width: 720px) {
.indices-table tbody tr td {
font-size: 14px;
padding: 8px 16px;
}
}
@media screen and (min-width: 1024px) {
.indices-table tbody tr td {
font-size: 16px;
padding: 8px 24px;
}
}
.indices-table tbody tr td:first-child {
text-align: left;
position: sticky;
left: 0;
z-index: 1;
}
.indices-table tbody tr:nth-child(odd) td {
background-color: #fff;
}
.indices-table tbody tr.header {
font-weight: 600;
line-height: 1.6;
}
.indices-table tbody tr.header td {
border-bottom: 2px solid #f4f8fb;
background-color: #ACACAC;
}
@media screen and (min-width: 1024px) {
.indices-table tbody tr:hover td {
background-color: #333;
color: #fff;
}
}