/*
Theme Name: MyMatch
Theme URI: https://tandu.it
Author: Tandu
Author URI: https://tandu.it/
Description: Tema di tandù per MyMatch
Version: 2024.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: tandu
Text Domain: mymatch

WordPress Theme © 2024 Tandu
*/

/* --- GENERIC - TYPOGRAPHY | IMPORTS --- */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* --- :root --- */
:root {
    --header-lg: 84px;
    --header-md: 62px;

    --black: #212121;
    --white: #ffffff;
    --true-black: #000000;
    --main:#826641;

    --poppins: 'Poppins', 'Helvetica', 'Arial', sans-serif;
    --bebas-neue: 'Bebas Neue', 'Poppins', 'Helvetica', 'Arial', sans-serif;

    --gtr: 15px;
    /* --container: xx */
}

/* --- GENERIC - TYPOGRAPHY --- */

/* - Skipping bootstrap's containers - */
/* @media ( max-width: 990.1px ) {
    :root {
        --container: 2rem
    }
} */

/* .container-left { padding-left: var(--container); }
.container-right { padding-right: var(--container); } */

/* - GENERIC FONT FAMILY - */

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: var(--poppins);
}

h1, h2, h3, h4, h5, h6 {
    font-family:var(--bebas-neue);
    margin-bottom: 0;   
}

html body {
    width: 100%;
    margin: 0 auto;
    color: var(--black);
}

/* - Colored text - */
.white-text, .white-text * { color:var(--white) }

/* - Colored backgrounds - */
.black-bcg { background-color: var(--black) }
.white-bcg { background-color: var(--white) }

.fixed-background {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat
}

@media screen and ( max-width: 768px ) {
    .fixed-background { background-attachment: scroll; }
}

/* - Uppercase, lowercase, centered text, right text, font weights- */

.no-uppercase, .no-uppercase * { text-transform: none !important }
.all-uppercase, .all-uppercase * { text-transform: uppercase !important }
.all-lowercase, .all-lowercase * { text-transform: lowercase !important }
.centered-text, .centered-text * { text-align: center !important }
.right-text, .right-text * { text-align: right !important; float: right !important }
.poppins, .poppins * { font-family: var(--poppins); }
.bebas-neue, .bebas-neue * { font-family: var(--bebas-neue); }

.font-r,
.font-r > * { font-weight: 400 }
.font-m,
.font-m > * { font-weight: 500 }
.font-sb,
.font-sb > * { font-weight: 600 }
.font-b,
.font-b > * { font-weight: 700 }
.font-eb,
.font-eb > * { font-weight: 900 }
.font-u,
.font-u > * { text-decoration: underline }
.font-i,
.font-i > * { font-style: italic; }
.cap-text,
.cap-text > * { text-transform: capitalize }



/* - Basic definition - p - */
html {
    font-size: 16px !important;
    -webkit-font-3oothing: antialiased;
}
p, li {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0;
    -webkit-font-3oothing: antialiased;
}

.page-title {
    text-transform: uppercase;
    font-size: 3rem;
}
.super-title {
    color: var(--main);
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
}
.title-p, .title-p * {
    font-size: 1rem;
    line-height: 1.25em;
}
.title-15, .title-15 * {
    font-size: 1.5rem;
    line-height: 1.25em;
}
.title-2, .title-2 * {
    font-size: 2rem;
    line-height: 1.25em;
}
.title-225, .title-225 * {
    font-size: 2.25rem;
    line-height: 1.25em;
}
.title-25, .title-25 * {
    font-size: 2.5rem;
    line-height: 1.25em;
}
.title-3, .title-3 * {
    font-size: 3rem;
    line-height: 1.25em;
}
.title-35, .title-35 * {
    font-size: 3.5rem;
    line-height: 1.25em;
}
.title-4, .title-4 * {
    font-size: 4rem;
    line-height: 1.25em;
}
.title-5, .title-5 * {
    font-size: 5rem;
    line-height: 1.25em;
}
.title-6, .title-6 * {
    font-size: 6rem;
    line-height: 1.25em;
}

