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

WordPress Theme © 2023 Tandu
*/

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&family=Tenor+Sans&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}

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



/* --- :root --- */
:root {
    --header-lg: 10rem;
    --header-md: 6.6rem;

    --black: #000000;
    --white: #ffffff;

    --main:#8493A6;
    /* --main:#C59463; */
    --secondary:#F2F2F2;
    /* --secondary:#F9F4F0; */
    --footer:#CAD2D8;

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

/* - 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: 'Quicksand', 'Helvetica', 'Arial', sans-serif;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'Tenor Sans', 'Times New Roman', serif;
    margin-bottom: 0;
}

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

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

.tenor-sans, .tenor-sans * {  font-family: 'Tenor Sans', 'Times New Roman', serif; }

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

.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 }

.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;
    line-height: 24px !important;
    -webkit-font-smoothing: antialiased;
}
#content ul {
    list-style: disc;
    padding-left: 1rem;
}
#content ul.list-unstyled {
    padding-left: 0;
    list-style: none; 
}
p, li {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}
.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quicksand, .quicksand * { font-family: 'Quicksand', 'Helvetica', 'Arial', sans-serif; }
.Tenor Sans, .Tenor Sans * { font-family: 'Tenor Sans', 'Times New Roman', serif; }
.page-title {
    text-transform: uppercase;
    font-size: 3rem;
}
.title-p, .title-p * {
    font-size: 1rem;
    line-height: 1em;
}
.title-15, .title-15 * {
    font-size: 1.5rem;
    line-height: 1em;
}
.title-2, .title-2 * {
    font-size: 2rem;
    line-height: 1em;
}
.title-25, .title-25 * {
    font-size: 2.5rem;
    line-height: 1em;
}
.title-3, .title-3 * {
    font-size: 3rem;
    line-height: 1em;
}
.title-35, .title-35 * {
    font-size: 3.5rem;
    line-height: 1em;
}
.title-4, .title-4 * {
    font-size: 4rem;
    line-height: 1em;
}
.title-5, .title-5 * {
    font-size: 5rem;
    line-height: 1em;
}

.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: 2rem
}

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

.w-70 {
    width: 70%!important
}

/* - 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);
}
.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"] {
    margin-bottom: var(--margin-xs);
    margin-top: var(--margin-xs);
    display: block;
    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;
}
.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;
    background-color: var(--main);
    border-radius: 5rem;
    padding: 1rem 2rem;
    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;
}
input[type="submit"],
body div .btn-bianco {
    background-color: var(--white);
}
body div .btn span {
    font-family: 'Quicksand', 'Helvetica', 'Arial', sans-serif;
    font-weight: 700;
    color: var(--white);
}
body div .btn-bianco span {
    font-family: 'Quicksand', 'Helvetica', 'Arial', sans-serif;
    font-weight: 700;
    color: var(--main);
}
@media ( max-width: 768px ) {
    body div .btn {
        padding: 0.5rem 1rem;
    }
}
/* 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 {
    color: inherit;
    text-decoration: none;
}

a.underline-link{
    text-decoration: none;
    border-bottom:1px solid transparent;
}
a.underline-link:hover {
    text-decoration: none;
    border-bottom:1px solid var(--main);
    color:var(--black);
}

.cmb-xxs { margin-bottom: 1rem !important }
.cmb-xs { margin-bottom: 2rem !important }
.cmb-sm { margin-bottom: 3rem !important }
.cmb-md { margin-bottom: 4rem !important }
.cmb-lg { margin-bottom: 5rem !important }
.cmb-xl { margin-bottom: 6rem !important }

.cmt-xxs { margin-top: 1rem !important }
.cmt-xs { margin-top: 2rem !important }
.cmt-sm { margin-top: 3rem !important }
.cmt-md { margin-top: 4rem !important }
.cmt-lg { margin-top: 5rem !important }
.cmt-xl { margin-top: 6rem !important }

.cpb-xxs { padding-bottom: 1rem !important }
.cpb-xs { padding-bottom: 2rem !important }
.cpb-sm { padding-bottom: 3rem !important }
.cpb-md { padding-bottom: 4rem !important }
.cpb-lg { padding-bottom: 5rem !important }
.cpb-xl { padding-bottom: 6rem !important }

.cpt-xxs { padding-top: 1rem !important }
.cpt-xs { padding-top: 2rem !important }
.cpt-sm { padding-top: 3rem !important }
.cpt-md { padding-top: 4rem !important }
.cpt-lg { padding-top: 5rem !important }
.cpt-xl { 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 --- */

*:focus {
    outline: none !important
}
#content {
    padding-top: 3rem;
}

