:focus {
outline: none;
}
button:focus {
outline: none;
}
p:empty {
display: none;
}
@media screen and (min-width: 992px) {
.home .header-single-page {
display: none;
}
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
@media screen and (min-width: 1600px) {
html {
font-size: 20px;
}
}
@media (max-width: 767.98px) {
body {
padding-top: 0;
}
}
a,
a span {
transition: all 0.3s ease-out;
}
.form-group label {
font-size: 0.8em;
}
body {
-webkit-font-smoothing: antialiased;
}
button {
border: none;
background-color: transparent;
font-size: inherit;
text-align: inherit;
}
.dropdown-menu.dropdown-lingua {
min-width: inherit;
}
.sticky {
top: 0;
position: fixed;
left: 0;
right: 0;
margin: 0 auto;
max-width: 1920px;
}
.btn-link, .btn-link:hover {
color: inherit !important;
}
.g--logo,
.g--logo img {
width: 168px;
transition: all 0.3s ease-out;
max-width: 100%;
}
.l--navbar {
padding: 0;
}
@media (max-width: 767.98px) {
.g--logo,
.g--logo img {
max-width: 80px;
}
.l--navbar {
z-index: 1080;
height: 0;
background: transparent;
top: 0;
left: 0;
right: 0;
}
.l--navbar.l--fromLeft #u--collapse-navbar {
display: block !important;
height: auto !important;
margin-left: -322px;
transition: all 0.3s ease-out;
}
.l--navbar.l--fromLeft #u--collapse-navbar.collapse.in {
margin-left: 0;
}
}
.l--navbar_esteso {
padding: 0;
}
@media (min-width: 768px) {
.l--navbar_esteso .nav-vert .dropdown-menu {
top: 0;
left: 98%;
}
}
.l--navbar_esteso .nav-vert .nav-item {
margin: 2px 0 !important;
}
.l--navbar_esteso .nav-item {
margin: 0 -3px !important;
}
.l--navbar_esteso .nav-link {
display: block;
padding: 0 !important;
}
.l--navbar_esteso .nav-link span {
display: block;
padding: 0.5rem 1rem;
border-width: 1px 0;
border-style: solid;
}
.l--navbar_esteso .dropdown-toggle {
position: relative;
}
.l--navbar_esteso .dropdown-toggle:after {
position: absolute;
top: 40%;
right: 5px;
}
.l--navbar_esteso .dropdown-menu {
margin-top: 0;
}
@media (max-width: 991.98px) {
.l--navbar_esteso .dropdown-menu {
position: relative;
float: none !important;
}
}
@media (max-width: 991.98px) {
.l--navbar_esteso {
position: fixed;
z-index: 1080;
height: 0;
background: transparent;
top: 0;
left: 0;
right: 0;
}
.l--navbar_esteso #u--collapse-lingue,
.l--navbar_esteso #u--collapse-navbar {
width: 320px;
padding: 8px;
}
.l--navbar_esteso #u--collapse-lingue ul {
margin: 0;
padding: 0;
}
.l--navbar_esteso #u--collapse-lingue ul li {
list-style: none;
}
.l--navbar_esteso.l--fromLeft #u--collapse-navbar {
display: block !important;
height: auto !important;
margin-left: -322px;
transition: all 0.3s ease-out;
}
.l--navbar_esteso.l--fromLeft #u--collapse-navbar.collapse.in {
margin-left: 0;
}
}
.ico-gift {
width: 43px;
height: 49px;
display: inline-block;
background: url(//aluewoodserramenti.com/wp-content/themes/wao-theme/inc/img/ico-gift.png) no-repeat;
}
.ico-young {
width: 43px;
height: 36px;
display: inline-block;
background: url(//aluewoodserramenti.com/wp-content/themes/wao-theme/inc/img/ico-young.png) no-repeat;
}
.ico-child {
width: 43px;
height: 36px;
display: inline-block;
background: url(//aluewoodserramenti.com/wp-content/themes/wao-theme/inc/img/ico-child.png) no-repeat;
}
.img-fluid {
width: auto;
}
.tag {
position: relative;
top: -8px;
margin-left: 5px;
display: inline-block;
padding: 0.3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
.tag-primary {
color: #fff;
}
.g--dp-call-cnt {
margin: 0 auto;
line-height: 1;
display: flex;
align-items: stretch;
align-content: stretch;
justify-content: center;
}
.g--dp-call-cnt .g--dp-btn {
width: 30%;
padding: 0;
}
.g--dp-call-cnt .g--dp-call {
width: 50%;
position: relative;
}
.g--dp-call-cnt .g--input-call {
opacity: 0 !important;
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 2.2rem 0;
}
.g--dp-call-cnt .g--dp-label {
text-align: center;
width: 100%;
padding: 6px;
}
.g--dp-call-cnt .g--dp-m,
.g--dp-call-cnt .g--dp-y {
text-align: center;
padding: 6px;
}
.g--dp-call-cnt .g--dp-y {
width: 60%;
float: right;
} .l--fixed .l--main-wrap {
margin: 0;
}
.l--fixed .l--main-wrap > .l--inner {
padding: 20px;
}
.l--fixed-footer,
.l--fixed-header,
.l--fixed-leftbar,
.l--fixed-rightbar {
background: transparent;
}
.l--fixed .l--fixed-footer,
.l--fixed .l--fixed-header,
.l--fixed .l--fixed-leftbar,
.l--fixed .l--fixed-rightbar {
position: fixed;
z-index: 1030;
}
.l--fixed .l--fixed-leftbar {
width: 0;
top: 0;
bottom: 0;
}
.l--fixed .l--fixed-header {
min-height: 0;
left: 0;
right: 0;
top: 0;
}
.l--fixed .l--fixed-rightbar {
z-index: 1030;
right: 0;
bottom: 0;
top: 0;
width: 0;
}
.l--fixed .l--fixed-footer {
z-index: 1030;
bottom: 0;
right: 0;
left: 0;
}
.l--stretched-cnt {
margin-left: -20px;
margin-right: -20px;
}
.l--max-width {
width: calc(100% - 100px);
margin: 0 auto;
}
.l--h-100 {
height: 100%;
}
.l--h-75 {
height: 75%;
}
.l--h-50 {
height: 50%;
}
@media (max-width: 767.98px) {
.l--h-50 {
height: 100%;
}
}
.l--h-25 {
height: 25%;
}
@media (max-width: 767.98px) {
.l--h-25,
.l--sm-h-100 {
height: 100%;
}
}
.l--w-100 {
width: 100%;
}
.l--w-75 {
width: 75%;
}
.l--w-50 {
width: 50%;
}
.l--w-25 {
width: 25%;
}
.js--to-top {
position: fixed;
z-index: 2000;
bottom: 10px;
right: 10px;
}
.l—container-limit {
position: relative;
max-width: 1920px !important;
margin: auto;
box-shadow: 0 0 12px 1px rgba(51, 51, 51, 0.7);
}
.l--fit-content{
max-width: fit-content;
}
.g--bkg-social-fb {
background: #295187;
}
.g--bkg-social-gp {
background: #D6382E;
}
.g--bkg-social-tw {
background: #14C4F4;
}
.g--c-social-fb {
color: #295187;
}
.g--c-social-gp {
color: #D6382E;
}
.g--c-social-tw {
color: #14C4F4;
}
.g--dp-call-cnt .g--dp-d,
.g--dp-call-cnt .g--dp-label,
.g--dp-call-cnt .g--dp-m,
.g--dp-call-cnt .g--dp-y,
.text-no-overflow {
white-space: nowrap; text-overflow: ellipsis;
}
.text-small {
font-size: 0.85rem;
}
@media (min-width: 576px) {
.l--text-column-2 {
column-count: 2;
column-gap: 20px;
}
}
ul.awesome {
list-style: none;
padding: 0;
}
ul.awesome li {
padding-left: 1.3em;
}
ul.awesome li:before {
font-family: 'Font Awesome 5 Pro' !important;
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
} .text-over-slider {
color: #fff;
background-color: transparent;
text-shadow: 2px 2px 4px #000;
padding: 0;
}
.slick-list,
.slick-track {
height: 100%;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-next:before,
.slick-prev:before {
font-family: 'Font Awesome 5 Pro' !important;
font-weight: 300;
}
.slick-dots li button:before {
opacity: 1;
}
.slick-dots li.slick-active button:before {
opacity: 1;
} .l--rotate-90 {
transform: scale(1) rotate(90deg) translateX(0) translateY(0) skewX(0deg)
skewY(0deg);
}
.l--align-middle-vertical {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
align-content: center;
}
@media (min-width: 576px) {
.js--hideme,
.js--revealMe {
opacity: 0;
}
}
.js--showme {
display: none;
}
.l--position-relative {
position: relative;
}
.l--position-absolute {
position: absolute;
}
.l--position-fixed {
position: fixed;
}
.l--position-absolute,
.l--position-fixed,
.position-absolute {
z-index: 100;
left: 0;
right: 0;
}
.l--position-absolute.l--top,
.l--position-fixed.l--top,
.position-absolute.l--top {
top: 0;
}
.l--position-absolute.l--bottom,
.l--position-fixed.l--bottom,
.position-absolute.l--bottom {
bottom: 0;
}
.l--position-absolute.l--right,
.l--position-fixed.l--right,
.position-absolute.l--right {
left: auto;
}
.l--position-absolute.l--left,
.l--position-fixed.l--left,
.position-absolute.l--left {
right: auto;
}
.l--gallery-grid li {
list-style: none !important;
}
.l--gallery-grid .l--p-gall {
padding: 5px;
}
.l--gallery-grid div {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
.l--gallery-grid .l--height-1 {
height: 225px;
}
@media (max-width: 767.98px) {
.l--gallery-grid .l--height-1 {
height: 112.5px;
}
}
.l--gallery-grid .l--height-2 {
height: 225px;
}
@media (max-width: 767.98px) {
.l--gallery-grid .l--height-2 {
height: 112.5px;
}
}
.l--gallery-grid .l--height-3 {
height: 450px;
}
@media (max-width: 767.98px) {
.l--gallery-grid .l--height-3 {
height: 225px;
}
}
.l--gallery-grid .w-sm-100 {
width: 50%;
}
@media (max-width: 767.98px) {
.l--gallery-grid .w-sm-100 {
width: 100% !important;
}
}
.l--gallery-grid .h-sm-100 {
height: 50% !important;
}
@media (max-width: 767.98px) {
.l--gallery-grid .h-sm-100 {
height: 100% !important;
}
}
.l--arrow_box {
position: relative;
}
.l--arrow_box:after {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
}
.l--arrow_box.top:after {
bottom: 100%;
left: 50%;
}
.l--arrow_box.right:after {
left: 100%;
}
.l--arrow_box.bottom:after {
top: 100%;
left: 50%;
}
.l--arrow_box.right:after {
right: 100%;
top: 50%;
}
.l-video-bg-wrap {
display: block;
overflow: hidden;
height: 100%;
z-index: 0;
}
.l-video-bg,
.l-video-bg-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.l-video-bg {
min-width: 100%;
min-height: 100%;
height: auto;
object-fit: cover;
}
#map-canvas {
height: 400px;
}
.l--vh-100 {
height: 100vh;
}
@media (min-width: 576px) {
.l--vh-100-sm {
height: 100vh;
}
}
.l--vh-100-md {
height: 50vh;
}
@media (min-width: 768px) {
.l--vh-100-md {
height: 100vh;
}
}
@media (min-width: 992px) {
.l--vh-100-lg {
height: 100vh;
}
}
@media (min-width: 1200px) {
.l--vh-100-xl {
height: 100vh;
}
}
.l--vh-50 {
height: 50vh;
}
@media (min-width: 576px) {
.l--vh-50-sm {
height: 50vh;
}
}
.l--vh-50-md {
height: 50vh;
}
@media (min-width: 768px) {
.l--vh-50-md {
height: 50vh;
}
}
@media (min-width: 992px) {
.l--vh-50-lg {
height: 50vh;
}
}
@media (min-width: 1200px) {
.l--vh-50-xl {
height: 50vh;
}
}
.l--vh-60 {
height: 60vh;
}
@media (min-width: 576px) {
.l--vh-60-sm {
height: 60vh;
}
}
.l--vh-60-md {
height: 50vh;
}
@media (min-width: 768px) {
.l--vh-60-md {
height: 60vh;
}
}
@media (min-width: 992px) {
.l--vh-60-lg {
height: 60vh;
}
}
@media (min-width: 1200px) {
.l--vh-60-xl {
height: 60vh;
}
}
.l--vh-75 {
height: 75vh;
}
@media (min-width: 576px) {
.l--vh-75-sm {
height: 75vh;
}
}
.l--vh-75-md {
height: 50vh;
}
@media (min-width: 768px) {
.l--vh-75-md {
height: 75vh;
}
}
@media (min-width: 992px) {
.l--vh-75-lg {
height: 75vh;
}
}
@media (min-width: 1200px) {
.l--vh-75-xl {
height: 75vh;
}
}
.grecaptcha-badge {
visibility: hidden;
}
#btn-menu,
#btn-menu-close,
#menu-wrapper,
.btn-menu,
.btn-menu-close {
overflow: hidden;
max-width: 100%;
cursor: pointer;
}
.slide-left {
left: -110%;
}
.slide-left.opened {
left: 0;
}
.slide-right {
right: -110%;
}
.slide-right.opened {
right: 0;
}
#menuContainer ul,
.menuContainer ul,
#menuBurgerV2 ul,
.menuBurgerV2 ul {
list-style: none;
}
#menuContainer,
.menuContainer,
#menuBurgerV2,
.menuBurgerV2 {
display: block;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 9999999;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
overflow-y: auto;
overflow-x: hidden;
transition: all 0.3s ease-out;
}
#menuContainer.opened,
.menuContainer.opened,
#menuBurgerV2.opened,
.menuBurgerV2.opened {
visibility: visible;
position: fixed;
opacity: 1;
}
#menuContainer .g--menu,
.menuContainer .g--menu,
#menuBurgerV2 .g--menu,
.menuBurgerV2 .g--menu {
width: 100%;
height: 100%;
float: right;
display: table;
}
.burger-img-bkg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#menuContainer .subMenu,
#menuBurgerV2 .subMenu {
display: none;
text-align: left;
}
#menuContainer .subMenu a,
#menuBurgerV2 .subMenu a,
#menuContainer .subMenu ul,
#menuBurgerV2 .subMenu ul {
padding-left: 0;
}
#menuContainer .subMenu.open,
#menuBurgerV2 .subMenu.open {
display: block;
}
#menuContainer .subMenu.open a,
#menuBurgerV2 .subMenu.open a,
#menuContainer .subMenu.open span,
#menuBurgerV2 .subMenu.open span  {
padding-left: 15px;
}
#menuContainer .menu-toggle,
#menuBurgerV2 .menu-toggle {
position: relative;
padding: 10px 0 !important;
}
#menuContainer .menu-toggle:after,
#menuBurgerV2 .menu-toggle:after {
transform-origin: 50% 50%;
transition: all 0.3s ease-out;
}
#menuContainer .menu-toggle:before,
#menuBurgerV2 .menu-toggle:before {
transform: rotate(-90deg);
opacity: 1;
z-index: 2;
}
#menuContainer .menu-toggle.active:before,
#menuBurgerV2 .menu-toggle.active:before {
transform: rotate(0deg);
background: #fff !important;
}
#menuContainer .menu-toggle.active:after,
#menuBurgerV2 .menu-toggle.active:after {
transform: rotate(180deg);
background: #fff !important;
opacity: 0;
}
#menu-esteso {
position: relative;
overflow: hidden;
}
#btn-menu #hamburger-menu,
#btn-menu-close #closeMenu,
#menu-wrapper #hamburger-menu,
.btn-menu-close .closeMenu,
.btn-menu .hamburger-menu {
position: relative;
width: 25px;
height: 20px;
margin: 15px;
}
#menu-wrapper #hamburger-menu span,
.btn-menu-close .closeMenu span,
.btn-menu .hamburger-menu span {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
left: 0;
display: block;
width: 100%;
height: 2px;
border-radius: 10px;
color: #000;
background-color: #fff;
position: absolute;
transform: rotate(0deg);
transition: 0.4s ease-in-out;
}
#btn-menu #hamburger-menu span:first-child,
#menu-wrapper #hamburger-menu span:first-child,
.btn-menu .hamburger-menu span:first-child {
top: 0;
}
#btn-menu #hamburger-menu span:nth-child(2),
#menu-wrapper #hamburger-menu span:nth-child(2),
.btn-menu .hamburger-menu span:nth-child(2) {
top: 9px;
}
#btn-menu #hamburger-menu span:nth-child(3),
#menu-wrapper #hamburger-menu span:nth-child(3),
.btn-menu .hamburger-menu span:nth-child(3) {
top: 18px;
}
#btn-menu-close #closeMenu span:first-child,
#menu-wrapper #hamburger-menu.open span:first-child,
.btn-menu-close .closeMenu span:first-child {
top: 9px;
transform: rotate(135deg);
}
#btn-menu-close #closeMenu span:nth-child(2),
#menu-wrapper #hamburger-menu.open span:nth-child(2),
.btn-menu-close .closeMenu span:nth-child(2) {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
left: -60px;
}
#btn-menu-close #closeMenu span:nth-child(3),
#menu-wrapper #hamburger-menu.open span:nth-child(3),
.btn-menu-close .closeMenu span:nth-child(3) {
top: 9px;
transform: rotate(-135deg);
} #menuContainer #menu .menu-list,
#menuContainer .menu .menu-list {
padding-left: 0;
display: block;
overflow-y: auto;
overflow-x: hidden;
width: 80%;
margin: 0;
padding-top: 1rem;
}
#menuBurgerV2 #menu .menu-list,
#menuBurgerV2 .menu .menu-list {
padding-left: 0;
display: block;
width: 80%;
margin: 0;
padding-top: 1rem;
}
#menuContainer #menu .menu-list a,
#menuContainer .menu .menu-list a{
display: block;
padding: 14px;
text-transform: uppercase;
}
#menuBurgerV2 #menu .menu-list a,
#menuBurgerV2 .menu .menu-list a {
display: block;
padding: 9px 30px;
} #menuContainer #menu .menu-list li,
#menuContainer .menu .menu-list li {
font-size: 18px;
list-style: none;
font-weight: 700;
}
#menuBurgerV2 #menu .menu-list li,
#menuBurgerV2 .menu .menu-list li {
font-size: 18px;
list-style: none;
text-align: left;
} #menuContainer #menu .menu-list li:first-of-type,
#menuContainer .menu .menu-list li:first-of-type,
#menuBurgerV2 #menu .menu-list li:first-of-type,
#menuBurgerV2 .menu .menu-list li:first-of-type {
border-top: 0;
}
.accordion-content,
.accordion-toggle,
#menuContainer .menu-item-has-children,
#menuBurgerV2 .menu-item-has-children {
cursor: pointer;
font-size: 16px;
position: relative;
}
.accordion-content {
display: none;
}
.accordion-toggle a:after,
.accordion-toggle a:before,
#menuContainer .menu-item-has-children a.menu-link:before,
#menuContainer .menu-item-has-children a.menu-link:after {
content: "";
display: block;
position: absolute; top: 25px;
right: 30px;
width: 15px;
height: 2px;
margin-top: -1px;
background-color: #fff;
transform-origin: 50% 50%;
transition: all 0.3s ease-out;
}
.accordion-toggle a:before,
#menuContainer .menu-item-has-children a.menu-link:before {
transform: rotate(-90deg);
opacity: 1;
z-index: 2;
}
.accordion-toggle.active-tab,
.menu-item-has-children.active-tab {
transition: all 0.3s ease;
}
.accordion-toggle a.active:before,
#menuContainer .menu-item-has-children a.menu-link.active:before,
#menuBurgerV2 .menu-item-has-children a.menu-link.active:before {
transform: rotate(0deg); }
.accordion-toggle a.active:after,
#menuContainer .menu-item-has-children a.menu-link.active:after {
transform: rotate(180deg);
background: #fff !important;
opacity: 0;
}
@media screen and (min-width: 768px) {
#menuBurgerV2 .menu-item-has-children a.menu-link.active:after {
transform: translateX(85px);
opacity: 1;
z-index: 1;
}
#menuBurgerV2 .menu-item-has-children a.menu-link:after {
content: "\f061";
font-family: 'Font Awesome 5 Pro';
display: block;
position: absolute;
top: 10px;
right: 30px;
height: 2px;
margin-top: -1px;
transition: all 0.3s ease-out;
z-index: 2;
}
#menuBurgerV2 .menu-item-has-children ul.sub-menu {
position: absolute;
right: -110%;
z-index: 1;
top: 0px;
width: 100%;
text-align: left;
}
}
@media screen and (max-width: 767px) {
#menuBurgerV2 .menu-item-has-children a.menu-link:before,
#menuBurgerV2 .menu-item-has-children a.menu-link:after {
content: "";
display: block;
position: absolute; top: 25px;
right: 30px;
width: 15px;
height: 2px;
margin-top: -1px;
background-color: #fff;
transform-origin: 50% 50%;
transition: all 0.3s ease-out;
}
#menuBurgerV2 .menu-item-has-children a.menu-link:before {
transform: rotate(-90deg);
opacity: 1;
z-index: 2;
}
}
#menuContainer .menu-item-has-children ul.sub-menu,
#menuBurgerV2 .menu-item-has-children ul.sub-menu {
display: none;
padding-left: 15px;
}
#menuContainer .menu-item-has-children ul.sub-menu .menu-item a,
#menuBurgerV2 .menu-item-has-children ul.sub-menu .menu-item a {
text-transform: capitalize;
font-weight: 400;
}
#menuContainer .menu-item-has-children .sub-menu li,
#menuBurgerV2 .menu-item-has-children .sub-menu li {
border-top: 0;
}
.g—grayscale {
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
transition: all 0.6s ease-out;
}
.g—grayscale:hover {
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: gray;
transition: all 0.6s ease-out;
}
.g—opacity {
opacity: 0.7;
filter: alpha(opacity=70);
}
.g—opacity:hover {
opacity: 1;
}
.l--parallax-100 {
height: 100vh;
}
.l--parallax-50,
.l--parallax-100 {
background-size: cover !important;
background-attachment: fixed !important;
width: 100%;
background-repeat: no-repeat !important;
background-position: 50% !important;
}
.l--parallax-50 {
height: 50vh;
}
.border-1 {
border: 1px solid;
}
.border-top-1 {
border-top: 1px solid;
}
.border-right-1 {
border-right: 1px solid;
}
.border-bottom-1 {
border-bottom: 1px solid;
}
.border-left-1,
.border-x-1 {
border-left: 1px solid;
}
.border-x-1 {
border-right: 1px solid;
}
.border-y-1 {
border-top: 1px solid;
border-bottom: 1px solid;
}
.border-2 {
border: 2px solid;
}
.border-top-2 {
border-top: 2px solid;
}
.border-right-2 {
border-right: 2px solid;
}
.border-bottom-2 {
border-bottom: 2px solid;
}
.border-left-2,
.border-x-2 {
border-left: 2px solid;
}
.border-x-2 {
border-right: 2px solid;
}
.border-y-2 {
border-top: 2px solid;
border-bottom: 2px solid;
}
.border-3 {
border: 3px solid;
}
.border-top-3 {
border-top: 3px solid;
}
.border-right-3 {
border-right: 3px solid;
}
.border-bottom-3 {
border-bottom: 3px solid;
}
.border-left-3,
.border-x-3 {
border-left: 3px solid;
}
.border-x-3 {
border-right: 3px solid;
}
.border-y-3 {
border-top: 3px solid;
border-bottom: 3px solid;
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
.hidden-xl-down {
display: none !important;
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199.98px) {
.hidden-lg-down {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 991.98px) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767.98px) {
.hidden-sm-down {
display: none !important;
}
}
#loading_screen {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000;
overflow: hidden;
height: 100%;
width: 100%;
color: #fff;
text-align: center;
padding-top: 100px;
opacity: 1;
}
.lds-ring {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid #fff;
border-radius: 50%;
animation: b 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #fff transparent transparent;
}
.lds-ring div:first-child {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes b {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@media screen and (min-width: 300px) and (max-width: 600px) {
.l--fixed-footer {
margin-bottom:0;
z-index:10!important;
}
footer.footer-custom {
padding-bottom:80px !important;	
}
button.js--to-top {
margin-bottom:80px;
}
.js--to-top {
z-index:100!important;
}
} .slick-slider {
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
position: relative;
display: block;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translateZ(0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:after,
.slick-track:before {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url(//aluewoodserramenti.com/wp-content/themes/wao-theme/inc/ajax-loader.gif) 50% no-repeat;
}
.slick-next,
.slick-prev {
position: absolute;
z-index: 10;
display: block;
height: 60px;
width: 60px;
line-height: 0;
font-size: 0;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
padding: 0;
border: none;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
background: transparent;
color: transparent;
outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
font-family: 'Font Awesome 5 Pro';
line-height: 1;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 0;
}
[dir="rtl"] .slick-prev {
left: auto;
right: 0;
}
[dir="rtl"] .slick-prev:before {
content: \f105;
}
.slick-next {
right: 0;
}
[dir="rtl"] .slick-next {
left: 0;
right: auto;
}
[dir="rtl"] .slick-next:before {
content: \f104;
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
}
.slick-dots li,
.slick-dots li button {
height: 20px;
width: 20px;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
outline: none;
line-height: 0;
font-size: 20px;
color: transparent;
padding: 5px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
font-family: 'Font Awesome 5 Pro';
line-height: 20px;
text-align: center;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 0.75;
} .lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}  .lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
} .lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
} .lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}  .lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
} @-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}/*/*/.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}/**/.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
} .l--box-informativa-cookie{
display: none;
}
@media screen and (min-width: 992px) {
.header-scroll{
display: none;
}
}:root { --color-white: #fff;
--color-gray-10: #ededed;
--color-gray-30: #b9b9b9;
--color-gray-60: #707070;
--color-gold: #a29e47;
--color-sand: #756d67;
--color-green: #567747;
--color-blue: #2f4253;
--color-blue-dark: #1c2832;
--color-black: #000; --font-family-system: system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-sans-serif: "Gotham", var(--font-family-system);
--font-family-sans: "Montserrat", var(--font-family-system); --font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-bold: 700;
--font-weight-black: 900; --transition-base: all .6s cubic-bezier( .2, 1, .3, 1 ); --container-padding-x: 4vw; font-size: 1rem;
} @media (width >= 576px) {}
@media (width >= 768px) {}
@media (width >= 1025px) {}
@media (width >= 1280px) {}
@media (width >= 1536px) {} @font-face {
font-weight: 300;
font-family: Gotham;
font-style: normal;
font-display: swap;
src: url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Light.woff2) format('woff2'),
url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Light.woff) format('woff');
}
@font-face {
font-weight: 400;
font-family: Gotham;
font-style: normal;
font-display: swap;
src: url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Book.woff2) format('woff2'),
url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Book.woff) format('woff');
}
@font-face {
font-weight: 500;
font-family: Gotham;
font-style: normal;
font-display: swap;
src: url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Medium.woff2) format('woff2'),
url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Medium.woff) format('woff');
}
@font-face {
font-weight: 700;
font-family: Gotham;
font-style: normal;
font-display: swap;
src: url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Bold.woff2) format('woff2'),
url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Bold.woff) format('woff');
}
@font-face {
font-weight: 900;
font-family: Gotham;
font-style: normal;
font-display: swap;
src: url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Black.woff2) format('woff2'),
url(https://aluewoodserramenti.com/wp-content/themes/wao-theme-child/fonts3/Gotham-Black.woff) format('woff');
} html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeSpeed;
scroll-behavior: smooth;
} .l—container-limit {
box-shadow: none !important;
}
footer.footer-custom {
max-height: calc( 100vh - 72px );
overflow: hidden;
} header {
--container-padding-x: 4vw;
--logo-height: 10vw;
--btn-font-size: 0.8rem;
--btn-margin: 4vw;
--btn-padding: 0.8em;
position: relative;
color: currentColor;
background: transparent !important;
transition: var( --transition-base );
}
@media (width >= 768px) {
header {
--logo-height: 6vw;
}
}
@media (width >= 1025px) {
header {
--logo-height: 3.5vw;
}
}
@media (width >= 1536px) {
header {
--logo-height: 2.5vw;
--btn-font-size: 0.75vw;
}
}
header.header-transparent:not(.sticky) {
color: var( --color-white );
}
#stickyHeader::before {
position: absolute;
inset: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: rgb(255 255 255 / 60%);
opacity: 0;
backdrop-filter: blur(3rem);
transition: var( --transition-base );
content: "";
pointer-events: none;
}
#stickyHeader.sticky::before {
opacity: 1;
}
header,
header.px-xl-4 {
padding: 0 !important;
}
header .p-header {
min-height: var( --header-height );
padding-right: var( --container-padding-x );
padding-left: var( --container-padding-x );
font-size: var( --btn-font-size );
}
header .p-header > div:nth-child(1) {
display: flex;
align-items: center;
justify-content: flex-start;
}
header .p-header .pl-2 {
padding-left: 0 !important;
}
header .p-header .pr-3 {
padding-right: 0 !important;
}
header .p-header [class*="logo"] img {
width: auto;
max-width: 100%;
height: auto;
max-height: var( --logo-height );
}
header .hover-underline {
--border-size: 0.4em;
--border-position: var( --border-size );
position: relative;
line-height: 1em;
background: none !important;
transition: var( --transition-base );
}
header .hover-underline::after {
position: absolute;
inset: auto 0 0;
z-index: 1;
width: 100%;
height: var( --border-size );
margin: 0 auto;
background-image: linear-gradient( var( --color-gold ) 0 0 );
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 0 100%;
transform: translateY( var( --border-position ) );
transition: background-size 0.3s, background-position 0s 0.3s;
content: "";
pointer-events: none;
}
header .hover-underline:hover::after {
background-position: 100% 100%;
background-size: 100% 100%;
}
header .display-5,
header .main-menu-wrapper > a {
color: currentColor !important;
font-size: inherit;
line-height: 1em;
}
header .main-menu-wrapper {
margin: 0;
}
header .main-menu-wrapper > a {
margin: 0 2em !important;
}
header .p-header > div:nth-child(3) {
align-items: center !important;
}
header .header-contact-btn {
display: none;
margin: 0;
padding: 0;
border: none !important;
transition: none;
}
@media (width >= 768px) {
header .header-contact-btn {
display: block;
}
}
header .header-contact-btn:hover {
border: none !important;
}
header .header-contact-btn > a {
--border-position: calc( var( --border-size ) - var( --btn-padding ) );
margin-right: var( --btn-margin );
padding: var( --btn-padding );
}
header .header-contact-btn > a::before {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
margin: auto;
border: 1px solid var( --color-gold );
transform: scale( 1 );
transform-origin: center center;
opacity: 1;
transition: var( --transition-base );
content: "";
pointer-events: none;
}
header .header-contact-btn > a::after {
width: calc( 100% - ( var( --btn-padding ) * 2 ) );
}
header .header-contact-btn > a:hover::before {
transform: scale( 0 );
opacity: 0;
}
header .l--navbar {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
header .btn-menu {
padding: 0.4em;
}
header .btn-menu > div:nth-child(1) {
margin-right: 1em;
padding: 0 !important;
}
header .btn-menu > div:nth-child(1) > .display-5 {
display: inline-flex !important;
}
header .btn-menu .hamburger-menu,
header .btn-menu .closeMenu {
width: 1.75em !important;
height: 1.4em !important;
transition: var( --transition-base );
}
header .btn-menu .hamburger-menu > span,
header .btn-menu .closeMenu > span {
margin: auto;
color: currentColor !important;
background-color: currentColor !important;
transition: var( --transition-base );
}
header .btn-menu .hamburger-menu > span {
left: 0 !important;
}
header .btn-menu .hamburger-menu > span:nth-child(1) {
top: 0 !important;
bottom: auto !important;
}
header .btn-menu .hamburger-menu > span:nth-child(2) {
top: 0 !important;
bottom: 0 !important;
transform: translateX(-0.4em);
}
header .btn-menu .hamburger-menu > span:nth-child(3) {
top: auto !important;
bottom: 0 !important;
}
header .btn-menu:hover .hamburger-menu > span {
transform: translateX(0.2em);
}  .archive.tax-product_cat .site-main.pt-4 {
padding-top: 5vw !important;
}
@media (width >= 1025px) {
.archive.tax-product_cat .site-main.pt-4 {
padding-top: 0 !important;
}
}
.archive.tax-product_cat .content-prodotto {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
margin: auto;
pointer-events: none;
inset: 0;
}
.archive.tax-product_cat .background-svg {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
margin: auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: none;
transform: translateY(31vw) translateX(0);
inset: 0;
}
@media (width >= 768px) {
.archive.tax-product_cat .background-svg {
background-size: contain;
transform: translateY(40vw) translateX(-6vw);
}
}
@media (width >= 1025px) {
.archive.tax-product_cat .background-svg {
width: 40.63vw;
height: 55.26vw;
transform: translateY(8.33vw) translateX(1.56vw);
}
}
.archive.tax-product_cat .separatore-categoria {
display: none;
}
.archive.tax-product_cat .row[class*="categoria"][class*="catalogo"] {
--ui-base: clamp(14px, 3.8vw, 24px);
--text-header-width: 100%;
--post-grid-width: 100%;
--text-header-icon-size: 2.6em;
--post-grid-padding-x: 0;
--post-grid-col: 1fr;
--post-grid-row-gap: 3em;
--post-grid-col-gap: 0;
--post-card-row-gap: 1em;
--post-card-col-gap: 1em;
--post-card-img-width: 9em;
--post-card-img-height: 9em;
display: flex;
flex-flow: column wrap;
margin: 0;
padding-right: var( --container-padding-x );
padding-bottom: 8em;
padding-left: var( --container-padding-x );
font-size: var(--ui-base);
row-gap: 4em;
}
@media (width >= 768px) {
.archive.tax-product_cat .row[class*="categoria"][class*="catalogo"] {
--ui-base: clamp(14px, 2.4vw, 24px);
--post-grid-col: repeat( 3, 1fr );
--post-grid-row-gap: 5em;
}
}
@media (width >= 1025px) {
.archive.tax-product_cat .row[class*="categoria"][class*="catalogo"] {
--ui-base: clamp(14px, 1.1vw, 24px);
--text-header-width: 34%;
--post-grid-width: 66%;
--post-grid-padding-x: 2.5em;
--post-card-img-width: 14em;
--post-card-img-height: 17.8em;
flex-flow: row nowrap;
}
}
@media (width >= 1536px) {
.archive.tax-product_cat .row[class*="categoria"][class*="catalogo"] {
--ui-base: 1vw;
}
}
.archive.tax-product_cat .row[class*="categoria"][class*="catalogo"] [class*="col"] {
flex: 1 1 100%;
width: 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
.archive.tax-product_cat [class*="col"][class*="colonna"][class*="catalogo"] {
max-width: var(--text-header-width) !important;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] {
display: grid;
row-gap: var(--post-grid-row-gap);
max-width: var(--post-grid-width) !important;
padding-right: var(--post-grid-padding-x) !important;
padding-left: var(--post-grid-padding-x) !important;
text-align: left;
}
@media (width >= 768px) {
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] {
text-align: center;
}
}
@media (width >= 1025px) {
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] {
padding-top: 16vh;
}
}
.archive.tax-product_cat [class*="testo"][class*="catalogo"] {
position: relative;
top: 0;
padding-top: 0;
}
@media (width >= 1025px) {
.archive.tax-product_cat [class*="testo"][class*="catalogo"] {
position: sticky;
top: var(--header-height);
padding-top: 20vh;
}
}
.archive.tax-product_cat [class*="testo"][class*="catalogo"] .p-cat-text:last-child {
display: inline-flex;
margin-top: 2.1em;
column-gap: 1.6em;
}
.archive.tax-product_cat .p-cat-text {
padding-right: 0;
padding-left: 0;
}
.archive.tax-product_cat .breadcrumbs {
margin-top: 0;
font-size: 0.8em;
}
.archive.tax-product_cat .title-cat {
margin-top: 1em;
margin-bottom: 0;
padding-top: 0 !important;
font-size: 2.1em !important;
text-transform: capitalize;
}
.archive.tax-product_cat .cat-hr {
width: 45%;
margin: 1.4em 0;
transform: translateX(calc(var( --container-padding-x ) * -1));
}
.archive.tax-product_cat .parag_prodotto {
max-width: 24em;
margin-bottom: 0;
font-size: 1em !important;
line-height: 1.4em !important;
}
.archive.tax-product_cat .parag_prodotto.pb-3 {
padding-bottom: 0 !important;
}
.archive.tax-product_cat .cat-ico {
width: var(--text-header-icon-size);
height: var(--text-header-icon-size);
padding: 0;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] > div {
display: grid !important;
grid-template-columns: var(--post-grid-col);
place-items: end center;
row-gap: var(--post-grid-row-gap);
margin: 0;
padding: 0 !important;
}
@media (width >= 768px) {
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] > div:not(.row) {
--post-grid-col: repeat( 2, 1fr );
}
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] .row.pb-5 {
padding-bottom: 0!important;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] {
display: inline-flex;
flex: 1 1 100%;
flex-wrap: nowrap;
gap: var(--post-card-row-gap) var(--post-card-col-gap);
align-items: center;
justify-content: flex-start;
}
@media (width >= 768px) {
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] {
display: flex;
flex-flow: column wrap;
}
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"].text-center {
text-align: inherit !important;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > a {
width: 80%;
margin: 0 auto;
text-align: center;
transition: var( --transition-base );
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > a:hover {
opacity: 0.8;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] .cat-img {
width: auto;
max-width: var(--post-card-img-width);
height: auto;
max-height: var(--post-card-img-height);
transform: scaleX(-1);
opacity: 1 !important;
filter: drop-shadow(-8px 8px 8px rgb(0 0 0 / 12%));
transition: var( --transition-base );
}
@media (width >= 768px) {
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] .cat-img {
transform: scaleX(1);
}
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > div {
display: grid;
row-gap: 0.2em;
width: 100%;
font-size: 1.5em;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] .py-2 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] .cat-tit-prodotto {
font-size: inherit;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] .cat-sottotit-prodotto {
font-size: 0.8em;
} .single-product {
--ui-base: clamp(14px, 3.8vw, 24px);
--background-svg-size: cover;
--background-svg-width: 100%;
--background-svg-height: 100%;
--background-svg-transform: translateY(31vw) translateX(0);
--page-padding-y: 2em;
--product-section-padding-y: 8em;
--product-section-row-gap: 3em;
--text-header-padding-x: 1em;
--text-header-left-padding-left: var(--text-header-padding-x);
--text-header-width: 100%;
--text-header-border-position: 0em;
--text-header-border-margin-y: 3em;
--text-header-border-margin-y-lg: 4em;
--img-grid-section-padding-y: 4em;
--text-header-img-grid-padding-y: 5em;
--text-header-img-grid-padding-bottom: 5em;
--product-img-left-margin-left: auto;
--product-img-right-margin-right: auto;
--product-img-width: 100%;
--product-img-height: 30em;
--product-img-details-width: 80%;
--product-img-details-height: 30em;
--product-img-grid-min-width: 90vw;
--product-img-grid-max-width: 90vw;
--product-img-grid-height: 100%;
font-size: var(--ui-base);
}
.single-product.product-linear,
.single-product.product-planar,
.single-product.product-climax,
.single-product.product-lumax,
.single-product.product-harmony,
.single-product.product-harmony-plus,
.single-product.product-harmony-plus-sp,
.single-product.product-pure,
.single-product.product-pure-plus,
.single-product.product-pure-plus-sp {
--product-img-left-margin-left: -8%;
}
.single-product.product-hs-lumax-plus,
.single-product.product-eco-slide,
.single-product.product-thermalux,
.single-product.product-thermalux-plus {
--product-img-left-margin-left: -5%;
}
@media (width >= 768px) {
.single-product {
--ui-base: clamp(14px, 2.4vw, 24px);
--background-svg-size: contain;
--background-svg-transform: translateY(40vw) translateX(-6vw);
--text-header-width: 29em;
--product-img-height: 41em;
}
}
@media (width >= 1025px) {
.single-product {
--ui-base: clamp(14px, 1.1vw, 24px);
--background-svg-width: 40.63vw;
--background-svg-height: 55.26vw;
--background-svg-transform: translateY(8.33vw) translateX(1.56vw);
--page-padding-y: 0;
--product-section-padding-y: 12.5em;
--product-section-row-gap: 4em;
--text-header-padding-x: 4em;
--text-header-left-padding-left: 2em;
--text-header-border-position: 2em;
--text-header-border-margin-y: 4em;
--text-header-border-margin-y-lg: 5em;
--img-grid-section-padding-y: 7em;
--text-header-img-grid-padding-y: 8em;
--text-header-img-grid-padding-bottom: 4em;
--product-img-details-width: 45em;
--product-img-details-height: 38em;
--product-img-grid-min-width: 66vw;
--product-img-grid-max-width: 66vw;
--product-img-grid-height: calc(100vh - var(--header-height));
}
}
@media (width >= 1536px) {
.single-product {
--ui-base: 1vw;
}
}
.single-product .site-main {
padding-top: var(--page-padding-y);
}
.single-product .content-prodotto {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
margin: auto;
pointer-events: none;
inset: 0;
}
.single-product .background-svg {
width: var(--background-svg-width);
max-width: none;
height: var(--background-svg-height);
max-height: none;
margin: auto;
background-repeat: no-repeat;
background-position: center;
background-size: var(--background-svg-size);
transform: var(--background-svg-transform);
inset: 0;
}
.single-product .separatore-prodotti {
display: none;
}
.single-product .prodotto-interno,
.single-product .prodotto-esterno,
.single-product .prodotto-dettaglio,
.single-product .prodotto-immagini {
padding: 0;
}
.single-product .prodotto-interno .row,
.single-product .prodotto-esterno .row,
.single-product .prodotto-dettaglio .row,
.single-product .prodotto-immagini .row {
margin-right: 0;
margin-left: 0;
}
.single-product .prodotto-interno > .row,
.single-product .prodotto-esterno > .row,
.single-product .prodotto-dettaglio > .row {
height: auto !important;
padding-right: var( --container-padding-x );
padding-left: var( --container-padding-x );
row-gap: var(--product-section-row-gap);
}
.single-product .prodotto-interno [class*="col"],
.single-product .prodotto-esterno [class*="col"],
.single-product .prodotto-dettaglio [class*="col"],
.single-product .prodotto-immagini [class*="col"] {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 768px) and (max-width: 1024.98px) {
.single-product .prodotto-interno > .row > .col-md-6,
.single-product .prodotto-esterno > .row > .col-md-6,
.single-product .prodotto-dettaglio > .row > .col-md-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.single-product [class*="scroll-img"] {
width: auto;
max-width: var(--product-img-width);
height: auto;
max-height: var(--product-img-height);
}
.single-product .descrizione-prodotto {
max-width: 100%;
}
.single-product .descrizione-prodotto.text-body {
margin: 0;
}
.single-product .pr-font-title2 {
font-size: 2.3em;
line-height: 1em;
}
.single-product .pr-font-sott-title2 {
max-width: 11em;
margin-top: 0.4em !important;
font-size: 1.56em;
line-height: 1.2em;
opacity: 0.9;
}
.single-product .parag_prodotto {
max-width: var(--text-header-width);
font-size: 1em !important;
line-height: 1.4em;
}
.single-product .parag_prodotto.pt-interno-txt, .single-product .parag_prodotto.p-esterno-txt {
padding-top: 2em;
padding-bottom: 0;
}
.single-product .hr-prodotti {
margin-top: var(--text-header-border-margin-y);
margin-bottom: var(--text-header-border-margin-y);
}
@media (width >= 768px) {
.single-product .pr-font-sott-title2 {
max-width: 100%;
margin-top: 0.2em !important;
}
}
@media (width >= 1025px) {
.single-product .prodotto-interno > .row, .single-product .prodotto-esterno > .row, .single-product .prodotto-dettaglio > .row {
min-height: 100vh;
}
.single-product .parag_prodotto.pt-interno-txt, .single-product .parag_prodotto.p-esterno-txt {
padding-top: 3.2em;
}
} .single-product .prodotto-interno .scroll-img-interno {
margin-left: var(--product-img-left-margin-left) !important;
}
.single-product .prodotto-interno .col-txt-interno {
padding-right: var(--text-header-padding-x);
padding-left: var(--text-header-padding-x);
}
.single-product .prodotto-interno .br-interno {
padding-left: 0;
}
.single-product .prodotto-interno .breadcrumbs {
margin-top: 0;
font-size: 0.8em;
}
.single-product .prodotto-interno .h_interno {
margin-top: 0.4em;
margin-bottom: 1em;
padding-top: 0;
padding-bottom: 0;
font-size: 3em !important;
text-transform: uppercase!important;
}
.single-product .prodotto-interno .pr-font-title2 {
padding-top: 0;
}
.single-product .prodotto-interno .hr-prodotti {
width: calc(100% + var( --text-header-padding-x ) + var( --container-padding-x ) + var( --text-header-border-position )) !important;
transform: translateX(calc(var( --text-header-border-position ) * -1));
}
.single-product .prodotto-interno .p-interno-btn {
display: inline-flex !important;
max-width: var(--text-header-width);
padding-top: 0;
padding-left: 0 !important;
}
.single-product .prodotto-interno .p-interno-btn > div {
font-size: 1.3em;
line-height: 1em;
}
.single-product .prodotto-interno .p-interno-btn a {
display: inline-flex;
padding: 0;
font-size: inherit;
overflow: visible;
}
.single-product .prodotto-interno .p-interno-btn a::before,
.single-product .prodotto-interno .p-interno-btn a::after {
position: absolute;
top: auto;
bottom: -0.3em;
left: 0;
width: 100%;
height: 2px;
background-color: currentColor;
transform-origin: left center;
transition: var(--transition-base);
content: "";
pointer-events: none;
z-index: 1;
opacity: 1;
}
.single-product .prodotto-interno .p-interno-btn a::before {
transform: scaleX(1);
opacity: 0.4;
}
.single-product .prodotto-interno .p-interno-btn a::after {
transform: scaleX(0);
background-color: var(--color-gold);
}
.single-product .prodotto-interno .p-interno-btn a:hover::after {
transform: scaleX(1);
}
@media (width >= 1025px) {
.single-product .prodotto-interno > .row {
min-height: calc(100vh - var(--header-height));
}
.single-product .prodotto-interno .h_interno {
margin-bottom: 1.4em;
}
} .single-product .prodotto-esterno {
padding-top: var(--product-section-padding-y);
}
.single-product .prodotto-esterno .scroll-img-esterno {
margin-right: var(--product-img-right-margin-right) !important;
}
.single-product .prodotto-esterno .col-txt-esterno {
padding-right: var(--text-header-padding-x);
padding-left: var(--text-header-left-padding-left);
}
.single-product .prodotto-esterno .p-prod-esterno {
padding-bottom: 0 !important;
padding-left: 0;
}
.single-product .prodotto-esterno .pr-font-title2 {
padding-top: 0 !important;
}
.single-product .prodotto-esterno .hr-prodotti {
width: calc(100% + var( --text-header-left-padding-left ) + var( --container-padding-x )) !important;
transform: translateX(calc((var( --text-header-left-padding-left ) + var( --container-padding-x )) * -1));
margin-bottom: 0;
} .single-product .prodotto-dettaglio {
padding-top: var(--product-section-padding-y);
padding-bottom: var(--product-section-padding-y);
}
.single-product .prodotto-dettaglio > .row > [class*="col"]:nth-child(1) {
padding-right: var(--text-header-padding-x);
padding-left: var(--text-header-left-padding-left);
}
.single-product .prodotto-dettaglio .p-det-cont {
width: 100%;
position: relative;
}
.single-product .prodotto-dettaglio .p-det-cont:not(:first-child):not(:only-child)::before {
position: relative;
top: 0;
left: 0;
display: inline-flex;
width: calc(100% + var( --text-header-left-padding-left ) + var( --container-padding-x )) !important;
height: 2px;
margin-top: var(--text-header-border-margin-y-lg);
margin-bottom: var(--text-header-border-margin-y-lg);
background-color: currentColor;
transform: translateX(calc((var( --text-header-left-padding-left ) + var( --container-padding-x )) * -1));
content: "";
}
.single-product .prodotto-dettaglio .pr-desc-col {
padding-top: 0;
}
.single-product .prodotto-dettaglio .pr-font-title2 {
padding-bottom: 0 !important;
text-transform: uppercase;
margin-bottom: 0.5em;
}
.single-product .prodotto-dettaglio .parag_prodotto {
padding-bottom: 0;
}
.single-product .prodotto-dettaglio .p-det-cont > .row {
margin-top: 3em;
row-gap: 2em;
}
.single-product .prodotto-dettaglio .p-det-cont > .row > [class*="col"] > p {
display: flex;
padding-left: 0.22em;
font-size: 1em !important;
line-height: 1.4em !important;
}
.single-product .prodotto-dettaglio .p-det-cont > .row > [class*="col"] > .pr-desc-p-dati {
padding: 0.04em 0 0.2em;
font-size: 2.8em !important;
line-height: 1em !important;
}
.single-product .prodotto-dettaglio .img-det-h {
width: auto;
max-width: var(--product-img-details-width);
height: auto;
max-height: var(--product-img-details-height);
}
@media (width >= 1025px) {
.single-product .prodotto-dettaglio .p-det-cont > .row {
margin-top: 4em;
row-gap: 3em;
}
} .single-product .prodotto-immagini,
.single-product .simple-gallery {
position: relative;
height: 100%;
background-color: var(--color-white);
}
.single-product .prodotto-immagini .col {
width: auto;
}
.single-product .prodotto-immagini .col-txt-scorrimento {
flex: 1;
}
.single-product .prodotto-immagini .col-img-scorrimento {
flex: 0 0 auto;
}
.single-product .prodotto-immagini .col-img-scorrimento img {
width: auto;
min-width: var(--product-img-grid-min-width);
max-width: var(--product-img-grid-max-width);
height: auto;
max-height: var(--product-img-grid-height);
object-fit: cover;
}
.single-product .prodotto-immagini .padding-scorrimento {
min-height: auto;
padding-right: calc(var(--container-padding-x) + var(--text-header-padding-x));
padding-left: calc(var(--container-padding-x) + var(--text-header-padding-x));
padding-top: var(--text-header-img-grid-padding-y);
padding-bottom: var(--text-header-img-grid-padding-bottom);
}
.single-product .prodotto-immagini .pr-scorr-f-title {
margin-bottom: 1em;
padding-bottom: 0;
font-size: 1.56em;
line-height: 1.2em;
}
.single-product .prodotto-immagini.img-scorrimento-sx {
padding-top: var(--img-grid-section-padding-y);
}
.single-product .prodotto-immagini.img-scorrimento-dx > .row {
display: flex;
justify-content: flex-end;
}
.single-product .prodotto-immagini.img-scorrimento-sx > .row {
display: flex;
justify-content: flex-start;
}
.single-product .simple-gallery {
padding-top: var(--img-grid-section-padding-y);
padding-bottom: var(--product-section-padding-y);
}
.single-product .simple-gallery {
--img-min-height: 30vh;
}
@media (width >= 768px) {
.single-product .simple-gallery {
--img-min-height: 50vh;
}
}
@media (width >= 1025px) {
.single-product .simple-gallery {
--img-min-height: 100vh;
}
}
.single-product .simple-gallery,
.single-product .simple-gallery .simple-gallery--preview.flickity-enabled,
.single-product .simple-gallery .simple-gallery--preview.flickity-enabled .flickity-viewport,
.single-product .simple-gallery .simple-gallery--preview.flickity-enabled .flickity-slider {
min-height: var(--img-min-height);
}
body .flickity-button {
width: 2.6em;
height: 3.3em;
padding: 0 !important;
box-shadow: none !important;
opacity: 1;
border: 2px solid transparent;
border-radius: 0;
transition: var(--transition-base);
}
body .flickity-button:hover {
border-color: var(--color-gold);
}
body .flickity-button:active {
opacity: 1 !important;
}
body .flickity-button:disabled {
opacity: 0;
}
body .flickity-button::after {
width: 100%;
height: 100%;
}
body .flickity-button.previous {
left: 0;
}
body .flickity-button.next {
right: 0;
}
@media (width >= 1025px) {
.single-product .prodotto-immagini {
overflow: unset !important;
}
.single-product .prodotto-immagini .padding-scorrimento {
transform: none !important;
position: sticky;
top: 0;
padding-right: var( --container-padding-x );
padding-left: var( --container-padding-x );
}
} .single-product .prodotto-esterno,
.single-product .prodotto-interno {
overflow: hidden;
}
@media (width >= 1025px) {
.single-product .prodotto-dettaglio.prodotto-dettaglio--doppio .img-det-h {
position: sticky;
top: var(--header-height);
margin: 0 !important;
}
} body .page-hero {
position: relative;
margin-top: calc(var(--header-height) * -1);
margin-bottom: 0;
}
body .page-hero .page-hero--bg-image {
height: 60vh;
padding-top: 0;
padding-right: var(--container-padding-x);
padding-left: var(--container-padding-x);
}
@media (width >= 1025px) {
body .page-hero .page-hero--bg-image {
height: 100vh;
}
}
body .page-hero h2 {
margin-bottom: 0;
line-height: 1.1em;
}
body .page-hero h2:nth-child(1) {
font-size: 3em !important;
}
body .page-hero h2:nth-child(2) {
margin-top: 0.3em;
font-size: 2.1em !important;
}
.page-intro {
--section-padding-y: 7em;
padding: var(--section-padding-y) var(--container-padding-x);
}
.page-intro h1 {
margin-top: 0.8em;
margin-bottom: 0;
font-size: 3em !important;
text-transform: uppercase;
}
.page-intro h2 {
margin-top: 0.2em;
margin-bottom: 0;
font-size: 2.1em !important;
}
.page-intro p {
margin-top: 1.6em;
margin-bottom: 0;
font-size: 1em !important;
line-height: 1.4em !important;
}
.single-product .prodotto-immagini + .prodotto-immagini {
padding-top: var(--img-grid-section-padding-y);
}
.single-product > [class*="row--"]:last-child {
padding-bottom: var(--section-padding-y);
}
.single-product.complement-content p {
margin-bottom: 0;
font-size: inherit !important;
font-weight: var(--font-weight-regular);
line-height: inherit !important;
}
.single-product .parag_prodotto ul {
list-style-type: square;
margin-bottom: 0;
padding-left: 2.1em;
}
.single-product .parag_prodotto li {}
.single-product .parag_prodotto strong {
font-weight: 600 !important;
}
.single-product .parag_prodotto p + p {}
.single-product .parag_prodotto p + ul {
margin-top: 0.6em;
}
.single-product .parag_prodotto ul + p {
margin-top: 1.2em;
}
.single-product .prodotto-immagini.has-secondary-image {
--text-header-img-grid-padding-bottom: 3em;
}
@media (width >= 1025px) {
.single-product .prodotto-immagini.has-secondary-image .padding-scorrimento {
position: relative;
}
}
.single-product .secondary-image {
text-align: center;
}
.single-product .secondary-image img {
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
.is-text-centered-in-column {
display: flex;
flex-flow: column;
justify-content: center;
height: 100%;
}
.single-product [class*="prodotto-"] > .row.row--full-width .col,
.single-product [class*="prodotto-"] > .row.row--full-width .col img {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.single-product .prodotto-dettaglio > .row > .col {
flex: 0 0 auto;
}
.single-product .prodotto-dettaglio > .row > .col-txt {
padding-right: var(--text-header-padding-x);
padding-left: var(--text-header-left-padding-left);
}
.single-product .prodotto-dettaglio > .row > .col-img:nth-child(1) {
padding-right: 0;
padding-left: 0;
}
@media (width >= 768px) {
.page-id-864 .single-product {
--text-header-width: 100%;
}
}
@media (width >= 1025px) {
.page-id-864 .single-product {
--product-img-grid-min-width: 50vw;
--product-img-grid-max-width: 50vw;
--text-header-img-grid-padding-y: 4em;
}
.page-id-864 .single-product .prodotto-immagini .col-img-scorrimento {
display: flex;
align-items: center;
justify-content: center;
}
.page-id-864 .single-product .prodotto-immagini .padding-scorrimento {
padding-top: var(--text-header-img-grid-padding-y);
padding-bottom: var(--text-header-img-grid-padding-y);
}
} body {
--ui-base: clamp(14px, 3.8vw, 24px);
--header-height: 18vw;
--page-padding-y: 2em;
--section-padding-y: 8em;
--section-row-gap: 3em;
--text-header-padding-x: 1em;
font-size: var(--ui-base);
font-family: var(--font-family-sans);
font-weight: var(--font-weight-regular);
font-style: normal;
}
body, h1, h2, h3, h4, h5, h6, p, a, li, span {
font-family: var(--font-family-sans) !important;
}
body #page {
font-size: var(--ui-base);
}
@media (width >= 1025px) {
body #page {
overflow: unset !important;
}
}
body .page-anchor {
top: 0;
}
@media (width >= 768px) {
body {
--ui-base: clamp(14px, 2.4vw, 24px);
--header-height: 11vw;
}
}
@media (width >= 1025px) {
body {
--ui-base: clamp(14px, 1.1vw, 24px);
--header-height: 6vw;
--page-padding-y: 0;
--section-padding-y: 12.5em;
--section-row-gap: 4em;
--text-header-padding-x: 4em;
}
}
@media (width >= 1536px) {
body {
--ui-base: 1vw;
--header-height: 4.2vw;
}
} .archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] .cat-tit-prodotto {
font-weight: 600 !important;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > div.d-flex {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
align-items: center !important;
justify-content: center !important;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > div.d-flex > div {
display: grid;
row-gap: 0.2em;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > div.d-flex > div:nth-child(2) {
font-weight: var(--font-weight-light);
padding: 0 0.3em !important;
}
@media (width >= 1025px) {
.archive.tax-product_cat .row[class*="categoria"][class*="catalogo"] {
--post-card-img-width: 17em;
}
}
@media (max-width: 767.98px) {
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > div.d-flex {
justify-content: flex-start !important;
row-gap: 0em;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > div.d-flex > div {
width: 100%;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > div.d-flex > div:nth-child(2) {
display: none !important;
}
.archive.tax-product_cat [class*="col"][class*="cont-imgs"][class*="catalogo"] [class*="col"] > div.d-flex > div:last-child {
border-top: 2px solid var(--color-blue);
padding-top: 0.7em;
margin-top: 0.7em;
}
}
@media (width >= 768px) {
.single-product {
--product-img-height: 40em;
}
}
.single-product .prodotto-dettaglio .p-det-cont > .row > [class*="col"] > .pr-desc-p-dati {
font-size: 2.6em !important;
} header #menuContainer {
position: fixed;
top: 0 !important;
visibility: hidden;
opacity: 1;
color: var(--color-white);
transform: translateY(-100%);
transition: var(--transition-base);
}
header #menuContainer.opened {
visibility: visible;
transform: translateY(0);
transition: var(--transition-base);
}
header .header-menu {
min-height: var( --header-height );
padding: 0 var(--container-padding-x) !important;
font-size: var( --btn-font-size );
}
header .header-menu > div {
padding: 0 !important;
}
header .header-menu > div > div:nth-child(1) {
display: flex;
align-items: center;
justify-content: flex-start;
}
header .header-menu > div > div:nth-child(1) img {
}
header .header-menu > div > div:nth-child(2) {
align-items: center !important;
}
header .btn-menu > div:nth-child(1) > .display-5 {
width: auto !important;
height: auto !important;
margin: 0;
}
header .btn-menu-close:hover #closeMenu {
transform: none;
transition: var( --transition-base );
}
header .btn-menu-close:hover #closeMenu > span:nth-child(1) {
transform: rotate(180deg) !important;
}
header .btn-menu-close:hover #closeMenu > span:nth-child(3) {
transform: rotate(0deg) !important;
}
header #menuContainer .g--menu {
display: flex !important;
flex-direction: column;
align-content: stretch;
}
header #menuContainer .g--menu > .header-menu-wrapper {
display: flex;
align-content: center;
flex: 1;
margin-top: 3em;
}
header .menu-item.current-menu-item .hover-underline::after {
background-position: 100% 100%;
background-size: 100% 100%;
}
header #menuContainer #menu .menu-list {
height: 100%;
overflow-y: hidden;
}
@media (width >= 1025px) {
header #menuContainer .g--menu > .header-menu-wrapper {
margin-top: 0;
}
} footer.footer-custom {
max-height: none;
overflow: unset;
}
footer.footer-custom > .container-fluid {
padding-right: 0;
padding-left: 0;
background-color: var(--color-blue);
}
footer.footer-custom .footer-container {
padding-right: var(--container-padding-x) !important;
padding-left: var(--container-padding-x) !important;
padding-top: 4em;
}
footer.footer-custom .footer-container > .row:first-child > div:first-child .row > div {
display: grid;
align-content: space-between;
}
footer.footer-custom .footer-info {
height: auto;
}
footer.footer-custom .footer-container h2 {
font-size: 2.5em !important;
font-weight: 600 !important;
margin-bottom: 0;
}
footer.footer-custom .footer-container h3 {
font-size: 0.9em;
margin-bottom: 0.8em;
}
footer.footer-custom .footer-container p {
margin-bottom: 0;
font-size: 0.9em !important;
line-height: 1.4em !important;
}
footer.footer-custom .footer-container p + p {
margin-top: 0.5em;
}
footer.footer-custom .subfooter {
border-top: 1px solid var(--color-white);
}
footer.footer-custom .subfooter .social-media-links ul {
color: var(--color-white);
column-gap: 0.8em;
}
footer.footer-custom .subfooter .social-media-links svg {
fill: currentColor;
} body .breadcrumbs {
margin-top: 0;
font-size: 0.8em;
}
body .breadcrumbs a {
color: currentColor;
}
body .breadcrumbs a:hover {
color: var(--color-gold);
} body .complements-previews-container {
display: grid;
row-gap: 3em;
}
body .complements-previews-container .complement-preview--image > div {
height: 32em;
}
@media (width >= 768px) {
body .complements-previews-container {
row-gap: 6em;
}
body .complements-previews-container .complement-preview--image > div {
height: 40em;
}
} body.home {
--section-padding-y: 8em;
}
body.home #page {
overflow-x: hidden !important;
}
body.home main.site-content > article.page > section.wao-blocks-container {
padding-top: var(--section-padding-y);
padding-bottom: var(--section-padding-y);
}
body .homepage--hero-container {
--section-padding-y: 0em;
}
body .homepage--about {}
body .homepage--strengths {}
@media (width >= 1025px) {
body .homepage--strengths {
min-height: calc(100vh - var(--header-height));
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
body .homepage--featured-product {}
body .homepage--complements {
background: linear-gradient(135deg, rgb(47 66 83 / 5%), rgb(47 66 83 / 2%));
}
body .homepage--about--2 {
padding-bottom: 0 !important;
}
body .homepage--prefooter {
--section-padding-y: 0em;
}
body.home .wao-blocks-container.container-fluid {
padding-right: 0;
padding-left: 0;
}
body.home .wao-blocks-container.container-fluid > .row {
margin-right: 0;
margin-left: 0;
}
body.home .wao-blocks-container.container-fluid > .row > [class*="col"],
body.home .section-slider [class*="col"] {
padding-right: 0;
padding-left: 0;
}
body.home .wao-blocks-container.container-fluid > .row.section-intro,
body.home .wao-blocks-container.container-fluid > .row.section-list,
body.home .wao-blocks-container.container-fluid > .row.section-cta {
padding-right: var( --container-padding-x );
padding-left: var( --container-padding-x );
}
body .homepage--hero-container .layout--desktop {
display: none;
visibility: hidden;
}
@media (width >= 1025px) {
body .homepage--hero-container .layout--mobile {
display: none;
visibility: hidden;
}
body .homepage--hero-container .layout--desktop {
display: block;
visibility: visible;
}
}
body .homepage--hero {
margin-bottom: 0 !important;
color: var(--color-white);
}
body .homepage--hero .carousel-caption {
left: 0;
right: 0;
bottom: 30% !important;
padding-right: var( --container-padding-x ) !important;
padding-left: var( --container-padding-x ) !important;
}
body .homepage--hero h2, body .homepage--hero p {
color: currentColor !important;
}
body .homepage--hero h2 {
margin-bottom: 0;
font-size: 3em !important;
font-weight: 600 !important;
line-height: 1.1em;
}
body .homepage--hero p {
margin-top: 0.5em;
margin-bottom: 0;
font-size: 1.5em !important;
font-weight: 400;
line-height: 1.1em;
letter-spacing: 0.05em;
}
body .homepage--hero .wao-blocks-button {
margin-top: 3em;
}
body .btn {
font-size: 0.85em;
font-weight: 500;
letter-spacing: 0.02em;
line-height: 1em;
padding: 1em 1.5em;
transition: var(--transition-base);
}
body .homepage--hero-container .scroll-to-content {
--btn-padding: 0.8em;
display: block !important;
left: 58%;
bottom: 7em;
width: 6em;
}
@media (width >= 768px) {
body .homepage--hero-container .scroll-to-content {
left: 55%;
}
}
@media (width >= 1025px) {
body .homepage--hero-container .scroll-to-content {
left: 52%;
bottom: 4em;
}
}
body .homepage--hero-container .scroll-to-content > a {
width: auto;
max-width: 3em;
font-size: 0.7em;
letter-spacing: 0.05em;
padding: var(--btn-padding);
}
body .homepage--hero-container .scroll-to-content > a::after {
left: var(--btn-padding);
}
body .homepage--hero .flickity-page-dots {
--dots-padding-x: var(--container-padding-x);
--dots-padding-y: 1.3em;
--dot-size: 0.85em;
bottom: 0;
padding-right: var(--dots-padding-x);
padding-left: var(--dots-padding-x);
padding-bottom: var(--dots-padding-y);
color: currentColor;
text-align: left;
}
@media (width >= 1025px) {
body .homepage--hero .flickity-page-dots {
--dots-padding-x: 2.5em;
--dots-padding-y: 1.5em;
--dot-size: 1.1em;
}
}
body .homepage--hero .flickity-page-dots .dot {
display: inline-flex;
position: relative;
width: var(--dot-size);
height: var(--dot-size);
margin: 0 calc(var(--dot-size) / 2.7);
border: 1px solid;
opacity: 0.6;
transition: var(--transition-base);
}
body .homepage--hero .flickity-page-dots .dot::after {
content: "";
font-family: unset;
color: currentColor;
font-size: unset;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: auto;
background-color: currentColor;
border-radius: 50%;
transform: scale(0);
transform-origin: center;
opacity: 0;
transition: var(--transition-base);
}
body .homepage--hero .flickity-page-dots .dot.is-selected,
body .homepage--hero .flickity-page-dots .dot:hover {
opacity: 1;
}
body .homepage--hero .flickity-page-dots .dot.is-selected::after {
transform: scale(.7);
opacity: 1;
}
body .section-intro {
position: relative;
margin-bottom: 5em;
text-align: center;
}
body .section-intro.with--background-square {
--square-size: 18em;
}
@media (width >= 768px) {
body .section-intro.with--background-square {
--square-size: 16em;
}
}
body .section-intro.with--background-square::before {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: var(--square-size);
height: var(--square-size);
border: 0.45em solid var(--color-gray-10);
}
body .section-intro .h1 {
margin-bottom: 0;
font-size: 3em !important;
font-weight: var(--font-weight-medium) !important;
text-transform: uppercase;
line-height: 1.1em;
}
body .section-intro .h2 {
margin-bottom: 0;
font-size: 2.1em !important;
font-weight: var(--font-weight-regular) !important;
line-height: 1.1em;
}
body .section-intro p {
margin-bottom: 0;
font-size: 1em !important;
line-height: 1.4em !important;
max-width: 100%;
}
@media (width >= 768px) {
body .section-intro p {
margin: 0 auto;
max-width: 36em;
}
}
body .section-intro .wao-blocks-button {
margin-top: 2.1em;
}
body .section-intro .h1 + .h2 {
margin-top: 0.2em;
}
body .section-intro .h1 + .h2 + p,
body .section-intro .h2 + p {
margin-top: 1.3em;
}
body .section-list {
text-align: center;
}
body .section-list ul {
margin: 0;
padding: 0;
list-style-type: none;
}
body .section-list li {
display: block;
line-height: 1em;
}
body .homepage--about .section-list {}
body .homepage--about .section-list ul {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
column-gap: 3.8em;
row-gap: 0.8em;
}
@media (width >= 1025px) {
body .homepage--about .section-list ul {
flex-direction: row;
}
}
body .homepage--about .section-list li {
display: flex;
align-items: center;
justify-content: center;
}
body .homepage--about .section-list li > a {
display: inline-flex;
padding: 0.4em 0;
font-size: 1.1em;
font-weight: var(--font-weight-medium) !important;
transition: var(--transition-base);
}
body .homepage--about .section-list li > a:hover {
color: var(--color-gold);
}
body .homepage--about .section-list .sottolineatura-sx-dx::after {
transition: var(--transition-base);
background-color: currentColor;
}
body .homepage--about .section-list .sottolineatura-sx-dx:not(:hover)::after {
transform: translateX(-105%);
}
body .homepage--strengths .section-intro {
margin-bottom: 4em;
}
body .homepage--strengths .section-intro .h2 {
color: var(--white);
}
body .homepage--strengths .section-list {
--card-size: 11em;
--card-gap: 1.5em;
}
@media (width >= 768px) {
body .homepage--strengths .section-list {
--card-size: 12em;
--card-gap: 1.8em;
}
}
body .homepage--strengths .section-list ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: var(--card-gap);
}
body .homepage--strengths .section-list li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
row-gap: 0.8em;
min-width: var(--card-size);
min-height: var(--card-size);
background-color: var(--color-white);
box-shadow: 0px 0.4em 0.8em rgb(0 0 0 / 30%);
border-radius: 0.2em;
}
body .homepage--strengths .section-list li > span {
font-size: 2.5em;
font-weight: var(--font-weight-bold);
line-height: 1em;
}
body .homepage--strengths .section-list li > p {
font-size: 1em !important;
line-height: 1.3em !important;
max-width: 8em;
margin: 0 auto;
}
body .section-cta {
margin-top: 4em;
text-align: center;
}
body .section-slider {
--slider-gap: 1em;  }
body .homepage--featured-product .section-slider {}
body .homepage--complements .section-slider {}
body .post-slider-item-v1,
body .post-slider-item-v2 {
margin-right: var(--slider-gap);
margin-left: var(--slider-gap);
}
body .homepage--featured-product .flickity-slider > div {
padding-bottom: 0;
}
body .post-slider-item-v1 {
padding-bottom: 8em;
}
body .post-slider-item-v1 > div {
height: 25em;
margin-right: 0;
overflow: visible;
border: 0.3em solid var(--color-gray-10);
transition: var(--transition-base);
}
body .post-slider-item-v1--info {
padding: 2.4em 2em;
}
body .post-slider-item-v1--info h3 {
margin-bottom: 0;
font-size: 1.8em !important;
font-weight: 600 !important;
}
body .post-slider-item-v1--info p {
margin-top: 0.6em;
margin-bottom: 0;
max-width: 100%;
font-size: 0.8em !important;
line-height: 1.2em;
}
body .post-slider-item-v1--info span {
display: inline-flex !important;
margin-top: 2em;
padding: 0.1em 0;
font-size: 0.6em;
font-weight: var(--font-weight-medium);
line-height: 1em;
border-bottom: 1px solid rgb(47 66 83 / 30%);
}
body .post-slider-item-v1--image-wrapper {
position: relative;
overflow: visible;
top: 0;
left: 0;
margin: auto;
text-align: center;
}
body .post-slider-item-v1--image-wrapper img {
position: relative;
width: 100%;
max-width: 90%;
height: 22em;
margin: auto;
object-fit: contain;
object-position: center;
transition: var(--transition-base);
}
body .post-slider-item-v1--image-wrapper::after {
display: none;
}
body .post-slider-item-v1:hover > div {
border-color: rgb(162 158 71 / 80%);
}
body .post-slider-item-v1:hover .post-slider-item-v1--info span {
border-color: var(--color-gold);
}
body .post-slider-item-v1:hover .post-slider-item-v1--image-wrapper img {
transform: translateY(-1em);
}
body .post-slider-item-v2 {
margin-top: 0 !important;
margin-bottom: 0 !important;
border: none !important;
box-shadow: none !important;
}
body .post-slider-item-v2--image-wrapper {
height: 100%;
margin: 0;
}
body .post-slider-item-v2--image-wrapper img {
position: relative;
height: 100%;
aspect-ratio: 13 / 9;
object-fit: cover;
object-position: center;
transition: var(--transition-base);
}
body .post-slider-item-v2--image-wrapper .image-ratio-square {
overflow: hidden;
}
body .post-slider-item-v2--image-wrapper .image-ratio-square::after {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
padding: 0;
background: linear-gradient( 18deg, var(--color-blue), transparent);
opacity: 0.8;
transition: var(--transition-base);
}
body .post-slider-item-v2--title {
position: absolute;
top: auto;
bottom: 4.5em;
padding: 0 2em !important;
}
body .post-slider-item-v2--title h3 {
margin-bottom: 0;
font-size: 1.8em !important;
font-weight: 600 !important;
color: var(--color-white);
}
body .post-slider-item-v2--cta {
position: absolute;
top: auto;
bottom: 2em;
padding: 0 2em !important;
background-color: transparent !important;
}
body .post-slider-item-v2--cta span {
display: inline-flex !important;
padding: 0.1em 0;
font-size: 0.6em;
font-weight: var(--font-weight-medium);
line-height: 1em;
color: var(--color-white);
border-bottom: 1px solid rgb(255 255 255 / 50%);
}
body .post-slider-item-v2:hover .post-slider-item-v2--image-wrapper img {
transform: scale(1.04);
}
body .post-slider-item-v2:hover .post-slider-item-v2--image-wrapper .image-ratio-square::after {
opacity: 1;
}
body .section-img figure {
margin-bottom: 0;
}
body .section-img .img--full-screen img {
width: 100%;
max-height: calc(100vh - var(--header-height));
object-fit: cover;
object-position: center;
}
body .homepage--prefooter .section-img img {
width: 100%;
max-width: 30em;
aspect-ratio: 1;
object-fit: contain;
object-position: center;
}
body.page-id-2102 main.site-content > article.page {
display: grid;
align-content: start;
align-items: start;
}
body.page-id-2102 main.site-content > article.page > .page-hero {
order: 1;
}
body.page-id-2102 main.site-content > article.page > .page-intro {
order: 2;
}
body.page-id-2102 main.site-content > article.page > .page-content {
order: 4;
}
body.page-id-2102 main.site-content > article.page > .complement-content {
order: 3;
}
body.page-id-2102 .wp-block-contact-form-7-contact-form-selector {
padding-right: var(--container-padding-x);
padding-left: var(--container-padding-x);
}.pin-spacer,
#nav_altezza,
#nav_altezza #prodotto-plus {
z-index: 100 !important;
margin: 0 auto;
}
#nav_altezza.1-slides #prodotto-plus>.nav-tabs-prodotto .tab-prodotto {
min-width: 100%;
width: 100%;
max-width: 100%;
}
#nav_altezza .content-prodotto-nav .content-prodotto-sticky {
width: 100%;
}
#nav_altezza .content-prodotto-nav .content-prodotto-sticky .splide__list {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
overflow-x: auto;
will-change: auto;
scroll-snap-type: both mandatory;
}
#nav_altezza .content-prodotto-nav .section-prodotto {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
scroll-snap-align: start;
}
#nav_altezza .content-prodotto-nav .section-prodotto .line-height-prodotto,
#nav_altezza .content-prodotto-nav .section-prodotto>.row,
#nav_altezza .content-prodotto-nav .section-prodotto .col-md-4>.d-flex {
margin-right: auto;
margin-left: auto;
}
#nav_altezza .content-prodotto-nav .section-prodotto>.row {
display: flex;
flex: 1 1 100%;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
width: 100%;
height: 100%;
max-height: 100%;
} .horizontal-scroll-section,
.horizontal-scroll-container {
width: 100%;
height: 100vh;
min-height: 100vh;
max-height: 100vh;
position: relative;
overflow: hidden;
z-index: 1;
}
.horizontal-scroll-container {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
transform: translate3d(0, 0, 0);
will-change: auto;
}
.pin-spacer {
will-change: auto;
}
.cards-wrapper {
--index: 0;
width: 100%;
flex: 1 1 100%;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: flex-start;
overflow: auto;
padding: 0;
margin: 0 auto;
padding: 0;
gap: 0;
margin: 0;
}
.panel {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
text-align: left;
flex: 1 1 100%;
margin: 0;
width: 100vw;
min-width: 100vw;
padding: 1rem;
font-size: 1.5rem;
height: 100vh;
min-height: 100vh;
max-height: 100vh;
border-radius: 0;
position: relative;
z-index: 1;
will-change: auto;
transform: translate3d(0, 0, 0);
transform-style: preserve-3d
}
#prodotto-plus>.card-stay {
overflow: hidden;
position: absolute;
top: 0;
bottom: auto;
left: auto;
right: auto;
padding: 0;
display: flex;
z-index: 100;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
flex: 1 1 100%;
width: 100%;
max-width: 100%;
text-align: center;
}
#nav_altezza .content-prodotto-nav .content-prodotto-sticky .splide__list {
flex-flow: column nowrap;
overflow: hidden;
}
.swipe-section {
position: relative !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
}
.swipe-section .panel {
overflow: hidden !important;
padding: 0;
margin: 0;
position: absolute !important;
z-index: 1;
inset: 0 !important;
} #nav_altezza.is--accordion .swipe-section .panel {
position: static !important;
}
#nav_altezza.is--accordion #prodotto-plus > .card-stay {
display: none !important;
}
#nav_altezza.is--accordion #prodotto-plus,
#nav_altezza.is--accordion .content-prodotto-nav,
#nav_altezza.is--accordion .content-prodotto-nav .content-prodotto-sticky,
#nav_altezza.is--accordion .content-prodotto-nav .section-prodotto,
#nav_altezza.is--accordion.horizontal-scroll-section,
#nav_altezza.is--accordion .horizontal-scroll-container,
#nav_altezza.is--accordion .swipe-section .panel {
height: auto !important;
max-height: none !important;
min-height: auto !important;
overflow-y: auto !important;
} #nav_altezza {
opacity: 0 !important;
transition: var(--transition-base);
}
#nav_altezza.ready {
opacity: 1 !important;
} #nav_altezza:not(.pinned) {
padding-top: 0.5em !important;
}
#nav_altezza.pinned {
padding-top: 0 !important;
}
#nav_altezza {
--header-tabs-height: 5em;
--section-padding-x: 2em;
--section-padding-y: 3em;
--row-gap: 4em;
--col-gap: 0em;
--col-txt-padding-x: 2em;
--col-txt-padding-y: 2em;
--col-img-padding-x: 3em;
--col-img-padding-y: 3em;
--img-max-width: 100%;
--img-max-height: 100%;
--icon-size: 5em;
background-color: var(--color-white);
}
#prodotto-plus #section-0,
#prodotto-plus #section-1 {
--col-img-padding-y: 0em;
--row-finiture-height: auto;
--row-finiture-bg-width: 156%;
}
#prodotto-plus #section-0 {
}
#prodotto-plus #section-1 {
}
#prodotto-plus #section-2 {
}
#prodotto-plus #section-3 {
--img-max-height: 37em;
--icon-size: 3.4em;
--text-header-width: 29em;
}
#prodotto-plus #section-4 { --col-img-padding-x: 2em;
--col-img-padding-y: 0em;
}
#prodotto-plus #section-5 {
--icon-size: 6em;
--text-header-width: 29em;
}
#prodotto-plus #section-6 {
--col-txt-width: 16em; --col-txt-padding-y: 3em;
--col-txt-border-margin-y: 1em;
--cols-container-padding-x: 2em;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
}
#prodotto-plus #section-7 {
--icon-size: 3.4em;
}
#prodotto-plus #section-7.magis {
--icon-size: 5em;
}
@media (width >= 768px) {
#nav_altezza {
--text-header-width: 25em;
}
}
@media (width >= 1025px) {
#nav_altezza {
--header-tabs-height: 5em;
--section-padding-x: var(--container-padding-x);
--section-padding-y: 0em;
--row-gap: 0em;
--col-gap: 0em;
--col-txt-padding-x: 0em;
--col-txt-padding-y: 4em;
--col-img-padding-x: 4em;
--col-img-padding-y: 4em;
--img-max-width: 100%;
--img-max-height: 100%;
--icon-size: 5em;
}
#prodotto-plus #section-0,
#prodotto-plus #section-1 {
--col-img-padding-x: 0em;
--col-img-padding-y: 0em;
--row-finiture-height: auto;
--row-finiture-bg-width: 55.3%;
}
#prodotto-plus #section-0 {
}
#prodotto-plus #section-1 {
}
#prodotto-plus #section-2 {
}
#prodotto-plus #section-3 {
--col-img-padding-x: 0em;
--img-max-height: 37em;
}
#prodotto-plus #section-4 {
--col-txt-padding-x: 0em;
--col-img-padding-x: 0em;
--col-img-padding-y: 0em;
display: flex;
flex-direction: column;
padding-right: 0;
}
#prodotto-plus #section-5 {
padding-right: 0;
}
#prodotto-plus #section-6 {
--col-txt-width: auto;
--col-txt-padding-x: 2.5em;
--col-txt-padding-y: 0em;
--cols-container-padding-x: 0em;
}
#prodotto-plus #section-7 {
}
}
#blocco-nav-top {
height: 0 !important;
}
#blocco-nav-top + br,
#nav_altezza + br,
.pin-spacer + br {
display: none;
}
#prodotto-plus .nav-tabs-prodotto {
--line-size: var(--section-padding-x);
--checkbox-size: 1em;
position: relative;
display: grid;
align-content: center;
justify-content: start;
align-items: center;
justify-items: start;
flex: 0 0 auto;
row-gap: 2.5em;
width: auto;
max-width: 100%;
height: 100%;
text-align: left;
padding-right: var(--section-padding-x);
padding-left: var(--section-padding-x);
}
#prodotto-plus .nav-tabs-prodotto .tab-prodotto {
position: relative;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
flex: 1 1 auto;
width: 100%;
max-width: 100%;
height: 100%;
margin: 0 auto;
padding: 0.4em 0;
font-size: 1.25em;
font-weight: 500;
line-height: 1.2em;
text-align: left;
color: var(--color-gray-30);
background-color: transparent;
pointer-events: auto;
transition: var(--transition-base);
}
#prodotto-plus .nav-tabs-prodotto .tab-prodotto::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: var(--line-size);
height: 2px;
background-color: currentColor;
transform: translateX(calc(var(--line-size) * -1));
transition: var(--transition-base);
}
#prodotto-plus .nav-tabs-prodotto .tab-prodotto .checkbox {
position: relative;
display: inline-flex;
width: var(--checkbox-size);
height: var(--checkbox-size);
margin-right: 0.7em;
border: 2px solid currentColor;
border-radius: 50%;
transition: var(--transition-base);
}
#prodotto-plus .nav-tabs-prodotto .tab-prodotto .checkbox::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: auto;
background-color: currentColor;
border-radius: 50%;
transform: scale(0);
transform-origin: center;
opacity: 0;
transition: var(--transition-base);
}
#prodotto-plus .nav-tabs-prodotto .tab-prodotto:hover,
#prodotto-plus .nav-tabs-prodotto .tab-prodotto.active {
color: var(--color-blue);
}
#prodotto-plus .nav-tabs-prodotto .tab-prodotto:hover .checkbox::before,
#prodotto-plus .nav-tabs-prodotto .tab-prodotto.active .checkbox::before {
transform: scale(1.1);
opacity: 1;
}
#prodotto-plus .content-prodotto-nav {
height: 100%;
max-height: 100%;
min-height: 100%;
row-gap: 1.5em;
}
#prodotto-plus .content-prodotto-nav .section-prodotto {
height: 100%;
max-height: 100%;
min-height: 100%;
font-size: inherit;
background-color: var(--color-white);
}
@media (width >= 1025px) {
#prodotto-plus .content-prodotto-nav .section-prodotto {
padding-top: calc(var(--header-height) + 5em);
padding-bottom: var(--section-padding-x);
padding-right: var(--section-padding-x);
padding-left: var(--section-padding-x);
}
}
#prodotto-plus .section-prodotto .row {
margin-right: 0;
margin-left: 0;
}
#prodotto-plus .section-prodotto .row [class*="col"] {
padding-right: 0;
padding-left: 0;
}
#prodotto-plus .section-prodotto > .row {
row-gap: var(--row-gap);
column-gap: var(--col-gap);
padding-top: var(--section-padding-y);
padding-bottom: var(--section-padding-y);
}
#prodotto-plus .section-prodotto > .row > [class*="col"] {
height: auto;
max-height: 100%;
}
@media (min-width: 768px) and (max-width: 1024.98px) {
#prodotto-plus .section-prodotto > .row > [class*="col"] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
#prodotto-plus .section-prodotto img {
width: auto;
max-width: var(--img-max-width);
height: auto;
max-height: var(--img-max-height);
}
#prodotto-plus .section-prodotto h1,
#prodotto-plus .section-prodotto h2,
#prodotto-plus .section-prodotto p {
opacity: 1;
transform: translateY(0);
}
#prodotto-plus #section-0 > .row > [class*="col"] {}
#prodotto-plus #section-0 > .row > [class*="col"]:nth-child(1) {}
#prodotto-plus #section-0 > .row > [class*="col"]:nth-child(2) {}
#prodotto-plus #section-1 > .row > [class*="col"] {}
#prodotto-plus #section-1 > .row > [class*="col"]:nth-child(1) {}
#prodotto-plus #section-1 > .row > [class*="col"]:nth-child(2) {}
#prodotto-plus #section-0 > .row > [class*="col"]:nth-child(1),
#prodotto-plus #section-1 > .row > [class*="col"]:nth-child(1) {
padding-right: var(--col-txt-padding-x) !important;
padding-left: var(--col-txt-padding-x) !important;
}
#prodotto-plus #section-0 > .row > [class*="col"]:nth-child(2),
#prodotto-plus #section-1 > .row > [class*="col"]:nth-child(2) {
display: flex;
align-items: center;
justify-content: flex-start;
padding: var(--col-img-padding-y) var(--col-img-padding-x) !important;
}
#prodotto-plus .section-prodotto .row-title {
padding-right: var(--col-txt-padding-x);
padding-left: var(--col-txt-padding-x);
padding-bottom: 0;
}
#prodotto-plus .section-prodotto .h-nav-title {
font-size: 2.6em;
font-weight: 400;
line-height: 1em;
text-transform: uppercase;
color: var(--color-blue);
margin-bottom: 1em;
}
@media (width >= 1025px) {
#prodotto-plus .section-prodotto .h-nav-title {
font-size: 3.4em;
}
}
#prodotto-plus .section-prodotto .pr-nav-icona-p-txt {
padding-right: 0;
padding-left: 0;
}
#prodotto-plus .section-prodotto .parag_prodotto {
margin-bottom: 0;
}
#prodotto-plus .section-prodotto .parag_prodotto + .parag_prodotto {
margin-top: 1.2em;
}
#prodotto-plus .section-prodotto .pr-nav-p-icona-img {
padding: 0 !important;
}
@media (width >= 1025px) {
#prodotto-plus .section-prodotto .pr-nav-p-icona-img {
margin-top: -2em;
}
}
#prodotto-plus .section-prodotto .pr-nav-icona-p-riga {
position: relative;
margin-top: 0 !important;
padding-right: var(--col-txt-padding-x) !important;
padding-left: var(--col-txt-padding-x) !important;
column-gap: 0.5em;
align-items: flex-end !important;
justify-content: flex-start !important;
overflow-x: auto;
}
#prodotto-plus .section-prodotto .pr-nav-icona-p-riga::before {
display: none;
content: "";
position: absolute;
inset: 0;
width: var(--row-finiture-bg-width);
height: 100%;
background-color: var(--color-primary);
z-index: -1;
pointer-events: none;
clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}
#prodotto-plus .section-prodotto .pr-nav-icona-p-riga > div {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
min-width: 6.2em;
margin: 0 !important;
text-align: center;
line-height: 1 !important;
}
@media (width >= 1025px) {
#prodotto-plus .section-prodotto .pr-nav-icona-p-riga > div {
min-width: auto;
}
}
#prodotto-plus .section-prodotto .pr-nav-icona-p-riga .parag_prodotto {
width: 100%;
height: 100%;
padding-top: 0 !important;
padding-bottom: 0.5em !important;
font-size: 1.1em !important;
line-height: 1.1em;
text-transform: capitalize;
color: currentColor !important;
background: none;
}
#prodotto-plus .section-prodotto .pr-nav-icona-p-riga img {
flex: 1;
padding: 0 !important;
aspect-ratio: 4 / 5;
object-fit: cover;
object-position: center;
background: none;
border-radius: 0.4em;
}
#prodotto-plus #section-2 > .row > [class*="col"] {}
#prodotto-plus #section-2 > .row > [class*="col"]:nth-child(1),
#prodotto-plus #section-2 > .row > [class*="col"]:nth-child(2) {
padding-right: var(--col-txt-padding-x);
padding-left: var(--col-txt-padding-x);
}
#prodotto-plus .section-prodotto .pr-nav-finitura-col {
padding: 0;
}
#prodotto-plus .section-prodotto .pr-nav-p-finitura-title {
padding-top: 0;
}
#prodotto-plus .section-prodotto .pr-nav-p-finitura-txt {
padding: 0;
}
#prodotto-plus .section-prodotto .pr-nav-finitura {
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
row-gap: 1.2em;
column-gap: 1.8em;
width: 100%;
margin-top: 0;
margin-bottom: 2em;
font-size: 1em;
font-weight: var(--font-weight-regular);
line-height: 1em;
text-transform: uppercase;
}
@media (width >= 768px) {
#prodotto-plus .section-prodotto .pr-nav-finitura {
flex-direction: row;
justify-content: center;
}
}
@media (width >= 1025px) {
#prodotto-plus .section-prodotto .pr-nav-finitura {
margin-top: 1.5em;
font-size: 0.95em;
}
}
#prodotto-plus .section-prodotto .pr-nav-finitura li.nav-item {}
#prodotto-plus .section-prodotto .pr-nav-finitura .nav-ral {
position: relative;
padding: 0;
border: 0;
opacity: 0.7;
cursor: pointer;
transition: var(--transition-base);
}
#prodotto-plus .section-prodotto .pr-nav-finitura .nav-ral:hover,
#prodotto-plus .section-prodotto .pr-nav-finitura .nav-ral.active {
opacity: 1;
}
#prodotto-plus .section-prodotto .pr-nav-finitura .nav-ral::before {
position: absolute;
top: auto;
bottom: -0.4em;
left: 0;
width: 100%;
height: 2px;
background-color: currentColor;
transform: scaleX(0);
transform-origin: left center;
transition: var(--transition-base);
content: "";
pointer-events: none;
z-index: 1;
opacity: 1;
}
#prodotto-plus .section-prodotto .pr-nav-finitura .nav-ral:hover::before,
#prodotto-plus .section-prodotto .pr-nav-finitura .nav-ral.active::before {
transform: scaleX(1);
}
@media (width >= 1025px) {
#prodotto-plus #section-2 .tab-content {
position: relative;
}
#prodotto-plus #section-2 .tab-pane {
display: grid;
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
}
#prodotto-plus #section-2 .tab-pane.active {
opacity: 1;
visibility: visible;
}
}
#prodotto-plus #section-2 .tab-pane > div {}
#prodotto-plus #section-2 .tab-pane img {}
#prodotto-plus #section-3 > .row {
display: flex;
flex-direction: column-reverse;
}
@media (width >= 1025px) {
#prodotto-plus #section-3 > .row {
flex-direction: row-reverse;
}
}
#prodotto-plus #section-3 > .row > [class*="col"] {}
#prodotto-plus #section-3 > .row > [class*="col"]:nth-child(1) {
padding-right: var(--col-img-padding-x);
padding-left: var(--col-img-padding-x);
}
#prodotto-plus #section-3 > .row > [class*="col"]:nth-child(2) {
padding-right: var(--col-txt-padding-x);
padding-left: var(--col-txt-padding-x);
}
#prodotto-plus #section-3 > .row > [class*="col"]:nth-child(2) > .row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
column-gap: 1.8em;
}
#prodotto-plus #section-3 > .row > [class*="col"]:nth-child(2) > .row:not(:last-child) {
margin-bottom: 2em;
}
#prodotto-plus #section-3 > .row > [class*="col"]:nth-child(2) > .row > [class*="col"] {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#prodotto-plus #section-3 > .row > [class*="col"]:nth-child(2) > .row > [class*="col"]:nth-child(1) {
width: var(--icon-size);
height: var(--icon-size);
transform: translateY(0.5em);
}
#prodotto-plus #section-3 > .row > [class*="col"]:nth-child(2) > .row > [class*="col"]:nth-child(2) {
display: grid;
justify-content: normal;
flex: 1;
width: 100%;
}
#prodotto-plus .section-prodotto .pr-nav-strut-img-gr {
padding-top: 0;
}
#prodotto-plus .section-prodotto .h-nav-title-incol {}
#prodotto-plus .section-prodotto .pr-nav-p-inc-st {
padding-top: 0;
}
#prodotto-plus .section-prodotto .pr-nav-strut-p-row {
padding: 0;
}
#prodotto-plus .section-prodotto .pr-nav-col-inc-st {}
#prodotto-plus .section-prodotto .pr-nav-row-title-inc-st {
font-size: 1.2em;
font-weight: var(--font-weight-bold);
line-height: 1.2em;
margin-bottom: 0.2em;
}
#prodotto-plus .section-prodotto .pr-nav-strut-img-inc-st {
max-width: var(--icon-size);
max-height: var(--icon-size);
}
#prodotto-plus #section-4 .row-title {
flex: 0;
height: auto;
}
#prodotto-plus #section-4 .h-nav-title {
margin-bottom: 0;
}
@media (width >= 1025px) {
#prodotto-plus #section-4 .h-nav-title {
margin-bottom: 0.5em;
}
}
#prodotto-plus #section-4 .row-content {
align-items: center;
}
#prodotto-plus #section-4 .row-content--2 {
position: relative;
}
#prodotto-plus #section-4 .row-content--2::before {
content: "";
position: relative;
display: inline-flex;
width: 100%;
height: auto;
border-top: 1px solid var(--color-gray-30);
margin: 0.6em 0;
}
#prodotto-plus #section-4 .row-content > [class*="col"]:nth-child(2) {
padding-right: var(--col-txt-padding-x);
padding-left: var(--col-txt-padding-x);
}
#prodotto-plus #section-4 .pr-nav-nodo-p-img1 {
padding: var(--col-img-padding-y) var(--col-img-padding-x);
}
#prodotto-plus #section-4 .pr-nav-nodo-p-txt {
padding: 0;
}
#prodotto-plus #section-4 .pr-nav-nodo-fin-1 {
margin-right: 0;
}
#prodotto-plus #section-4 .pr-nav-nodo-fin-2 {
margin-left: 0;
}
#prodotto-plus #section-4 [class*="pr-nav-nodo-fin"] img {}
#prodotto-plus #section-4 .pr-nav-nodo-fin-1 img {}
#prodotto-plus #section-4 .pr-nav-nodo-fin-2 img {}
@media (width >= 1025px) {
#prodotto-plus #section-4.layout-rows-2 .pr-nav-nodo-p-img1 {
--img-max-height: 14em;
}
#prodotto-plus #section-4.layout-rows-2 [class*="pr-nav-nodo-fin"] img {
--img-max-height: 17em;
}
#prodotto-plus #section-4.layout-rows-1 .pr-nav-nodo-p-img1 {
margin-left: 0 !important;
padding-right: 4em;
}
#prodotto-plus #section-4.layout-rows-1 [class*="pr-nav-nodo-fin"] img {
padding-left: 3em;
}
}
#prodotto-plus #section-5 > .row > [class*="col"] {}
#prodotto-plus #section-5 > .row > [class*="col"]:nth-child(1) {
height: 100%;
}
#prodotto-plus #section-5 > .row > [class*="col"]:nth-child(2) {
padding-right: var(--col-txt-padding-x);
padding-left: var(--col-txt-padding-x);
}
#prodotto-plus #section-5 > .row > [class*="col"]:nth-child(2) > .row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
column-gap: 1.8em;
}
#prodotto-plus #section-5 > .row > [class*="col"]:nth-child(2) > .row:not(:last-child) {
margin-bottom: 3em;
}
#prodotto-plus #section-5 > .row > [class*="col"]:nth-child(2) > .row > [class*="col"] {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#prodotto-plus #section-5 > .row > [class*="col"]:nth-child(2) > .row > [class*="col"]:nth-child(1) {
width: var(--icon-size);
height: 100%;
max-height: var(--icon-size);
}
#prodotto-plus #section-5 > .row > [class*="col"]:nth-child(2) > .row > [class*="col"]:nth-child(2) {
display: grid;
justify-content: normal;
flex: 1;
width: 100%;
}
#prodotto-plus #section-5 > .row > [class*="col"]:nth-child(3) {
display: flex !important;
align-items: center;
}
#prodotto-plus .section-prodotto .pr-nav-ferramenti-p-title {
--col-txt-padding-x: 0em;
--col-txt-padding-y: 0em;
padding: var(--col-txt-padding-y) var(--col-txt-padding-x) 0;
display: grid;
justify-content: center;
line-height: 1.2em;
margin-bottom: 0;
}
@media (width >= 1025px) {
#prodotto-plus .section-prodotto .pr-nav-ferramenti-p-title {
--col-txt-padding-x: 1.3em;
--col-txt-padding-y: 1.3em;
justify-content: start;
}
}
#prodotto-plus .section-prodotto .pr-nav-ferramenti-p-title span {}
#prodotto-plus .section-prodotto .pr-nav-ferramenti-p-title span:nth-child(1) {}
#prodotto-plus .section-prodotto .pr-nav-ferramenti-p-title span:nth-child(2) {
padding-left: 2.4em;
}
#prodotto-plus .section-prodotto .pr-nav-ferramenti-img1 {}
@media (width >= 1025px) {
#prodotto-plus #section-5 .h-nav-title {
margin-bottom: 1.4em;
}
}
#prodotto-plus .section-prodotto .pr-nav-ferramenti-p-row {
padding: 0;
}
#prodotto-plus .section-prodotto .pr-nav-ferramenti-p-row img {
max-width: var(--icon-size);
max-height: var(--icon-size);
object-fit: contain;
object-position: center;
}
#prodotto-plus .section-prodotto .pr-nav-ferramenti-p-txt {}
#prodotto-plus .section-prodotto .pr-nav-row-title-ferramenti {
font-size: 1.2em;
font-weight: var(--font-weight-bold);
line-height: 1.2em;
margin-bottom: 0.2em;
}
#prodotto-plus #section-6 > .row {}
#prodotto-plus #section-6 .row-title {}
#prodotto-plus #section-6 .pr-nav-p-title-instal {
margin-bottom: 0em;
padding: 0;
}
@media (width >= 1025px) {
#prodotto-plus #section-6 .row-title {
--col-txt-padding-x: 0em;
}
#prodotto-plus #section-6 .pr-nav-p-title-instal {
margin-bottom: 1em;
}
}
#prodotto-plus #section-6 .row-content {
padding-bottom: 0;
}
#prodotto-plus #section-6 .content-container {
width: 100%;
}
#prodotto-plus #section-6 .cols-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-end;
max-width: 100vw;
padding-left: var(--cols-container-padding-x);
overflow-x: scroll;
}
@media (width >= 1025px) {
#prodotto-plus #section-6 .cols-container {
max-width: 100%;
}
}
#prodotto-plus #section-6 .col-item {
min-width: var(--col-txt-width);
padding-right: var(--col-txt-padding-x);
padding-bottom: var(--col-txt-padding-y);
text-align: center;
}
#prodotto-plus #section-6 .col-item.col-md-3 {}
#prodotto-plus #section-6 .pr-nav-row-title-instal {
font-size: 1.4em;
line-height: 1em;
}
#prodotto-plus #section-6 .hr-prodotti {
margin-top: var(--col-txt-border-margin-y);
margin-bottom: var(--col-txt-border-margin-y);
}
#prodotto-plus #section-6 img {}
#prodotto-plus #section-6 .pr-nav-row-img1 {
--img-max-height: 8em;
}
#prodotto-plus #section-6 .pr-nav-row-img2 {
}
#prodotto-plus #section-6.layout-scroll .scroll-controls {
display: none;
}
@media (width >= 1025px) {
#prodotto-plus #section-6.layout-scroll {
--scroll-background-width: 25vw;
}
#prodotto-plus #section-6.layout-scroll .row-content {}
#prodotto-plus #section-6.layout-scroll .content-container {
position: relative;
}
#prodotto-plus #section-6.layout-scroll .cols-container {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
max-width: 100vw;
overflow-x: scroll;
scrollbar-width: auto;
scrollbar-color: var(--color-blue);
scrollbar-gutter: stable; }
#prodotto-plus #section-6.layout-scroll .cols-container::-webkit-scrollbar {
display: none;
} #prodotto-plus #section-6.layout-scroll .col-item {}
#prodotto-plus #section-6.layout-scroll .scroll-background {
position: absolute;
bottom: 0;
right: 0;
width: var(--scroll-background-width);
height: 100%;
background: linear-gradient(to right, transparent, var(--color-white));
pointer-events: none;
z-index: 2;
display: none;
}
#prodotto-plus #section-6.layout-scroll .cols-container {
cursor: grab;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
user-select: none;
}
#prodotto-plus #section-6.layout-scroll .cols-container.is-dragging {
cursor: grabbing;
}
#prodotto-plus #section-6.layout-scroll .cols-container img {
user-select: none;
pointer-events: none;
}
#prodotto-plus #section-6.layout-scroll .col-item {
scroll-snap-align: start;
flex: 0 0 auto;
}
#prodotto-plus #section-6.layout-scroll .scroll-controls {
--button-position: 3em;
--button-size: 4em;
position: absolute;
right: 0;
bottom: 0;
display: flex;
flex-flow: row nowrap;
gap: 2px;
background-color: var(--color-white);
}
#prodotto-plus #section-6.layout-scroll .scroll-arrow {
width: var(--button-size);
height: var(--button-size);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-blue);
background-color: var(--color-gray-10);
transition: var(--transition-base);
}
#prodotto-plus #section-6.layout-scroll .scroll-arrow.scroll-arrow-prev {
}
#prodotto-plus #section-6.layout-scroll .scroll-arrow.scroll-arrow-next {
}
#prodotto-plus #section-6.layout-scroll .scroll-arrow svg {
width: 100%;
height: 100%;
color: currentColor;
transition: var(--transition-base);
}
#prodotto-plus #section-6.layout-scroll .scroll-arrow svg path {
color: currentColor;
stroke: currentColor;
}
#prodotto-plus #section-6.layout-scroll .scroll-arrow:hover {
color: var(--color-white);
background-color: var(--color-blue);
}
#prodotto-plus #section-6.layout-scroll .scroll-arrow:disabled {
cursor: not-allowed;
color: currentColor;
background-color: rgb(237 237 237 / 40%);
}
#prodotto-plus #section-6.layout-scroll .scroll-arrow:disabled svg {
opacity: 0.3;
}
}
#prodotto-plus #section-7 .row {}
#prodotto-plus #section-7 .row-content {
}
#prodotto-plus #section-7 .row-infobox {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;row-gap: 1.7em;margin-top: 3em;}
#prodotto-plus #section-7 .row-content .col {
}
@media (width >= 1025px) {
#prodotto-plus #section-7 .row-content > .col {
flex: 0 0 50%;
max-width: 50%;
}
}
#prodotto-plus #section-7 .row-content .col-md-4 {}
#prodotto-plus #section-7 .row-content .col-md-8 {}
#prodotto-plus #section-7 .row-content .col-txt {
padding-right: var(--col-txt-padding-x);
padding-left: var(--col-txt-padding-x);
}
#prodotto-plus #section-7 .h-nav-title {}
@media (width >= 1025px) {
#prodotto-plus #section-7 .h-nav-title {
margin-bottom: 0.6em;
}
}
#prodotto-plus #section-7 .row-content .col-txt .parag_prodotto {}
#prodotto-plus #section-7 .row-content .col-img {display: flex;align-items: flex-end;height: 100%;}
#prodotto-plus #section-7 .row-content .col-img img {}
#prodotto-plus #section-7 .col-infobox {display: flex;flex-flow: row nowrap;align-items: center;justify-content: flex-start;column-gap: 2.5em;}
#prodotto-plus #section-7 .col-infobox img {
width: var(--icon-size);
height: var(--icon-size);
object-fit: contain;
object-position: center;
}
#prodotto-plus #section-7 .col-infobox .parag_prodotto {
}
#nav_altezza.is--accordion {
padding-top: 0 !important;
padding-bottom: 4em;
}