@media ( max-width: 992px ) {
    .title-225 {font-size: 2rem}
    .title-3 {font-size: 2.5rem}
    .title-4 {font-size: 3rem}
}

.lh-15, .lh-15 * { line-height: 1.5em; }
.ls-2 { letter-spacing: 2px; }

/* - Titles, text, inline elements - */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }

a { color: inherit }
.main_color a,
.main_color a:hover { color: inherit }

strong,
strong a,
b,
b a {
    font-size: inherit;
    font-weight: 700 !important;
    color: inherit !important;
}

/* - Readjusting gutters and container dimension for tablets - */
/* body .row {
    --bs-gutter-x: 3.5rem
}

@media ( max-width: 767.9px ) {
    body .row {
        --bs-gutter-x: 1.5rem
    }
} */

@media (max-width: 992px) {
    body .container { max-width: 100%; }
}


/* --- GENERIC --- */

/* - Images - */

img, a img {
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
    height: auto;
}

/* - Hidden elements - */
.hidden-element { display: none !important }
.hidden-title {
    display: none;
    position: fixed;
    top: -300px;
    left: -300px;
}

/* - Selection - */
::-moz-selection {
    background-color:var(--black);
    color:var(--white);
}

::selection {
    background-color:var(--black);
    color:var(--white);
}


/* --- GENERIC - ELEMENTS --- */

/* - Forms - */

.cf-row p {
    display: flex;
    justify-content: space-between;
}
.cf-row p span {
    width: calc(50% - .5rem);
}

textarea, input[type="text"], input[type="email"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] {
    /* border: none;
    border-bottom: 1px #64748B solid;
    color:#64748B; */
    width: 100%;
}
/* .cf-row p span input,
.cf-row p span input::placeholder,
div p span textarea,
div p span textarea::placeholder {
    color: #AAAAAA;
}

.cf-row p span input,
div p span textarea {
    width: 100%;
    background-color: #F5F3F3;
    padding: .5rem 1rem;
    border: none;
    margin-bottom: 2rem;
} */

.wpcf7-form-control-wrap[data-name="acceptance-pp"] {
    padding-left: 1.5rem;
    position: relative;
}


.wpcf7-form-control-wrap[data-name="acceptance-pp"] input[type="checkbox"] { display: none; }
.wpcf7-form-control-wrap[data-name="acceptance-pp"] .wpcf7-list-item-label {
    padding-left: 1.5rem;
    display: block;
    font-size: 1rem;
}
.wpcf7-form-control-wrap[data-name="acceptance-pp"] .wpcf7-list-item-label::before {
    content: ' ';
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #F5F3F3;
}
.wpcf7-form-control-wrap[data-name="acceptance-pp"] input:checked ~ .wpcf7-list-item-label::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='14px' height='14px' viewBox='0 0 14 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EPath 6%3C/title%3E%3Cg id='22012021' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='associazione' transform='translate(-739.000000, -2300.000000)' stroke='%23CD0067' stroke-width='1.5'%3E%3Cpolyline id='Path-6' points='740.138329 2306.90481 744.823929 2313.09024 751.769219 2300.912'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: .8em .8em;
    background-position: center;
}

.wpcf7-form-control-wrap[data-name="acceptance-pp"] ~ br { display: none; }
body form p label {
    width: 100%;
}
body form .cf-row label span.cf-label,
body form p label span.cf-label {
    display: block;
    padding: 0.5em;
    font-weight: 500;
}
body form p,
body form p .wpcf7-form-control-wrap textarea {
    width: 100%;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: var(--black);
    padding: 1rem;
}
span[data-name="acceptance-pp"] .wpcf7-list-item { margin-left: 0; }
span[data-name="acceptance-pp"] .wpcf7-list-item-label { color: var(--black) }
span[data-name="acceptance-pp"] .wpcf7-list-item-label a { color: var(--black) }
@media ( max-width: 576px ) {
    .cf-row p {
        flex-wrap: wrap;
    }
    .cf-row p span {
        width: 100%;
    }
    .cf-row p span:last-child { margin-top: 1rem; }
}