section {
    overflow: hidden;
    position: relative;
    margin-bottom: 5rem;
}
section.no-margin {
    margin-bottom: 0;
}
.gen--section{
    overflow: hidden;
    position: relative;
    margin-bottom: 2.5rem;
}
.gen--title {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.gen--p * {
    margin-bottom: 1rem;
}
.gen--p *:last-child {
    margin-bottom: 0px;
}
.list-inline-item {
    margin-top: 1rem;
}
.gen--bcg {
    background-size: cover;
    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--video {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}
.gen--hero-video {
    width: 100%;
    height: 100vh;
    position: relative;
}
.gen--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; }

#slider-wts{
    padding-bottom:4.25rem;
}
#slider-wts .swiper-button-next, #slider-wts .swiper-button-prev{
    color: var(--main);
    bottom: 0;
    top:inherit;
}
#slider-wts .swiper-button-next{
    right:45%;
    /*background-image: url("data:image/svg+xml,%3Csvg width='11' height='24' viewBox='0 0 11 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 12L1 23' stroke='%23C59463' stroke-width='2'/%3E%3C/svg%3E");*/
}
#slider-wts .swiper-button-next::after, #slider-wts .swiper-button-prev::after{
    font-size: 22px;
}
#slider-wts .swiper-button-prev{
    left: 45%;
    /*background-image: url("data:image/svg+xml,%3Csvg width='11' height='24' viewBox='0 0 11 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 23L2 12L10 0.999999' stroke='%23C59463' stroke-width='2'/%3E%3C/svg%3E%0A");*/
}

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

