/*
Theme Name: cemento Artistica 3
Theme URI: https://www.artisticatre.com/
Author: Denis Burani
Author URI: https://www.buranidenis.com/
Description: Fully customised, Gutenberg-compatible starter theme.
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter
Tags:
*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

:root {
    --animazione-tempo: all .4s cubic-bezier(.215, .61, .355, 1);
    --animazione-tempo2: all .8s cubic-bezier(.215, .61, .355, 1);
    --animazione-tempo-slow: all 1.25s cubic-bezier(.215, .61, .355, 1);

    --background-color: #d6d1c8;
    --background-color2: #C5BEAD;
    --background-color3: #97A38B;
    --background-color4: #808E8C;

    --primary-color: #494D4E;
    --secondary-color:#f5f5f5; 
    --hover-color: #808E8C;

    --marmo-color: #6B8993;
    --piretra-color: #6C7A5E;
    --cemento-color: #965745;
    --outdoor-color: #515452;
    --decori-color: #8a8977;


    --max-width-big: 1920px;
    --max-width: 1720px;
    --max-width-medium: 1520px;
    --max-width-small: 1280px;
    --max-width-medium-small: 930px;
    --max-width-ultra-small: 710px;
    --max-width-mini: 570px;
}

body,
html{box-sizing: border-box; margin: 0; padding: 0; background-color: var(--background-color); transition: var(--animazione-tempo); scroll-behavior: smooth; /*cursor: none;*/}
body.hidden{overflow: hidden;}
*, *:before, *:after{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0; padding: 0;}
ol,ul{list-style-position: inside;}
li{list-style-position: outside;}
header ol, header ul{list-style: none;}
img{height: auto; display: block;}
video{display: block;}

a{transition: var(--animazione-tempo); color: var(--primary-color); text-decoration: none;}
a:hover{color: var(--hover-color);}
::selection {background: var(--secondary-color); color: var(--primary-color);}

/*.preload{position: fixed; top: -1px; left: 0; background-color: var(--hover-color); height: calc(100% + 1px); width: 100%; z-index: 999; transition: var(--animazione-tempo);}*/

.cursor{position: fixed; z-index: 1000; width: 50px; height: 50px; border: 1px solid var(--secondary-color); border-radius: 50%; left: 0; top: 0; pointer-events: none; transform: translate(-50%, -50%); transition: var(--animazione-tempo); transition-duration: .2s;}
.cursor__dot{position: fixed; z-index: 1000; width: 12px; height: 12px; background-color: var(--hover-color); border-radius: 50%; left: 0; top: 0; pointer-events: none; transform: translate(-50%, -50%); transition: var(--animazione-tempo); transition-duration: .35s;}

.cursor.hover{height: 80px; width: 80px;}
.cursor__dot.hover{width: 70px; height: 70px; background-color: var(--background-color2); mix-blend-mode: color}

@media (max-width: 781px) {
  .cursor, .cursor__dot{display: none !important;}
}

/* ! Font
----------------------------------------------------------------------------------- */
body{font-size: 18px; line-height:26px; font-family: 'Montserrat', Helvetica, sans-serif; color: var(--primary-color);} 
h1, h2, h3, h4, h5, h6, p, ol, ul{margin-bottom: 1rem; word-wrap: break-word;}
h1, h2, h3, h4, .noto-display,
.title1, .title2, .title3, .title4, .sup_title{font-weight: 400; line-height:1.2em; font-family: "Noto Serif Display", serif;}
h5, h6, .title5, .title6{font-family: 'Montserrat', Helvetica, sans-serif; font-weight: bold; line-height:1.1em;}

strong, b{font-weight: bold;}
code{font-family: unset;}

p{margin-bottom: 1.2em;}
h1, .title1{font-size: 90px;}
h2, .title2{font-size: 80px;}
h3, .title3{font-size: 60px;}
h4, .title4{font-size: 50px;}
.sup_title{font-size: 28px; margin-bottom: -10px;}
h5, .title5{font-size: 28px;}
h6, .title6{font-size: 22px;}

.has-medium-font-size,
.has-medium-font-size p{font-size: 28px !important; line-height: 34px;}
.has-small-font-size,
.has-small-font-size p{font-size: 18px !important; line-height: 26px;}
.has-ultra-small-font-size,
.has-ultra-small-font-size p{font-size: 16px !important; line-height: 24px;}
.letterspacing2{letter-spacing: -2px;}

@media (min-width: 1720px) {
  body{font-size: 20px; line-height:28px;}
  h1, .title1{font-size: 115px;}
  h2, .title2{font-size: 90px;}  
  .letterspacing2{letter-spacing: -4px;}
}

@media (max-width: 1180px) {
  h1, .title1{font-size: 72px;}
  h2, .title2{font-size: 60px;}
  h3, .title3{font-size: 50px;}
  h4, .title4{font-size: 40px; line-height: 1.4em; font-weight: 500;}
  h5, .title5{font-size: 22px;}
  h6, .title6{font-size: 16px;}
}

@media (max-width: 781px) {
  h1, .title1{font-size: 60px;}
  h2, .title2{font-size: 50px;}
  h3, .title3{font-size: 40px;}
  h4, .title4{font-size: 30px;}
  .sup_title{font-size: 24px; margin-bottom: -5px}
  .has-medium-font-size,
  .has-medium-font-size p{font-size: 22px !important;}


  .letterspacing2{letter-spacing: 0px;}
}

@media (max-width: 479px) {
  h1, .title1{font-size: 46px; line-height: 1.2em;}
  h2, .title2{font-size: 38px;}
  h3, .title3{font-size: 34px;}
  h4, .title4{font-size: 28px;}
  /*body{font-size: 16px; line-height: 24px;}*/

  code{display: block; margin-bottom: -39px;}

  /*.has-ultra-small-font-size, .has-ultra-small-font-size p{font-size: 14px !important;}*/
}

.color-secondary{color: var(--secondary-color);}
.color-gres{color: var(--marmo-color);}
.color-piretra{color: var(--piretra-color);}
.color-cemento{color: var(--cemento-color);}
.color-outdoor{color: var(--outdoor-color);}
.color-decori{color: var(--decori-color);}

/* ! Button System
/* ----------------------------------------------------------------------------------- */
.wp-block-buttons{margin-bottom: 1.2em;}
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.btn--solid,
.btn--solid-cont *{background-color: var(--secondary-color) ; padding: 15px 30px; color: var(--primary-color) !important; border: 0; text-transform: uppercase; font-weight: normal; font-size: 18px; border-radius: 10px; display: inline-block;}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.btn--solid:hover,
.btn--solid-cont *:hover{background-color: var(--hover-color) !important; color: var(--secondary-color) !important;}

.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background), 
.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background),
.btn--outline,
.btn--outline-cont *{background-color: transparent; padding: 15px 30px; color: var(--hover-color) !important; border:2px solid var(--hover-color) !important; text-transform: uppercase; font-weight: 600; font-size: 20px; border-radius: 10px;}
.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background):hover, 
.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background):hover,
.btn--outline:hover,
.btn--outline-cont *:hover{background-color: var(--primary-color) !important; color: var(--hover-color) !important;}

.btn--solid-cont *,
.btn--outline-cont *{display: inline-block;}

.wp-block-button:not(.is-style-outline) .wp-block-button__link img,
.sib_signup_form input.sib-default-btn img{display: inline-block; position: relative; top: 2px;}

.button{font-weight: 600; color: var(--primary-color);}
.button span{position: relative; left: -15px; top: -4px; transition: var(--animazione-tempo); transition-delay: 0s; color: var(--primary-color);}
.button svg circle{transition: var(--animazione-tempo); stroke: var(--hover-color);}
.button svg .ellisse1{transition-delay: .3s;}
.button svg .ellisse2{transition-delay: .2s;}
.button svg .ellisse3{transition-delay: .1s}
.button:hover svg .ellisse1{stroke: var(--hover-color); transition-delay: 0s; opacity: 1;}
.button:hover svg .ellisse2{stroke: var(--hover-color); transition-delay: .1s; opacity: 1;}
.button:hover svg .ellisse3{stroke: var(--hover-color); transition-delay: .2s}
.button:hover span{color: var(--hover-color); transition-delay: .3s}

.button.color-secondary span{color: var(--secondary-color);}
.button.color-secondary:hover span{color: var(--hover-color);}
.button.color-secondary circle{stroke: var(--secondary-color);}

/* ! Header */
/*----------------------------------------------------------------------------------- */
header{z-index: 1000; position: relative; padding:30px 0; transition: var(--animazione-tempo);}

.header--content,
.header--content.content{width: 90%; margin: auto;}
.header--content-logo img,
.header--content-logo svg{width: auto; height: 80px; display: block;}

.menu-open header:not(.header--light){background: var(--secondary-color);}

