/*
Theme Name: Is Aquas
Theme URI: https://www.isaquas.it/
Author: Itaca Comunicazione
Author URI: https://www.itacacomunicazione.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=Montserrat:wght@100..900&display=swap');

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

    --primary-color: #2A2A2A;
    --secondary-color:#F2F0ED; 
    --hover-color: #3ab5e6;

    --max-width-big: 1920px;
    --max-width: 1720px;
    --max-width-medium: 1430px;
    --max-width-small: 1280px;
    --max-width-ultra-small: 1120px;
    --max-width-mini: 415px;
}

body,
html{box-sizing: border-box; margin: 0; padding: 0; background-color: var(--secondary-color); transition: var(--animazione-tempo); overflow-x: hidden; 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;}
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);}

/* ! Font
----------------------------------------------------------------------------------- */
body{font-size: 18px; line-height:24px; font-family: 'Montserrat', Helvetica, sans-serif; font-weight: 500; color: var(--primary-color);} 
h1, h2, h3, h4, h5, h6, p, ol, ul{margin-bottom: 1rem; word-wrap: break-word;}
h1, h2, h3, h4, h5, h6
.title1, .title2, .title3, .title4, .title5, .title6{font-weight: 600;}
strong, b{font-weight: 600;}

p{margin-bottom: 1.2em;}
h1, .title1{font-size: 68px; line-height:74px;}
h2, .title2{font-size: 50px; line-height:54px;}
h3, .title3{font-size: 40px; line-height:44px;}
h4, .title4{font-size: 32px; line-height:38px;}
h5, .title5{font-size: 24px; line-height:30px;}
h6, .title6{font-size: 18px; line-height:22px;}

.has-small-font-size,
.has-small-font-size p{font-size: 16px !important; line-height: 20px;}
.has-ultra-small-font-size,
.has-ultra-small-font-size p{font-size: 12px !important; line-height: 18px;}

@media (max-width: 1180px) {
  h1, .title1{font-size: 50px; line-height:54px;}
  h2, .title2{font-size: 40px; line-height:44px;}
  h3, .title3{font-size: 34px; line-height:38px;}
  h4, .title4{font-size: 28px; line-height:32px;}
  h5, .title5{font-size: 22px; line-height:26px;}
}

@media (max-width: 820px) {
  h1, .title1{font-size: 38px; line-height:42px;}
  h2, .title2{font-size: 32px; line-height:36px;}
  h3, .title3{font-size: 28px; line-height:32px;}
  h4, .title4{font-size: 22px; line-height:26px;}
  h5, .title5{font-size: 20px; line-height:24px;}
}

.color-secondary{color: var(--secondary-color);}

/* ! Button System
/* ----------------------------------------------------------------------------------- */
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.sib_signup_form input.sib-default-btn{background-color: var(--secondary-color) ; padding: 15px 35px; color: var(--secondary-color) !important; border: 3px solid var(--secondary-color); text-transform: uppercase; font-weight: 600; font-size: 20px;}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.sib_signup_form input.sib-default-btn{background-color: var(--hover-color) !important; color: var(--secondary-color) !important; border-color: var(--secondary-color)}

.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; border-bottom: 1px solid var(--primary-color);}

.home header{border-bottom: 1px solid var(--secondary-color); width:100%; top:0; left:0; background:var(--primary-color);}
/*@media (max-width: 1120px) {
	.home header{position:relative; background-color: var(--primary-color); }
}*/
.home header a:hover,
.home header a{color: var(--secondary-color);}
.home .header__bottom--logo svg path{fill:var(--secondary-color);}
.header__bottom{padding:15px 0; position: relative; z-index: 10;}
.header__bottom--logo img,
.header__bottom--logo svg{width: auto; height: 60px;}

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

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

.mobile__menu{display: none; position: relative;}
.mobile__menu--hamburger{width:27px;height:18px;position:relative;margin:0;transform:rotate(0deg);transition:.5s ease-in-out; cursor:pointer;top:0px;}
.mobile__menu--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}
.home .mobile__menu--hamburger span{background-color: var(--secondary-color);}
.mobile__menu--hamburger span:nth-child(1){top:0}
.mobile__menu--hamburger span:nth-child(2){top:8px}
.mobile__menu--hamburger span:nth-child(3){top:16px}
.menu-open .mobile__menu--hamburger span:nth-child(1){top:8px; transform:rotate(135deg)}
.menu-open .mobile__menu--hamburger span:nth-child(2){opacity:0; height:0}
.menu-open .mobile__menu--hamburger span:nth-child(3){top:8px; transform:rotate(-135deg)}

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

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

