:root{
    --font-heading: normal 900 18px "nexa-rust-slab-black", sans-serif;
    --font-text: normal 400 18px "Montserrat", sans-serif;
    --padding-content:200px;
    --padding-row: 140px;

    --color-very-light-blue: #F7FAFF;
    --color-light-green: #E3EEDD;
    --color-green: #3D860B;
    --color-dark-green: #00610E;
    --color-gray: #9A9A9A;
    --color-light-white: rgb(255 255 255 / 50%);   
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: var(--font-text);
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    outline: none !important;
    color: var(--color-blue);
}
*:focus{
    outline: none;
}
#iubenda-cs-banner [class^=iub] strong{
    font-family: -apple-system,sans-serif!important;
    font-size: 100% !important;
    font-weight: 700;
}
.wpml-ls-flag{
    height: 20px !important;
    max-width: none;
    width: auto !important;
}
.language-switcher-widget ul.wp-block-navigation__container > li.wp-block-navigation-item{
    background: #E3EEDD;
    border: #E3EEDD 6px solid;
    border-radius: 16px;
}
.language-switcher-widget ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container{
    width: calc(100% + 12px) !important;
    border: 6px #E3EEDD solid !important;
    border-radius: 16px;
    top: 100%;
    left: -6px;
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item{
    background-color:#E3EEDD !important;
}
.current-language-item{
    min-height: 0px;
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{
    padding-right: 0px;
    margin-right: 0px;
}
.current-language-item .wp-block-navigation-item__content>div{
    /* background-color: #E3EEDD; */
    width:20px;
    height: 20px;
    overflow: hidden;
    /* border-radius: 16px !important; */
    /* border: #E3EEDD 6px solid; */
    box-sizing: content-box;
}
.language-switcher-widget ul.wp-block-navigation__container > li.wp-block-navigation-item > div[aria-expanded="true"],
.current-language-item .wp-block-navigation-item__content>div:hover{
    padding-right: 30px;
    background-image:url(./images/arrow-menu.svg);
    background-repeat: no-repeat;
    background-size: 8px 15px;
    background-position: calc(100% - 8px) center;
}
[data-wpml='language-item']:first-of-type{
    margin-top: 0px !important;
}
body.hidden{
    overflow:hidden;
}
.otgs-development-site-front-end{
    display: none;
}
html{
    scroll-behavior: smooth;
}
.entry-content, .wpb_content_element{
    margin: 0px !important;
}
body.page,
article.page{
    margin-bottom:0px;
}
.vc_column_container > .vc_column-inner {
    padding: 0px !important;
}

.vc_row{
    display:flex;
}
.vc_row:after, 
.vc_row:before,
.vc_column-inner::after,
.vc_column-inner::before{
    display: none !important;
}
.vc_row .wpb_column{
    float:none;
}
.vc_row.wpb_row,
p,
.widget{
    margin: 0px;
}
.entry-content > section.content > div:not(.wpb-content-wrapper),
.entry-content > .wpb-content-wrapper > div,
.entry-content .green-son,
.strutture,
.row-sponsor,
.vc_row.wpb_row.row-attivita{
    padding-left: var(--padding-content);
    padding-right: var(--padding-content);
}
header{
    display: flex;
    justify-content: space-between;
}
header .main-navigation{
    display: none;
}
.main-navigation li.menu-item-type-custom + li.wpml-ls-item{
    margin-top: 16px;
}
.main-navigation li.wpml-ls-item{
    display: flex;
    justify-content: center;
}
body.menu-opened header .main-navigation{
    display: block;
}
header{
    padding: 0px var(--padding-content) !important;
    z-index: 9999;
    position: absolute;
    width: 100%;
}
header .site-branding{
    padding: 32px 35px 66px 35px;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F5FCF2 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 0px #00000012;
    border-radius: 0px 0px 35px 35px;
}
header .site-branding a{
    display: block;
}
header > div.menu{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    height: fit-content;
    gap: 14.5px;
    margin-top: 42px;
    flex-wrap: wrap;
}
header .menu-heading{
    color: var(--color-green);
    font: var(--font-text);
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}
header .hamburger{
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}
header .hamburger span{
    width: 30px;
    height: 4px;
    display: block;
    background-color: var(--color-green);
    border-radius: 2px;
}
.main-navigation ul{
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.main-navigation ul li a,
.main-navigation ul li a span.wpml-ls-native{
    color: var(--color-green);
    font: var(--font-text);
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
}
.main-navigation ul li a span.wpml-ls-native{
    color: #DCFAC8;
}
.hero .text-hero h1{
    font: var(--font-heading);
    font-weight: 900 !important;
    line-height: 1.2 !important;
    font-size: 47px !important;
    letter-spacing: 0em;
    color: white;
    margin: 0px;
    margin-bottom: 24px;
}
.hero p,
.hero .bottone a{
    color: var(--color-light-green);
}
.hero .bottone a{
    margin-top: 32px;
}
.hero p{
    opacity: 0.73;
    width: 38%;
}
.hero p,
.green p,
.green p strong,
.green ul li a,
.green ul li strong,
.light-blue p,
.rosa p,
.light-light-blue p,
.orange p,
.bottone a{
    font: var(--font-text);
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.18;
    font-weight: 700;
}
.hero .text-hero{
    background: url(./images/verde.svg) no-repeat;
    padding: 146px var(--padding-content);
    left: 0px;
    position: absolute;
    bottom: -134px;
    width: 100vw;
    z-index: 999;
    background-size: contain;
    height: 46vw;
    display: flex;
    align-items: center;
}
.immagine-hero{
    /* background-image: url(./images/parco-avventura-hero.webp); */
    max-height: 1080px;
    height: 56vw;
    margin-left: 23%;
}
body.inverno .immagine-hero.estate{
    display: none;
}
body.estate .immagine-hero.inverno{
    display: none;
}
div.immagine-hero img,
div.immagine-hero figure,
div.immagine-hero .vc_single_image-wrapper{
    display: block;
    height: 100%;
}
div.immagine-hero img{
    object-fit: cover;
}
section{
    padding: 0px !important;
    margin: 0px !important;
}
section.hero{
    position: relative;
    /* margin-top: -303px; */
    padding: 0px;
    /* margin: -303px 0px 0px 0px !important; */
}
.row-tondi{
    position: absolute;
    z-index: 99;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100vw;
}
.tondo-sx{
    background: url(./images/tondo-sx.svg) no-repeat;
    width: 32% !important;
    height: 706px;
    background-size: contain;
    width: 614px !important;
}
.tondo-dx{
    background: url(./images/bg-menu.svg) no-repeat;
    height: 114px;
    background-size: auto 100%;
    width: 100% !important;
    max-width: 710px;
}
body.menu-opened .tondo-dx{
    width: 1230px !important;
}

.green{
    background: linear-gradient(180deg, #E1EDDA, #C7E2B9);
}
.light-blue{
    background: linear-gradient(180deg, #F6FDFF , #FFFFFF);
}
.rosa{
    background: linear-gradient(180deg, #F2E4DB, #F2E4DB);
}
.light-light-blue{
    background: linear-gradient(180deg, #E0F4FF, #FCFEFF);
}
.orange{
    background: linear-gradient( 180deg, #FFCB96, #FCFEFF);
}
.light-blue,
.rosa,
.light-light-blue,
.orange{
    padding-top: calc(6vw + 100px) !important;
    margin-top: -6vw !important;
    z-index: 9;
    position: relative;
}
.light-blue, .light-light-blue, .orange{
    padding-bottom: 85px !important;
}
.light-blue{
    padding-bottom: 75px !important;
}
.green-son.primo{
    padding-top: 234px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.green-son{
    padding: 0px 0px;
}
.tondo-green{
    background: url(./images/tondo-green.svg) no-repeat;
    width: 100vw;
    height: 6vw;
    background-size: cover;
    position: relative;
    z-index: 99;
}
.tondo-light-blue{
    background: url(./images/tondo-light-blue.svg) no-repeat;
    width: 100vw !important;
    height: 120px;
    background-size: cover;
    position: relative;
    z-index: 99;
    height: 6vw;
}
.tondo-rosa{
    background: url(./images/tondo-rosa.svg) no-repeat;
    width: 100vw;
    height: 6vw;
    background-size: cover;
    position: relative;
    z-index: 99;
}
.content h3{
    font: var(--font-heading);
    font-size: 40px !important;
    letter-spacing: 0em;
    line-height: 1.2;
    margin-bottom: 16px;
}
.progetto h3{
    margin-bottom: 24px;
}
.green h3{
    color: var(--color-dark-green);
}
.green p, .green ul li a, .strutture h4, .strutture a{
    color: var(--color-green);
}
.strutture a{
    font-size: 14px;
}
.green p strong{
    color: var(--color-dark-green);
}
.green ul li{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.green ul li strong{
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 29px;
    height: 29px;
    background-color: var(--color-dark-green);
    border-radius: 50%;
}
.green ul li:hover strong{
    background-color: #f5881a;
}
.green ul li:hover a{
    color:#f5881a;
}
.green ul{
    list-style: none;
    margin: 0px;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.tondo-bianco{
    background: url(./images/tondo-bianco.svg) no-repeat;
    height: 36vw;
    /* margin-left: -1 * var(--padding-content); */
    padding-left: var(--padding-content) !important;
    background-size: contain;
    display: flex;
    align-items: center;
    background-position: left;
}
.tondo-bianco + div{
    width: 50%;
}
.tondo-bianco img,
.tondo-bianco picture{
    display: block;
}
.tondo-bianco img{
    height: 19vw !important;
    width: auto;
}
.kit{
    display: flex;
    align-items: center;
    gap: 90px;
    justify-content: space-between;
    padding-top: 111px;
    padding-bottom: 36px;
    padding-left: 0px !important;
}
.green p + p{
    margin-top: 21px;
}
.icons{
    padding-top: 70px;
    padding-bottom: 21px;
}
.green-son .icon figure{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 225px;
}
.green-son .icon figure::after{
    content: "";
    display: block;
    height: 225px;
    width: 242px;
    background: url(./images/icon-bg.svg) no-repeat;
    background-size: contain;
    margin: auto;
    background-position: center;
    position: absolute;
    z-index: 9;
    align-items: center;
    justify-content: center;
}
.green-son .icon img{
    position: relative;
    z-index: 99;
}
.green-son .icon div{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.icons-text{
    margin-top: 21px !important;
    max-width: 340px;
}
.icons-text p,
.light-blue h3,
.rosa h3,
.light-light-blue h3,
.light-blue p,
.rosa p,
.light-light-blue p,
.orange h3,
.orange p{
    text-align: center !important;
}
.colore h3{
    text-align: center !important;
    margin-bottom: 16px;
}
.colore{
    padding-top: 90px;
    padding-bottom: 34px;
    text-align: center;
}
.light-blue,
.rosa,
.light-light-blue,
.orange{
    padding: 0px 0px;
}
.light-blue h3{
    color: #329B90;
}
.rosa h3{
    color: #905731;
}
.light-light-blue h3{
    color: #3A96C6;
}
.orange h3{
    /* color: #ff7400 !important; */
}
.light-blue p,
.light-blue .swiper h4,
.light-blue .swiper h4 a{
    color: #53BBB1;
}
.rosa p,
.rosa .swiper h4,
.rosa .swiper h4 a{
    color: #C29679;
}
.light-light-blue p,
.light-light-blue .swiper h4,
.light-light-blue .swiper h4 a{
    color: #6ACCFF;
}
.orange p,
.orange .swiper h4,
.orange .swiper h4 a{
    color: #FF9A00;
}
.bottone a{
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: max-content !important;
}
.swiper-activities .bottone a{
    font-size: 15px;
}
.bottone a::after{
    content: "";
    display: block;
    background: url(./images/arrow.svg) no-repeat;
    height: 31px;
    width: 31px;
}
.swiper-activities .bottone a::after,
.strutture .bottone a::after{
    height: 24px;
    width: 24px;
    background-size: cover !important;
}
.colore .bottone a{
    padding: 18px 23px;
    background: #F4F8F2;
    border-radius: 33px;
    color: var(--color-green);
    box-shadow: 0px 3px 0px #00610E29;
    margin: auto;
}
.colore .bottone a::after{
    background: url(./images/freccia-green.svg) no-repeat;
}
.light-blue .bottone a::after{
    background: url(./images/freccia-light-blue.svg) no-repeat;
}
.rosa .bottone a::after{
    background: url(./images/freccia-rosa.svg) no-repeat;
}
.light-light-blue .bottone a::after{
    background: url(./images/freccia-llight-blue.svg) no-repeat;
}
.orange .bottone a::after{
    background: url(./images/freccia-estate.svg) no-repeat;
}
footer{
    display: flex;
    justify-content: space-between;
    padding: 0px 0px 23px 0px;
    margin: 0px var(--padding-content);
    align-items: flex-end;
    flex-wrap: wrap;
}
footer .footer-top{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 36px;
    padding-bottom: 39px;
    padding-right: 65px;
    padding-left: 65px;
}
footer .footer-top .row-top{
    width: 50%;
}
footer .footer-top .col-sx{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
footer .footer-top .col-dx{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
footer span.line{
    display: block;
    height: 1px;
    width: 100%;
    background-color: #CBEDFF;
    margin-bottom: 23px;
    border-radius: 0px 0px 3px 3px;
}
footer h3, footer h3 a, footer p, footer p a{
    font: var(--font-text);
    line-height: 1.23;
    font-size: 13px;
    letter-spacing: 0em;
    font-weight: 700;
}
footer h3, footer h3 a{
    color: #186F9D !important;
}
footer p,
footer p a{
    color: #5797B8 !important;
}
footer .col-1,
footer .col-3{
    padding-bottom: 9px;
}
footer .col-3{
    text-align: end;
}
.hero h1,
.green h3,
.light-blue h3,
.rosa h3,
.light-light-blue h3,
.orange h3,
dialog section.content h3{
    --line-count: 1; /* you can change the line count */
    line-height: 1.2 !important;
    background-image: linear-gradient(180deg, #329B90, #53BBB1);
    background-size: 100% calc( var(--line-count));;
    background-repeat: no-repeat;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent;
    position: relative;
    font: var(--font-heading);
    font-size: 40px !important;
}
dialog section.content h3{
    font-size: 26px !important;
    text-wrap: balance;
    margin-bottom: 0px;
}
.rosa h3{
    background-image: linear-gradient(180deg, #905731, #C39679);
}
.light-light-blue h3{
    background-image: linear-gradient(180deg, #3A96C6, #6ACCFF);
}
.orange h3{
    background-image: linear-gradient(180deg, #ff9a00, #ffae32);
    margin-bottom: 16px;
}
.green h3{
    background-image: linear-gradient(180deg, #00610E, #3D860B);
}
.hero h1{
    background-image: linear-gradient(180deg, #E3EEDD, #FFFFFF);
}
.rosa .bottone a{
    color: #905731;
}
.light-light-blue .bottone a{
    color:  #3A96C6;
}
.light-blue .bottone a{
    color: #329B90;
}
.orange .bottone a{
    color: #FFAE32;
}
div.strutture{
    padding-top: 60px;
    padding-bottom: 96px;
}
.strutture .grid-hotels{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
}
.strutture article{
    width: calc((100% - 120px) / 6);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.swiper.att{
    margin-top: 34px;
}
.swiper.att .swiper-wrapper{
    display: flex;
    flex-direction: row;
}
.swiper.att .swiper-slide{
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.swiper h4,
.strutture h4{  
    margin-top: 17px;
    margin-bottom: 7px;
    text-align: center;
    text-wrap: balance;
    max-width: 220px;
}
.strutture h4{
    margin-bottom: 5px;
}
.swiper h4 a,
.strutture h4 a{
    font: var(--font-heading);
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.18;
    text-wrap: balance;
    display: block;
}
.swiper a,
.strutture a{
    display: block;
    width: 100%;
}
.swiper .img,
.strutture .img{
    border-radius: 64px;
    overflow: hidden;
    box-shadow: 0px 3px 6px #00000029;
}
.strutture .img{
    border-radius: 32px;
}
.swiper img,
.strutture img{
    display: block;
    object-fit: cover;
    width: 100%;
}
.single-attivita{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.swiper.carosello_immagini figure,
.swiper.carosello_immagini figure img{
    display: block;
    margin: 0px;
}
.green-son.primo >  div + div{
    padding-left: 84px
}
.swiper.carosello_immagini{
    border-radius: 70px 32px 70px 32px;
    overflow: hidden;
}
.carosello_immagini .swiper-pagination{
    bottom: 32px !important;
    top: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carosello_immagini .swiper-pagination .swiper-pagination-bullet{
    background: url(./images/Ellisse.svg) no-repeat;
    height: 8px;
    width: 8px;
    margin: 0px 4px !important;
    opacity: 1;
}
.carosello_immagini .swiper-pagination .swiper-pagination-bullet-active{
    height: 6px;
    width: 16px;
    border-radius: 3px;
    background: white;
}
.carosello_immagini .swiper-button-prev,
.carosello_immagini .swiper-button-next{
    background: url(./images/arrow-c-white.svg) no-repeat;
    width: 31px;
    height: 31px;
    bottom: 21px;
    top: unset;
}
.carosello_immagini .swiper-button-prev::after,
.carosello_immagini .swiper-button-next::after{
    display: none;
}
.carosello_immagini .swiper-button-prev{
    left: 34px;
    background: url(./images/arrow-c-white-r.svg);
}
.carosello_immagini .swiper-button-next{
    right: 34px;
}
.switch{
    height: 50px;
    width: 90px;
    border-radius: 25px;
    margin: auto;
    background-color: #CBEDFF;
    display: flex;
    margin-top: 45px;
    justify-content: flex-start;
}
.switch.estate,
.switch.summer{
    background-color: rgb(243 148 53 / 20%);
    justify-content: flex-end;
}
.switch .icon{
    height: 100%;
    width: 50px;
    border-radius: 50%;
}
.switch:hover{
    cursor: pointer;
}
.switch.inverno .icon,
.switch.winter .icon{
    background: linear-gradient(180deg, #6ACCFF, #45AFE6);
}
.switch.estate .icon,
.switch.summer .icon{
    background: linear-gradient(180deg, #FFCB96, #FF9A00);
}
.switch.inverno .icon::after,
.switch.winter .icon::after{
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    background: url(./images/fiocco.svg) no-repeat;
    background-position: center;
}
.switch.estate .icon::after,
.switch.summer .icon::after{
    content: "";
    height: 100%;
    width: 100%;
    background: url(./images/sole.svg) no-repeat;
    display: block;
    background-position: center;
}
#estate,
#inverno{
    display: none;
}
#estate.show,
#inverno.show{
    display: block;
}

::backdrop {
    background: black;
    opacity: 0.6;
}
dialog{
    width: min(90%,900px);
    min-height: 526px;
    margin: auto;
    border: none;
    border-radius: 40px;
}
dialog.loading div.wrapper{
    background: url(./images/loading.gif) center center no-repeat;
}
dialog div.wrapper{
    display: flex;
}
dialog.loading div.wrapper .swiper-dialog,
dialog.loading div.wrapper section.content{
    visibility: hidden;
}
dialog .swiper-dialog,
dialog section.content{
    width:50%;
}
dialog .swiper-dialog{
    margin:0px;
}
dialog .swiper-dialog img{
    display: block;
    max-width: none;
    width: 100%;
}
dialog .swiper-dialog .swiper-pagination-bullet{
    background-color: rgba(255,255,255,0.6);
}
dialog section.content{
    padding:50px !important;
    position: relative;
    display: flex;
    flex-direction: column;
}
dialog section.content button{
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: none;
    padding: 5px;
    position: absolute;
    right: 23px;
    top: 23px;
    rotate: 45deg;
}
dialog section.content button span{
    background-color: #269086;
    display: block;
    width:23px;
    height:4px;
    border-radius: 2px;
}
dialog section.content button span:nth-child(2){
    height:23px;
    width:4px;
    position: absolute;
}
dialog section.content button:hover span{
    background-color: #53BBB1;
}
dialog section.content div.content,
dialog section.content div.content p,
dialog section.content div.content em,
dialog section.content div.content a,
dialog section.content div.content strong{
    font: var(--font-text);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #329B90;
}
dialog section.content div.content em{
    font-style: italic;
}
dialog section.content div.content a{
    color: inherit;
    text-decoration: underline;
}
dialog section.content div.content{
    height: 222px;
    overflow-y: auto;
    position: relative;
    padding-bottom: 64px;
    box-sizing: content-box;
}
dialog section.content div.content:after{
    content: '';
    display: block;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    position: sticky;
    bottom: -64px;
    left:0px;
    width: 100%;
    height: 64px;
}
dialog section.content div.content p + p{
    margin-top:16px;
}
dialog section.content div.content{
    color: #53BBB1;
    margin-top: 16px;
}
dialog div.bottone{
    margin-top: auto;
}
dialog .bottone a{
    color: #269086;
}
dialog .bottone a::after{
    background:url(./images/freccia-green-dark.svg) no-repeat;
}
.strutture .bottone a::after{
    background: url(./images/freccia-green.svg) no-repeat;
}
/* Parchi e outdoor */
dialog[data-category="parchi-e-outdoor"] section.content button span,
dialog[data-category="parks-outdoor"] section.content button span{
    background-color: #269086;
}
dialog[data-category="parchi-e-outdoor"] section.content button:hover span,
dialog[data-category="parks-outdoor"] section.content button:hover span{
    background-color: #53BBB1;
}
dialog[data-category="parchi-e-outdoor"] section.content h3,
dialog[data-category="parks-outdoor"] section.content h3{
    background-image: linear-gradient(180deg, #329B90, #53BBB1);
}
dialog[data-category="parchi-e-outdoor"] section.content div.content,
dialog[data-category="parchi-e-outdoor"] section.content div.content p,
dialog[data-category="parks-outdoor"] section.content div.content,
dialog[data-category="parks-outdoor"] section.content div.content p{
    color: #53BBB1;
}
dialog[data-category="parchi-e-outdoor"] section.content div.content em,
dialog[data-category="parks-outdoor"] section.content div.content em{
    color: #53BBB1;
}
dialog[data-category="parchi-e-outdoor"] section.content div.content strong,
dialog[data-category="parks-outdoor"] section.content div.content strong,
dialog[data-category="parchi-e-outdoor"] section.content div.content a,
dialog[data-category="parks-outdoor"] section.content div.content a{
    color: #329B90;
}
dialog[data-category="parchi-e-outdoor"] .bottone a,
dialog[data-category="parks-outdoor"] .bottone a{
    color: #269086;
}
dialog[data-category="parchi-e-outdoor"] .bottone a::after,
dialog[data-category="parks-outdoor"] .bottone a::after{
    background:url(./images/freccia-green-dark.svg) no-repeat;
}
dialog[data-category="parchi-e-outdoor"] .swiper-dialog .swiper-pagination-bullet-active,
dialog[data-category="parks-outdoor"] .swiper-dialog .swiper-pagination-bullet-active{
    background-color: #329B90;
}

/* Cultura */
dialog[data-category="cultura"] section.content button span,
dialog[data-category="culture"] section.content button span{
    background-color: #905731;
}
dialog[data-category="cultura"] section.content button:hover span,
dialog[data-category="culture"] section.content button:hover span{
    background-color: #C39679;
}
dialog[data-category="cultura"] section.content h3,
dialog[data-category="culture"] section.content h3{
    background-image: linear-gradient(180deg, #905731, #C39679);
}
dialog[data-category="cultura"] section.content div.content,
dialog[data-category="cultura"] section.content div.content p,
dialog[data-category="culture"] section.content div.content,
dialog[data-category="culture"] section.content div.content p{
    color: #C39679;
}
dialog[data-category="cultura"] section.content div.content em,
dialog[data-category="culture"] section.content div.content em{
    color: #C39679;
}
dialog[data-category="cultura"] section.content div.content strong,
dialog[data-category="culture"] section.content div.content strong,
dialog[data-category="cultura"] section.content div.content a,
dialog[data-category="culture"] section.content div.content a{
    color: #905731;
}
dialog[data-category="cultura"] .bottone a,
dialog[data-category="culture"] .bottone a{
    color: #905731;
}
dialog[data-category="cultura"] .bottone a::after,
dialog[data-category="culture"] .bottone a::after{
    background:url(./images/freccia-rosa.svg) no-repeat;
}
dialog[data-category="cultura"] .swiper-dialog .swiper-pagination-bullet-active,
dialog[data-category="culture"] .swiper-dialog .swiper-pagination-bullet-active{
    background-color: #905731;
}

/* Inverno */
dialog[data-category="inverno"] section.content button span,
dialog[data-category="winter"] section.content button span{
    background-color: #186F9D;
}
dialog[data-category="inverno"] section.content button:hover span,
dialog[data-category="winter"] section.content button:hover span{
    background-color: #6ACCFF;
}
dialog[data-category="inverno"] section.content h3,
dialog[data-category="winter"] section.content h3{
    background-image: linear-gradient(180deg, #186F9D, #6ACCFF);
}
dialog[data-category="inverno"] section.content div.content,
dialog[data-category="inverno"] section.content div.content p,
dialog[data-category="winter"] section.content div.content,
dialog[data-category="winter"] section.content div.content p{
    color: #6ACCFF;
}
dialog[data-category="inverno"] section.content div.content em,
dialog[data-category="winter"] section.content div.content em{
    color: #6ACCFF;
}
dialog[data-category="inverno"] section.content div.content strong,
dialog[data-category="winter"] section.content div.content strong,
dialog[data-category="inverno"] section.content div.content a,
dialog[data-category="winter"] section.content div.content a{
    color: #186F9D;
}
dialog[data-category="inverno"] .bottone a,
dialog[data-category="winter"] .bottone a{
    color: #186F9D;
}
dialog[data-category="inverno"] .bottone a::after,
dialog[data-category="winter"] .bottone a::after{
    background:url(./images/freccia-llight-blue.svg) no-repeat;
}
dialog[data-category="inverno"] .swiper-dialog .swiper-pagination-bullet-active,
dialog[data-category="winter"] .swiper-dialog .swiper-pagination-bullet-active{
    background-color: #186F9D;
}

/* Estate */
dialog[data-category="estate"] section.content button span,
dialog[data-category="summer"] section.content button span{
    background-color: #FF9A00;
}
dialog[data-category="estate"] section.content button:hover span,
dialog[data-category="summer"] section.content button:hover span{
    background-color: #FFCB96;
}
dialog[data-category="estate"] section.content h3,
dialog[data-category="summer"] section.content h3{
    background-image: linear-gradient(180deg, #ff9a00, #ffae32);
}
dialog[data-category="estate"] section.content div.content,
dialog[data-category="estate"] section.content div.content p,
dialog[data-category="summer"] section.content div.content,
dialog[data-category="summer"] section.content div.content p{
    color: #FFAE32;
}
dialog[data-category="estate"] section.content div.content em,
dialog[data-category="summer"] section.content div.content em{
    color: #FFAE32;
}
dialog[data-category="estate"] section.content div.content strong,
dialog[data-category="summer"] section.content div.content strong,
dialog[data-category="estate"] section.content div.content a,
dialog[data-category="summer"] section.content div.content a{
    color: #FF9A00;
}
dialog[data-category="estate"] .bottone a,
dialog[data-category="summer"] .bottone a{
    color: #FF9A00;
}
dialog[data-category="inverno"] .bottone a::after,
dialog[data-category="winter"] .bottone a::after{
    background:url(./images/freccia-llight-blue.svg) no-repeat;
}
dialog[data-category="estate"] .swiper-dialog .swiper-pagination-bullet-active,
dialog[data-category="summer"] .swiper-dialog .swiper-pagination-bullet-active{
    background-color: #FF9A00;
}

.freccette .swiper-button-prev,
.freccette .swiper-button-next{
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* box-shadow: #00000082 0px 0px 20px; */
}
.freccette .swiper-button-prev{
    left:0px;
    top: 50%;
    transform: translate(16px,-100%);
}
.freccette .swiper-button-next{
    left:unset;
    right: 0px;
    top: 50%;
    transform: translate(-16px,-100%);
}
.freccette .swiper-button-prev:after{
    content: '';
    background: url(./images/swiper-arrow-prev.svg) center center no-repeat;
    display: block;
    width: 12px;
    height: 31px;
    line-height: unset;
}
.freccette .swiper-button-next:after{
    content: '';
    background: url(./images/swiper-arrow-next.svg) center center no-repeat;
    display: block;
    width: 12px;
    height: 31px;
    line-height: unset;
}
#parchi .freccette .swiper-button-prev,
#parchi .freccette .swiper-button-next{
    background-color: #329B90;
}
#cultura .freccette .swiper-button-prev,
#cultura .freccette .swiper-button-next{
    background-color: #905731;
}
#inverno .freccette .swiper-button-prev,
#inverno .freccette .swiper-button-next{
    background-color: #3B96C6;
}
#estate .freccette .swiper-button-prev,
#estate .freccette .swiper-button-next{
    background-color: #FF9A00;
}

/* Map */
#map{
    height: 900px;
}
.row-map{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.row-map .wpb_raw_code{
    margin: -5.9vw 0px !important;
}
.row-map .tondo-light-blue.reverse{
    transform: rotate(180deg);
}
.menu.responsive{
    display: none;
}
.menu-opened .menu.responsive{
    display: flex;
    position: fixed;
    z-index: 9999;
    top: 0px;
    background: hsl(129deg 58% 22% / 81%);
    height: 100vh;
    width: 100vw;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    padding-top: 37px;
}
.main-navigation ul{
    display: flex;
    list-style: none;
    flex-direction: column;
    margin: auto;
    text-align: center;
}
.menu.responsive li a{
    color: #DCFAC8;
    font-size: 27px;
}
.menu.responsive li a:hover{
    color: #f5881a;
}
.menu.responsive h3{
    font: var(--font-text);
    color: white;
    font-size: 53px;
    text-transform: uppercase;
    letter-spacing: 0em;
    line-height: 1.2;
    font-weight: 900;
    margin-top: 147px;
    margin-bottom: 48px;
}
.menu.responsive span.close{
    display: block;
    background: url(./images/cross.svg) no-repeat;
    height: 28px;
    width: 28px;
    cursor: pointer;
}
.menu.responsive span.close:hover{
    background: url(./images/cross-orange.svg) no-repeat;
}
.green .vc_row.strutture h3{
    text-align: center !important;
}
#contentMap a{
    font: var(--font-text);
    font-size: 14px;
    color:var(--color-green);
    font-weight: 700;
}
.gm-style .gm-style-iw-c{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.gm-style .gm-style-iw-d{
    padding-bottom: 0px !important;
    padding-top: 10px;
}
.switch-wrapper{
    position: relative;
    /* margin-top: 16px; */
    top: 32px;
}
.switch-wrapper .switch-tooltip{
    width: 130px;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    /* opacity: 0; */
    transition: opacity 0.3s;
    font: var(--font-text);
    font-size: 12px;
    font-weight: 700;
    padding: 10px;
}
.switch-wrapper.estate .switch-tooltip,
.switch-wrapper.summer .switch-tooltip{
    background-color: rgb(243 148 53 / 20%);
    color: #FF9A00;
}
.switch-wrapper.inverno .switch-tooltip,
.switch-wrapper.winter .switch-tooltip{
    background-color: #CBEDFF;
    color: #3A96C6;
}
.switch-wrapper .switch-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
}
.switch-wrapper.estate .switch-tooltip::after,
.switch-wrapper.summer .switch-tooltip::after{
    border-color: rgb(243 148 53 / 20%) transparent transparent transparent;
}
.switch-wrapper.inverno .switch-tooltip::after,
.switch-wrapper.winter .switch-tooltip::after{
    border-color: #CBEDFF transparent transparent transparent;
}
.row-sponsor-inner{
    padding:36px 0px;
    border-top: #CBEDFF 1px solid;
}
.gallery-sponsor ul.wpb_image_grid_ul,
.gallery-sponsor ul.wpb_image_grid_ul li{
    position: initial !important;
}
.gallery-sponsor ul.wpb_image_grid_ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item:last-child img{
    max-width: 80px;
}
.col-sponsor-dx,
.col-sponsor-dx .vc_column-inner > .wpb_wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width:1600px){
    .entry-content > section.content > div:not(.wpb-content-wrapper),
    .entry-content > .wpb-content-wrapper > div,
    .entry-content .green-son,
    .hero .text-hero,
    .strutture,
    .row-sponsor,
    .vc_row.wpb_row.row-attivita{
        padding-left: 150px;
        padding-right: 150px;
    }
    header{
        padding: 0px 150px !important;
    }
    .tondo-bianco{
        /* margin-left: -150px; */
        padding-left: 150px !important;
    }
    footer{
        margin: 0px 150px;
    }
    .col-sponsor-dx .wpb_single_image{
        width: 80%;
    }
}

@media (max-width:1440px){
    .entry-content > section.content > div:not(.wpb-content-wrapper),
    .entry-content > .wpb-content-wrapper > div,
    .entry-content .green-son,
    .hero .text-hero,
    .row-sponsor,
    .vc_row.wpb_row.row-attivita{
        padding-left: 120px;
        padding-right: 120px;
    }
    header{
        padding: 0px 120px !important;
    }
    .tondo-bianco{
        /* margin-left: 0px; */
        padding-left: 120px !important;
    }
    footer{
        margin: 0px 120px;
    }
    .icons-text{
        max-width: 310px;
    }
    #map{
        height: 800px;
    }
    header .site-branding img{
        height: 180px;
    }
    .hero h1, .green h3, .light-blue h3, .rosa h3, .light-light-blue h3, .orange h3, dialog section.content h3{
        font-size: 36px !important;
    }
    .kit{
        gap: 70px;
    }
    .icons-text{
        max-width: 290px;
    }
    .hero .text-hero h1{
        font-size: 42px !important;
    }
    header .site-branding img{
        height: 170px;
    }
    footer .footer-top{
        padding-right: 0px;
        padding-left: 0px;
    }
    .tondo-dx{
        max-width: 560px;
        height: 140px;
    }
}

@media (max-width:1280px){
    .entry-content > section.content > div:not(.wpb-content-wrapper),
    .entry-content > .wpb-content-wrapper > div,
    .entry-content .green-son,
    .hero .text-hero,
    .strutture,
    .row-sponsor,
    .vc_row.wpb_row.row-attivita{
        padding-left: 100px;
        padding-right: 100px;
    }
    header{
        padding: 0px 100px !important;
    }
    .tondo-bianco{
        /* margin-left: 0px; */
        padding-left: 100px !important;
    }
    footer{
        margin: 0px 100px;
    }
    header .site-branding{
        padding: 28px 30px 40px 30px;
    }
    .green-son.icons{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 64px;
    }
    .green-son.icons .icon{
        width: 50%;
    }
    #map{
        height: 700px;
    }
    .hero .text-hero{
        top: 270px;
        background-size: cover;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    header .site-branding img{
        height: 150px;
    }
    .hero p{
        width: 50%;
    }
    .hero .text-hero h1 br{
        display: none;
    }
    .hero .text-hero h1{
        width: 55%;
    }
    .hero h1, .green h3, .light-blue h3, .rosa h3, .light-light-blue h3, .orange h3, dialog section.content h3{
        font-size: 32px !important;
    }
    .hero p, .green p, .green p strong, .green ul li a, .green ul li strong, .light-blue p, .rosa p, .light-light-blue p, .orange p, .bottone a{
        font-size: 14px;
    }
    .kit{
        gap: 30px;
    }
    footer .footer-top{
        flex-direction: column;
        row-gap: 32px;
    }
    footer .footer-top .row-top{
        width: 100%;
    }
    .footer-top .col-sx{
        width: 80% !important;
    }
    .strutture article{
        width: calc((100% - 106px) / 3);
    }
    footer .footer-top .col-dx{
        justify-content: center;
    }
    .tondo-sx{
        width: 400px !important;
    }
    .tondo-dx{
        max-width: 400px;
        height: 140px;
        /* background-size: 400% 100%; */
    }
}

@media (max-width: 1200px){
    .green-son.primo,
    .kit{
        flex-direction: column;
        gap: 64px;
    }
    .green-son.primo > div,
    .kit > div{
        width: 100%;
    }
    .kit > div + div{
        padding-left: 100px;
    }
    .green-son.primo > div + div{
        padding-left: 0px;
        width: 70%;
    }
    .hero h1, .green h3, .light-blue h3, .rosa h3, .light-light-blue h3, .orange h3, dialog section.content h3{
        font-size: 28px !important;
    }
    .hero .text-hero h1{
        font-size: 40px !important;
    }
    .tondo-bianco{
        height: 500px;
        padding-left: 20vw !important;
    }
    header .site-branding img{
        height: 120px;
    }
    header .site-branding{
        padding: 24px 26px 34px 26px;
    }
    .hero p{
        width: 70%;
    }
    .swiper h4 a{
        font-size: 15px;
    }
}

@media (max-width:1100px){
    .entry-content > section.content > div:not(.wpb-content-wrapper),
    .entry-content > .wpb-content-wrapper > div,
    .entry-content .green-son,
    .hero .text-hero,
    .strutture,
    .row-sponsor,
    .vc_row.wpb_row.row-attivita{
        padding-left: 80px;
        padding-right: 80px;
    }
    header{
        padding: 0px 80px !important;
    }
    .kit > div + div{
        padding-left: 80px !important;
    }
    footer{
        margin: 0px 80px;
    }
    #map{
        height: 600px;
    }
    .hero h1, .green h3, .light-blue h3, .rosa h3, .light-light-blue h3, .orange h3, dialog section.content h3{
        font-size: 24px !important;
    }
    .hero .text-hero h1{
        font-size: 34px !important;
    }
    .row-sponsor-inner > .vc_column-inner > .wpb_wrapper > .vc_row{
        display: flex;
        flex-direction: column;
    }
    .row-sponsor-inner .col-sponsor-sx,
    .row-sponsor-inner .col-sponsor-dx{
        width: 100%;
    }
    .col-sponsor-dx .wpb_single_image{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .col-sponsor-dx{
        margin-top: 32px;
    }
    dialog{
        width: 400px;
    }
    dialog div.wrapper{
        flex-direction: column;
    }
    dialog .swiper-dialog{
        overflow: hidden;
        position: relative;
        max-height: 300px;
    }
    dialog .swiper-dialog, 
    dialog section.content{
        width: 100%;
    }
    dialog section.content{
        position: static;
        padding: 30px !important;
    }
    dialog section.content div.content{
        height: fit-content;
        overflow-y: initial;
        padding-bottom: 0px;
    }
    dialog section.content div.content:after{
        content: none;
    }
    dialog section.content button{
        position: absolute;
        width: 32px;
        height: 32px;
        background: #FFF;
        border-radius: 50%;
    }
}
@media (max-width:991px){
    .entry-content > section.content > div:not(.wpb-content-wrapper),
    .entry-content > .wpb-content-wrapper > div,
    .entry-content .green-son,
    .hero .text-hero,
    .strutture,
    .row-sponsor,
    .vc_row.wpb_row.row-attivita{
        padding-left: 60px;
        padding-right: 60px;
    }
    header{
        padding: 0px 60px !important;
    }
    .kit > div + div{
        /* margin-left: 0px; */
        padding-left: 60px !important;
    }
    footer{
        margin: 0px 60px;
    }
    .hero .text-hero h1{
        font-size: 32px !important;
    }
    header > div.menu{
        margin-top: 32px;
    }
    .immagine-hero{
        height: 100%;
        margin-left: 0px;
    }
    .hero .text-hero{
        bottom: unset;
        top: 100%;
        transform: translateY(-65%);
        /* background-size: 200vw 100%; */
        height: auto;
        padding: 160px 60px;
    }
    .tondo-sx{
        opacity: 0;
    }
    div.immagine-hero img, 
    div.immagine-hero picture, 
    div.immagine-hero .vc_single_image-wrapper{
        aspect-ratio: 1;
    }
}
@media (max-width:900px){
    .menu.responsive span.close{
        width: 24px;
        height: 24px;
    }
    .menu.responsive h3{
        margin-top: 64px;
        font-size: 32px;
    }
    .menu.responsive li a{
        font-size: 18px;
    }
}
@media (max-width:876px){
    .green-son.icons{
        flex-direction: column;
        align-content: center;
    }
    .green-son.icons .icon{
        width: 70%;
    }
    .icons-text{
        max-width: 340px;
    }
    .tondo-bianco{
        height: 400px;
    }
    .strutture article{
        width: calc((100% - 53px) / 2);
    }
}

@media (max-width:768px){
    .tondo-bianco{
        /* height: 400px; */
    }
    .green-son.primo > div + div{
        width: 80%;
    }
    .tondo-bianco img{
        height: 160px !important;
    }
    .hero .text-hero h1,
    .hero p{
        width: 100%;
    }
}

@media (max-width:678px){
    .green-son.primo > div + div{
        width: 100%;
    }
    .footer-top .col-sx{
        width: 100% !important;
    }
    .strutture article{
        width: 100%;
    }
    .hero .text-hero{
        padding:100px 45px;
    }
}

@media (max-width: 600px){
    footer{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    footer .col{
        text-align: center;
    }
    .col-2{
        order: 1;
    }
    .col-1{
        order: 2;
    }
    .col-3{
        order: 3;
    }
    .green-son.icons .icon{
        width: 100%;
    }
    .icons-text{
        max-width: 100%;
    }
    .gallery-sponsor ul.wpb_image_grid_ul{
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        height: fit-content !important;
    }
    .gallery-sponsor ul.wpb_image_grid_ul li.isotope-item{
        width: calc((100% - 15px) / 2);
        border: none;
        margin: 0px;
        text-align: center;
    }
    .gallery-sponsor ul.wpb_image_grid_ul li.isotope-item a{
        display: flex;
        justify-content: center;
    }
    dialog.modal{
        width:320px;
    }
}
@media (max-width: 500px){
    header > div.menu{
        margin-top: 24px;
    }
    section.hero{
        min-height: 600px;
    }
    .swiper .img,
    .strutture .img{
        border-radius: 32px;
    }
    header{
        padding:0px 30px !important;
    }
    .language-switcher-widget{
        display: none;
    }
    .entry-content > section.content > div:not(.wpb-content-wrapper), 
    .entry-content > .wpb-content-wrapper > div, 
    .entry-content .green-son, .hero .text-hero, 
    .strutture,
    .row-sponsor,
    .vc_row.wpb_row.row-attivita{
        padding-left: 30px;
        padding-right: 30px;
    }
    .footer-top .col-sx{
        flex-direction: column !important;
        gap: 24px;
    }
    .tondo-dx{
        opacity: 0;
    }
    .hero .text-hero{
        padding:100px 60px;
    }
    .hero .text-hero{
        padding:100px 30px;
    }
    .kit > div + div{
        padding-left: 30px !important;
    }
    header .menu-heading{
        color:var(--color-light-green);
        text-shadow: rgba(0,0,0,0.75) 0px 0px 4px;
    }
    header .hamburger span{
        background-color:var(--color-light-green);
        box-shadow: rgba(0,0,0,0.75) 0px 0px 4px;
    }
    footer{
        margin:0px 30px;
    }
}