.header--desk__menu ul li{padding: 0 10px; position: relative; font-size: 16px; line-height: 24px;}
.header--desk__menu ul li:last-child{padding-right: 0;}
/*.header--desk__menu ul:not(.sub-menu) > li{margin-left: 15px;}*/
.header--desk__menu ul li a{padding:5px 0; position: relative;}
.header--desk__menu ul li:not(.wpml-ls-item) a:before{content: ""; position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); height: 2px; border-radius: 10px; width: 0; background-color: var(--primary-color); transition: var(--animazione-tempo);}
.header--desk__menu ul li a:hover:before,
.header--desk__menu ul li a[aria-current="page"]:before{width: 110%;}
.header--desk__menu ul li a:hover,
.header--desk__menu ul li a[aria-current="page"]{color: var(--primary-color);}
.header--desk__menu ul li .sub-menu {position: absolute; margin: 0; top: 150%; left: 5px; background: var(--background-color2); padding: 0; transition: var(--animazione-tempo); opacity: 0; pointer-events: none; visibility: hidden; min-width:180px;}
.header--desk__menu ul li:last-child .sub-menu{left: unset; right: 5px;}
.header--desk__menu ul li .sub-menu li{padding:0;}
.header--desk__menu ul li .sub-menu li a{color: var(--primary-color) !important; padding: 15px; display: block; white-space: nowrap; line-height:24px}
.header--desk__menu ul li .sub-menu li a:hover{background: var(--background-color2);}
.header--desk__menu ul li .sub-menu li a:before{bottom: 0;}
.header--desk__menu ul li .sub-menu li a:hover:before{width: 100%;}
.header--desk__menu ul li .sub-menu li a[aria-current="page"]:before{width: 0%;}
.header--desk__menu ul li .sub-menu li a[aria-current="page"]{background-color: var(--hover-color); color: var(--secondary-color) !important;}
.header--desk__menu li.menu-item-has-children:hover .sub-menu{top: 100%; opacity: 1; pointer-events: all; visibility: visible;}
.header--desk__menu ul li.menu-item-has-children > a:after{content: ""; display: inline-block; top: -2px; right: -3px; margin-right: 3px; color: var(--primary-color); position: relative; font-size: 9px; transition: var(--animazione-tempo);}
.header--desk__menu ul li.btn-menu a{background-color: var(--hover-color); color: var(--secondary-color); padding: 5px 10px; border-radius: 10px;}

.wpml-ls-menu-item .wpml-ls-flag{width:20px; height: 20px; position: relative; top: -4px;}

#header .header--mobile__menu{display: none; position: absolute; height: auto; text-align: center; top: 100%; left: 0; background-color: var(--secondary-color); width: 100%; border-top: 1px solid var(--primary-color);}
#header .header--mobile__menu ul{margin-bottom: 0;}
#header .header--mobile__menu li:not(.menu-item-has-children){padding:0; border-bottom: 1px solid var(--hover-color);}
#header .header--mobile__menu li.menu-item-has-children > a{border-bottom: 1px solid var(--hover-color);}
#header .header--mobile__menu li.menu-item-has-children.open > a{background-color: var(--background-color);}
#header .header--mobile__menu li.menu-item-has-children li a{background-color: #efedea;}
#header .header--mobile__menu a{color: var(--primary-color); display: block; padding: 15px 0; background-color: var(--secondary-color);}
#header .header--mobile__menu li a:hover,
#header .header--mobile__menu a[aria-current="page"]{background-color: var(--hover-color); color: var(--secondary-color);}

.header--mobile__nav{display: none; position: relative;}
.header--hamburger{width:27px;height:18px;position:relative;margin:0;transform:rotate(0deg);transition:.5s ease-in-out; cursor:pointer;top:0px;}
.header--hamburger span{display:block;position:absolute;height:2px;width:100%;background:var(--primary-color);border-radius:9px;opacity:1;right:0;transform:rotate(0deg);transition:.25s ease-in-out}
.header--hamburger span:nth-child(1){top:0}
.header--hamburger span:nth-child(2){top:8px}
.header--hamburger span:nth-child(3){top:16px}
.menu-open .header--hamburger span:nth-child(1){top:8px; transform:rotate(135deg)}
.menu-open .header--hamburger span:nth-child(2){opacity:0; height:0}
.menu-open .header--hamburger span:nth-child(3){top:8px; transform:rotate(-135deg)}

.header--mobile__menu li{position: relative; text-transform: uppercase;}
.header--mobile__menu .sub-menu{overflow: hidden; max-height: 0; transition: var(--animazione-tempo); margin: 0; background-color: var(--hover-color);}
.header--mobile__menu .menu-item-has-children.open .sub-menu{max-height: 1000px;}

.header--mobile__menu .menu-item-has-children > a::after{content: "▶"; transform: rotate(90deg); display: inline-block; left:10px; top: -1px; color: var(--primary-color); position: relative; font-size: 12px;}
.header--mobile__menu .menu-item-has-children > a:hover::after{color: var(--secondary-color);}

header .menu__social{width: 108px;}
header .menu__social .wp-block-social-links{font-size: 0; margin: 0; justify-content:space-between}
header .menu__social .wp-block-social-links .wp-social-link svg,
header .menu__social .wp-block-social-links .wp-social-link a:hover svg{width: 20px; height: 20px; transform: scale(1);}
header .menu__social .wp-block-social-links .wp-social-link a:hover *{fill: var(--hover-color);}

.sub-prodotti{cursor: pointer;}
.menu-prodotti{width: 100%; position: absolute; left:0; top: 150%; opacity: 0; pointer-events: none; visibility: visible; background-color: var(--background-color2); transition: var(--animazione-tempo); border-top: 2px solid var(--background-color); border-bottom: 2px solid var(--background-color);}
.menu-prodotti li{border-right: 2px solid var(--background-color);}
.menu-prodotti li:last-child{border: 0;}
.menu-prodotti li a{display: block; transition: var(--animazione-tempo); height: 100%; overflow: hidden;}
.menu-prodotti .flex{width: 100%;}
.menu-prodotti figure{position: relative; width: 100%; height: 0; padding-bottom: 60%; margin-bottom: 15px; overflow: hidden;}
.menu-prodotti figure img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--animazione-tempo2);}
.menu-prodotti span{padding: 0 10px;}

#header.menu-prodotti-open{background-color: var(--background-color2);}
#header.menu-prodotti-open .menu-prodotti{top: 100%; opacity: 1; visibility: visible; pointer-events: all;}
#header.menu-prodotti-open .header--desk__menu ul li a[aria-current="page"]:before{width: 0%;}
#header.menu-prodotti-open .header--desk__menu ul li.sub-prodotti a:before{width: 100%;}

.menu-prodotti li:hover a{color: var(--secondary-color);}
.menu-prodotti li.prod-gres-marmo:hover a,
.menu-prodotti li.prod-gres-marble:hover a{background-color: var(--marmo-color);}
.menu-prodotti li.prod-gres-pietra:hover a,
.menu-prodotti li.prod-gres-stone:hover a{background-color: var(--piretra-color);}
.menu-prodotti li.prod-gres-cemento:hover a,
.menu-prodotti li.prod-gres-concrete:hover a{background-color: var(--cemento-color);}
.menu-prodotti li.prod-outdoor:hover a{background-color: var(--outdoor-color);}
.menu-prodotti li.prod-decori:hover a,
.menu-prodotti li.prod-decors:hover a{background-color: var(--decori-color);}

.menu-prodotti li:hover figure img{transform: scale(1.3);}

/* Light Version */
.header--light:not(.menu-prodotti-open) .custom-logo *{fill: var(--secondary-color);}
.header--light:not(.menu-prodotti-open) .header--desk__menu ul li a,
.header--light:not(.menu-prodotti-open) .header--desk__menu ul li a:hover, 
.header--light:not(.menu-prodotti-open) .header--desk__menu ul li a[aria-current="page"]{color: var(--secondary-color);}
.header--light:not(.menu-prodotti-open) .header--desk__menu ul li a:before,
.header--light:not(.menu-prodotti-open) .header--hamburger span{background: var(--secondary-color);}
#header.header--light:not(.menu-prodotti-open)  .header--mobile__menu{border-color: var(--secondary-color);}
.header--light:not(.menu-prodotti-open) .header--desk__menu ul li.menu-item-has-children > a:after{color: var(--secondary-color);}

@media (max-width: 1180px) {
  .header--desk__menu{display: none;}
  .header--mobile__nav{display: block;}
  .header--content-logo img, .header--content-logo svg{height: 50px;}
  .menu-open #header .header--mobile__menu{display: block;}
}

@media (max-width: 781px) {
  header{padding: 15px 0;}
  .menu-prodotti{display: none !important;}
}

/* ! Layout */
/* ----------------------------------------------------------------------------------- */
main, .content{max-width: var(--max-width); width: 98%; margin-left: auto; margin-right: auto;}
@media (max-width: 1180px) {main, .content{width: 96%;}}
@media (max-width: 767px) {main, .content{width: 92%;}}
figure{margin-bottom: 1.2em;}