@media (max-width: 1120px) {
  .desk__menu{display: none;}
  .mobile__menu{display: block;}
  .header__top{padding:7.5px 0; display: none;}
  .header__bottom{ padding: 10px 0;}
  .header__bottom--logo img{width: 80px;}
  .menu-open .header .mobile__menu--menu{display: block;}
}

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);}
.home header .menu__social .wp-block-social-links .wp-social-link a *{fill: var(--secondary-color);}
header .menu__social .wp-block-social-links .wp-social-link a:hover *{fill: var(--hover-color);}

/* ! 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: 0;}

.content--hero{max-height: 700px; min-height: 450px; height: 75vh; position: relative;}
.content--hero:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);}
.page-id-99 .content--hero:after{display: none;}
.content--hero img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.content--hero .content--medium{position: relative; z-index: 2;}

@media (max-width: 480px) {
  .content--hero{ height: 380px; min-height: 0;}
}

/* VIDEO INIZIALE */
.cover_video{position: relative; height: calc(100vh - 95px); max-height: 880px;}
.cover_video video{width: 100%; height: 100%; object-fit: cover; position: relative;}
.cover_video:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.25); z-index: 1;}
.cover_video--text{position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 100%; max-width: var(--max-width); z-index: 10;}
@media (min-width: 1920px) {.cover_video{max-height: 1080px;}}
@media (max-width: 1180px) {.cover_video{max-height: 700px;}}

/* SEZIONE AZZURRA - HOME */
.content--center-home{background-color: var(--hover-color);}
.content--center-home--vini{background-color: var(--secondary-color); max-height: 950px;}
.content--center-home--vini .bottiglieVino{position: relative; top: -150px;}
@media (max-width: 1180px) {
  .content--center-home--vini{max-height: unset;}
  .content--center-home--vini .col-50.flex--justify-end{justify-content: center;}
  .content--center-home--vini .bottiglieVino{margin-bottom: -150px;}
}
@media (max-width: 781px) {
  .content--center-home--vini .bottiglieVino{width: 310px;}
}

.content--center-home--territorio-titole{margin-left: 90px; max-width: 415px;}
.content--center-home--territorio [class*='col-']{background-color: var(--secondary-color); padding: 40px;}
.content--center-home--territorio .col-48:last-child{position:relative; top: -90px;}
.content--center-home--territorio .link-img{overflow: hidden; display: block;}
.content--center-home--territorio .link-img img{transition: var(--animazione-tempo);}
.content--center-home--territorio .link-img:hover img{transform: scale(1.15);}

@media (max-width: 820px) {
  .content--center-home--territorio-titole{margin-left: 50px; max-width: 260px;}
  .content--center-home--territorio [class*='col-']{padding: 25px;}
}

@media (max-width: 781px){
  .content--center-home--territorio-titole{margin: 0 auto;}
  .content--center-home--territorio .col-48:last-child{top:0px; margin-top: 1rem;}
}

.banner{background-size: cover; background-position: center;}

.content--fattoria-home{overflow:hidden;}
.content--fattoria-home .flex .sma-100{width: 700px;}
/*.content--fattoria-home .flex .sma-100 h2{max-width: 415px;}*/

.content--fattoria-home-list{position: relative;}
.content--fattoria-home-list .lista--fattoria h3{position: relative; z-index: 3;}
.content--fattoria-home-list .lista--fattoria h3 a,
.content--fattoria-home-list .lista--fattoria h3 span{display: block; padding: 50px 0;}
.content--fattoria-home-list .lista--fattoria img{opacity: 0; pointer-events: none; height: 95%; width:90%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.content--fattoria-home-list .lista--fattoria .line{background-color: var(--primary-color); transition: var(--animazione-tempo); height: 1px; width: 100%; position: relative; z-index: 3;}
.content--fattoria-home-list:hover .line{background-color: var(--secondary-color);}
.content--fattoria-home-list:hover h3 a,
.content--fattoria-home-list:hover h3 span{color: var(--secondary-color);}
.content--fattoria-home-list h3 a:hover,
.content--fattoria-home-list h3 span:hover{color: var(--hover-color);}
.content--fattoria-home-list .lista--fattoria:hover img{height: calc(100% + 10rem); width: 100%; opacity: 1;}

@media (max-width: 781px){
  .content--fattoria-home-list .lista--fattoria img{top: calc(50% + 2.5rem);}
  .content--fattoria-home-list .lista--fattoria:hover img{height: calc(100% + 5rem);}
}

/* PAGINE VINI */
.content--vino .img-bottiglia{width: 100%; max-width: 290px; margin: 0 auto;}
.content--vino .dati--vino{padding: 0 10px; width: 100%;}
.content--vino .dati--vino:nth-child(2),
.content--vino .dati--vino:nth-child(3),
.content--vino .dati--vino:nth-child(4){width: 33.33%;}
.content--vino .dati--vino:nth-child(5),
.content--vino .dati--vino:nth-child(6),
.content--vino .dati--vino:nth-child(9),
.content--vino .dati--vino:nth-child(10){width: 50%;}
.content--vino .img-bkg{position: relative; top: -20px; pointer-events: none;}
.content--vino-cannonau{background-color: var(--primary-color);}
.content--vino .button,
.content--vino .title3{margin-left: 10px;}
.content--vino .title4{margin-bottom: 5px;}

@media (max-width: 1180px) {
  .content--vino-cannonau .content--medium{width: 96%;}
}

@media (max-width: 781px) {
  .content--vino .img-bottiglia{max-width: 130px;}
  .content--vino .dati--vino{padding: 0; width: 100% !important;}
  .content--vino .button,
  .content--vino .title3{margin-left: 0px;}
  .content--vino-cannonau .content--medium{width: 92%;}
}

/* Form */
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child), 
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child){margin-bottom:20px !important;}
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:nth-child(3){margin-bottom:0 !important}
.forminator-ui#forminator-module-267.forminator-design--material .forminator-button-submit{width:100%; font-size:16px !important; background-color:#3ab5e6 !important; text-transform:uppercase}