/* - Buttons - */
input[type="submit"],
body div .btn {
    min-width: 200px;
    position: relative;
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    /* 
    Choose:
    width: auto;
    padding: 0; */
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-decoration: none;
    background-color: var(--main);
    border-radius: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transition: all 250ms ease;
}
body div .btn span {
    color: var(--white);
    font-family: var(--poppins);
}
body div .btn:hover {
    background-color:#5D472A;
}
/* body div .btn.icon {
    justify-content: space-between;
}
body div .btn.icon::after {
    content: ' ';
    width: 1.5rem;
    flex: 0 0 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 1rem;
} */

a.clean-link,
a.clean-link:hover,
.clean-link a,
.clean-link a:hover {
    color: inherit;
    text-decoration: none;
}

.cmb-1 { margin-bottom: 1rem !important }
.cmb-2 { margin-bottom: 2rem !important }
.cmb-3 { margin-bottom: 3rem !important }
.cmb-4 { margin-bottom: 4rem !important }
.cmb-5 { margin-bottom: 5rem !important }
.cmb-6 { margin-bottom: 6rem !important }

.cmt-1 { margin-top: 1rem !important }
.cmt-2 { margin-top: 2rem !important }
.cmt-3 { margin-top: 3rem !important }
.cmt-4 { margin-top: 4rem !important }
.cmt-5 { margin-top: 5rem !important }
.cmt-6 { margin-top: 6rem !important }

.cpb-1 { padding-bottom: 1rem !important }
.cpb-2 { padding-bottom: 2rem !important }
.cpb-3 { padding-bottom: 3rem !important }
.cpb-4 { padding-bottom: 4rem !important }
.cpb-5 { padding-bottom: 5rem !important }
.cpb-6 { padding-bottom: 6rem !important }

.cpt-1 { padding-top: 1rem !important }
.cpt-2 { padding-top: 2rem !important }
.cpt-3 { padding-top: 3rem !important }
.cpt-4 { padding-top: 4rem !important }
.cpt-5 { padding-top: 5rem !important }
.cpt-6 { padding-top: 6rem !important }