/* ! -- Above The Fold */
.panel--atf{position: relative;}
.panel--atf:before{content: ""; position: absolute; background-color: #808E8C; display: block; height: 100%; width: 100%; top: -140px; left: 0; border-bottom-right-radius: 50px;}
.panel--atf-arrow{position: absolute; right: 50%; margin-right: calc(-47.5% - 11.5px); bottom: 190px; transition: var(--animazione-tempo);}

.panel--atf-mamro:before{background-color: var(--marmo-color);}
.panel--atf-pietra:before{background-color: var(--piretra-color);}
.panel--atf-ceramica:before{background-color: var(--cemento-color);}
.panel--atf-outdoor:before{background-color: var(--outdoor-color);}
.panel--atf-decori:before{background-color: var(--decori-color);}

.splide__atf{width: calc(100% - 120px); border-top-right-radius: 50px; border-bottom-right-radius: 50px; overflow: hidden; position: relative;}
.splide__atf .splide__slide{position: relative; min-height: 750px; height: 80svh; display: flex; align-items: center;}
.splide__atf .splide__slide_cover{position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;}
.splide__atf .splide__slide_cover img{display: block; width: 100%; height: 100%; object-fit: cover; position: relative;}
.splide__atf .splide__slide_cover::before{content:""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
.splide__atf .flex--justify-start .splide__slide_cover::before{background: rgba(0,0,0,0.4); background: linear-gradient(280deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%);}
.splide__atf .flex--justify-center .splide__slide_cover::before{background: rgba(0,0,0,0.4);}
.splide__atf .flex--justify-end .splide__slide_cover::before{background: rgba(0,0,0,0.4); background: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);}

.splide__atf .splide__slide_cont{padding: 25px 0; position: relative; z-index: 5; width: 80%; max-width: 750px;}
.splide__atf .flex--justify-start .splide__slide_cont{margin-left: 10%;}
.splide__atf .flex--justify-end .splide__slide_cont{margin-right: 100px;}
.splide__atf .splide__slide_cont *{color: var(--secondary-color);}

.splide__atf .sup_title{margin-bottom: -20px;}

@media (min-width: 1920px) {
  .splide__atf .splide__slide{height: 80svh;}
}

@media (min-width: 1440px) {
  .splide__atf .splide__slide_cont{max-width: 1024px;}
}

@media (max-width: 1180px) {
  .splide__atf{width: calc(100% - 60px);}
  .panel--atf:before{top: -110px;}
  .splide__atf .splide__slide{height: 630px; min-height: 0;}
  .splide__atf .flex--justify-start .splide__slide_cont{margin-left: 50px;}
  .splide__atf .flex--justify-end .splide__slide_cont{margin-right: 50px;}
  }

@media (max-width: 781px) {
  .panel--atf:before{top: -80px; border-bottom-right-radius:25px}
  .panel--atf-arrow{opacity: 0; bottom: 90px; pointer-events: none;}
  .panel--atf .splide__pagination{bottom: 1rem;}
  .splide__atf{border-top-right-radius:25px; border-bottom-right-radius:25px;}
  .splide__atf .splide__slide{height: 50svh; min-height: 520px; justify-content: center;}
  .splide__atf .splide__slide_cover::before{background: rgba(0,0,0,0.4) !important;}
  .splide__atf .flex--justify-start .splide__slide_cont{margin-left: 0;}
  .splide__atf .flex--justify-end .splide__slide_cont{margin-right: 0;}
  .splide__atf .splide__slide_cont{width: 100%; padding: 25px;}
  .splide__atf .sup_title{margin-bottom: -5px;}
}

@media (max-width: 440px) {
  .splide__atf{width: calc(100% - 25px);}
  .splide__atf .splide__slide{height: 82svh; min-height: 480px;}
}

/* ! -- Lista Prodotti */
.lista-prodotti{padding-bottom: 100px;}
.lista-prodotti--singolo{width: 49%; background-color: var(--background-color2); position: relative; border-radius: 0 50px 50px 0; transition: var(--animazione-tempo);}
.lista-prodotti--singolo figure{position: relative; width: 95%; top:-70px; margin-bottom: -30px; height: 0; padding-bottom: 75%; overflow: hidden; border-radius: 0 50px 50px 0;}
.lista-prodotti--singolo figure img{width: 100%; height: 100%; position: absolute; object-fit: cover; transition: var(--animazione-tempo2); transition-delay: .1s; /*border-radius: 0 50px 50px 0;*/} 
.lista-prodotti--singolo-desc{width: 84%; left: 8%; position: relative;}
.lista-prodotti--singolo.prod-gres-marmo,
.lista-prodotti--singolo.prod-gres-marble{background-color: var(--marmo-color);}
.lista-prodotti--singolo.prod-gres-pietra,
.lista-prodotti--singolo.prod-gres-stone{background-color: var(--piretra-color);}
.lista-prodotti--singolo.prod-gres-cemento,
.lista-prodotti--singolo.prod-gres-concrete{background-color: var(--cemento-color);}
.lista-prodotti--singolo.prod-outdoor{background-color: var(--outdoor-color);}
.lista-prodotti--singolo.prod-decori,
.lista-prodotti--singolo.prod-decors{background-color:var(--decori-color);}

.lista-prodotti--singolo:last-child{margin-bottom: 0;}
.lista-prodotti--singolo .lista-prodotti--singolo-desc *{transition: var(--animazione-tempo); color: var(--secondary-color);}


.lista-prodotti--singolo figure span.heightUp{position: absolute; bottom: 0; left: -10%; width: 120%; height: 100%; background-color: var(--background-color2); z-index: 2; transition: var(--animazione-tempo-slow); overflow: hidden; display: block;}
.lista-prodotti--singolo figure.in-page span.heightUp{top: 0; height: 0; border-radius: 0 50px 50px 0;}

.lista-prodotti--singolo:nth-child(2n+2){top: 240px; border-radius: 50px 0 0 50px;}
.lista-prodotti--singolo:nth-child(2n+2) figure{left: 5%; border-radius: 50px 0 0 50px;}
.lista-prodotti--singolo:nth-child(2n+2) figure.in-page span.heightUp{border-radius: 50px 0 0 50px;}

.lista-prodotti.sezione_doppia .lista-prodotti--singolo{background-color: var(--background-color4);}
.lista-prodotti.sezione_doppia .lista-prodotti--singolo:nth-child(2n+2){top: 0 !important;}
.lista-prodotti.sezione_doppia .lista-prodotti--singolo:nth-child(2n+1){top: 140px;}

.lista-prodotti.sezione_doppia .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.lista-prodotti.sezione_doppia .btn--solid:hover,
.lista-prodotti.sezione_doppia .btn--solid-cont *:hover{background-color: var(--background-color3) !important; color: var(--secondary-color) !important;}


@media (max-width: 1024px) {
  .lista-prodotti{flex-direction: column;}
  .lista-prodotti--singolo{width: 95%;}
  .lista-prodotti--singolo:nth-child(2n+2){top: 0; left: 5%}
  .lista-prodotti.sezione_doppia .lista-prodotti--singolo:nth-child(2n+1){top: 0;}

  .lista-prodotti--singolo figure{padding-bottom: 70%;}
}

@media (max-width: 781px) {
  .lista-prodotti{padding-bottom: 0px;}
  .lista-prodotti--singolo,
  .lista-prodotti--singolo figure,
  .lista-prodotti--singolo figure.in-page span.heightUp{border-radius: 0 25px 25px 0;}

  .lista-prodotti--singolo:nth-child(2n+2),
  .lista-prodotti--singolo:nth-child(2n+2) figure,
  .lista-prodotti--singolo:nth-child(2n+2) figure.in-page span.heightUp{border-radius: 25px 0 0 25px;}

  .lista-prodotti--singolo:last-child{margin-bottom: 3rem;}
}



/* ! -- Prodotti */
.panel-prodotti--content,
.panel-prodotti--content figure{position: relative;}
.panel-prodotti--content figure a,
.panel-prodotti--content figure img{display: block; position: relative; top: 100%; height: 100%; width: 100%; object-fit: cover; top: 0; left: 0;}
.panel-prodotti--content figure img{height: calc(100% - 22px - 0.5rem) ; min-height: 480px;}

.panel-prodotti--content > .col-32{gap: .5rem 2%;}
.panel-prodotti--content > .col-68 .sticky{position: -webkit-sticky; position: sticky; top: 20px;}
.panel-prodotti--content > .col-68 .sticky p{min-height: 41px;}

.panel-prodotti--gres{width: 32%;}
.panel-prodotti--background{width: 66%;}

.panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--content:nth-child(2n + 2){flex-direction: row-reverse;}
.panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--content:nth-child(2n + 2) > .col-32{flex-direction: row-reverse;}

.panel-prodotti--outdoor .panel-prodotti--gallery figure{padding: 10px;}
.panel-prodotti--outdoor .panel-prodotti--gallery figure a{position: relative; height: 0; padding: 0 0 100%; min-height: 0;}
.panel-prodotti--outdoor .panel-prodotti--gallery figure img{position: absolute; margin-bottom: 0; height: 100%; width: 100%; object-fit: cover; min-height: 0;}

/* .page-id-198 .fslightbox-absoluted .fslightbox-absoluted > div{height: 500px; width:500px; overflow: hidden; position: relative;}
.page-id-198 .fslightbox-absoluted .fslightbox-absoluted > div img{position: absolute; width: 100%; height: 100%; object-fit: cover;} */

@media (max-width: 1180px) {
  .panel-prodotti--content figure img{min-height: 355px;}
}

@media (max-width: 1024px) {
  .panel-prodotti--gres{width: 100%;}
  .panel-prodotti--ambiente{width: 49%;}
  /*.panel-prodotti--ambiente{flex-direction: column-reverse;}*/

  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--gallery figure{width: 49%;}

  .panel-prodotti--ambiente .panel-prodotti--background{height: 0; padding-bottom: 50%; margin-bottom: 10%; position: relative; width: 100%;}
  .panel-prodotti--ambiente .panel-prodotti--background a,
  .panel-prodotti--ambiente .panel-prodotti--background img{height: 100%; min-height: 0; margin: 0; position: absolute; top: 0; left: 0;}
  .panel-prodotti--ambiente .panel-prodotti--background p{padding-top: 52%;}

  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--content figure img{min-height: 380px; height: 30vh;}
  .panel-prodotti .panel-prodotti--content figure.panel-prodotti--background img{min-height: 100%; height: 100%;}
  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--gallery figure img{min-height: 320px; height: 20vh;}
}

@media (max-width: 781px) {

  .panel-prodotti--content,
  .panel-prodotti--content:nth-child(2n + 2){flex-direction: column-reverse;}
  .panel-prodotti--outdoor .panel-prodotti--content{flex-direction: column;}
  .panel-prodotti--ambiente{flex-direction: row;}

  .panel-prodotti--ambiente .panel-prodotti--background{width: 66%; height: auto; padding-bottom: 0%; margin-bottom: 0%; position: relative;}
  .panel-prodotti--ambiente .panel-prodotti--background a{position: absolute; top: 0; left: 0; height: 100%; padding: 0}
  .panel-prodotti--ambiente .panel-prodotti--background img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .panel-prodotti--ambiente .panel-prodotti--background p{padding: 51% 0 0}

  .panel-prodotti--content > div{padding: 10px; justify-content: flex-start;}
  .panel-prodotti--content figure{width: 32%;}

  .panel-prodotti--content figure a{height: 0; padding-bottom: 100%;}
  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--content figure a p{padding-top: 105%;}
  .panel-prodotti--content figure.sma-hide{display: block !important;}

  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--gallery figure{width: 32%;}
  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--ambiente figure img,
  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--gallery figure img{position: absolute; height: 100%; margin-bottom: 0; min-height: 0;}
  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--gallery .panel-prodotti--gres{margin-bottom: 5%;}

  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--content:nth-child(2n + 2) {flex-direction: column-reverse;}
  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--content:nth-child(2n + 2) > .col-32{flex-direction: row;}

  .panel-prodotti--content > .col-32{flex-direction: reverse;}
  .panel-prodotti--content-gallery > .col-32,
  .panel-prodotti--content-gallery:nth-child(2n + 2) > .col-32{flex-direction: row;}
  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--gallery .panel-prodotti--gres{margin-bottom: 10%;}

  .panel-prodotti--content{border-bottom: 1px solid var(--background-color2);}
}

@media (max-width: 440px) {
  .panel-prodotti--outdoor .panel-prodotti--content figure{width: 50%;}
  .panel-prodotti--content figure,
  .panel-prodotti--ambiente .panel-prodotti--background{width: 49%;}
  .panel-prodotti--ambiente .panel-prodotti--background p{padding-top: 105%;}
  .panel-prodotti--content .panel-prodotti--ambiente{padding-bottom: 35px;}
  .panel-prodotti--content figure .has-ultra-small-font-size{font-size: 12px !important;}

  .page-id-198 .fslightbox-absoluted .fslightbox-absoluted > div{height: 350px; width:350px;}

  .panel-prodotti:not(.panel-prodotti--outdoor) .panel-prodotti--gallery figure{width: 49%;}
  img.fslightbox-source.fslightbox-opacity-1 {max-width: 85%; height: auto !important; margin: 0 auto;}
}

/* ! -- Personalizzazioni */
.panel-personalizza{position: relative;}
.panel-personalizza *{position: relative; z-index: 1; color: var(--secondary-color);}
.panel-personalizza .col-5 svg{width: 100%; height: auto;}

@media (max-width: 1435px) {
  .panel-personalizza .col-90{justify-content: start; gap: 30px 3.5%;} 
  .panel-personalizza .col-5{justify-content: center;}
}

.panel-personalizza:before{content: ""; position: absolute; width: 100%; height: calc(100% - 50px); top: 0; left: 0; border-bottom-left-radius: 50px; background-color: var(--piretra-color); z-index: 0;}
.panel-personalizza--gallery:before{height: calc(100% - 300px);}
.coming_soon{position: absolute; right: 20px; bottom: -5px;}
.elenco_spessori .elenco_spessori--singolo{max-width: 420px;}
.elenco_spessori .elenco_spessori--singolo .title5{margin-bottom: 5px;}
.elenco_superfici{list-style: none;}
.splide__carosello{left: 5%;}

.splide__carosello li{position: relative;}
.splide__carosello li:before{content: ""; position: absolute; background-color: var(--background-color3); width: 100%; height: calc(100% - 30px); top: 20px; left: -30px; display: block; border-radius: 25px;}
.splide__carosello li figure{position: relative; width: 100%; height: 0; padding-bottom: 125%; border-radius: 25px; overflow: hidden;}
.splide__carosello li figure a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.splide__carosello li figure img{position: relative; width: 100%; height: 100%; object-fit: cover;}
.splide__carosello .splide__track--loop{overflow: visible;}

.splide__carosello .splide__sr{display: none !important;}
.splide__carosello .splide__pagination{bottom: -1rem;}
.splide__carosello .splide__pagination__page{transform-origin: center; display: block; width: 30px; height: 6px; border-radius: 100px; background: var(--secondary-color); transition: var(--animazione-tempo2); margin: 0 2.5px; opacity: 1;}
.splide__carosello .splide__pagination__page:hover{background-color: var(--piretra-color); width: 45px;}
.splide__carosello .splide__pagination__page.is-active{width: 60px; height: 6px; background-color: var(--background-color3); transform: none;}

.splide__arrows{position: absolute; right:0px; top: -25px; display: flex;}
.splide__arrow{background-color: var(--secondary-color); transition: var(--animazione-tempo); opacity: .8;}
.splide__arrow:hover{background-color: var(--background-color3);}
.splide__arrow svg{fill: var(--primary-color); transition: var(--animazione-tempo);}
.splide__arrow:hover svg{fill: var(--secondary-color);}
.splide__arrow--prev{left: -5px; top:-15px}
.splide__arrow--next{right: 0;}

.splide__carosello .splide__slide span.heightUp{position: absolute; bottom: 0; left: -10%; width: 120%; height: 100%; background-color: var(--background-color2); z-index: 2; transition: var(--animazione-tempo-slow); overflow: hidden;}
.splide__carosello.in-page .splide__slide span.heightUp{top: 0; height: 0; border-radius: 0 50px 50px 0;}

.page-id-607 .panel-personalizza:before,
.page-id-1453 .panel-personalizza:before{height:103%; top:-140px}
.page-id-607 .panel-personalizza--gallery:before,
.page-id-1453 .panel-personalizza--gallery:before{top: -140px; height: calc(100% - 160px);}

@media (max-width: 1180px) {
  .elenco_spessori{flex-wrap: wrap;}
  .elenco_spessori .elenco_spessori--singolo{max-width: 48%; margin-bottom: 1.5rem;}
  .elenco_spessori .elenco_spessori--singolo:last-child{margin-bottom: 0;}

  .page-id-607 .panel-personalizza--gallery:before,
  .page-id-1453 .panel-personalizza--gallery:before{top: -110px; height: calc(100% - 190px);}
  .page-id-607 .panel-personalizza:before,
  .page-id-1453 .panel-personalizza:before{top: -110px; height:100%;}
}

@media (max-width: 781px) {
  .panel-personalizza:before{border-bottom-left-radius: 25px;}
  .panel-personalizza--gruppo .col-10{justify-content: center;}
  .splide__carosello li{max-width: 96%;}
  .splide__carosello .splide__pagination{bottom: -20px;}

  .page-id-607 .panel-personalizza:before,
  .page-id-1453 .panel-personalizza:before{top: -80px;}
  .page-id-607 .panel-personalizza--gallery:before,
  .page-id-1453 .panel-personalizza--gallery:before{top: -80px; height: calc(100% - 220px);}
}

@media (max-width: 440px) {
  .panel-personalizza--formati-cont{padding-left: 0; padding-right: 0;}
  .panel-personalizza--gruppo .col-90{/*flex-direction: column; align-items: center;*/ justify-content: center;}
  .elenco_superfici{text-align: center;}
  .elenco_spessori{gap: 0;}
  .elenco_spessori .elenco_spessori--singolo{max-width: 100%; margin-bottom: 1.5rem; text-align: center;}
}

.panel-personalizza--banner{margin-left: calc(50% - 50vw); width: 95vw;}
.panel-personalizza--banner:before{height:calc(100% - 5rem - 160px); border-radius: 0 50px 50px 0;}
.panel-personalizza--banner figure{border-radius: 0 50px 50px 0; margin-left: calc(50% - 50vw);}

@media (max-width: 781px){
  .panel-personalizza--banner:before{height:calc(100% - 5rem - 80px); border-radius: 0 25px 25px 0;}
  .panel-personalizza--banner figure{border-radius: 0 25px 25px 0;}  
}

/* ! - Lista News */
.panel-news .wp-block-post{position: relative;}
.panel-news .wp-block-post::before{content: ""; position: absolute; top: 20px; left: 30px; width: 100%; height: 100%; background-color: var(--background-color2); border-radius: 25px;}
.panel-news .wp-block-post .wp-block-post-excerpt__excerpt{display: none;}
.panel-news .wp-block-post-template{gap: 40px !important;}

.panel-news figure{height: 0; padding-bottom: 60%; position: relative; border-radius: 25px; overflow: hidden;}
.panel-news figure a,
.panel-news figure a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: var(--animazione-tempo-slow);}
.panel-news figure a img{position: relative; object-fit: cover;}
.panel-news figure a:hover img{transform: scale(1.2) rotate(5deg);}
.panel-news .wp-block-group:not(.panel-news--grid){position: relative; left: 30px; width: calc(100% - 30px);}