.social a {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-size:contain;
    background-repeat:no-repeat;

}
.social a:not(:last-child) {
    margin-right: 2rem;
}
.social a.fb { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.9971 16.9985C33.9971 7.60987 26.3872 0 16.9985 0C7.60987 0 0 7.60987 0 16.9985C0 25.4832 6.21609 32.5156 14.3425 33.79V21.911H10.0271V16.9961H14.3425V13.2509C14.3425 8.99149 16.8791 6.63762 20.7633 6.63762C22.6225 6.63762 24.5694 6.96901 24.5694 6.96901V11.1529H22.4251C20.3125 11.1529 19.6545 12.4638 19.6545 13.8064V16.9961H24.3696L23.6166 21.911H19.657V33.79C27.7834 32.5156 33.9995 25.4832 33.9995 16.9985H33.9971Z' fill='%238493A6'/%3E%3Cpath d='M23.6143 21.914L24.3673 16.9991H19.6523V13.8094C19.6523 12.4644 20.3101 11.1559 22.4228 11.1559H24.5671V6.97202C24.5671 6.97202 22.6226 6.64062 20.7609 6.64062C16.8768 6.64062 14.3402 8.9945 14.3402 13.2539V16.9991H10.0248V21.914H14.3402V33.793C15.2052 33.9294 16.0922 34.0001 16.9962 34.0001C17.9002 34.0001 18.7872 33.9294 19.6523 33.793V21.914H23.6119H23.6143Z' fill='white'/%3E%3C/svg%3E%0A"); }
.social a.ig { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z' fill='%238493A6'/%3E%3Cpath d='M22.2766 10.5684C21.6308 10.5684 21.1069 11.0923 21.1069 11.7381C21.1069 12.3839 21.6308 12.9078 22.2766 12.9078C22.9224 12.9078 23.4463 12.3839 23.4463 11.7381C23.4463 11.0923 22.9224 10.5684 22.2766 10.5684Z' fill='white'/%3E%3Cpath d='M17.0811 12.0669C14.3737 12.0669 12.1731 14.2699 12.1731 16.9749C12.1731 19.6799 14.3761 21.8828 17.0811 21.8828C19.7861 21.8828 21.989 19.6799 21.989 16.9749C21.989 14.2699 19.7861 12.0669 17.0811 12.0669ZM17.0811 20.1209C15.346 20.1209 13.9374 18.71 13.9374 16.9773C13.9374 15.2446 15.3484 13.8337 17.0811 13.8337C18.8138 13.8337 20.2247 15.2446 20.2247 16.9773C20.2247 18.71 18.8138 20.1209 17.0811 20.1209Z' fill='white'/%3E%3Cpath d='M20.9773 26.9429H13.0182C9.71621 26.9429 7.03076 24.2574 7.03076 20.9553V12.9963C7.03076 9.69428 9.71621 7.00879 13.0182 7.00879H20.9773C24.2793 7.00879 26.9648 9.69428 26.9648 12.9963V20.9553C26.9648 24.2574 24.2793 26.9429 20.9773 26.9429ZM13.0182 8.88522C10.7519 8.88522 8.90718 10.73 8.90718 12.9963V20.9553C8.90718 23.2217 10.7519 25.0664 13.0182 25.0664H20.9773C23.2436 25.0664 25.0884 23.2217 25.0884 20.9553V12.9963C25.0884 10.7275 23.2436 8.88522 20.9773 8.88522H13.0182Z' fill='white'/%3E%3C/svg%3E%0A"); }
.social a.in { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z' fill='%238493A6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.50447 13.4131H11.4026V26.9987H7.50447V13.4131ZM9.35419 11.7138H9.32596C7.91486 11.7138 7 10.6752 7 9.3601C7 8.01806 7.94191 7 9.38123 7C10.8194 7 11.7037 8.01549 11.7319 9.35626C11.7319 10.6714 10.8194 11.7138 9.35419 11.7138ZM27 27H22.5797V19.9684C22.5797 18.1282 21.8883 16.8732 20.3678 16.8732C19.2048 16.8732 18.5581 17.7197 18.2571 18.538C18.1442 18.8299 18.1618 19.2384 18.1618 19.6482V27H13.7827C13.7827 27 13.8391 14.5451 13.7827 13.4131H18.1618V15.5453C18.4205 14.613 19.8198 13.2825 22.0529 13.2825C24.8234 13.2825 27 15.2379 27 19.4446V27Z' fill='white'/%3E%3C/svg%3E%0A"); }
.social a.yt { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z' fill='%238493A6'/%3E%3Cpath d='M27 14.3889C27 11.9652 25.0351 10 22.6117 10H11.3883C8.96489 10 7 11.9652 7 14.3889V19.6111C7 22.0348 8.96489 24 11.3883 24H22.6117C25.0351 24 27 22.0348 27 19.6111V14.3889ZM20.4005 17.3917L15.3678 19.881C15.1713 19.9884 14.5007 19.8443 14.5007 19.6216V14.5094C14.5007 14.2815 15.1766 14.14 15.373 14.2527L20.191 16.8729C20.3927 16.9882 20.6049 17.2791 20.4005 17.3917Z' fill='white'/%3E%3C/svg%3E%0A"); }


#footer .social a.fb { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.9971 16.9985C33.9971 7.60987 26.3872 0 16.9985 0C7.60987 0 0 7.60987 0 16.9985C0 25.4832 6.21609 32.5156 14.3425 33.79V21.911H10.0271V16.9961H14.3425V13.2509C14.3425 8.99149 16.8791 6.63762 20.7633 6.63762C22.6225 6.63762 24.5694 6.96901 24.5694 6.96901V11.1529H22.4251C20.3125 11.1529 19.6545 12.4638 19.6545 13.8064V16.9961H24.3696L23.6166 21.911H19.657V33.79C27.7834 32.5156 33.9995 25.4832 33.9995 16.9985H33.9971Z' fill='%23FFFFFF'/%3E%3Cpath d='M23.6143 21.914L24.3673 16.9991H19.6523V13.8094C19.6523 12.4644 20.3101 11.1559 22.4228 11.1559H24.5671V6.97202C24.5671 6.97202 22.6226 6.64062 20.7609 6.64062C16.8768 6.64062 14.3402 8.9945 14.3402 13.2539V16.9991H10.0248V21.914H14.3402V33.793C15.2052 33.9294 16.0922 34.0001 16.9962 34.0001C17.9002 34.0001 18.7872 33.9294 19.6523 33.793V21.914H23.6119H23.6143Z' fill='%238493A6'/%3E%3C/svg%3E%0A"); }
#footer .social a.ig { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z' fill='%23FFFFFF'/%3E%3Cpath d='M22.2766 10.5684C21.6308 10.5684 21.1069 11.0923 21.1069 11.7381C21.1069 12.3839 21.6308 12.9078 22.2766 12.9078C22.9224 12.9078 23.4463 12.3839 23.4463 11.7381C23.4463 11.0923 22.9224 10.5684 22.2766 10.5684Z' fill='%238493A6'/%3E%3Cpath d='M17.0811 12.0669C14.3737 12.0669 12.1731 14.2699 12.1731 16.9749C12.1731 19.6799 14.3761 21.8828 17.0811 21.8828C19.7861 21.8828 21.989 19.6799 21.989 16.9749C21.989 14.2699 19.7861 12.0669 17.0811 12.0669ZM17.0811 20.1209C15.346 20.1209 13.9374 18.71 13.9374 16.9773C13.9374 15.2446 15.3484 13.8337 17.0811 13.8337C18.8138 13.8337 20.2247 15.2446 20.2247 16.9773C20.2247 18.71 18.8138 20.1209 17.0811 20.1209Z' fill='%238493A6'/%3E%3Cpath d='M20.9773 26.9429H13.0182C9.71621 26.9429 7.03076 24.2574 7.03076 20.9553V12.9963C7.03076 9.69428 9.71621 7.00879 13.0182 7.00879H20.9773C24.2793 7.00879 26.9648 9.69428 26.9648 12.9963V20.9553C26.9648 24.2574 24.2793 26.9429 20.9773 26.9429ZM13.0182 8.88522C10.7519 8.88522 8.90718 10.73 8.90718 12.9963V20.9553C8.90718 23.2217 10.7519 25.0664 13.0182 25.0664H20.9773C23.2436 25.0664 25.0884 23.2217 25.0884 20.9553V12.9963C25.0884 10.7275 23.2436 8.88522 20.9773 8.88522H13.0182Z' fill='%238493A6'/%3E%3C/svg%3E%0A"); }
#footer .social a.in { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z' fill='%23FFFFFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.50447 13.4131H11.4026V26.9987H7.50447V13.4131ZM9.35419 11.7138H9.32596C7.91486 11.7138 7 10.6752 7 9.3601C7 8.01806 7.94191 7 9.38123 7C10.8194 7 11.7037 8.01549 11.7319 9.35626C11.7319 10.6714 10.8194 11.7138 9.35419 11.7138ZM27 27H22.5797V19.9684C22.5797 18.1282 21.8883 16.8732 20.3678 16.8732C19.2048 16.8732 18.5581 17.7197 18.2571 18.538C18.1442 18.8299 18.1618 19.2384 18.1618 19.6482V27H13.7827C13.7827 27 13.8391 14.5451 13.7827 13.4131H18.1618V15.5453C18.4205 14.613 19.8198 13.2825 22.0529 13.2825C24.8234 13.2825 27 15.2379 27 19.4446V27Z' fill='%238493A6'/%3E%3C/svg%3E%0A"); }
#footer .social a.yt { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z' fill='%23FFFFFF'/%3E%3Cpath d='M27 14.3889C27 11.9652 25.0351 10 22.6117 10H11.3883C8.96489 10 7 11.9652 7 14.3889V19.6111C7 22.0348 8.96489 24 11.3883 24H22.6117C25.0351 24 27 22.0348 27 19.6111V14.3889ZM20.4005 17.3917L15.3678 19.881C15.1713 19.9884 14.5007 19.8443 14.5007 19.6216V14.5094C14.5007 14.2815 15.1766 14.14 15.373 14.2527L20.191 16.8729C20.3927 16.9882 20.6049 17.2791 20.4005 17.3917Z' fill='%238493A6'/%3E%3C/svg%3E%0A"); }

/* --- HEADER --- */
#masthead { display: none; }
#header {
    z-index: 100;
    position: sticky;
    width: 100%;
    top: 0;
    background-color: var(--white);
    border-bottom: 2px var(--secondary) solid;
}

/* 
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, #header > .container .row .col-6 {
    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: calc(var(--header-lg) * .8);
    position: relative;
    z-index: 110;
    transition: height 250ms ease;
}
#header.scrolled > .container .row .col-12 {
    height: calc(var(--header-lg) * .6)
}
#logo{margin-right:auto;}
.logo img {
    width: 10rem;
    height: 6rem;
    -o-object-fit: contain;
       object-fit: contain;
       object-position: left;
}
.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(--black);
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 0 0rem;
}

#header > .container ul.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    margin-right: 3rem;
}
#header > .container ul.menu li {
    position: relative;
    display: flex;
    align-items: center;
    /*border-bottom:1px solid transparent;*/
    margin: 0 1rem;
}

@media screen and (max-width: 1200px) {
    #header > .container ul.menu li{
        margin: 0 .5rem;
    }
}


#header > .container ul.menu li:hover a::after,
#header > .container ul.menu li.current-menu-item:not(.menu-item-399) a::after,
#header > .container ul.menu li.current_page_item:not(.menu-item-399) a::after {
    content: '';
    border-bottom: 1px solid var(--main);
    width: 100%;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
}
#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 - TABLET, MOBILE --- */
@media ( max-width: 1440.1px ) {
    #header > .container ul.menu li {
        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 {
        position: fixed;
        top: 0;
    } */
    #header > .container .row .col-12,
    #header > .container {
        height: var(--header-md)
    }
    #header.scrolled > .container,
    #header.scrolled > .container .row .col-12 {
        height: calc(var(--header-md) * .8)
    }
    #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: 10rem;
        height: 5rem;
    }
}
@media ( max-width: 990.1px ) {
    #header.scrolled > .container,
    #header.scrolled > .container .row .col-12 {
        height: calc(var(--header-md) * .66)
    }

    #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;
    }
    #logo img {
        width: 9rem;
        height: 4rem;
    }
}