.logo-contatti{max-width:140px}

/* ! Footer */
/*----------------------------------------------------------------------------------- */
footer{background-color: #101010; color: var(--secondary-color); font-weight: 300;}
footer .custom-logo{max-width: 200px; width: 100%; height: auto;}
footer a{color: var(--secondary-color);}
footer ul{list-style: none;}
footer ul li{margin-bottom: 5px;}
footer ul li:last-child{margin-bottom: 0;}
footer ul li.current_page_item a{color: var(--hover-color);}
footer .list-menu li{font-weight: 600}
footer a svg *{transition: var(--animazione-tempo);}
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 .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 p.has-small-font-size{font-weight: 300;}

/* ! 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;} */

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

/* 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--small .wp-block-group__inner-container{max-width: var(--max-width-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;}

@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;}
}

/* ! 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-80{width:80%} .col-75{width:75%} .col-72{width:72%} .col-70{width:70%} .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-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:781px) 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-100{width: 100%;} .sma-hide{display:none !important;}
}

@media (max-width: 440px) {
  [class*='col-'] { 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;} .mt1{margin-top: 1rem;} .mt2{margin-top: 2rem;} .mt3{margin-top: 3rem;} .mt4{margin-top: 4rem;} .mt5{margin-top: 5rem;} .mt10{margin-top: 10rem;}
.mb0{margin-bottom: 0;} .mb1{margin-bottom: 1rem;} .mb2{margin-bottom: 2rem;} .mb3{margin-bottom: 3rem;} .mb4{margin-bottom: 4rem;} .mb5{margin-bottom: 5rem;} .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;} .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;} .mt10-tab{margin-top: 10rem;}
  .mb0-tab{margin-bottom: 0;} .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;} .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;} .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;} .mt10-sma{margin-top: 10rem;}
  .mb0-sma{margin-bottom: 0;} .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;} .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;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
.vertical-middle{vertical-align: middle;}

/* 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--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: 56.24%; 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%;}
}

.relative{position: relative;}

/* ! Animazione
----------------------------------------------------------------------------------- */
.fadeUp{opacity: 0; transform: translateY(5rem); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page .fadeUp,
.in-page.fadeUp{opacity: 1; transform: translateY(0);}
.fadeDown{opacity: 0; transform: translateY(-5rem); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page .fadeDown,
.in-page.fadeDown{opacity: 1; transform: translateY(0);}
.fadeUpZoom{opacity: 0; transform: translateY(150px) scale(1.4); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page .fadeUpZoom,
.in-page.fadeUpZoom{opacity: 1; transform: translateY(0px) scale(1);}
.zoomUp{opacity: 0; transform: scale(1.4); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page .zoomUp,
.in-page.zoomUp{opacity: 1; transform: scale(1);}
.opacity{opacity: 0;}
.in-page .opacity,
.in-page.opacity{opacity: 1; transition: all .8s cubic-bezier(.215, .61, .355, 1);}

.zoomUpImg{overflow: hidden;}
.zoomUpImg img{opacity: 0; transform: scale(1.4); transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.in-page.zoomUpImg img,
.in-page .zoomUpImg img{opacity: 1; transform: scale(1);}

.dly0, .dly0 img{transition-delay: 0s;}
.dly1, .dly1 img{transition-delay: .1s;}
.dly2, .dly2 img{transition-delay: .2s;}
.dly3, .dly3 img{transition-delay: .3s;}
.dly4, .dly4 img{transition-delay: .4s;}
.dly5, .dly5 img{transition-delay: .5s;}
.dly6, .dly6 img{transition-delay: .6s;}
.dly7, .dly7 img{transition-delay: .7s;}
.dly8, .dly8 img{transition-delay: .8s;}
.dly9, .dly9 img{transition-delay: .9s;}
.dly10, .dly10 img{transition-delay: 1s;}

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