.panel-news--grid{grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; gap: 40px; width: 96%;}

@media (max-width: 1180px) {.panel-news--grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 781px) {.panel-news--grid, .panel-news .wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1{grid-template-columns: repeat(1, minmax(0, 1fr))}}
@media (max-width: 440px) {.panel-news .wp-block-post::before{left: 4%;} }

/* ! - Single Page */
.list-blog--dati span{margin: 0 10px; display: flex; align-items: center;}
.list-blog--dati span svg{margin-right: 5px;}

.panel-correlati{border-bottom-right-radius: 50px;}

/* ! - Testo Slider */
.panel_testoslider{width: 85vw; margin-left: calc(50% - 50vw); position: relative;}
.panel_testoslider:before{content:""; display: block; position:absolute; width: 100%; height: 100%; background-color: var(--background-color2); border-radius: 0 50px 50px 0;}
.panel_testoslider .col-33{margin-top: -100px;}
.panel_testoslider figure{border-radius: 50px; height: 0; padding-bottom: 140%; position: relative; overflow: hidden; display: block;}
.panel_testoslider figure.simgle__testoslide{padding-bottom: 43%;}
.panel_testoslider figure a,
.panel_testoslider figure img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.panel_testoslider figure span.heightUp{position: absolute; bottom: 0; left: 0%; width: 100%; height: 100%; background-color: var(--background-color2); z-index: 2; transition: var(--animazione-tempo-slow); overflow: hidden; display: none !important;}
.panel_testoslider figure.in-page span.heightUp{top: 0; height: 0;}