@media ( max-width: 768px ) {
    body div .btn.mail-btn {
        width: auto;
        min-width: auto !important;
        padding: 1rem;
        border-radius: 50%;
    }
    .mail-btn span { display: none; }
    .mail-btn::before {
        content: ' ';
        width: 1rem;
        height: 1rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 16C1.45 16 0.979002 15.804 0.587002 15.412C0.195002 15.02 -0.000664969 14.5493 1.69779e-06 14V2C1.69779e-06 1.45 0.196002 0.979002 0.588002 0.587002C0.980002 0.195002 1.45067 -0.000664969 2 1.69779e-06H18C18.55 1.69779e-06 19.021 0.196001 19.413 0.588001C19.805 0.980001 20.0007 1.45067 20 2V14C20 14.55 19.804 15.021 19.412 15.413C19.02 15.805 18.5493 16.0007 18 16H2ZM10 9L2 4V14H18V4L10 9ZM10 7L18 2H2L10 7ZM2 4V2V14V4Z' fill='white'/%3E%3C/svg%3E%0A");
    }
    #header > .container ul.menu {
        margin-right: 0;
    }
    #header > .container ul.menu li{
        margin-bottom: 35px;
    }
    #slider-wts .swiper-button-prev{
        left:35%;
    }
    #slider-wts .swiper-button-next{
        right:35%;
    }

    #header > .container ul.menu li.menu-item-has-children {
        flex-direction: column;
    }
    #header #menu-mobile ul.sub-menu {
        position: relative;
        left: 0;
        opacity: 1;
        pointer-events: all;
    }
    #header #menu-mobile ul:not(.sub-menu) li a {
        font-size: 1.5rem;
    }
    #header #menu-mobile ul.sub-menu li a {
        font-size: 1rem;
    }
    #header > .container ul.menu li.menu-item-has-children ul.sub-menu li {
        margin-bottom: 0;
    }
    #header > .container ul.menu li.menu-item-has-children ul.sub-menu li:last-child {
        padding-bottom: 0;
    }
    #header > .container ul.menu li:hover a::after, #header > .container ul.menu li.current-menu-item:not(.menu-item-399) a::after, #header > .container ul.menu li.current_page_item:not(.menu-item-399) a::after {
        content: none
    }

}

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

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: var(--main);
  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{
    margin-right:2rem;
}
.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(--white);
    width: 400px;
    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;
}