/* - Animations - REDO - */
.animated--bcg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}
.animated--bcg > * {
    z-index: 2;
}
.moving--img {
    overflow: hidden;
    position: relative;
}
.moving--img img:first-child { 
    opacity: 0;
    pointer-events: none;
}
.moving--img img:last-child { 
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* --- GENERIC - SITE SPECIFIC --- */

a:focus-visible,
input:focus-visible,
body .btn-check:focus-visible+.btn, 
body .btn:focus-visible,
body .accordion-button:focus-visible, body .accordion-button:not(.collapsed) {
    outline: black solid 2px;
}
/* #content {
    padding-top: var(--header-lg);
} */

.icon {
    height: 5rem;
    width: auto;
    margin: 0 auto 1rem;
}
.icon-bcg {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Livello_2' data-name='Livello 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303.61 334.69'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f0f0f0; %7D %3C/style%3E%3C/defs%3E%3Cg id='Camada_1' data-name='Camada 1'%3E%3Cg%3E%3Cellipse class='cls-1' cx='98.08' cy='25.72' rx='26.44' ry='17.13' transform='translate(43.58 111.22) rotate(-72.18)'/%3E%3Ccircle class='cls-1' cx='266.46' cy='297.53' r='37.16'/%3E%3Cpath class='cls-1' d='M33.79,130.47c-4.07-3.94-65.43-70.74-12.15-118.01l83.84,64.56,14.05-22.87s47.68,50.34,111.08,70.17c-64.3-8.41-102.99-45.09-104.56-45.97-6.81,13.42-9.63,39.37-9.63,39.37L27.8,40.78s-37.28,7.56,5.99,89.69Z'/%3E%3Cpath class='cls-1' d='M129.19,153.86s23.26,76.65,102.91,174.82c0,0-134.77-90.31-194.86-264.18l85.09,78.19,12.1-33.85,94.38,72.57s-38.78,15.16-70.43,18.36c14.42-13.62,37.52-16.56,32.57-24.52l-61.76-21.39Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: auto 80%;
    background-position: center;
    background-repeat: no-repeat;
}
@media ( max-width: 992px ) {
    .icon-bcg {
        background-size: 80% auto;
    }
}
section {
    overflow: hidden;
    position: relative;
    margin-bottom: 5rem;
}
section.no-margin {
    margin-bottom: 0;
}

.gen--title {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.gen--p p {
    margin-bottom: 1em;
}
.gen--p p:last-child {
    margin-bottom: 0px;
}
.gen--bcg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.gen--bcg-contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.gen--bcg.gen--bcg-overlay {
    z-index: 1;
    position: relative;
}
.gen--bcg.gen--bcg-overlay::after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: 0.75;
    background-color:var(--black)
}
.gen--bcg.gen--bcg-overlay > * {
    position: relative;
    z-index: 5;
}
.gen--bef_aft-contain::before,
.gen--bef_aft-contain::after {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.gen--img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gen--img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.gen--169-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.gen--hero-video {
    width: 100%;
    height: 100vh;
    position: relative;
}
.gen--169-video iframe,
.gen--hero-video iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gen--swiper-section {
    position: relative;
}
.gen--swiper-section .swiper-button-next::after,
.gen--swiper-section .swiper-button-prev::after {
    font-size: 1.25rem;
}
.gen--popup-gallery-wrapper .swiper-button-next::after,
.gen--popup-gallery-wrapper .swiper-button-prev::after {
    color:var(--white)
}
.gen--swiper-section .swiper-button-next, .gen--swiper-section .swiper-container-rtl .swiper-button-prev { right: -40px; }
.gen--swiper-section .swiper-button-prev, .gen--swiper-section .swiper-container-rtl .swiper-button-next { left: -40px; }

/* 
@media ( max-width: 768px ) {
    .gen--swiper-section .swiper-button-next, .gen--swiper-section .swiper-container-rtl .swiper-button-prev { right: -30px; }
    .gen--swiper-section .swiper-button-prev, .gen--swiper-section .swiper-container-rtl .swiper-button-next { left: -30px; }
} */


/* --- HEADER --- */
#masthead { display: none; }
#header {
    z-index: 100;
    position: fixed;
    width: 100%;
    top: 0;
    background-color: transparent;
    transition: all 250ms ease;
}
#header.scrolled {
    background-color:#E7E7E7;
}

/* 
Transparent menu > color menu

body.home #header {
    position: fixed;
    background-color: transparent;
    transition: background-color 250ms ease;
}
body.home #header.scrolled {
    transition: background-color 250ms ease;
    background-color: var(--black);
}
body.home #content .home--hero {
    padding-top: calc(var(--header-lg)*2);
} */

#header > .container .row .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: var(--header-lg);
    position: relative;
    z-index: 110;
}
#logo {
    position: relative;
    z-index: 300;
}
#logo img {
    width: 108px;
    -o-object-fit: contain;
       object-fit: contain;
}
.logo-spacer,
.header-spacer { flex-grow: 1; }
.header-spacer { width: 108px; }
#header #menu li a,
#header #menu-mobile li a {
    text-decoration: none;
    color: var(--white);
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 250ms ease;
}

#header.scrolled #menu li a {
    color: var(--black);
}
#header > .container ul.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
}
#header > .container ul.menu li {
    padding: 0 20px;
    position: relative;
    display: flex;
    align-items: center;
}

#header > .container ul.menu li.menu-item-has-children ul.sub-menu {
    position: absolute;
    background-color: var(--white);
    padding: 5px;
    opacity: 0;
    pointer-events: none;
    top: 103%;
    left: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