.panel_testoslider .panel_testoslider--contet{transform: translateY(0px);}

.panel_testoslider.direction-right{margin-left: calc(50% - 35vw);}
.panel_testoslider.direction-right:before{border-radius: 50px 0 0 50px;}
.panel_testoslider.direction-right .panel_testoslider--contet{flex-direction: row-reverse;}

@media (max-width: 1180px) {
  .panel_testoslider:before{height: calc(100% - 180px);}
  .panel_testoslider .col-33{margin-top: 0;}
  .panel_testoslider figure{border-radius: 25px;}

  .panel_testoslider:before{border-radius: 0 25px 25px 0}
  .panel_testoslider.direction-right:before{border-radius: 25px 0 0 25px}

  .panel_testoslider figure.simgle__testoslide{padding-bottom: 0; height: auto;}
  .panel_testoslider figure.simgle__testoslide a, 
  .panel_testoslider figure.simgle__testoslide img{padding: 0; height: auto; position: relative; border-radius: 25px;}
}

@media (max-width: 440px){
  .panel_testoslider{width: 92vw;}
  .panel_testoslider.direction-right{margin-left: calc(50% - 42vw);}
}

.forminator-ui#forminator-module-759.forminator-design--material .forminator-button-submit,
.forminator-ui#forminator-module-1556.forminator-design--material .forminator-button-submit{color: var(--primary-color) !important; padding: 15px 25px 13px; text-transform: uppercase; font-weight: 600 !important; border-radius: 5px;}
.forminator-ui#forminator-module-759.forminator-design--material .forminator-button-submit:hover,
.forminator-ui#forminator-module-1556.forminator-design--material .forminator-button-submit:hover{color: var(--secondary-color) !important;}


/* ! - Banner */
.banner-cta{position: relative; width: 95vw; margin-left: calc(50% - 50vw);}
.banner-cta::before{content: ""; position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; background-color: var(--background-color4); border-radius: 0 50px 50px 0}
.banner-cta .col-95{height: 650px; position: relative; top: 80px; margin-bottom: calc(100px + 5rem);}
.banner-cta img{height: 100%; width: 100%; object-fit: cover; border-radius: 0 50px 50px 0; position: absolute;}
.banner-cta .banner-cta--txt{padding: 25px 0; position: relative; z-index: 5; width: 80%; max-width: 730px; left: 10%;}
.banner-cta .banner-cta--txt *{color: var(--secondary-color);}
.banner-cta .col-95:before{content:""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); border-radius: 0 50px 50px 0;}

.banner-contatti{position: relative; margin-left: calc(50% - 45vw);}
.banner-contatti::before{border-radius: 50px 0 0 50px; background-color: var(--background-color3);}
.banner-contatti .banner-cta--txt{left: 5%;}
.banner-contatti .col-95{left: 5%;}
.banner-contatti img{border-radius: 50px 0 0 50px;}
.banner-contatti .col-95:before{background: linear-gradient(315deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); border-radius: 50px 0 0 50px;}

@media (max-width: 1180px){
  .banner-cta .col-95{height: 500px; width: 95% !important;}
}

@media (max-width: 780px) {
  .banner-cta .col-95{height: auto; padding-top: 50px; padding-bottom: 50px; min-height: 350px; top: 40px; margin-bottom: 120px;}
  .banner-cta::before,
  .banner-cta img{border-radius: 0 25px 25px 0;}
  .banner-contatti::before,
  .banner-contatti img,
  .banner-contatti .col-95:before{border-radius: 25px 0 0 25px;}
}

/* ! - Maps */
.panel-maps{position: relative;}
.panel-maps:before{content: ""; position: absolute; display: block; top: -120px; left: 0; background-color: var(--background-color4); height: 100%; width: 95%; border-radius: 0 50px 50px 0; }
.panel-maps.wp-block-group .wp-block-group__inner-container{width: 90%; max-width: 100%; margin: 0; overflow: hidden; position: relative; z-index: 2;}
.panel-maps.wp-block-group iframe{border-radius: 0 50px 50px 0;}

@media (max-width: 781px) {
  .panel-maps:before{top: -60px;}
  .panel-maps:before,
  .panel-maps.wp-block-group iframe{border-radius: 0 25px 25px 0;}

}

/* ! - Correlati */
.panel_correlato{position: relative;}
.panel_correlato:before{content: ""; position: absolute; z-index: 0; width: 95vw; margin-left: calc(50% - 50vw); top: 0; left: 0; height:calc(100% - 5rem - 120px); border-radius: 0 50px 50px 0; background-color: var(--background-color4);}
.panel_correlato .wp-block-heading{color: var(--secondary-color);}

@media (max-width: 1024px){
  .panel_correlato:before{border-radius: 25px; height:calc(100% - 80px); width: 100%;}
}