/* --- HOMEPAGE --- */
body.page-template-template-home #content {
    padding-top: 0;
}
.landing--social {
    margin-top: -12rem;
}
.images {
    position: relative;
}
.img-sec {
    position: absolute;
    height: 58%;
    width: auto;
    top: 21%;
    z-index: 5;
}
.img-main {
    width: 80%;
}

.img-left .img-main { margin-left: 20%; }
.img-right .img-main { margin-right: 20%; }

.img-left .img-sec { left: 2rem; }
.img-right .img-sec { right: 2rem; }
.img-sec img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.img-left .img-sec img { object-position: left; }
.img-right .img-sec img { object-position: right; }
#slider-main .swiper-slide {
    height: auto;
}
#slider-main img {
    height: 100%;
    object-fit: cover;
}

@media ( max-width: 768px ) {
    .landing--social {
        margin-top: 0;
    }
    body.page-template-template-home .landing--hero .img-left .img-main {
        margin-left: 0;
        width: 100%;
    }
}

/* --- MANIFESTO --- */
body.page-template-template-manifesto #content {
    padding-top: 0;
}

/* --- FOOTER --- */
#footer .container {
    background-color: var(--footer);
}
#footer .logo img {
    width: 70% !important;
    height: auto;
    margin: 0 auto;
}
/* @media ( max-width: 768px) {
    #footer .logo img {
        width: auto !important;
        height: 8rem;
        margin-left: auto;
        margin-right: auto;
    }
} */

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