#header > .container ul.menu li.menu-item-has-children:hover > a {
    border-bottom: 2px solid var(--black)
}
#header > .container ul.menu li.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    pointer-events: all;
}
#header > .container ul.menu li.menu-item-has-children ul.sub-menu li { padding: 10px 20px; }
#header > .container ul.menu li.menu-item-has-children ul.sub-menu li a { border-bottom: none }

#menu-mobile ul.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#header #menu-mobile a { 
    margin-top: 4rem;
}

/* --- HEADER - TABLET, MOBILE --- */
@media ( max-width: 1440.1px ) {
    #header > .container ul.menu li {
        padding: 0 10px;
        justify-content: center;
    }
}

/* --- MENU - MOBILE --- */
#menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#nav-icon2 { display: none; }
.menu-phone-mobile { display: none; }
@media ( max-width: 1200px ) {
    #header > .container .row .col-12,
    #header > .container {
        height: var(--header-md)
    }
    #content {
        /* padding-top: var(--header-md); */
        padding-top: 0;
    } 
    /* 
    Transparent header > color header
    body.home #content {
        padding-top: 0;
    } 
    body.home #content .home--hero {
        padding-top: calc(var(--header-md)*2);
    } */
    #logo img {
        width: 64px;
    }
}
@media ( max-width: 990.1px ) {
    #menu { display: none; }
    #nav-icon2 { display: block }
    .menu-phone-mobile { display: block; }
    .header--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

#nav-icon2 {
    z-index: 150;
    width: 30px;
    height: 22.5px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    border: none;
    background-color: transparent;
    transform: scale(.7);
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #e7e7e7;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 10px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 20px;
}

.hamburger-active #nav-icon2 span:nth-child(1),.hamburger-active #nav-icon2 span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.hamburger-active #nav-icon2 span:nth-child(2),.hamburger-active #nav-icon2 span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

.hamburger-active #nav-icon2 span:nth-child(1) { left: 5px; top: 7px; }
.hamburger-active #nav-icon2 span:nth-child(2) { left: calc(50% - 5px); top: 7px; }
.hamburger-active #nav-icon2 span:nth-child(3) { left: -50%; opacity: 0; }
.hamburger-active #nav-icon2 span:nth-child(4) { left: 100%; opacity: 0; }
.hamburger-active #nav-icon2 span:nth-child(5) { left: 5px; top: 12px; }
.hamburger-active #nav-icon2 span:nth-child(6) { left: calc(50% - 5px); top: 12px; }

.menu-mobile--overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0,0,0,.5);
    -webkit-transform: translateX(120%);
        -ms-transform: translateX(120%);
            transform: translateX(120%);
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    transition: -webkit-transform 500ms ease-in-out;
    -o-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
    z-index: 129;
}
#menu-mobile {
    z-index: 130;
    position: fixed;
    background-color: var(--black);
    width: 100%;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(120%);
        -ms-transform: translateX(120%);
            transform: translateX(120%);
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    transition: -webkit-transform 500ms ease-in-out;
    -o-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    padding-top: 90px;
    -webkit-box-shadow: -25px 0px 15px -5px rgba(0,0,0,0.15);
    box-shadow: -25px 0px 15px -5px rgba(0,0,0,0.15);
}
#menu-mobile ul li a {
    color:var(--black);
    text-decoration: none;
}


.hamburger-active #menu-mobile {
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    transition: -webkit-transform 500ms ease-in-out;
    -o-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;

}
.hamburger-active .menu-mobile--overlay {
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    transition: -webkit-transform 500ms ease-in-out;
    -o-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
}

/* .hamburger-active #menu-mobile { display: none; } */

#logo-mobile {
    display: block;
    padding: 0;
    width: 180px;
    margin-left: 60px;
    margin-bottom: 30px;
}


.hamburger-wrapper {
    background-color:var(--main);
    display: none;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    transition: background 250ms ease;
    position: relative;
    z-index: 500;
    transform: scale(.7);
}