/* ! - Masonry */
.panel-masonry{position: relative;}
.panel-masonry:before{content: ""; position: absolute; z-index: 0; width: 95vw; margin-right: calc(50% - 50vw); top: 0; right: 0; height: calc(98% - 5rem); border-radius: 50px 0 0 50px; background-color: var(--background-color3);}
.panel-masonry h3{position: relative; z-index: 2; color:var(--secondary-color)}
.panel-masonry--container{column-count: 3; column-gap: 1%; column-width: 32%; position: relative; z-index: 2;}
.panel-masonry--box{margin-bottom: 20px;}
.panel-masonry--box img{border-radius: 0 0 0 25px;}

@media (max-width: 781px) { 
    .panel-masonry--container{column-count: 2; column-width: 49%;}
    .panel-masonry:before{border-radius: 25px 0 0 25px; height: calc(100% + 1rem);}
}
@media (max-width: 440px) { 
  .panel-masonry--container{column-count: 1; column-width: 100%;}
}


/* ! Footer */
/*----------------------------------------------------------------------------------- */
footer{color: var(--secondary-color); font-weight: 300; position: relative;}
footer:before{content:""; position: absolute; width: 98%; height: 100%; top: 0; left:0; border-radius: 0 50px 0 0; display: block; background: var(--background-color4);}
footer .col-95{background-color: var(--primary-color); border-radius: 0 50px 0 0; position: relative; z-index: 1;}
footer .custom-logo{max-width: 200px; width: 100%; height: auto;}
footer a{color: var(--secondary-color);}
footer ul.list-menu{list-style: none;}
footer ul.list-menu li{margin-bottom: 5px; width: 50%;}
footer ul.list-menu li:nth-child(2n+2){text-align: right;}
footer ul.list-menu li:last-child{margin-bottom: 0;}
footer ul.list-menu li.wpml-ls-menu-item a{display: inline-block;}
footer ul.list-menu li.current_page_item a{color: var(--hover-color);}
footer a:not(.footer--logo-link):hover path{fill:var(--hover-color)}
footer a:not(.footer--logo-link):hover circle{stroke: var(--hover-color);}

footer p.has-ultra-small-font-size{position: relative; top: -8rem; margin-bottom: -8rem;}
footer p.has-small-font-size{font-weight: 300;}

.footer--logo-link svg{max-width: 100%;}
.footer--logo-link svg *{fill: var(--secondary-color) !important;}
.footer--logo-link svg path:hover{fill: var(--secondary-color) !important;}

footer .menu__social .wp-block-social-links .wp-social-link a *{fill: var(--secondary-color);}
footer .menu__social .wp-block-social-links .wp-social-link a:hover *{fill: var(--hover-color);}

.footer--form .forminator-button{width: 100% !important; border-radius: 25px !important; padding: 15px 20px !important; text-transform: uppercase; font-size: 16px !important;}


@media (max-width: 781px) {
  footer p.has-ultra-small-font-size{top: 0; margin-bottom: 0;}
  footer:before,
  footer .col-95{border-radius: 0 25px 0 0;}
  footer .col-95{width: 95% !important;}
}

@media (max-width: 481px){ footer{padding-top: 2rem;} }


.scroll--top{position: fixed; bottom: 0; opacity: 0; width: 60px; right: -60px; border-top-left-radius: 50px; background-color: var(--background-color4); transition: var(--animazione-tempo); cursor: pointer; z-index: 999; box-shadow: 0px 0px 10px rgba(0,0,0,.1); display: block;}
.scroll--top svg{transform: rotate(180deg); height: 35px; width: auto; display: block; margin: 15px auto; position: relative; left: 6px; top: 3px;}
.scroll-down .scroll--top{right:0px; opacity: 1;}

@media (max-width: 767px) {
  .scroll--top{width: 46px;}
  .scroll--top svg{height: 25px; margin: 8px auto;}
}


/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */

@media (max-width: 820px) {
  .wp-block-cover{min-height: 500px !important;}
}

/* input, textarea{border: 3px solid #ddd; border-radius: 3px;padding: 10px;}
input[type=submit], button{border: 3px solid #ddd; background: #ddd; border-radius: 3px;padding: 10px;} */

/* Form ricerca */
.content-search form{display: flex; justify-content: space-between;}
.content-search form label{width: calc(100% - 150px);}
.content-search form label input[type="search"]{width: 100%; height: 50px; border-radius: 5px; padding: 10px; font-size: 16px; color: var(--primary-color); background-color: var(--secondary-color);}
.content-search form .search-submit{height: 50px; width: 140px; border-radius: 5px; font-size: 16px; text-transform: uppercase; padding: 10px; cursor: pointer; color: var(--secondary-color); background-color: var(--hover-color); border:2px solid var(--primary-color); transition: var(--animazione-tempo); box-shadow: 0;}
.content-search form .search-submit:hover{background-color: var(--primary-color); color: var(--secondary-color); border-color: var(--hover-color);}

/* Grandezze sezione */
.alignfull{width: 100vw; margin-left: calc(50% - 50vw);}
.alignwide{width: 94vw; margin-left: calc(50% - 47vw);}

@media (max-width: 1720px) {
  .alignwide{width: 98vw; margin-left: calc(50% - 49vw);}
}

/* Larghezze massime WP Block Group */
.wp-block-group .wp-block-group__inner-container{max-width: var(--max-width); width: 96%; margin-left: auto; margin-right: auto; position: relative; z-index: 1;}
.wp-block-group--big .wp-block-group__inner-container{max-width: var(--max-width-big);}
.wp-block-group--medium .wp-block-group__inner-container{max-width: var(--max-width-medium);}
.wp-block-group--small .wp-block-group__inner-container{max-width: var(--max-width-small);}
.wp-block-group--mini .wp-block-group__inner-container{max-width: var(--max-width-mini);}
.wp-block-group--medium-small .wp-block-group__inner-container{max-width: var(--max-width-medium-small);}
.wp-block-group--ultra-small .wp-block-group__inner-container{max-width: var(--max-width-ultra-small);}
.wp-block-group--mini .wp-block-group__inner-container{max-width: var(--max-width-mini);}


/* WP Block Columns */
.wp-block-columns[class*='wp-container-']{gap: 0; flex-wrap: wrap !important;}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis: initial !important; flex-basis: 0;}

/* WP Media Text */
@media (max-width: 600px) { .wp-block-media-text .wp-block-media-text__media{margin-bottom: 20px;} }
.wp-block-media-text .wp-block-media-text__content{padding: 0 20px;}

/* ! Flex
----------------------------------------------------------------------------------- */
.flex{display:flex;}
.flex--row{flex-direction: row;}
.flex--row-reverse{flex-direction: row-reverse;}
.flex--column{flex-direction: column;}
.flex--column-reverse{flex-direction: column-reverse;}

.flex--nowrap{flex-wrap: nowrap}
.flex--wrap{flex-wrap: wrap}
.flex--wrap-reverce{flex-wrap: wrap-reverse}

.flex--justify-start{justify-content: flex-start;}
.flex--justify-end{justify-content: flex-end;}
.flex--justify-center{justify-content: center;}
.flex--justify-space-around{justify-content: space-around;}
.flex--justify-space-between{justify-content: space-between;}

.flex--items-stretch{align-items: stretch;}
.flex--items-baseline{align-items: baseline;}
.flex--items-center{align-items: center;}
.flex--items-start{align-items: flex-start;}
.flex--items-end{align-items: flex-end;}

.flex--content-stretch{align-content: stretch;}
.flex--content-start{align-content: flex-start;}
.flex--content-end{align-content: flex-end;}
.flex--content-center{align-content: center;}
.flex--content-space-around{align-content: space-around;}
.flex--content-space-between{align-content: space-between;}

.flex--self-auto{align-self: auto;}
.flex--self-stretch{align-self: stretch;}
.flex--self-baseline{align-self: baseline;}
.flex--self-center{align-self: center;}
.flex--self-start{align-self: flex-start;}
.flex--self-end{align-self: flex-end;}

@media (max-width: 1180px) {
  .flex--row-reverse--tab{flex-direction: row-reverse;}
  .flex--column-reverse--tab{flex-direction: column-reverse;}
}

@media (max-width: 781px) {
  .flex--row-reverse--tab{flex-direction: row-reverse;}
  .flex--column-reverse--sma{flex-direction: column-reverse;}
}

.gap10{gap: 10px;}
.gap15{gap: 15px;}