/* --- I MIEI SERVIZI --- */
.service-wrapper{
    padding: 4rem 2rem;
    border:1px solid var(--main);
    height: 100%;
}
.service-wrapper ul{
    margin-top:2.5rem;
}
.service-wrapper ul li{
    margin-bottom: 0.25rem;
}
.service-wrapper .title-4{
    font-size:60px;
}

/* --- DICONO DI ME / ISPIRAZIONI --- */
.wts-wrapper, .inspiration-wrapper{
    padding: 2rem 1.5rem;
}
.inspiration-wrapper{
    min-height: 116px;
}
.wts-wrapper .title-15, .inspiration-wrapper .title-15{
    font-size: 20px;
    line-height: 26px;
}
@media ( max-width: 768px ) {
    .inspiration-wrapper{
        margin-bottom:2rem;
    }
}
.line-clamp{
    display: -webkit-box;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.line-3{ -webkit-line-clamp: 3;}
.line-2{ -webkit-line-clamp: 2;}

/* --- ARTICLE SINGLE --- */
/*.article--single p, .article--single ul{
    margin-bottom:0;
}
.article--single .spacer{
    display: block;
    margin-bottom:2.5rem;
}*/
.article--single .gen--p a, .article--single p a{
    color: var(--black);
}
.article--single ul.list-tag li a{
    border: 1px solid var(--main);
    border-radius: 64px;
    padding: 4px 20px;
    margin-bottom: 1.25rem;
}
.article--single .lastpost-wrapper{
    padding: 20px 15px 22px;
    margin-bottom:1.25rem;
}
.article--single .lastpost-wrapper p{
    margin-bottom:1.25rem;
}
.article--single .lastpost-wrapper h4{
    font-size:1.25rem;
}

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

<!--