body.hamburger-active .hamburger-wrapper {
    background-color: var(--main);
}
body.hamburger-active #nav-icon2 span {
    background: var(--white);
}

@media ( max-width: 992px) {
    .hamburger-wrapper {
        display: flex;
    }
}

/* --- HOMEPAGE --- */
.hero--words {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1000px;
}
@media ( max-width: 992px ) {
    .hero > img {
        aspect-ratio: 1;
        object-fit: cover;
    }
}
/* --- FOOTER --- */

.logo-footer {
    max-width: 11rem;
}
.social a {
    margin-left: 1rem;
    margin-top: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--white);
}
.social a:first-child {
    margin-left: 0;
}
.social a.fb { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9200_261)'%3E%3Cpath d='M24.5 12.0719C24.4997 9.77866 23.8424 7.53355 22.6058 5.60233C21.3692 3.67111 19.6051 2.13465 17.5225 1.17486C15.4398 0.215067 13.1257 -0.127869 10.8542 0.186652C8.58263 0.501172 6.44878 1.45998 4.70524 2.94956C2.9617 4.43914 1.68149 6.39711 1.01616 8.59167C0.350828 10.7862 0.328247 13.1255 0.951088 15.3325C1.57393 17.5395 2.81611 19.5218 4.53057 21.0448C6.24503 22.5677 8.35996 23.5675 10.625 23.9259V15.5409H7.578V12.0719H10.625V9.42786C10.625 6.42086 12.417 4.75886 15.157 4.75886C16.0571 4.77177 16.9552 4.84998 17.844 4.99286V7.94686H16.33C15.8742 7.88636 15.4131 8.00934 15.048 8.28875C14.6829 8.56816 14.4437 8.98113 14.383 9.43686C14.3658 9.56448 14.3632 9.69363 14.375 9.82186V12.0719H17.7L17.168 15.5409H14.368V23.9259C17.192 23.4808 19.7644 22.0422 21.6219 19.869C23.4795 17.6957 24.5001 14.9307 24.5 12.0719Z' fill='%23826641'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9200_261'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.social a.ig { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M12.5 2.982C15.437 2.982 15.785 2.993 16.945 3.046C17.6424 3.05412 18.3332 3.18233 18.987 3.425C19.465 3.60111 19.8973 3.88237 20.252 4.248C20.6176 4.60269 20.8989 5.035 21.075 5.513C21.3177 6.16685 21.4459 6.85762 21.454 7.555C21.507 8.715 21.518 9.063 21.518 12C21.518 14.937 21.507 15.285 21.454 16.445C21.4459 17.1424 21.3177 17.8332 21.075 18.487C20.8919 18.9615 20.6116 19.3924 20.252 19.752C19.8924 20.1116 19.4615 20.3919 18.987 20.575C18.3332 20.8177 17.6424 20.9459 16.945 20.954C15.785 21.007 15.437 21.018 12.5 21.018C9.563 21.018 9.215 21.007 8.055 20.954C7.35762 20.9459 6.66685 20.8177 6.013 20.575C5.535 20.3989 5.10269 20.1176 4.748 19.752C4.38237 19.3973 4.10111 18.965 3.925 18.487C3.68233 17.8332 3.55412 17.1424 3.546 16.445C3.493 15.285 3.482 14.937 3.482 12C3.482 9.063 3.493 8.715 3.546 7.555C3.55412 6.85762 3.68233 6.16685 3.925 5.513C4.10111 5.035 4.38237 4.60269 4.748 4.248C5.10269 3.88237 5.535 3.60111 6.013 3.425C6.66685 3.18233 7.35762 3.05412 8.055 3.046C9.215 2.993 9.563 2.982 12.5 2.982ZM12.5 1C9.513 1 9.138 1.013 7.965 1.066C7.05258 1.08486 6.1499 1.25762 5.295 1.577C4.56355 1.86017 3.8994 2.29319 3.34521 2.84824C2.79102 3.40329 2.35904 4.06811 2.077 4.8C1.75762 5.6549 1.58486 6.55758 1.566 7.47C1.513 8.638 1.5 9.013 1.5 12C1.5 14.987 1.513 15.362 1.566 16.535C1.58486 17.4474 1.75762 18.3501 2.077 19.205C2.36017 19.9365 2.79319 20.6006 3.34824 21.1548C3.90329 21.709 4.56811 22.141 5.3 22.423C6.1549 22.7424 7.05758 22.9151 7.97 22.934C9.138 22.987 9.513 23 12.5 23C15.487 23 15.862 22.987 17.035 22.934C17.9474 22.9151 18.8501 22.7424 19.705 22.423C20.4365 22.1398 21.1006 21.7068 21.6548 21.1518C22.209 20.5967 22.641 19.9319 22.923 19.2C23.2424 18.3451 23.4151 17.4424 23.434 16.53C23.487 15.362 23.5 14.987 23.5 12C23.5 9.013 23.487 8.638 23.434 7.465C23.4151 6.55258 23.2424 5.6499 22.923 4.795C22.6398 4.06355 22.2068 3.3994 21.6518 2.84521C21.0967 2.29102 20.4319 1.85904 19.7 1.577C18.8451 1.25762 17.9424 1.08486 17.03 1.066C15.862 1.013 15.487 1 12.5 1Z' fill='%23826641'/%3E%3Cpath d='M12.5006 6.35059C11.3833 6.35059 10.2911 6.68189 9.36215 7.30261C8.43318 7.92333 7.70913 8.80559 7.28157 9.83781C6.85401 10.87 6.74214 12.0059 6.96011 13.1017C7.17808 14.1974 7.71609 15.204 8.50612 15.994C9.29615 16.7841 10.3027 17.3221 11.3985 17.54C12.4943 17.758 13.6301 17.6461 14.6623 17.2186C15.6946 16.791 16.5768 16.067 17.1975 15.138C17.8183 14.209 18.1496 13.1169 18.1496 11.9996C18.1496 10.5014 17.5544 9.06453 16.495 8.00514C15.4356 6.94575 13.9988 6.35059 12.5006 6.35059ZM12.5006 15.6666C11.7753 15.6666 11.0663 15.4515 10.4633 15.0486C9.86025 14.6456 9.39025 14.0729 9.1127 13.4029C8.83515 12.7328 8.76253 11.9955 8.90403 11.2842C9.04552 10.5729 9.39477 9.91946 9.9076 9.40663C10.4204 8.89379 11.0738 8.54454 11.7852 8.40305C12.4965 8.26155 13.2338 8.33417 13.9039 8.61172C14.5739 8.88927 15.1466 9.35927 15.5496 9.96231C15.9525 10.5653 16.1676 11.2743 16.1676 11.9996C16.1676 12.9721 15.7812 13.9049 15.0935 14.5925C14.4058 15.2802 13.4731 15.6666 12.5006 15.6666Z' fill='%23826641'/%3E%3Cpath d='M18.3708 7.44762C19.0998 7.44762 19.6908 6.85663 19.6908 6.12762C19.6908 5.3986 19.0998 4.80762 18.3708 4.80762C17.6418 4.80762 17.0508 5.3986 17.0508 6.12762C17.0508 6.85663 17.6418 7.44762 18.3708 7.44762Z' fill='%23826641'/%3E%3C/svg%3E"); }

/* --- 404 --- */
.error-404 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.error-404 img {
    padding: 0 15px;
    max-width: 425px;
    margin: 0 auto 3rem;
}
body.error404 header { position: fixed !important }
body.error404 #content { padding-top: 0 }

/* --- STAMPA --- */
@media screen {
    .print-only { display: none; }
}
@media print {
    .screen-only { display: none; }
}

/* - WPML -  */
.wpml-ls-legacy-dropdown {
    width: auto;
    margin-left: 1rem;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a {
    background-color: transparent;
    border: none
}

header.scrolled .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    background-color:#E7E7E7;
}