/* ! Grid System 
----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: var(--max-width); margin: 0 auto}
.grid--center{justify-content: center;}
.grid--full{max-width: 100%}
.grid--list li{display: flex; flex-wrap: wrap;}
.grid--list li figure{height: auto; overflow: visible;}
.grid--list li figure img{position: relative; height: auto;}

[class*='col-']{padding: 20px;}
[class*='forminator-col']{padding:0;}

.col-100{width:100%} .col-95{width:95%} .col-90{width:90%} .col-85{width:85%} .col-80{width:80%} .col-75{width:75%} .col-72{width:72%} .col-70{width:70%} .col-68{width:68%} .col-66{width:66.66%} .col-60{width:60%} .col-55{width:55%} .col-50{width:50%} .col-48{width:49%} .col-45{width:45%} .col-40{width:40%} .col-35{width:35%} .col-33{width:33.33%} .col-32{width:32%} .col-30{width:30%} .col-25{width:25%} .col-20{width:20%} .col-16{width:16.66%} .col-12{width:12.5%}  .col-15{width:15%} .col-10{width:10%} .col-5{width:5%}

@media (min-width: 1181px) { .col-hide{display: none !important;} }

@media (max-width: 1180px) {
  .tab-100{width:100%} .tab-90{width:90%} .tab-80{width:80%} .tab-75{width:75%} .tab-70{width:70%} .tab-66{width:66.66%} .tab-60{width:60%} .tab-50{width:50%} .tab-40{width:40%} .tab-33{width:33.33%} .tab-30{width:30%} .tab-25{width:25%} .tab-20{width:20%} .tab-16{width:16.66%} .tab-12{width:12.5%} .tab-10{width:10%}
}

@media (min-width:782px) and (max-width:1180px) { .tab-hide{display:none !important;} }

@media (max-width: 781px) {
  .sma-5{width: 5%} .sma-20{width: 20%;} .sma-25{width: 25%;} .sma-33{width: 33.33%;} .sma-50{width: 50%;} .sma-60{width:60%} .sma-70{width:70%} .sma-80{width:80%} .sma-90{width: 90%;} .sma-95{width: 95%;} .sma-100{width: 100%;} .sma-hide{display:none !important;}
}

@media (max-width: 440px) {
  [class*='col-']:not(.splide__atf) { width: 100%;}
}

/* ! Margin & Padding 
----------------------------------------------------------------------------------- */
.m0{margin: 0;}
.mx0{margin-left: 0 !important; margin-right: 0 !important;}
.my0{margin-top: 0 !important; margin-bottom: 0 !important;}
.mx10{margin-left: 10px !important; margin-right: 10px !important;}

.mt0{margin-top: 0;} .mt05-sma{margin-top: 0.5rem;} .mt1{margin-top: 1rem;} .mt2{margin-top: 2rem;} .mt3{margin-top: 3rem;} .mt4{margin-top: 4rem;} .mt5{margin-top: 5rem;} .mt6{margin-top: 6rem;} .mt7{margin-top: 7rem;} .mt8{margin-top: 8rem;} .mt9{margin-top: 9rem;} .mt10{margin-top: 10rem;}
.mb0{margin-bottom: 0;} .mb05{margin-bottom: 0.5rem;} .mb1{margin-bottom: 1rem;} .mb15{margin-bottom: 1.5rem;} .mb2{margin-bottom: 2rem;} .mb3{margin-bottom: 3rem;} .mb4{margin-bottom: 4rem;} .mb5{margin-bottom: 5rem;} .mb6{margin-bottom: 6rem;} .mb7{margin-bottom: 7rem;} .mb8{margin-bottom: 8rem;} .mb9{margin-bottom: 9rem;} .mb10{margin-bottom: 10rem;} .mb20{margin-bottom: 20px;}
.p0{padding: 0;} .p1{padding: 1rem;} .p2{padding: 2rem;} .p3{padding: 3rem;} .p4{padding: 4rem;} .p5{padding: 5rem;} .p10{padding: 10rem;} .p20{padding: 20px;}
.pt0{padding-top: 0;} .pt1{padding-top: 1rem;} .pt2{padding-top: 2rem;} .pt3{padding-top: 3rem;} .pt4{padding-top: 4rem;} .pt5{padding-top: 5rem;} .pt6{padding-top: 6rem;} .pt7{padding-top: 7rem;} .pt8{padding-top: 8rem;} .pt9{padding-top: 9rem;} .pt10{padding-top: 10rem;} .pt15{padding-top: 15rem;} .pt20{padding-top: 20rem;}
.pb0{padding-bottom: 0;} .pb1{padding-bottom: 1rem;} .pb2{padding-bottom: 2rem;} .pb3{padding-bottom: 3rem;} .pb4{padding-bottom: 4rem;} .pb5{padding-bottom: 5rem;} .pb6{padding-bottom: 6rem;} .pb7{padding-bottom: 7rem;} .pb8{padding-bottom: 8rem;} .pb9{padding-bottom: 9rem;} .pb10{padding-bottom: 10rem;} .pb20{padding-bottom: 20rem;}
.margincenter, .mc{margin-left: auto; margin-right: auto;}

@media (max-width: 1300px) {
  .p20-tab{padding-left:5%; padding-right:5%;}
}

@media (max-width: 1180px) {
  .mt0-tab{margin-top: 0;} .mt05-tab{margin-top: 0.5rem;} .mt1-tab{margin-top: 1rem;} .mt2-tab{margin-top: 2rem;} .mt3-tab{margin-top: 3rem;} .mt4-tab{margin-top: 4rem;} .mt5-tab{margin-top: 5rem;} .mt6-tab{margin-top: 6rem;} .mt7-tab{margin-top: 7rem;} .mt8-tab{margin-top: 8rem;} .mt9-tab{margin-top: 9rem;} .mt10-tab{margin-top: 10rem;}
  .mb0-tab{margin-bottom: 0;} .mb05-tab{margin-bottom: 0.5rem;} .mb1-tab{margin-bottom: 1rem;} .mb2-tab{margin-bottom: 2rem;} .mb3-tab{margin-bottom: 3rem;} .mb4-tab{margin-bottom: 4rem;} .mb5-tab{margin-bottom: 5rem;} .mb6-tab{margin-bottom: 6rem;} .mb7-tab{margin-bottom: 7rem;} .mb8-tab{margin-bottom: 8rem;} .mb9-tab{margin-bottom: 9rem;} .mb10-tab{margin-bottom: 10rem;} .mb20-tab{margin-bottom: 20px;}  
  .p0-tab{padding: 0;} .p1-tab{padding: 1rem;} .p2-tab{padding: 2rem;} .p3-tab{padding: 3rem;} .p4-tab{padding: 4rem;} .p5-tab{padding: 5rem;} .p10-tab{padding: 10rem;}
  .pt0-tab{padding-top: 0;} .pt1-tab{padding-top: 1rem;} .pt2-tab{padding-top: 2rem;} .pt3-tab{padding-top: 3rem;} .pt4-tab{padding-top: 4rem;} .pt5-tab{padding-top: 5rem;} .pt6-tab{padding-top: 6rem;} .pt7-tab{padding-top: 7rem;} .pt8-tab{padding-top: 8rem;} .pt9-tab{padding-top: 9rem;} .pt10-tab{padding-top: 10rem;} .pt15-tab{padding-top: 15rem;} .pt20-tab{padding-top: 20rem;}
  .pb0-tab{padding-bottom: 0;} .pb1-tab{padding-bottom: 1rem;} .pb2-tab{padding-bottom: 2rem;} .pb3-tab{padding-bottom: 3rem;} .pb4-tab{padding-bottom: 4rem;} .pb5-tab{padding-bottom: 5rem;} .pb6-tab{padding-bottom: 6rem;} .pb7-tab{padding-bottom: 7rem;} .pb8-tab{padding-bottom: 8rem;} .pb9-tab{padding-bottom: 9rem;} .pb10-tab{padding-bottom: 10rem;}
}

@media (max-width: 781px) {
  .mt0-sma{margin-top: 0;} .mt05-sma{margin-top: 0.5rem;} .mt1-sma{margin-top: 1rem;} .mt2-sma{margin-top: 2rem;} .mt3-sma{margin-top: 3rem;} .mt4-sma{margin-top: 4rem;} .mt5-sma{margin-top: 5rem;} .mt6-sma{margin-top: 6rem;} .mt7-sma{margin-top: 7rem;} .mt8-sma{margin-top: 8rem;} .mt9-sma{margin-top: 9rem;} .mt10-sma{margin-top: 10rem;}
  .mb0-sma{margin-bottom: 0;} .mb05-sma{margin-bottom: 0.5rem;} .mb1-sma{margin-bottom: 1rem;} .mb2-sma{margin-bottom: 2rem;} .mb3-sma{margin-bottom: 3rem;} .mb4-sma{margin-bottom: 4rem;} .mb5-sma{margin-bottom: 5rem;} .mb6-sma{margin-bottom: 6rem;} .mb7-sma{margin-bottom: 7rem;} .mb8-sma{margin-bottom: 8rem;} .mb9-sma{margin-bottom: 9rem;} .mb10-sma{margin-bottom: 10rem;} .mb20-sma{margin-bottom: 20px;}
  .p0-sma{padding: 0;} .p1-sma{padding: 1rem;} .p2-sma{padding: 2rem;} .p3-sma{padding: 3rem;} .p4-sma{padding: 4rem;} .p5-sma{padding: 5rem;} .p10-sma{padding: 10rem;}
  .pt0-sma{padding-top: 0;} .pt1-sma{padding-top: 1rem;} .pt2-sma{padding-top: 2rem;} .pt3-sma{padding-top: 3rem;} .pt4-sma{padding-top: 4rem;} .pt5-sma{padding-top: 5rem;} .pt6-sma{padding-top: 6rem;} .pt7-sma{padding-top: 7rem;} .pt8-sma{padding-top: 8rem;} .pt9-sma{padding-top: 9rem;} .pt10-sma{padding-top: 10rem;} .pt15-sma{padding-top: 15rem;} .pt20-sma{padding-top: 20rem;}
  .pb0-sma{padding-bottom: 0;} .pb1-sma{padding-bottom: 1rem;} .pb2-sma{padding-bottom: 2rem;} .pb3-sma{padding-bottom: 3rem;} .pb4-sma{padding-bottom: 4rem;} .pb5-sma{padding-bottom: 5rem;} .pb6-sma{padding-bottom: 6rem;} .pb7-sma{padding-bottom: 7rem;} .pb8-sma{padding-bottom: 8rem;} .pb9-sma{padding-bottom: 9rem;} .pb10-sma{padding-bottom: 10rem;}
  .p20-sma{padding-left:20px; padding-right:20px;}
}

/* ! Helpers 
----------------------------------------------------------------------------------- */
.ninja{opacity: 0; visibility: hidden; pointer-events: none; display: none !important;}
.hidden{overflow: hidden;}
.uppercase{text-transform: uppercase;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
.vertical-middle{vertical-align: middle;}
.relative{position: relative;}

/* Larghezze massime */
.content---big{width: 100%; max-width: var(--max-width-big);}
.content--medium{width: 100%; max-width: var(--max-width-medium);}
.content--small{width: 100%; max-width: var(--max-width-small);}
.content--medium-small{width: 100%; max-width: var(--max-width-medium-small);}
.content--ultra-small{width: 100%; max-width: var(--max-width-ultra-small);}
.content--mini{width: 100%; max-width: var(--max-width-mini);}

.max-width--std .wp-block-group__inner-container,
.max-width--small .wp-block-group__inner-container,
.max-width--ultra-small .wp-block-group__inner-container{width: 100%;}

/* Immagini responsive */
.img-res,
.img-res img,
.img-res svg{width: 100%; display: block; height: auto; }
.wp-block-post-template .img-res{margin: 0;}

.img-bkg{width: 100%; max-width: 650px; height: auto; display: block; margin-left: auto; margin-right: auto; mix-blend-mode: multiply;}

/* Titolo SVG */
.img-title{display: block; position: absolute; z-index: 0; left: 0; top: 0; width: 100%;}
.img-title svg{width: 100%; height: auto;}

/* Video responsive */
.video-res{width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative;}
.video-res video,
.video-res iframe{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}

/* Contenitore iframe */
.iframe_cont{width: 100%; height: 0; padding-bottom: 50%; position: relative;}
.iframe_cont iframe{width: 100%; height: 100%; position: absolute;}

/* Effetto moltiplica */
.multiply,
.multiply img{mix-blend-mode: multiply;}

@media (max-width: 1024px) {
  .iframe_cont{padding-bottom: 80%;}
}

/* Background */
.background-secondary{background: var(--secondary-color);}
.background-marmo{background: var(--marmo-color);}
.background-piretra{background: var(--piretra-color);}
.background-cemento{background: var(--cemento-color);}
.background-outdoor{background: var(--outdoor-color);}
.background-decori{background:var(--decori-color);}

.background-bkg1:before{background: var(--background-color) !important;}
.background-bkg2:before{background: var(--background-color2) !important;}
.background-bkg3:before{background: var(--background-color3) !important;}
.background-bkg4:before{background: var(--background-color4) !important;}
.background-bkg3 *,
.background-bkg4 *{color: var(--secondary-color);}

.background-bkg3 .forminator-ui.forminator-custom-form[data-design=material] .forminator-button:last-child span, 
.background-bkg4 .forminator-ui.forminator-custom-form[data-design=material] .forminator-button:last-child span {color: unset;}

.background1{background: var(--background-color) !important;}
.background2{background: var(--background-color2) !important;}
.background3{background: var(--background-color3) !important;}
.background4{background: var(--background-color4) !important;}


/* Pagination Splide Slider */

section:not(.panel--atf) .splide__pagination.splide__pagination--ltr{position: relative; bottom: -17px; left: -20px; padding: 0;}
section:not(.panel--atf) .splide__pagination.splide__pagination--ltr li{margin-bottom: 5px;}
.splide__pagination__page{transform-origin: center; display: block; width: 40px; height: 6px; border-radius: 100px; background: var(--secondary-color); transition: var(--animazione-tempo2); margin: 0 2.5px 5px; opacity: 1;}
.splide__pagination__page:hover{background-color: var(--background-color); width: 50px;}
.splide__pagination__page.is-active{width: 80px; height: 6px; background-color: var(--hover-color); transform: none;}

@media (max-width: 768px) {
  .splide__pagination__page{width: 20px;} 
  .splide__pagination__page:hover{width: 30px;} 
  .splide__pagination__page.is-active{width: 40px;}
}


/* ! Animazione
----------------------------------------------------------------------------------- */
.fadeUp{opacity: 0; transform: translateY(5rem); transition: var(--animazione-tempo2);}
.in-page .fadeUp,
.in-page.fadeUp,
.is-visible .fadeUp {opacity: 1; transform: translateY(0);}

.fadeUpBig{opacity: 0; transform: translateY(15rem); transition: var(--animazione-tempo-slow);}
.in-page .fadeUpBig,
.in-page.fadeUpBig,
.is-visible .fadeUpBig {opacity: 1; transform: translateY(0);}

.fadeUpSlow{opacity: 1; transform: translateY(15rem); transition: var(--animazione-tempo-slow);}
.in-page .fadeUpSlow,
.in-page.fadeUpSlow,
.is-visible .fadeUpSlow {opacity: 1; transform: translateY(0);}

.fadeDown{opacity: 0; transform: translateY(-5rem); transition: var(--animazione-tempo2);}
.in-page .fadeDown,
.in-page.fadeDown{opacity: 1; transform: translateY(0);}

.fadeUpZoom{opacity: 0; transform: translateY(150px) scale(1.4); transition: var(--animazione-tempo2);}
.in-page .fadeUpZoom,
.in-page.fadeUpZoom{opacity: 1; transform: translateY(0px) scale(1);}

.zoomUp{opacity: 0; transform: scale(1.4); transition: var(--animazione-tempo2);}
.in-page .zoomUp,
.in-page.zoomUp{opacity: 1; transform: scale(1);}

.opacity{opacity: 0;}
.in-page .opacity,
.in-page.opacity{opacity: 1; transition: var(--animazione-tempo2);}

.is-visible .superZoom img {animation: superZoom 15s cubic-bezier(.215, .61, .355, 1) forwards; }
.is-page .ZoomCarosello img {animation: superZoom 15s cubic-bezier(.215, .61, .355, 1) forwards; }
@keyframes superZoom { 0% { transform: scale(1); } 100% { transform: scale(1.2); } }

.zoomUpImg{overflow: hidden;}
.zoomUpImg img{opacity: 0; transform: scale(1.4); transition: var(--animazione-tempo2);}
.in-page.zoomUpImg img,
.in-page .zoomUpImg img{opacity: 1; transform: scale(1);}

.dly0, .dly0 img{transition-delay: 0s !important;}
.dly1, .dly1 img{transition-delay: .1s !important;}
.dly2, .dly2 img{transition-delay: .2s !important;}
.dly3, .dly3 img{transition-delay: .3s !important;}
.dly4, .dly4 img{transition-delay: .4s !important;}
.dly5, .dly5 img{transition-delay: .5s !important;}
.dly6, .dly6 img{transition-delay: .6s !important;}
.dly7, .dly7 img{transition-delay: .7s !important;}
.dly8, .dly8 img{transition-delay: .8s !important;}
.dly9, .dly9 img{transition-delay: .9s !important;}
.dly10, .dly10 img{transition-delay: 1s !important;}
.dly11, .dly11 img{transition-delay: 1.1s !important;}
.dly12, .dly12 img{transition-delay: 1.2s !important;}
.dly13, .dly13 img{transition-delay: 1.3s !important;}
.dly14, .dly14 img{transition-delay: 1.4s !important;}
.dly15, .dly15 img{transition-delay: 1.5s !important;}
.dly16, .dly16 img{transition-delay: 1.6s !important;}
.dly17, .dly17 img{transition-delay: 1.7s !important;}
.dly18, .dly18 img{transition-delay: 1.8s !important;}
.dly19, .dly19 img{transition-delay: 1.9s !important;}
.dly20, .dly20 img{transition-delay: 2s !important;}

.rotate{animation: rotating 30s linear infinite; transform-origin: center;}
@keyframes rotating {
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}