﻿/*<uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 800*/

body {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

:root {
    --grigio: #707070;
    --giallo: #FCFB3B;
    --arancio:#F09814;
    --dark:#000;
    --softgrey:#E3E7E9;
    --softblu:#DEEDFE;
  }

h1, h2, h3, .h1, .h2, .h3 {
    font-weight: 800;
}

@media (min-width: 576px) {
    .home h1, .home .h1 {
        font-size: 4rem;
        line-height: 4.5rem;
    }

    h1, .h1 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 1rem;
    }
}

a{
    text-decoration: unset;
    color: var(--arancio);
    font-weight: 600;
}

a:hover{
    color: var(--dark);
    text-decoration: underline var(--giallo);
    text-underline-offset: 5px;
}

.btn-primary{
    color: var(--dark);
    background-color: var(--giallo);
    border-color: var(--giallo);
}

.btn-primary:hover{
    color: var(--giallo);;
    background-color: var(--dark);
    border-color: var(--dark);
}

.btn-secondary {
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark);
}

.btn-secondary:hover {
    color: var(--dark);
    background-color:var(--giallo); 
    border-color: var(--giallo);
}

.btn-password{
    position: absolute!important;
    right: 0;
    top: 0;
    height: 60px;
    padding: 0 1.5rem;
    color: var(--dark);
    background-color: transparent!important;
    border-color: transparent!important;
}

.text-right{
    text-align: right;
}

.round{
    border-radius: 50px!important;
}

.form-check-input:checked{
    background-color: var(--dark);
    border-color: var(--dark);
}

.form-check [type=checkbox]{
    width: 18px;
    height: 18px;
    border-radius: 2px !important;
    opacity: 1;
}

.it-header-center-wrapper .it-header-center-content-wrapper, .it-header-center-wrapper{
    padding-left: 0;
    padding-right: 0;
}

.it-header-wrapper .it-nav-wrapper .it-brand-wrapper{
    padding-left: 0;
}

.upgrade-piano .cbPageOuter {
    margin: 0 auto;
}

.upgrade-piano .cbPageOuter #cbregProduct_22, 
.upgrade-piano .cbPageOuter #cbregProduct_21, 
.upgrade-piano .cbPageOuter #cbregProduct_20, 
.upgrade-piano .cbPageOuter #cbregProduct_19, 
.upgrade-piano .cbPageOuter #cbregProduct_18, 
.upgrade-piano .cbPageOuter #cbregProduct_17, 
.upgrade-piano .cbPageOuter #cbregProduct_16, 
.upgrade-piano .cbPageOuter #cbregProduct_15, 
.upgrade-piano .cbPageOuter #cbregProduct_14, 
.upgrade-piano .cbPageOuter #cbregProduct_13, 
.upgrade-piano .cbPageOuter #cbregProduct_12, 
.upgrade-piano .cbPageOuter #cbregProduct_11, 
.upgrade-piano .cbPageOuter #cbregProduct_10, 
.upgrade-piano .cbPageOuter #cbregProduct_9, 
.upgrade-piano .cbPageOuter #cbregProduct_8, 
.upgrade-piano .cbPageOuter #cbregProduct_7, 
.upgrade-piano .cbPageOuter #cbregProduct_6, 
.upgrade-piano .cbPageOuter #cbregProduct_5, 
.upgrade-piano .cbPageOuter #cbregProduct_4, 
.upgrade-piano .cbPageOuter #cbregProduct_3, 
.upgrade-piano .cbPageOuter #cbregProduct_2, 
.upgrade-piano .cbPageOuter #cbregProduct_1 {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}

@media (min-width: 1600px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .upgrade-piano .cbPageOuter {
        max-width: 1480px;
    }
}

@media (min-width: 576px) {
    h3, .h3 {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}

@media (min-width: 992px) {
    .it-header-center-wrapper {
        height: 76px;
    }
}

.it-header-center-wrapper.theme-light{
    border-bottom: 1px solid #E4E7E9;
}

.topbar p, .topbar {
    font-size: .9rem;
}

img.logo-site{
    width: 130px;
    height: auto;
}

@media (max-width: 575px) {
    img.logo-site {
        width: 100px;
        height: auto;
    }
}

.navbar {
    background: var(--giallo);
    border-radius: 6px;
}

.custom-navbar-toggler svg {
    fill: #000;
}

h3 a{
    color: var(--dark);
    text-decoration: none;
}

h3 a:hover{
    text-decoration: underline var(--giallo);
    text-underline-offset: 5px;
    color: var(--dark);
}

.topbar{
    background-color: var(--dark);
    color: #fff;
}

.top-flash{
    color: #fff;
    text-align: center;
}

.container-header{
    width: 100%;
    padding: 0 6vw;
}

@media(max-width:991px){
    .it-right-zone{
        right: 80px;
        position: absolute;
    }
}

@media(max-width:560px){
    .it-right-zone{
        right: 60px;
    }
}

@media(max-width:1400px){
    .container-header{
        width: 100%;
        padding: 0 3vw;
    }
}

.it-header-slim-wrapper-content.top-flash p{
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
    margin: 0 auto;
}

.it-header-slim-wrapper-content.top-flash a{
    color: var(--arancio);
}

img{
    width: 100%;
    height: auto;
}

.text-grigio p{
    color: var(--grigio);
    font-weight: 500;
}

.mod-login__userdata .form-group{
    margin-bottom:1rem;
}

.mod-login__userdata .cb_template{
    padding-top: 1rem;
}

.cb_template .btn.cbConnectButton{
    padding: 12px 24px;
    text-align: center;
}

.mod-login__userdata.userdata button{
    height: 60px!important;
    border-radius: 10px;
    text-transform: uppercase;
}

.text-rescue label, .text-rescue a{
    font-size: .8rem;
    color: var(--dark)!important;
    font-weight: 600;
}

.text-rescue a:hover{
    text-decoration: underline;
}

.ico-register{
    position: relative;
}

.ico-register::before{
    position: absolute;
    background: url(../svg/login.svg) no-repeat;
    content: '';
    width: 18px;
    height: 18px;
    left:-20px;
    top: 1px;
}

/* MENU MEGAMENU */

@media(max-width:991px){

    .header-login .dropdown-menu{
        min-width: 320px;
    }

    .colonna-utente img{
        width: 60px;
        float: left;
        margin: 0 1.4rem;
    }

    .colonna-utente .cb_template.cb_template_default.cbConnectButtons.cbConnectButtonsVertical,
    .colonna-utente .mod-login-logout__login-greeting.login-greeting.cb_template.cb_template_default {
        display: none;
    }


    .header-login button svg{
        position: relative;
        top: -2px;
    }
	
}

@media (min-width: 992px) {

    .header-login .dropdown-menu{
        min-width: 500px;
    }

    .it-header-wrapper .navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu{
        min-width: 880px;
    }

    .it-header-wrapper .navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu.maxcontent{
        width: max-content;
        min-width: 300px;
    }

    .navbar .navbar-collapsable .menu-wrapper {
        background: #fff;
    }

    .navbar .navbar-collapsable .menu-wrapper .navbar-nav{
        /*padding: 0 10vw;*/
    }

    .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link.dropdown-toggle svg, 
    .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link.dropdown-toggle svg {
        fill: var(--dark);
        margin-top: 3px;
    }

    .megamenu .dropdown-menu{
        background: url(../img/bg-megamenu.jpg) repeat;
    }

    .mega-title{
        font-size: 1.2rem;
        font-weight: 800;
        padding-left: 15px;
        margin-bottom: 1rem;
        display: block;
    }

}

.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link, 
.navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link,
.navbar .navbar-collapsable .navbar-nav li.nav-item > a.url-link
{
    color: var(--dark);
    font-size: clamp(0.8rem, 0.3137rem + 0.7843vw, 1rem);
    font-weight: 600;
    padding: 13px 24px;
}



.menu-wrapper button .icon {
    transition: all .3s;
    transform-origin: center;
    fill: var(--dark);
}

.mega-list ul.mod-menu.mod-list, ul.droplink-list{
    margin: 0;
    padding: 0;
}

.mega-list ul.mod-menu.mod-list li.nav-item, ul.droplink-list li.link-dropdown{
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #E6E9EA;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 10px;
    margin-bottom: 1rem;
    display: block;
    width: 100%;
}

.mega-list ul.mod-menu.mod-list li.nav-item.deeper.parent{
    background: none;
    border: 0;
    padding: 0;
}

@media(min-width:992px){

    .menu-wrapper button .icon {
        width: 18px;
        height: 18px;
    }
}

.mega-list ul.mod-menu.mod-list li.nav-item.deeper.parent > a::after{
    display: none;
}

.mega-list ul.mod-menu.mod-list li.nav-item.deeper.parent > a{
    font-size: 1.2rem;
    font-weight: 800;
    padding-left: 0;
    margin-bottom: 1rem;
    display: block;
}

.mega-list ul.mod-menu.mod-list li.nav-item a, ul.droplink-list li.link-dropdown a{
    color: var(--dark);
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
}

ul.droplink-list li.link-dropdown a{
    padding: 0;
}

.mega-list ul.mod-menu.mod-list li a:hover, ul.droplink-list li.link-dropdown a:hover{
    text-decoration: underline;
}

.mega-list ul.mod-menu.mod-list li a::after,ul.droplink-list li.link-dropdown a::after{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 11px;
    height: 11px;
    display: block;
    padding: 12px;
    border-radius: 100px;
    background: url(../img/freccia-dx.svg) no-repeat #E4E6E8 center center;
}

.user-menu{
    padding: 32px 24px;
}

.tags a{
    font-size: .7rem;
    text-decoration: none;
}

a.badge.bg-primary{
    background-color: #FCFB3B!important;
    color: var(--dark);
    padding: .5rem 1rem !important;
}

a.badge:hover.bg-primary {
    background-color: var(--dark)!important;
    color: var(--giallo);
}

.modalround{
    border-radius: 30px;
}

.modal.modal-login .modal-dialog .modal-content{
    background: var(--softblu);
}

.navbar .navbar-collapsable .navbar-nav li>button.nav-link.dropdown-toggle svg{
    fill: #000;
}

.mod-login input{
    height: 60px;
    border-radius: 10px !important;
}

.input-icon{
    position: absolute;
    right: 1rem;
    border-radius: 0px 10px 10px 0px;
    transform: translateY(-50%);
    top: 50%;
}

@media(max-width:991px){

    li.nav-item.megamenu{
        padding: 1rem 0;
    }

    .navbar .navbar-collapsable .menu-wrapper{
        background-color: var(--softgrey);
    }

    .megamenu .dropdown-menu.shadow-lg{
        box-shadow: none!important;
    }

    .megamenu .dropdown-menu{
        padding: 0 20px;
    }

    .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link{
        font-size: 1.2rem;
        width: 100%;
        text-align: left;
        padding-bottom: 0;
        font-weight: 800;
    }

    .navbar .navbar-collapsable .navbar-nav li>button.nav-link.dropdown-toggle svg {
        fill: #000;
        right: 1rem;
        position: absolute;
    }

    .mega-list{
        padding: 20px;
        background: #fff;
        border: 1px solid #E6E9EA;
        border-radius: 10px;
        margin-bottom: 2rem;
    }

    .mega-list ul.mod-menu.mod-list li.nav-item.deeper.parent > a, .mega-title{
        font-size: 1rem;
        font-weight: 800;
        padding-left: 0;
        margin-bottom: 1rem;
        display: block;
    }

    .mega-list ul.mod-menu.mod-list li.nav-item a{
        font-size: .9rem;
    }


}

/* CARD */

.card .card-body{
    text-align: left;
}

.card .card-body .card-text{
    font-family: "Manrope", sans-serif;
    background: #fff;
    border-radius: 30px 30px 0px 0px;
    margin-top: -30px;
    position: relative;
}

.roundcard {
    border-radius: 30px;
}

.roundcard img{
    border-radius: 30px 30px 0 0;
}

.card-data, .card-hits{
    font-size: .8rem;
    font-weight: 600;
}

.card-data svg, .card-hits svg{
    margin-top: -2px;
}

.card .card-body figure{
    position: relative;
}

.card-img-badge a{
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    padding: .5rem 1rem;
    background: var(--giallo);
    color: var(--dark);
    border-radius: 500px;
    font-size: .8rem;
    font-weight: 700;   
    color: var(--dark);
    text-decoration: none;
}

.card-img-badge a:hover{
    background: var(--dark);
    color: var(--giallo);
}

a.card-readmore{
    background-color: #eff2f4;
    color: var(--dark);
    padding: .5rem 1rem;
    text-decoration: none;
    font-size: .9rem;
    border-radius: 500px;
    font-weight: 700;
}

a.card-readmore:hover{
    background-color: var(--dark);
    color: #eff2f4;
}

.card-writtenby{
    font-size: .8rem;
    font-weight: 600;
}
.card.card-bg{
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.1)!important;
}
/* CARD CAROSELLO */

.card h3{
    color: var(--dark);
}

.card::after{
    margin-top: 28px;
}

.carosello h2, .carosello-container h2, .full-carosello h2, .tags-tipologie h2, .tags-evidenza h2{
    font-size: 2.5rem;
}

/* CAROSELLO FULL SCREEN ".full-carosello" */

@media(max-width:575px){
    .carosello-container .swiper-slide {
        width: 80%;
    }
}

.full-carosello .swiper,
.carosello .swiper,
.carosello-container .swiper {
    width: 100%;
    height: 100%;
  }

.full-carosello .swiper-slide,
.carosello .swiper-slide,
.carosello-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto!important;
}

.full-carosello .swiper-content,
.carosello .swiper-content,
.carosello-container .swiper-content {
    height: 100% !important
}


@media(min-width:1921px){
    .full-carosello .swiper-slide img {
        min-height: 540px;
    }
}

@media(max-width:1400px){

    a.card-readmore{
        font-size: .7rem;
    }
}

@media(min-width:601px){
    .full-carosello .swiper-slide:nth-child(2) {
        width: 50%!important;
    }
    .full-carosello .swiper-slide {
        width: 50%!important;
    }

}

@media(min-width:1101px){
    .full-carosello .swiper-slide:nth-child(2) {
        width: 33.33333%!important;
    }

    .full-carosello .swiper-slide {
        width: 33.33333%!important;
    }
}

@media(min-width:1400px){

    .full-carosello .swiper-slide {
        width: 20%!important;
    }

    .full-carosello .swiper-slide:nth-child(2) {
        width: 31%!important;
    }

    .full-carosello .swiper-slide img {
        display: block;
        width: 100%;
        min-height: 400px;
        object-fit: cover;
    }
}

@media(max-width:600px){
    .full-carosello .swiper-slide:nth-child(2) {
        width: 80%!important;
    }

    .full-carosello .swiper-slide {
        width: 80%!important;
    }

    .full-carosello .swiper-slide img {
        display: block;
        width: 100%;
        min-height: 300px;
        height: 300px;
        object-fit: cover;
    }
}

/* CAROSELLO ".carosello" */

@media(min-width:576px){
    .carosello.carosello-me{
        padding-left: calc((100vw - 540px) /2);
    }
}

@media(min-width:768px){
    .carosello.carosello-me{
        padding-left: calc((100vw - 720px) /2);
    }
}

@media(min-width:992px){
    .carosello.carosello-me{
        padding-left: calc((100vw - 960px) /2);
    }
}

@media(min-width:1200px){
    .carosello.carosello-me{
        padding-left: calc((100vw - 1176px) /2);
    }
}

@media(min-width:1400px){
    .carosello.carosello-me{
        padding-left: calc((100vw - 1320px) /2);
    }
}

@media(min-width:1600px){
    .carosello.carosello-me{
        padding-left: calc((100vw - 1480px) /2);
    }
}

.carosello .swiper-slide img {
    display: block;
    width: 100%;
    min-height: 300px;
    object-fit: cover;
}

@media(min-width:1921px){
    .carosello .swiper-slide img {
        min-height: 400px;
    }
}

@media(max-width:1300px){

    .full-carosello h3, .carosello h3, .carosello-container h3{
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
}

@media(max-width:767px){
    .carosello .swiper-slide {
        width: 80%!important;
    }   

    .swiper-controls h2{
        font-size: 1.4rem;
    } 
}

@media(min-width:768px){
    .carosello .swiper-slide {
        width: 40%!important;
    }    
}

@media(min-width:992px){
    .carosello .swiper-slide {
        width: 30%!important;
    }    
}


.full-carosello .swiper-controls, 
.carosello .swiper-controls,
.carosello-container .swiper-controls{
    position: relative !important;
    height: 50px;
    width: 100%;
}

.full-carosello .swiper-button-next, 
.full-carosello .swiper-button-prev,
.carosello .swiper-button-next, 
.carosello .swiper-button-prev,
.carosello-container .swiper-button-next, 
.carosello-container .swiper-button-prev{
    width: unset!important;
}


.full-carosello .swiper-button-next::after, 
.carosello .swiper-button-next::after,
.carosello-container .swiper-button-next::after{
    content: ''!important;
    background: url(../svg/freccia-dx.svg) no-repeat;
    display: block;
    width: 44px;
    height: 44px;
}

.full-carosello .swiper-button-prev::after,
.carosello .swiper-button-prev::after,
.carosello-container .swiper-button-prev::after{
    content: ''!important;
    background: url(../svg/freccia-dx.svg) no-repeat;
    display: block;
    width: 44px;
    height: 44px;
    transform: rotate(180deg);
}

@media(max-width:767px){
    .full-carosello .swiper-button-next::after, 
    .carosello .swiper-button-next::after,
    .carosello-container .swiper-button-next::after{
        transform: scale(.8);
    }

    .full-carosello .swiper-button-prev::after,
    .carosello .swiper-button-prev::after,
    .carosello-container .swiper-button-prev::after{
        transform: scale(.8) rotate(180deg);
    }
}

.full-carosello .swiper-button-prev,
.carosello .swiper-button-prev,
.carosello-container .swiper-button-prev{
    right: 70px!important;
    left: unset!important;
}

.bg-blu{
    background: url(../img/bg-cartina.jpg) repeat;
    padding: 48px 0;
}

.bg-rosa{
    background: url(../img/bg-cartina-rosa.jpg) repeat;
    padding: 48px 0;
}

.bg-bianco{
    background: url(../img/bg-cartina-bianco.jpg) repeat;
    padding: 48px 0;
}

.carosello-container, .tags-tipologie{
    padding: 48px 0;
}

.cardtipo, .cardevidenza{
    background-color: #fff;
    border: 1px solid #E6E9EA;
    border-radius: 16px;
    display: flex;
    align-items: center;
}

.cardevidenza{
    display: block;
}

.cardtipo .cardimage{
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 18px;
    margin-bottom: 0px;
    position: relative;
}

.cardtipo .cardimage img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.cardevidenza .cardimage, .cardevidenza .cardimage img{
    border-radius: 16px;
    height: 150px;
    width: 100%;
    object-fit: cover;
}

.cardevidenza figure{
    display: block;
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 16px;
    overflow: hidden;
}

.cardimage img{
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cardimage img:hover{
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.cardevidenza.cta{
    background: #eff2f4;
}

.cardevidenza.cta h3{
    color: var(--grigio);
}

.cardevidenza.cta a{
    background: var(--dark);
    color: #fff;
    display: block;
    border-radius: 16px;
    padding: 1rem;
    text-decoration: none;
    margin-top: 1.5rem;
    position: relative;
}

.cardevidenza.cta a::after{
    content: '' !important;
    background: url(../svg/freccia-dx.svg) no-repeat;
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(.8);
    right: 1rem;
}

.cardevidenza.cta a:hover{
    color: var(--giallo);
}

.cardevidenza p{
    margin-bottom: 0;
}

@media(min-width:1200px){
    .cardevidenza.cta h3{
        width: 90%;
    }

}

@media(min-width:1400px){
    .cardevidenza.cta h3{
        width: 80%;
    }
}

@media(min-width:992px) and (max-width:1199px){
    .cardevidenza.cta h3{
        font-size: 1.2rem;
        line-height: 1.8rem;
        width: 100%;
    }

    .cardevidenza.cta p {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .cardevidenza.cta a::after{
        transform: translateY(-50%) scale(.6);
        right: .3rem;
    }
}

@media(max-width:576px){
    .cardevidenza.cta h3 {
        color: var(--grigio);
        font-size: clamp(1rem, 0.7rem + 2.5vw, 1.2rem);
        line-height: clamp(1.6rem, 0.7rem + 2.5vw, 1.8rem);
        margin-bottom: 0;
    }

    .cardevidenza.cta p{
        font-size: .8rem;
        line-height: 1rem;
    }

    .cardevidenza.cta a::after{
        transform: translateY(-50%) scale(.4);
        right: .2rem;
    }

    .cardevidenza figure {
        width: 100%;
        height: 100px;
    }

    .cardevidenza .cardimage, .cardevidenza .cardimage img {
        height: 100px;
        width: 100%;
    }

    .cardevidenza.cta a {
        margin-top: 1rem;
    }
}


.cardtipo .cardinfo{
    position: relative;
    width: 100%;
}

.cardtipo .cardinfo .card-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.cardtipo h3, .cardinfo h3{
    font-size: 1.2rem;
    text-transform: capitalize;
}

.cardinfo{
    position: relative;
}

a > .cardinfo{
    text-decoration: none;
}

a > .cardinfo > h3{
    color: var(--dark);
    text-decoration: none;
}

a > .cardinfo > h3:hover{
    text-decoration: underline var(--giallo);
    text-underline-offset: 5px;
    color: var(--dark);
}

.cardtipo{
    position: relative;
}



.cardtipo::after{
    content: '' !important;
    background: url(../svg/freccia-dx.svg) no-repeat;
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(.8);
    right: .5rem;
    cursor: pointer;
}

@media(min-width:992px) and (max-width:1200px){
    .cardtipo::after{
        display: none;
    }
}

@media(max-width:1400px){
    .cardtipo .cardimage{
        width: 55px;
        min-width: 55px;
        height: 55px;
        margin-right: 12px;

    }
    
    .cardtipo .cardimage img{
        width: 55px;
        height: 55px;
    }

    .cardtipo h3{
        font-size: 1rem;
        line-height: 1.2rem;
    }
}

.subinfo{
    color: var(--grigio);
    font-weight: 600;
    font-size: .9rem;
}


/*====== FOOTER ======*/

.footer{
    background: var(--dark);
    color: #fff;
}

.footer a{
    color: #fff;
    text-decoration: none;
}

.footer a:hover{
    color: var(--giallo);
}

.copyright p{
    text-align: center;
    font-size: .7rem;
    margin-bottom: 0;
}

.footer .moduletable h6{
    text-transform: uppercase;    
    margin-bottom: 1rem;
}

.footer .moduletable ul.mod-menu.mod-list{
    margin: 0;
    padding: 0;
}

.footer .moduletable ul.mod-menu.mod-list li{
    list-style: none;
    font-size: .9rem;
    line-height: 1.2rem;
    padding-bottom: .8rem;
    font-weight: 300;
}

.imgbottom{
    min-width: 100px;
}

.textbottom p{
    font-size: .8rem;
    line-height: 1.2rem;
    margin-bottom: 0;
}

/* FORM */

input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea{
    border: 1px solid var(--softgrey);
}

.menu-wrapper input[type=text]{
    border-radius: 50px;
    font-size: .8rem;
    padding-left: 1rem;
}

.header-search input[type=text]{
    font-size: .8rem;
    border-radius: 0px 50px 50px 0px;
    border-left: 0;
    color: var(--dark);
}

.header-search input[type=text]::placeholder{
    color: var(--grigio);
}

.header-search .input-group-text{
    border: 0;
    background-color: #fff;
    border-radius: 50px 0px 0px 50px;
    padding: 0;
    padding-left: .5rem;
    border: 1px solid var(--softgrey);
    border-right: 0;
}

.bodysearch{
    border-bottom: 1px solid var(--softgrey);
}

.bodysearch input.form-control {
    min-height: 5.5rem;
    background: var(--softgrey);
    padding-left: 1rem;
    position: relative;
}

.bodysearch input.form-control.focuse--mouse {
    border: var(--softgrey);
}

.bodysearch .input-group .input-group-text{
    border: 0;
    background-color: var(--softgrey);
    border-radius: 50px 0px 0px 50px;
    padding: 0;
    padding-left: 1.5rem;
}

.bodysearch button.btn.btn-primary, 
.bodysearch button.btn.btn-primary:not(:disabled):not(.disabled):active, 
.bodysearch button.btn.btn-primary:not(:disabled):not(.disabled).active, 
.show>.bodysearch button.btn.btn-primary.dropdown-toggle{
    border-radius: 0px 50px 50px 0px;
    background-color: #fff;
    color: var(--dark);
    border: 1px solid var(--softgrey);
    border-left: 0;
    padding: 0 1.5rem 0 4rem;
}

.bodysearch button.btn.btn-primary span{
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    padding: 1rem 3rem;
}

.input-group .input-group-text .icon{
    fill: var(--dark);
}

.header-language button, .header-language a{
    color: #000;
}

.header-language a:hover{
    text-decoration: underline;
}

@media(max-width:991px){

    .menu-wrapper input[type=text] {
        border-radius: 0 50px 50px 0;
        font-size: .8rem;
        border-left: 0;
    }

    .menu-wrapper .input-group-text{
        border: 0;
        background-color: #fff;
        border-radius: 50px 0px 0px 50px;
        padding: 0;
        padding-left: .5rem;
        border: 1px solid var(--softgrey);
        border-right: 0;
    }

    .bodysearch button.btn.btn-primary, 
    .bodysearch button.btn.btn-primary:not(:disabled):not(.disabled):active, 
    .bodysearch button.btn.btn-primary:not(:disabled):not(.disabled).active, 
    .show>.bodysearch button.btn.btn-primary.dropdown-toggle{
        padding: 0 .8rem 0 .8rem;
    }

    .bodysearch button.btn.btn-primary span {
        padding: .5rem 1.5rem;
    }

    .bodysearch input.form-control {
        min-height: 3.8rem;
    }

    .bodysearch input.form-control::placeholder {
        font-size: .7rem;
    }

    .bodysearch .icon {
        width: 18px;
        height: 18px;
    }

    .bodysearch .input-group .input-group-text{
        padding-left: 1rem;
    }

    .bodysearch input.form-control{
        padding-left: .5rem;
    }

    .bodysearch button.btn.btn-primary span{
        font-size: .8rem;
    }
}

/* BLOG LIT */

.blog-lit p{
    font-size: .8rem;
    line-height: 1.4rem;
}

.blog-lit h3, .item-search h3{
    font-size: 1rem;
    line-height: 1.3rem;
    font-weight: 700;
    margin-top: 1rem;
}

.blog-lit .card .card-body{
    position: relative;
}

.blog-lit .card .card-body .card-text{
    top: -40px;
    margin-bottom: -40px;
}

.card .card-body img{
    display: block;
    width: 100%;
    /*height: 300px;*/
    object-fit: cover;
}

.articoli-simili .card .card-body img{
   
}

.articoli-simili .card .card-body figure {
    position: relative;
    max-height: 300px;
    overflow: auto;
}


.blog-lit .tags, .item-search .tags{
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 1;
    text-transform:capitalize;
}

.blog-lit .subinfo, .item-search .subinfo{
    font-size: .8rem;
}

.blog-lit caption, .blog-lit figcaption{
    display: none;
}

.blog-lit .more, .item-search .more{
    margin-top: 1rem;
    width: fit-content;
    display: block;
}

.blog-lit .duration, .item-search .duration, .carosello .duration{
    position: absolute;
    top: -20px;
    right: 1rem;
    background: #fff;
    padding: .3rem 1rem;
    border-radius: 50px;
    font-size: .6rem;
    box-shadow: 4px 4px 4px 0 rgba(0,0,0,.1)!important;
    
}

.blog-lit .duration span, .item-search .duration span, .carosello .duration span{
    font-weight: 700;
    padding-left: 1rem;
}

.blog-lit .duration span::before, .item-search .duration span::before, .carosello .duration span::before{
    content: '';
    background: url(../svg/ciclo.svg) no-repeat;
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.rightbar h1 {font-size: 1.4rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.2rem;}
h4, h5, h6 {font-size: 1.0rem;}


.boxright ul.mod-menu{
    margin: 0;
    padding: 0;
}

.boxright ul.mod-menu li{
    border-bottom: 1px solid var(--softgrey);
    list-style: none;
    position: relative;
    padding: .5rem 0 .5rem 0rem;
}

.boxright ul.mod-menu li::before{
    width: 5px;
    height: 5px;
    display: block;
    content: '';
    position: absolute;
    top:50%;
    left: .5rem;
    border-radius: 500px;
    transform: translateY(-50%);
    background-color: #000;
}

.boxright ul.mod-menu li a{
    color: #000;
    font-size: .85rem;
    font-weight: 700;
}

.boxright ul.mod-menu li a:hover{
    text-decoration: underline var(--giallo);
    text-underline-offset: 5px;
    color: var(--dark);
}

.boxright{
    border: 1px solid var(--softgrey);
    border-radius: 20px;
}

.menu-limit{
    max-height: 300px;
    overflow: hidden;
    transition: .5s ease-out;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
}

.menu-limit.open{
    max-height: 2000px;
    transition: .5s ease-in;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
}

.com-finder * {
    margin-bottom: .5rem;
}

/* ARTICOLO DEI VIAGGI */

.head-viaggi{
    position: relative;
}

.head-viaggi figure{
    position: relative;
    overflow: hidden;
}

.head-viaggi figure img{
    display: block;
    width: 100%;
    object-fit: cover;
}

.head-viaggi figure::after{
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
}

.head-viaggi figure figcaption{
    position: absolute;
    bottom: 0;
    right:3rem;
    z-index: 2;
    color: #fff;
}

.head-viaggi .text-heading{
    position: absolute;
    bottom: 3rem;
    left:50%;
    transform: translateX(-50%);
    z-index: 2;
    color: #fff;
    width: 100%;
}

.path-articolo nav{
    color: #fff;
}
.path-articolo nav a{
    color: #fff;
    font-weight: 300;
}

.path-articolo nav a:hover{
    color: var(--giallo);
}

.path-articolo .breadcrumb-item+.breadcrumb-item::before{
    color: #fff;
}

@media(min-width:991px){
    .head-viaggi .text-heading h1{
        color: #fff;
        font-size: clamp(2rem, 0.4961rem + 2.5039vw, 3rem);
        line-height: clamp(2.7rem, 0.4961rem + 2.5039vw, 3.7rem);
        font-weight: 700;
        text-align: center;
        margin-bottom: .5rem
    }

    .head-viaggi figure{
        max-height: calc(100vh - 200px);
    }

    .head-viaggi figure img{
        max-height: calc(100vh - 200px);

    }
    
    .head-viaggi figure::after{
        background-color: #00000067;
    }

    .head-viaggi .text-heading .tags.list-inline{
        text-align: right;
        margin-bottom: 0;
    }

    .head-viaggi figure{
        margin: 1vw 3vw;
    }

    .head-viaggi figure img{
        border-radius: 30px;
    }
    
    .head-viaggi figure::after{
        border-radius: 30px;
    }
}

@media(max-width:990px){
    .head-viaggi .text-heading h1{
        color: #fff;
        font-size: clamp(1.5rem, 0.72rem + 2.1333vw, 2rem);
        line-height: clamp(1.8rem, 0.72rem + 2.1333vw, 2.7rem);
        font-weight: 700;
        text-align: left;
    }

    .head-viaggi figure{
        height: 70vh;
    }

    .head-viaggi figure img{
        height: 70vh;

    }
    .head-viaggi figure::after{
        /* background: linear-gradient(0deg, rgba(0,0,0,1) 2%, rgba(0,0,0,0.5634628851540616) 32%, rgba(0,0,0,0) 100%);*/
    }

    .head-viaggi {
        position: relative;

    }

    .head-viaggi .text-heading {
        position: absolute;
        bottom: clamp(-200px, 254.6022rem + -249.61vw, -50px);
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        color: #fff;
        width: 100%;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,1) 26%, rgba(0,0,0,0.5074404761904762) 87%, rgba(0,0,0,0) 100%);
        padding-bottom: 2rem;
    }
}

.head-viaggi .text-heading .text-intro p{
    font-size: .9rem;
    line-height: 1.2rem;
}


.card-viaggio{
    border: 1px solid #c5c5c5;
    padding: 1rem;
    border-radius: 10px;
}

.card-viaggio .c-item{
    position: relative;
    font-size: .7rem;
    display: flex;
}

.card-viaggio .c-item .t-item{
    padding-left: 10px;
    font-weight: 600;
}

.card-viaggio .c-item .c-label{
    color: var(--grigio);
}


.card-viaggio .c-item .c-value{
    font-weight: 800;
}

.card-viaggio .c-item span.icona{
    position: relative;
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: block;
}

.card-viaggio .c-item span.icona::before{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    content: '';
}

.card-viaggio .c-item span.icona.green{
    background: #DDF8F8;
}

.card-viaggio .c-item span.icona.blu{
    background: #DEEDFE;
}

.card-viaggio .c-item span.icona.yellow{
    background: #F8F7DC;
}

.card-viaggio .c-item span.icona.purple{
    background: #FDEFF9;
}

.card-viaggio .c-item span.icona.time::before{
    background: url(../svg/time.svg) no-repeat;
}

.card-viaggio .c-item span.icona.sterrato::before{
    background: url(../svg/sterrato.svg) no-repeat;
    width: 26px;
    height: 28px;
}

.card-viaggio .c-item span.icona.lunghezza::before{
    background: url(../svg/lunghezza.svg) no-repeat;
    width:23px!important;
}

.card-viaggio .c-item span.icona.stagione::before{
    background: url(../svg/stagione.svg) no-repeat;
}

.card-viaggio .c-item span.icona.difficolta::before{
    background: url(../svg/trophy.svg) no-repeat;
}

.card-viaggio .c-item span.icona.flag::before{
    background: url(../svg/flag.svg) no-repeat;
}

.card-viaggio .c-item span.icona.distanza::before{
    background: url(../svg/distanza.svg) no-repeat;
}

.card-viaggio .c-item span.icona.dislivello::before{
    background: url(../svg/dislivello.svg) no-repeat;
}

.card-viaggio .c-item span.icona.asfalto::before{
    background: url(../svg/asfalto.svg) no-repeat;
}

.card-viaggio .c-item span.icona.luogo::before{
    background: url(../svg/mappa.svg) no-repeat;
}

.card-viaggio .c-item span.icona.tipo::before{
    background: url(../svg/tipo.svg) no-repeat;
}

.card-viaggio .c-item span.icona.itinerario::before{
    background: url(../svg/itinerario.svg) no-repeat;
}

.card-viaggio .c-item span.icona.nord::before{
    background: url(../svg/nord.svg) no-repeat;
}

.card-viaggio.card-bici .c-label, .card-viaggio.card-quando .c-label, .card-viaggio.card-bar .c-label{
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .3rem;
}

.card-viaggio.card-bici span, .card-viaggio.card-quando span{
    font-size: .8rem;
    display: block;
    position: relative;
    padding-left:30px;
    margin-bottom: .3rem;
}

.card-viaggio.card-quando span{
    padding-left: 20px;
}

.card-viaggio.card-bici span::before, .card-viaggio.card-quando span::before{
    content: '';
    position: absolute;
    left: 0;
    width:20px;
    height: 20px;
    top: 2px;
}   

.card-viaggio.card-bici span::before{
    background: url(../svg/bici.svg) no-repeat;
}

.card-viaggio.card-quando span::before{
    background: url(../svg/calendario.svg) no-repeat;
}

.progress-bar {
    width: 100%;
    height: 20px;
    background-color: #ccc;
    border-radius: 5px;
    overflow: hidden;
  }
  
  .progress-bar-inner {
    height: 100%;
    background-color: #F18F2B;
    transition: width 0.5s;
  }
  
  .progress-bar-text {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .barpoint{
    font-size: .7rem;
    font-weight: 700;
  }

  .accordion-viaggio{
    border: 1px solid #c5c5c5;
    border-radius: 20px;
  }

  .accordion-viaggio .accordion-button{
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 1.5rem 1rem;
  }

  .accordion-viaggio .accordion-header .accordion-button:not(.collapsed), .accordion-viaggio .accordion-header .accordion-button:not(.collapse), .accordion-header .accordion-button:after{
    color: #000;
  }

  .accordion-header .accordion-button:after{
    content: url(../svg/caret.svg);
  }

  .accordion-viaggio ul {
    padding-left: 0;
    margin-left: 0;
}
  .accordion-viaggio ul li{
    position: relative;
    list-style: none;
    padding-left: 1.5rem;
    margin-left: 0;
    padding-bottom: .7rem;
  }

  .accordion-viaggio ul li::before{
    content: url(../svg/check-verde.svg);
    position: absolute;
    left: 0px;
  }


.ultimi-articoli .ua-item-img{
  width:30%;
}

.ultimi-articoli .ua-item-text{
    width:70%;
}

.ultimi-articoli .ua-item-text a{
    color: #000;
    font-size: .8rem;
    line-height: 1.4rem;
    display: block;
}

.ultimi-articoli .ua-item-img img{
    border-radius: 10px;
    object-fit: cover;
    height: 80px;
}

.ultimi-articoli .ua-item-text .subinfo{
    font-size: .7rem;
}

.boxright.commenti{
    background-color: #ECEDE8;
    font-size: .78rem;
}

.jcm-mod-comment{
    background-color: #fff;
    padding: 1rem;
    border-radius: 10px;
}

.jcm-mod-comment .jcm-mod-extra a{
    color: #000;
    font-size: .8rem;
}

.jcm-mod-thumb {
    border-radius: 52px!important;
}

.boxright.blubox{
    background-color: var(--softblu);
}

.acym_module_form input{
    max-width: 100%!important;
}

.acym_module .fieldacyterms{
    font-size: .8rem;
    padding: .5rem 0;
}

.acym_module .fieldacyterms a{
    color: #000;
}

.boxright.blubox.acynews{
    padding-top: 2rem!important;
}

.boxright.blubox .acym_introtext{
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.acym_module .fieldacyterms input {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.acym_module p.acysubbuttons{
    margin-bottom: .5rem;
}

.acym_module input[type=text], .acym_module input[type=email]{
    border-radius: 10px!important;
    height: 50px;
}

.acym_module input[type=text]::placeholder, .acym_module input[type=email]::placeholder{
    font-size: .8rem;
}


/* EMBEDDED YOUTUBE */

.video-container {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  
  .video-yt {
    width: 100%;
    height: 100%;
  }

/* COMMUNITY BUILDER */

.control-group, fieldset{
    margin-bottom: 1rem;
}

.control-label{
    padding-bottom: .5rem;
    font-size: .85rem;
    font-weight: 500;
}

.control-group input[type=date], 
.control-group input[type=datetime-local], 
.control-group input[type=email], 
.control-group input[type=number], 
.control-group input[type=password], 
.control-group input[type=search], 
.control-group input[type=tel], 
.control-group input[type=text],
.control-group input[type=time], 
.control-group input[type=url], 
.control-group textarea {
    border-radius: 6px;
}

.control-group input[type=date]::placeholder, 
.control-group input[type=datetime-local]::placeholder, 
.control-group input[type=email]::placeholder, 
.control-group input[type=number]::placeholder, 
.control-group input[type=password]::placeholder, 
.control-group input[type=search]::placeholder, 
.control-group input[type=tel]::placeholder, 
.control-group input[type=text]::placeholder,
.control-group input[type=time]::placeholder, 
.control-group input[type=url]::placeholder, 
.control-group textarea::placeholder {
    font-size: .6rem;
}

#system-message-container{
    max-width: 800px;
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
}

.cbLoginForm{
    max-width: 800px;
    background: var(--softblu);
    padding: 40px;
    border: 1px solid var(--softgrey);
    margin: 48px auto;
    border-radius: 20px;
}

.modal-content .mod-login.cbLoginForm{
    padding: 0;
    border: 0;
}

.cbLostPassForm.cb_template.cb_template_default{
    width: unset!important;
    max-width: 800px;
    margin-top: 60px;
    margin-bottom: 60px;
    background: var(--softblu)!important;
    border-radius: 30px;
    padding: 40px!important;
    box-shadow: 2px 10px rgba(183,183,183,0.5)
}

.cbLostPassForm .cb-page-header-title{
    text-align: center;
}

.cbLostPassForm.cb_template .col-form-label{
    line-height: 40px;
    font-size: .875rem;
    color: #000;
}

.cbLostPassForm.cb_template .col-form-label.active{
    transform: translateY(0%);
    font-size: .875rem;
    color: #000;
}

.cbLostPassForm.cb_template .form-check-inline .form-check-input{
    display: none;
}

.cbLostPassForm.cb_template input[type="text"]{
    height: 60px;
    border-radius: 10px;
    width: 100%;
}

.cbLostPassForm.cb_template .btn-primary, .cbLostPassForm.cb_template .btn-primary {
    background-color: #000;
    border-color: #000; 
    padding: 1rem;
    border-radius: 10px;
}

.cbLostPassForm.cb_template .btn-primary:hover, .cbLostPassForm.cb_template .btn-primary:hover{
    background-color: var(--giallo);
    border-color: var(--giallo);
    color: #000;
} 

.cbLostPassForm.cb_template .btn-primary.disabled, .cbLostPassForm.cb_template .btn-primary:disabled {
    color: #fff;
    background-color: #121212;
    border-color: #121212;
}

.bg-verde, 
.cbRegistrationDiv #cbfr_cbregplans,
.cb_template.cb_template_default.tutti-i-piani{
    background-image: url(../img/bg-cartina-verde.jpg);
 /*   background-repeat: repeat-x; */
    background-size: contain;
    background-color: #DFF2E7;
    padding: 20rem 0 96px 0;
    --bs-gutter-x: 24px;
}

.cbregUpgradePlanForm{
    padding-top: 2rem;
}

.cb_template.cb_template_default.tutti-i-piani{
    padding: 20px 0 96px 0;
}

.cbRegistrationDiv .cbregPlansList, .cbregPlansList#cbregUpgrades{
    display: flex;
    flex-wrap: wrap;
}

#cbregProduct_22,
#cbregProduct_21,
#cbregProduct_20,
#cbregProduct_19,
#cbregProduct_18,
#cbregProduct_17,
#cbregProduct_16,
#cbregProduct_15,
#cbregProduct_14,
#cbregProduct_13,
#cbregProduct_12,
#cbregProduct_11,
#cbregProduct_10,
#cbregProduct_9,
#cbregProduct_8,
#cbregProduct_7,
#cbregProduct_6,
#cbregProduct_5,
#cbregProduct_4,
#cbregProduct_3,
#cbregProduct_2,
#cbregProduct_1 {
    flex: 0 0 auto;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

#cbregField .cbregPlan{
    padding-right: 1rem;
    padding-left: 1rem;
}

#cbregProduct_22 .card,
#cbregProduct_21 .card,
#cbregProduct_20 .card,
#cbregProduct_19 .card,
#cbregProduct_18 .card,
#cbregProduct_17 .card,
#cbregProduct_16 .card,
#cbregProduct_15 .card,
#cbregProduct_14 .card,
#cbregProduct_13 .card,
#cbregProduct_12 .card,
#cbregProduct_11 .card,
#cbregProduct_10 .card,
#cbregProduct_9 .card,
#cbregProduct_8 .card,
#cbregProduct_7 .card,
#cbregProduct_6 .card,
#cbregProduct_5 .card,
#cbregProduct_4 .card,
#cbregProduct_3 .card,
#cbregProduct_2 .card,
#cbregProduct_1 .card{
    margin: 0;
}

.cbRegistration.cb_template .cbregPlan_rounded.cbreg_turquoise_3 > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbregPlan_rounded.cbreg_turquoise_3:hover > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbregPlan_rounded.cbreg_turquoise_3.cbregPlanSelected > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbAdminMainInner .cbregPlan_rounded.cbreg_admin_turquoise_3 > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbAdminMainInner .cbregPlan_rounded.cbreg_admin_turquoise_3:hover > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbAdminMainInner .cbregPlan_rounded.cbreg_admin_turquoise_3.cbregPlanSelected > .card:not([class*="bg-"]) > .card-header,
.cbRegistration.cb_template .cbregPlan_rounded.cbreg_turquoise_3 > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbregPlan_rounded.cbreg_turquoise_3:hover > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbregPlan_rounded.cbreg_turquoise_3.cbregPlanSelected > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbAdminMainInner .cbregPlan_rounded.cbreg_admin_turquoise_3 > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbAdminMainInner .cbregPlan_rounded.cbreg_admin_turquoise_3:hover > .card:not([class*="bg-"]) > .card-header, 
.cbRegistration.cb_template .cbAdminMainInner .cbregPlan_rounded.cbreg_admin_turquoise_3.cbregPlanSelected > .card:not([class*="bg-"]) > .card-header
{
    color: #000;
    border-color: transparent;
    background-color: #fff;
}

.cbRegistration.cb_template {
    padding-top: 0!important;
}

.cbRegistration h3.cb-page-header-title{
    font-size: 3.6rem;
    font-weight: 700;
}

.cbRegistration .cb-page-header-description{
    font-size: 1.8rem;
}

.cbRegistration #cblabcbfv_cbregplans{
    display: none!important;
}

.cbRegistration .cb-page-header.cbRegistrationHeader{
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    margin-top: 6rem;
    border-bottom: 0!important;
}

.cbRegistration.cb_template .card, .cbProfile.cb_template .card, #cbregUpgrades .card.cbRegNameDesc{
    border-radius: 20px;
    border: 1px solid #c5c5c5!important;
}

.cbRegistration.cb_template .card-header:first-child{
    border-radius:20px 20px 0px 0px;
}

.cbRegistration .card-header{
    text-align: center;
    border-radius: 20px 20px 0 0!important;
}

.cbRegistration.cb_template .card-header.p-2, #cbregUpgrades .cb_template .card-header.p-2, #cbregUpgrades .card-header.p-2{
    padding: 2rem 1rem 0 1rem!important;
}

.cbRegistration .card-header label, .cbProfile .card-header label, #cbregField .card-header label, .cb_template.cb_template_default.tutti-i-piani .card-header label, .upgrade-piano .cbPageOuter .card-header label{
    font-size: 1.2rem!important;
    font-weight: 600 !important;
    color: #000 !important;
    position: relative;
    padding-bottom: 4px;
}

.cbProfile .card-header label, #cbregField .card-header label, .cb_template.cb_template_default.tutti-i-piani .card-header label, .upgrade-piano .cbPageOuter .card-header label{
    text-align: center;
}

.cbProfile.cb_template .card-header{
    background:transparent!important;
    padding-top: 1rem!important;
}

.cbRegistration .card-header.cbreg_turquoise_3 label, #cbregUpgrades .card-header.cbreg_turquoise_3 label{
    font-size: 1.4rem!important;
    font-weight: 600 !important;
    color: #000 !important;
    text-underline-offset: 8px;
    text-decoration: 4px solid underline;
    text-decoration-color:#f2f125;
    position: relative;
    padding-bottom: 4px;
}

.cbRegistration .cbregPlanSelected .card-header.cbreg_turquoise_3 label, #cbregUpgrades .cbregPlanSelected .card-header.cbreg_turquoise_3 label{
    
    color: #f2f125 !important;
    text-underline-offset: 8px;
    text-decoration: 4px solid underline;
    text-decoration-color:#000;
    position: relative;
    padding-bottom: 4px;
}

#cbregUpgrades .card-header.cbreg_turquoise_3 label{
    text-align: center;
    margin-top: 1rem!important;
}

.cbRegistration.cb_template .cbregPlanSelected .card, .cbProfile.cb_template .cbregPlanSelected .card, #cbregUpgrades .cbregPlanSelected .card.cbRegNameDesc{
    border: 3px solid #000!important;
	background-color: cadetblue;
	color: #fff;
}


.cbRegistration .card-body{
    padding: 1rem!important;
}

#cbregUpgrades ul.zebra, .cbregPlanStatus  ul.zebra, #cbregField ul.zebra {
    padding: 0 2rem;
}

.cbRegistration ul.zebra, .cbProfile .ul.zebra, #cbregUpgrades ul.zebra, #cbregField ul.zebra {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 2rem;
}

.cbRegistration ul.zebra li, .cbProfile ul.zebra li,  #cbregUpgrades ul.zebra li, #cbregField ul.zebra li{
    position: relative;
    list-style: none;
    padding-left: 1.5rem;
    margin-left: 0;
    padding-bottom: .7rem;
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .cbRegistration ul.zebra li.dropdown, .cbProfile ul.zebra li.dropdown, #cbregUpgrades ul.zebra li.dropdown, #cbregField ul.zebra li.dropdown, .cbregDescription ul.zebra li.dropdown{
    border: 1px solid #F2F2F2;
    width: 100%;
    padding: .5rem 1.5rem;
    margin-bottom: 1rem;
  }

  .cbRegistration ul.zebra li.dropdown a, .cbProfile ul.zebra li.dropdown a, #cbregUpgrades ul.zebra li.dropdown a, #cbregField ul.zebra li.dropdown a, .cbregDescription ul.zebra li.dropdown a{
    color: #000; 
  }
 .cbRegistration .cbregPlanSelected ul.zebra li.dropdown a, .cbProfile ul.zebra li.dropdown a, #cbregUpgrades .cbregPlanSelected ul.zebra li.dropdown a, #cbregField .cbregPlanSelected ul.zebra li.dropdown a, .cbregDescription .cbregPlanSelected ul.zebra li.dropdown a{
    color: #fff; 
  }

  .cbRegistration ul.zebra li.dropdown a::after, .cbProfile ul.zebra li.dropdown a::after, #cbregUpgrades ul.zebra li.dropdown::after, #cbregField ul.zebra li.dropdown::after, .cbregDescription ul.zebra li.dropdown::after{
    content: url(../svg/plus.svg);
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    height: 15px;
  }

  .cbRegistration.cb_template .dropdown-toggle::after, .cbProfile.cb_template .dropdown-toggle::after {
    border: 0;
  }

  .cbRegistration ul.zebra li::before, .cbProfile ul.zebra li::before, #cbregUpgrades ul.zebra li::before, #cbregField ul.zebra li::before{
    content: url(../svg/check-verde.svg);
    position: absolute;
    left: 0px;
  }

  .cbRegistration ul.zebra li.dropdown::before, .cbProfile ul.zebra li.dropdown::before, #cbregUpgrades ul.zebra li.dropdown::before, #cbregField ul.zebra li.dropdown::before,  .cbregDescription ul.zebra li.dropdown::before{
    content: '';
  }

  .cbRegistration.cb_template .card-body .m-2, #cbregUpgrades .card-body .m-2{
    margin: 0!important;
  }


  .cbProfile.cb_template #cbregProduct_5 .form-check,
  .cbProfile.cb_template #cbregProduct_6 .form-check,
  .cbProfile.cb_template #cbregProduct_7 .form-check,
  .cbProfile.cb_template #cbregProduct_8 .form-check,
  .cbProfile.cb_template #cbregProduct_9 .form-check,
  .cbProfile.cb_template #cbregProduct_10 .form-check,
  .cbProfile.cb_template #cbregProduct_11 .form-check,
  .cbProfile.cb_template #cbregProduct_12 .form-check,
  .cbProfile.cb_template #cbregProduct_13 .form-check,
  .cbProfile.cb_template #cbregProduct_14 .form-check,
  .cbProfile.cb_template #cbregProduct_15 .form-check,
  .cbProfile.cb_template #cbregProduct_16 .form-check,
  .cbProfile.cb_template #cbregProduct_17 .form-check,
  .cbProfile.cb_template #cbregProduct_18 .form-check,
  .cbProfile.cb_template #cbregProduct_19 .form-check,
  .cbProfile.cb_template #cbregProduct_20 .form-check,
  .cbProfile.cb_template #cbregProduct_21 .form-check,
  .cbProfile.cb_template #cbregProduct_22 .form-check{
        margin-left: 3rem!important;
  }

  .cbRegistration.cb_template .cbregDescription p, .cbProfile.cb_template .cbregDescription p, #cbregUpgrades .cbregDescription p, #cbregField .cbregDescription p{
    padding: .5rem 1.5rem 0 1.5rem;
    font-size: .9rem;
    line-height: 1.4rem;
    }

    .cbRegistration.cb_template p.sottotitolo, .cbProfile.cb_template p.sottotitolo,  #cbregUpgrades .card-header .cb_template p.sottotitolo, #cbregField p.sottotitolo{
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 1rem!important;
    color: #8E8E8E;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .cbProfile.cb_template p.sottotitolo{
    text-align: left;
    padding-top: 0 !important;
    padding-left: 1.5rem;
  }

  .cbRegistration.cb_template p.incentivo, .cbProfile.cb_template p.incentivo{
    font-size: 1rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .cbProfile.cb_template p.incentivo{
    text-align: left;
  }
  
  .cb_template.cb_template_default.tutti-i-piani .btn.btn-primary[name=cbpcbregUpgrade]{
    border-radius: 50px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cb_template.cb_template_default.tutti-i-piani .cbregLinkToInvoices a, .cbregLinkToInvoices a{
    color: #000!important;
  }

  .cbregLinkToInvoices a{
    margin-bottom: 3rem;
    display: block;
  }

  .cbRegistration .form-check-input:checked[type=radio], #cbregField .form-check-input:checked[type=radio], .cb_template.cb_template_default .form-check-input:checked[type=radio]{
    background-image: unset!important;
    
  }

  .cbRegistration .form-check [type=checkbox], .cbRegistration .form-check [type=radio], #cbregField .form-check [type=radio], .cb_template.cb_template_default .form-check [type=radio]{
    opacity: 1!important;
  }

  .cbRegistration.cb_template .form-check, #cbregField .form-check, .cb_template.cb_template_default .form-check{
    padding: 0!important;
    display: flex;
    flex-wrap: wrap;
  }

  .cbRegistration.cb_template .form-check-input, #cbregField .form-check-input, .cb_template.cb_template_default .form-check-input{
    position: relative;
    margin-top: 0rem;
    margin-left: 1rem;
    width: 100%;
    height: 40px;
    left: 0;
    margin-right: 1rem;
    background: unset;
    border: 0;
    order: 2;
}

.cbRegistration.cb_template .form-check-label, #cbregField .form-check-label, .cb_template.cb_template_default .form-check-label{
    order: 1;
    width: 100%;
    text-align: center;
    flex: 0 0 auto;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.cbRegistration.cb_template .form-check-input::before, #cbregField .form-check-input::before, .cb_template.cb_template_default .form-check-input::before{
    position: absolute;
    content: '';
    background-color: var(--giallo);
    height: 40px;
    width: 50%;
    display: block;
    border-radius: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.cbRegistration.cb_template .cbregPlanSelected .form-check-input::before, #cbregField .cbregPlanSelected .form-check-input::before, .cb_template.cb_template_default .cbregPlanSelected .form-check-input::before{
    background-color: #000;
}

.cbRegistration.cb_template .form-check-input::after, #cbregField .form-check-input::after, .cb_template.cb_template_default .form-check-input::after{
    content: 'Seleziona';
    position: absolute;
    color: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#cbregField .card-header .form-check-input::after, .cb_template.cb_template_default .card-header .form-check-input::after{
    display: none;
}

.cbRegistration.cb_template .cbregPlanSelected .form-check-input::after, #cbregField .cbregPlanSelected .form-check-input::after, .cb_template.cb_template_default .cbregPlanSelected .form-check-input::after{
    content: 'Selezionato';
    color: #fff;
}

.cbRegistration .cbregPriceCur{
    display: block!important;
}

.cbRegistration .cbregFor, .cbRegistration .cbregTimeframe, #cbregUpgrades .cbregTimeframe,
#cbregField .cbregTimeframe, #cbregField .cbregFor{
    font-size: 1rem;

}

.cbRegistration .cbregRate{
    height: 26px;
    display: block;
}

#cbregField .cbregRate{
    height: 26px;
}


.cbRegistration.cb_template .card-header, #cbregField .card-header, .cb_template.cb_template_default .card-header{
    border: 0!important;
    background: transparent!important;
}

.cbRegistration.cbregAfterSubDescription{
    position: relative;
}

 .cbRegistration .cbregAfterSubDescription .col-form-label, .cbProfile .cbregAfterSubDescription .col-form-label, #cbregField .cbregAfterSubDescription .col-form-label {
    display: none;
}

.cbRegistration.cb_template .form-auto .cbsubsPlanOptionsSelection .form-control, 
.cbProfile.cb_template .form-auto .cbsubsPlanOptionsSelection .form-control,
#cbregField .form-auto .cbsubsPlanOptionsSelection .form-control,
.cb_template.cb_template_default .form-auto .cbsubsPlanOptionsSelection .form-control{
    display: inline-block;
    border-radius: 10px;
    margin: 0 auto;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    font-size: .8rem !important;
    background-color: #EFF2F4;
}

.cbRegistration .cbFieldsContentsTab .form-group:not(.cbtwolinesfield):not(.cbft_checkbox) .col-form-label, 
.cbRegistration .cbFieldsContentsTab .form-group:not(.cbtwolinesfield):not(.cbft_checkbox) .cb_field {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

.cbRegistration #cbtf_11{
    margin-top: 3rem!important;
}

@media(min-width:620px){
    .cbRegistration .cbFieldsContentsTab .form-group:not(.cbtwolinesfield):not(.cbft_checkbox) .col-form-label, 
    .cbRegistration .cbFieldsContentsTab .form-group:not(.cbtwolinesfield):not(.cbft_checkbox) .cb_field,
    .cbEditProfile .cbFieldsContentsTab .form-group:not(.cbtwolinesfield):not(.cbft_checkbox) .cb_field{
        padding-right: 1rem;
    }
}

@media(max-width:620px){
    .cbRegistration #cbtf_11, .cbRegistration #cbtf_64, .cbRegistration .cbRegistrationButtons, .cbRegistration .cbRegistrationConclusion{
        margin-left: 1rem!important;
        margin-right: 1rem!important;
    }
}

.cbRegistration .cbFieldsContentsTab, .cbRegistration .cbRegistrationButtons, .cbRegistration .cbRegistrationConclusion{
    max-width: 600px;
    margin: 0 auto!important;
}

.cbRegistration .cbRegistrationConclusion{
    margin-bottom: 2rem;
}

.cbRegistration.cb_template .form-group.cbft_delimiter {
    margin-bottom: 0rem !important;
}

.cbRegistration.cb_template .cbSnglCtrlLbl.form-check{
    display: unset;
    flex-wrap: unset;
}

.cbRegistration .cbRegistrationSubmit.btn-primary{
    width: 300px;
    background-color: #000;
    border-color: #000;
    padding: 1rem;
    border-radius: 10px;
    margin-top: 1rem;
}

@media (min-width: 576px) {
    .cbRegistration .cbRegistrationButtons .offset-sm-3 {
        margin-left: 0!important;
    }

    .cbRegistration .cbRegistrationButtons .col-sm-9{
        width: 100%!important;
    }
}

.cbRegistration.cb_template .col-form-label{
    position: absolute;
    padding-left:15px!important;
    font-size: .8rem!important;
    top:8px;
}

.cbRegistration.cb_template .col-form-label.active{
    top:-5px;
}

.cbEditProfile.cb_template .col-form-label{
    font-size: .875rem;
}

.cbEditProfile.cb_template .form-group label.active{
   transform: unset!important;
}

.cbRegistration.cb_template .form-group{
    margin-bottom: 1.8rem!important;   
}

.cbRegistration.cb_template .form-group.cbtwolinesfield{
    margin-bottom: .5rem!important;
}

.cbRegistration #acceptedterms{
    display: none;
}

.cbRegistration .input-group-append{
    font-size: .8rem;
}

.cbRegistration .cbFieldsContentsTab .form-control, .cbEditProfile .cbFieldsContentsTab .form-control{
    height: 50px;
    background-color: #fff!important;
    border-radius: 10px;
}

.cbRegistration .cbFieldsContentsTab .cb_field .cbPasswordUnmask {
    width: 100% !important;
}

.cbRegistration .cbFieldsContentsTab .form-group:not(.cbtwolinesfield):not(.cbft_checkbox) .col-form-label, 
.cbRegistration .cbFieldsContentsTab .form-group:not(.cbtwolinesfield):not(.cbft_checkbox) .cb_field {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

.cbRegistration .cbSnglCtrlLbl input::before, .cbRegistration .cbSnglCtrlLbl input::after{
    content: ''!important;
    display: none!important;
}

.cbRegistration .cbSnglCtrlLbl .form-check-label{
    text-align: left!important;
    font-size: .8rem;
    margin-bottom: 0;
}

.cbRegistration p.alert{
    font-size: .8rem;
    line-height: 1.2rem;
    text-align: left!important;
    padding-left: 70px!important;
    margin-bottom: 0px;
}

.cbRegistration #cblabcb_no_ringraziamento, .cbRegistration #cblabcb_premium_update{
    position: relative !important;
    font-size: .9rem !important;
    color: #000;
    padding-left: 0 !important;
    font-weight: 600;
    margin-bottom: .2rem !important;
}

.cbRegistration #cblabcb_ind_spedizione, .cbRegistration #cblabcb_ind_fatturazione, .cbRegistration #cblabcb_desiderilafattura{
    position: relative;
    padding-left: 0 !important;
    font-weight: 600;
    font-size: .8rem !important;
    color: #000;
    margin-bottom: .5rem;
}

.cbRegistration #cb_desiderilafattura__cbf0{
    height: unset;
}

.cbRegistration #cbfv_199{
    display: flex;
}

.cbRegistration #cbfv_199 .cbSnglCtrlLbl.form-check{
    display: flex;
}

.cbRegistration.cb_template #cbfv_205 > .form-group{
    margin-bottom: 0!important;
}

.cbRegistration .cbRepeatRowParams{
    padding-top: 1rem!important;
}


/* PROFILO */

.cbTabsMenuRight{
  display: none;
}

.cbProfile .cb_template .rounded{
    border: 1px solid #c5c5c5!important;
}


.cb_template .cbNavBar.bg-light, .cb_template .cbCanvasHomeLayoutUser.bg-light{
    background-color: #fff!important;
}

.cb_tab_container.cb_tab_roundhtml.card{
    display: none;
}

#cb_tabid_17 .navbar.navbar-expand.navbar-light.bg-light.mb-0.border.rounded.cbNavBar.cbMenuNavBar{
    border-bottom: 1px solid #dee2e6!important;
}

ul.cbNavBarMenu li{
    font-size: .8rem!important;
}

ul.cbNavBarMenu.cbTabsNav li:first-child{
    margin-top: 1rem;
}

ul.cbNavBarMenu.cbTabsNav li a{
    font-size: 1rem!important;
    position: relative;
    margin:0 1rem;
    padding-left: 35px!important;
    border-bottom: 1px solid #dee2e6 !important;
    padding-top: .8rem;
    padding-bottom: .8rem;
}

ul.cbNavBarMenu.cbTabsNav li:last-child a{
    border-bottom: 0;
}

ul.cbNavBarMenu.cbTabsNav li a.active{
    background-color: #000;
    border-radius: 10px;
    display: block;
    color: var(--giallo)!important;
}

ul.cbNavBarMenu.cbTabsNav li a::before{
    position: absolute;
    content: '';
    background-color: #c5c5c5;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

ul.cbNavBarMenu.cbTabsNav li a.active::before{
    background: var(--giallo)!important;;
}

ul.cbNavBarMenu.cbTabsNav li a{
    color: #c5c5c5;
    font-weight: 600;
}

#cbfv_29 .form-control-plaintext{
    background: transparent!important;
}

.cb_template .cbCanvasHomeLayout > .cbCanvasHomeLayoutMain > .cbCanvasHomeLayoutLeft > .cbCanvasHomeLayoutUser > .cbCanvasHomeLayoutAvatar .cbImgPict {
    width: 260px!important;
}

#cb_tabid_19 h3{
    font-size: 1.2rem;
}

.cbRegNameDesc .cbregPlanState.fa.fa-check.text-success{
    display: none;
}

.regPlansList#cbregSubscr .card-header .cbregName, #cbregField .card-header .cbregName{
    background: transparent!important;
    color: #000;
    font-size: 2rem;
    text-align: left;
}

.regPlansList#cbregSubscr .cbRegNameDesc .card-header .form-check, #cbregField .cbRegNameDesc .card-header .form-chec{
    padding-left: .5rem!important;
    margin-top: 1rem;
}

.cb_template .cbregPlan_rounded.cbreg_turquoise_3 > .card:not([class*="bg-"]) > .card-header, 
.cb_template .cbregPlan_rounded.cbreg_turquoise_3:hover > .card:not([class*="bg-"]) > .card-header, 
.cb_template .cbregPlan_rounded.cbreg_turquoise_3.cbregPlanSelected > .card:not([class*="bg-"]) > .card-header, 
.cb_template .cbAdminMainInner .cbregPlan_rounded.cbreg_admin_turquoise_3 > .card:not([class*="bg-"]) > .card-header, 
.cb_template .cbAdminMainInner .cbregPlan_rounded.cbreg_admin_turquoise_3:hover > .card:not([class*="bg-"]) > .card-header, 
.cb_template .cbAdminMainInner .cbregPlan_rounded.cbreg_admin_turquoise_3.cbregPlanSelected > .card:not([class*="bg-"]) > .card-header{
    background: transparent!important;
    border-bottom: 0!important;
}


.cbProfile.cb_template .card-body .m-2.cbregValExp, .cbProfile.cb_template .card-body .m-2.cbregSubPlanSelector, #cbregField .card-body .m-2.cbregValExp, #cbregField .card-body .m-2.cbregSubPlanSelector{
    margin-left: 2rem!important;
    margin-right: 2rem!important;
    
}

.cbProfile.cb_template .card-body .m-2.cbregValExp, #cbregField .card-body .m-2.cbregValExp{
    margin-bottom: 1rem !important;
}

span.cbregExpiring{
    background-color: #000 !important;
    color: var(--giallo) !important;
    border-radius: 100px;
    padding: .5rem 1rem !important;
    font-size: .8rem;
}
.cbregSubPlanSelector .btn.btn-sm.btn-outline-primary{
    border-radius: 100px;
    border-color: #000;
    color:#000;
    font-size: .8rem!important;
    padding: .5rem 1rem !important;
    margin-bottom: .5rem!important;
}

.cbregSubPlanSelector .btn.btn-sm.btn-outline-primary:hover{
    background-color: #000;
    color: #fff;
}

.cbregSubPlanSelector .btn.btn-sm.btn-primary{
    background-color: var(--giallo);
    border-color: var(--giallo);
    color: #000;
    font-size: 1rem!important;
    padding: .5rem 1rem !important;
    margin-bottom: .5rem!important;
    border-radius: 100px;
}

.cbregSubPlanSelector .btn.btn-sm.btn-secondary{
    border-radius: 100px;
    font-size: .8rem!important;
    padding: .5rem 1rem !important;
    margin-bottom: .5rem!important;
}


.cbregPlanStatus.cbregPlanStatus_rounded .card.cbRegNameDesc{
    border: 2px solid #000!important;
    border-radius: 20px;
}


.cbCanvasHomeLayoutMain{
    gap: 3rem!important;
}

#cbregSubscribed{
    margin: 2rem 0 2rem 0 !important;
    display: block;
    position: relative;
    padding-left: 20px;
}

#cbregSubscribed::before{
    background-color: #000;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left:0;
}

#cbregUpgradePossibilities{
    margin-top: 3rem!important;
}

#cbregUpgrades .cbregPriceCur{
    font-size: 1.5rem;
    text-align: center;
}

#cbregUpgrades .cbregDiscountRate .cbregPriceCur, #cbregUpgrades .cbregDiscountRate{
    font-size: .8rem;
    text-align: left;
}

#cbregUpgrades .cb_template .cbregFee{
    text-align: center;
}

#cbregUpgrades .cb_template .form-check{
    padding-right: 1.25rem!important;
}

.cbProfile .cbregUpgradeButtonDiv{
    text-align: center!important;
}

.cbProfile .cbregUpgradeButtonDiv .btn.btn-primary{
    background-color: var(--giallo);
    border-color: var(--giallo);
    color: #000;
    border-radius: 100px;
    padding: 1rem 2rem;
    margin: 0 auto 3rem auto;
    font-weight: 600;
}

.cbProfile .cbregUpgradeButtonDiv .btn.btn-primary:hover{
    color: var(--giallo);
    background-color: #000;
}

#cbfr_206, #cbfr_119, #cbfr_116, #cbfr_121, #cbfr_207, #cbfr_213, #cbfr_214, #cbfr_118, #cbfr_222, #cbfr_223 {
    border: 1px solid #dee2e6!important;
    border-radius: 20px;
}

#cblabcbfv_206.col-form-label.col-sm-3.pr-sm-2, 
#cblabcbfv_119.col-form-label.col-sm-3.pr-sm-2, 
#cblabcbfv_116.col-form-label.col-sm-3.pr-sm-2, 
#cblabcbfv_121.col-form-label.col-sm-3.pr-sm-2,
#cblabcbfv_207.col-form-label.col-sm-3.pr-sm-2,
#cblabcbfv_213.col-form-label.col-sm-3.pr-sm-2,
#cblabcbfv_214.col-form-label.col-sm-3.pr-sm-2,
#cblabcbfv_222.col-form-label.col-sm-3.pr-sm-2,
#cblabcbfv_223.col-form-label.col-sm-3.pr-sm-2,
#cblabcbfv_118.col-form-label.col-sm-3.pr-sm-2 {
    width: 100%;
    flex: unset;
    max-width: 100%;
    padding: 1rem 2rem 1rem 2rem;
    color:#000;
    font-size: 1.2rem;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
    font-weight: 600;
}

#cbfv_206 hr, #cbfr_119 hr, #cbfr_116 hr, #cbfr_121 hr, #cbfr_207 hr, #cbfr_213 hr, #cbfr_214 hr, #cbfr_118 hr, #cbfr_222 hr, #cbfr_223 hr {
    display: none;
}

#cbfr_206 .cb_field.col-sm-9, 
#cbfr_119 .cb_field.col-sm-9, 
#cbfr_116 .cb_field.col-sm-9, 
#cbfr_121 .cb_field.col-sm-9, 
#cbfr_207 .cb_field.col-sm-9, 
#cbfr_213 .cb_field.col-sm-9, 
#cbfr_214 .cb_field.col-sm-9, 
#cbfr_118 .cb_field.col-sm-9,
#cbfr_222 .cb_field.col-sm-9,
#cbfr_223 .cb_field.col-sm-9,
.cbEditProfile .cb_field.col-sm-9{
    width: 100%;
    width: 100%;
    flex: unset;
    max-width: 100%;
    padding: 0 2rem 0rem 2rem;
    color:#000;
    
}

.cb_template #cb_tabid_64 .alert-info{
    padding: 0.75rem 2rem; 
    border-radius: 100px;
    background-image: none!important;
}

.cb_template #cb_tabid_64 .alert-success{
    color: #000!important;
    border-radius: 100px;
    background-image: none!important;
    display: inline-block;
    margin-bottom: 0!important;
    padding: 0.75rem 2rem; 
}


.cb_template #cb_tabid_64 .alert-success a{
    color: #000!important;
}

.cb_template #cb_tabid_64 .alert-danger{
    border-radius: 100px;
    background-image: none!important;
    display: inline-block;
    margin-bottom: 0!important;
    padding: 0.75rem 2rem;   
}


.cb_template #cb_tabid_64 .alert-danger a{
    color: #721c24!important;
}

#cbfv_217 p, #cbfv_216 p, #cbfv_215 p{
    text-align: left!important;
    position: relative;
    padding-left: 20px;
}

#cbfv_217 hr, #cbfv_216 hr, #cbfv_215 hr{
    display: none!important;
}

#cbfv_217 p:before, #cbfv_216 p:before, #cbfv_215 p:before{
    background-color: #000;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
}

#cbfv_217 mark, #cbfv_216 mark, #cbfv_215 mark{
    background: transparent!important;
}

#cbfv_217 mark a, #cbfv_216 mark a, #cbfv_215 mark a{
    color: #000;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cb_template .alert-success{
    padding-left: 2rem;
}

.activityStream.streamBind a{
    color: #000;
}
.activityStream.streamBind a:hover{
    text-decoration: underline;
    color: #000;
}


.cbEditProfile.cb_template .form-auto .form-control{
    width: 100%;
}

.cbEditProfile ul.cbTabsNav li a{
    font-size: 1rem !important;
    position: relative;
    margin: 0 1rem;
    padding-left: 35px !important;
    border-bottom: 1px solid #dee2e6 !important;
    padding-top: .8rem;
    padding-bottom: .8rem;
    color: rgba(0, 0, 0, 0.5);
}

.cbEditProfile.cb_template .nav-pills .nav-link.active, .cbEditProfile.cb_template .nav-pills .show > .nav-link{
    background-color: #000!important;
    color:var(--giallo)!important;
    border-radius: 10px;
}

.cbEditProfile ul.cbTabsNav li a::before{
    position: absolute;
    content: '';
    background-color: #c5c5c5;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

.cbEditProfile ul.cbTabsNav li a:hover{
    color: #000;
}

@media (min-width: 768px) {
    .cb_template .cbCanvasHomeLayout > .cbCanvasHomeLayoutMain > .cbCanvasHomeLayoutLeft, .cb_template .cbCanvasHomeLayout > .cbCanvasHomeLayoutMain > .cbCanvasHomeLayoutRight {
        width: 270px!important;
    }
}

@media(max-width:1199px){
    .cbRegistration .cb-page-header.cbRegistrationHeader{
        width: 100%;
        padding: 0 2rem;
    }

    .cbRegistration h3.cb-page-header-title {
        font-size: 2.5rem;
        font-weight: 700;
    }

    .cbRegistration .cb-page-header-description {
        font-size: 1.2rem;
    }

    .cbRegistration .cb-page-header.cbRegistrationHeader{
        margin-top: 4rem;
    }
    .bg-verde, .cbRegistrationDiv #cbfr_cbregplans{
        padding: 14rem 0 48px 0;
    }
}

@media(max-width:480px){
    .bg-verde, .cbRegistrationDiv #cbfr_cbregplans{
        padding: 20rem 0 48px 0;
    }
}

@media (min-width: 768px) {
    .cbRegistration .cbFieldsContentsTab #cbfr_46, .cbRegistration .cbFieldsContentsTab #cbfr_48, 
    .cbRegistration #cbfr_173,
    .cbRegistration #cbfr_176,
    .cbRegistration #cbfr_112,
    .cbRegistration #cbfr_94,
    .cbRegistration #cbfr_95,
    .cbRegistration #cbfr_203,
    .cbEditProfile #cbfr_46,
    .cbEditProfile #cbfr_48,
    .cbEditProfile #cbfr_173,
    .cbEditProfile #cbfr_176,
    .cbEditProfile #cbfr_51__current,
    .cbEditProfile #cbfr_51
     {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .cbRegistration #cbfr_177, .cbRegistration #cbfr_175, .cbRegistration #cbfr_174, .cbEditProfile #cbfr_177, .cbEditProfile #cbfr_175, .cbEditProfile #cbfr_174{
        width: 33.3333333%;
        display: inline-block;
        vertical-align: top;
    }

}
@media (max-width: 768px) {
    #cbregProduct_22, 
	#cbregProduct_21, 
	#cbregProduct_20, 
	#cbregProduct_19, 
	#cbregProduct_18, 
	#cbregProduct_17, 
	#cbregProduct_16, 
	#cbregProduct_15, 
	#cbregProduct_14, 
	#cbregProduct_13, 
	#cbregProduct_12, 
	#cbregProduct_11, 
	#cbregProduct_10, 
	#cbregProduct_9, 
	#cbregProduct_8, 
	#cbregProduct_7, 
	#cbregProduct_6, 
	#cbregProduct_5, 
	#cbregProduct_4, 
	#cbregProduct_3, 
	#cbregProduct_2, 
	#cbregProduct_1 {
        width: 99%;
		padding-bottom: 20px;
    }
}
@media(min-width: 768px){
#cbregProduct_22,
#cbregProduct_21,
#cbregProduct_20,
#cbregProduct_19,
#cbregProduct_18,
#cbregProduct_17,
#cbregProduct_16,
#cbregProduct_15,
#cbregProduct_14,
#cbregProduct_13,
#cbregProduct_12,
#cbregProduct_11,
#cbregProduct_10,
#cbregProduct_9,
#cbregProduct_8,
#cbregProduct_7,
#cbregProduct_6,
#cbregProduct_5,
#cbregProduct_4,
#cbregProduct_3,
#cbregProduct_2,
#cbregProduct_1 {
    width: 49%;
	padding-bottom: 20px;
}


.cbProfile #cbregProduct_22,
.cbProfile #cbregProduct_21,
.cbProfile #cbregProduct_20,
.cbProfile #cbregProduct_19,
.cbProfile #cbregProduct_18,
.cbProfile #cbregProduct_17,
.cbProfile #cbregProduct_16,
.cbProfile #cbregProduct_15,
.cbProfile #cbregProduct_14,
.cbProfile #cbregProduct_13,
.cbProfile #cbregProduct_12,
.cbProfile #cbregProduct_11,
.cbProfile #cbregProduct_10,
.cbProfile #cbregProduct_9,
.cbProfile #cbregProduct_8,
.cbProfile #cbregProduct_7,
.cbProfile #cbregProduct_6,
.cbProfile #cbregProduct_5,
.cbProfile #cbregProduct_4,
.cbProfile #cbregProduct_3,
.cbProfile #cbregProduct_2,
.cbProfile #cbregProduct_1 {
    width: 49%;
    margin-bottom:2rem!important;
}

}


@media(min-width: 992px){
    .cbRegistrationDiv .cbregPlansList, .cbProfile, #cbpayOrderContainer, .cbGroupJive, .cbEditProfile, .cbUsersList, #acym_wrapper, .edit.item-page, .cbManageConnections, .pmMessageEdit, .cbReportUserForm{
        max-width: 960px;
        margin: 10px auto;
    }
}

@media(min-width: 1200px){
    .cbRegistrationDiv .cbregPlansList, .cbProfile, #cbpayOrderContainer, .cbGroupJive, .cbEditProfile, .cbUsersList, #acym_wrapper, .edit.item-page, .cbManageConnections, .pmMessageEdit, .cbReportUserForm{
        max-width: 1140px;
        margin: 20px auto;
    }

    #cbregProduct_22,
    #cbregProduct_21,
    #cbregProduct_20,
    #cbregProduct_19,
    #cbregProduct_18,
    #cbregProduct_17,
    #cbregProduct_16,
    #cbregProduct_15,
    #cbregProduct_14,
    #cbregProduct_13,
    #cbregProduct_12,
    #cbregProduct_11,
    #cbregProduct_10,
    #cbregProduct_9,
    #cbregProduct_8,
    #cbregProduct_7,
    #cbregProduct_6,
    #cbregProduct_5,
    #cbregProduct_4,
    #cbregProduct_3,
    #cbregProduct_2,
    #cbregProduct_1 {
        width: 25%;
		padding-bottom: 20px;
    }

}

@media(min-width: 1400px){
    .cbRegistrationDiv .cbregPlansList, .cbProfile, #cbpayOrderContainer, .cbGroupJive, .cbEditProfile, .cbUsersList, #acym_wrapper, .edit.item-page, .cbManageConnections, .pmMessageEdit, .cbReportUserForm, .cb_template.cb_template_default.tutti-i-piani .cbPageOuter, .com-users-profile__edit.profile-edit{
        max-width: 1340px;
        margin: 20px auto;
    }

    .cbProfile #cbregProduct_22,
    .cbProfile #cbregProduct_21,
    .cbProfile #cbregProduct_20,
    .cbProfile #cbregProduct_19,
    .cbProfile #cbregProduct_18,
    .cbProfile #cbregProduct_17,
    .cbProfile #cbregProduct_16,
    .cbProfile #cbregProduct_15,
    .cbProfile #cbregProduct_14,
    .cbProfile #cbregProduct_13,
    .cbProfile #cbregProduct_12,
    .cbProfile #cbregProduct_11,
    .cbProfile #cbregProduct_10,
    .cbProfile #cbregProduct_9,
    .cbProfile #cbregProduct_8,
    .cbProfile #cbregProduct_7,
    .cbProfile #cbregProduct_6,
    .cbProfile #cbregProduct_5,
    .cbProfile #cbregProduct_4,
    .cbProfile #cbregProduct_3,
    .cbProfile #cbregProduct_2,
    .cbProfile #cbregProduct_1 {
        width: 33%;
        margin-bottom:2rem!important;
    }


}

@media(min-width: 1600px){
    .cbRegistrationDiv .cbregPlansList, 
    .cbProfile, #cbpayOrderContainer, 
    .cbGroupJive, 
    .cbEditProfile, 
    .cbUsersList, 
    #acym_wrapper, 
    .edit.item-page, 
    .cbManageConnections, 
    .pmMessageEdit, 
    .cbReportUserForm, 
    .cb_template.cb_template_default.tutti-i-piani .cbPageOuter,
    .cb_template.cb_template_default .cbsubsInvoices,
    .cbregPlansList#cbregUpgrades,
    .cbformdiv.cbregInvoice
    {
        max-width: 1480px;
        margin: 30px auto;
    }
}


@media(max-width:991px){
    .cbProfile, .cbGroupJive, .cbEditProfile{
        margin-left:1.5rem;
        margin-right:1.5rem;
    }
}

.cb_template.cb_template_default .cbsubsInvoices{
    margin-bottom: 3rem;
}


/* Stili recensioni */

#box-recenzioni {border: 1px solid #E6E9EA;border-radius: 16px;width: 100%;max-width: 1000px;padding:20px;box-sizing: border-box;}
ul#recenzioni {list-style: none;background-color: #fff;width: 100%; margin: 0;padding: 0;}
ul#recenzioni li {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 8px 10px;border-radius: 5px;box-sizing: border-box;}
ul#recenzioni li:nth-child(odd) {background-color: #f5f5f5;}
ul#recenzioni li:nth-child(even) {background-color: #ffffff;}
/* Colore Stelline */
ul#recenzioni li span.star {display: inline-block;width: 20px;height: 20px;position: relative;}
ul#recenzioni li span.star.on:before {content: '';background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23fdd26e" viewBox="0 0 16 16"%3E%3Cpath d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/%3E%3C/svg%3E');position: absolute;top: 0;left: 0;width: 20px;height: 20px}
ul#recenzioni li span.star {background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23fdd26e" viewBox="0 0 16 16"%3E%3Cpath d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"/%3E%3C/svg%3E') no-repeat;}
/* Allineamento titolo e stelline */
ul#recenzioni .titolo {font-size: 14px;font-family: roboto;font-weight: 600; margin-right: auto;}
ul#recenzioni .stars {text-align: right; margin-left: auto;margin-right: 20px;}
/* Box Rescenzione Testo */
#box-testo-recenzioni {border: 1px solid #E6E9EA;border-radius: 16px;width: 100%;max-width: 1000px;padding: 20px;box-sizing: border-box;}
#box-testo-recenzioni p {font-size: 14px;font-family: roboto; margin:0px}
#box-testo-recenzioni p:nth-child(odd) {background-color: #f5f5f5; padding:20px; border-radius: 5px; line-height: 1.2rem;}
#box-testo-recenzioni p:nth-child(even) {background-color: #ffffff; padding:20px 20px 10px 20px; line-height: 1.2rem;}
/* Box Aerticoli */
#box-articolo {border: 1px solid #E6E9EA;border-radius: 16px;width: 100%;max-width: 1000px;padding: 20px;box-sizing: border-box;}
#box-articolo h3 {font-family: roboto; font-size:19px; margin:0px; padding:11px;}
/* Stile per il contenitore della lista */
.zebra {list-style: none;padding: 0;margin: 0;width: 100%;}

.zebra li.index-item {
    position: relative; 
    padding: 15px 40px 15px 10px; 
    border-bottom: 1px solid #E6E9EA;
    font-size: 16px; 
    font-family: roboto;
}

@media(max-width:768px){
    .zebra li.index-item a{
        font-size: .9rem;
        line-height: 1.3rem;
    }
}

.zebra li.index-item ul.zebra li.index-item{
    border-bottom: 0;
    padding: 10px 20px 0px 20px;
}

.zebra li.index-item ul.zebra li.index-item a::before{
    display: block;
    content: '';
    width: 7px; 
    height: 7px; 
    background-color: #4a4a4a;
    float: left;
    margin-right: 13px;
    margin-top: 11px;
    border-radius:100%;
}

.rl_quickindex.indice{
    background: #f9f9f9;
    border-radius: 20px;
    border: 1px solid;
    padding: 2rem;
    margin-bottom: 1rem;
}

.zebra li.index-item:last-child {border-bottom:none;}
.zebra li.index-item a {text-decoration:none; color:#4a4a4a; font-weight: bold; position:relative; display:inline-block;}

.zebra li.index-item a::before {
    display: none;
    content: '';
    width: 7px; 
    height: 7px; 
    background-color: #4a4a4a;

    float: left;
    margin-right: 13px;
    margin-top: 7px;
    border-radius:100%;
}
/* Icona bicicletta a destra, minimal */
.zebra li.index-item::before {
    content: '';
    position: absolute;
    right: 10px;
    transform: translateY(-50%); 
    width: 24px;
    height: 24px; 
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" version="1.1" fill="%23000000"%3E%3Cg id="surface1" fill="%23000000"%3E%3Cpath style=" " d="M 25.5 0 C 23.015625 0 21 2.015625 21 4.5 C 21 6.984375 23.015625 9 25.5 9 C 27.984375 9 30 6.984375 30 4.5 C 30 2.015625 27.984375 0 25.5 0 Z M 14.09375 7.8125 C 9.75 7.8125 5.875 9.875 3.6875 13.3125 C 2.796875 14.714844 2.757813 16.480469 3.625 18.0625 C 4.261719 19.222656 5.277344 20.089844 6.375 20.5 C 6.898438 19.070313 7.777344 18.042969 8.21875 17.53125 L 8.3125 17.40625 C 8.6875 16.964844 9.066406 16.511719 9.46875 16.03125 C 10.507813 14.789063 11.703125 13.390625 13.28125 11.59375 L 13.3125 11.53125 C 14.546875 10.125 15.660156 8.890625 16.78125 8.0625 C 15.902344 7.890625 14.988281 7.8125 14.09375 7.8125 Z M 19.625 9 C 18.210938 9 16.703125 10.71875 14.78125 12.90625 C 12.605469 15.382813 11.183594 17.136719 9.84375 18.71875 C 9.328125 19.324219 7.6875 21.074219 8 23.375 C 8.3125 25.675781 10.808594 26.753906 13 27.46875 C 15.230469 28.195313 19.84375 29.75 19.84375 29.75 C 19.84375 29.75 24.082031 38.679688 24.65625 39.78125 C 25.230469 40.882813 26.074219 42.371094 27.65625 41.75 C 29.238281 41.128906 29.011719 39.449219 28.53125 38.09375 C 28.003906 36.609375 25.359375 29.65625 24.75 28.1875 C 24.007813 26.390625 23.8125 26.253906 21.78125 25.1875 C 19.777344 24.136719 16.21875 22.71875 16.21875 22.71875 C 16.21875 22.71875 21.46875 16.9375 21.78125 16.59375 C 22.308594 16.019531 22.949219 15.742188 23.6875 15.9375 C 24.597656 16.175781 33.773438 18.894531 34.9375 19.28125 C 36.664063 19.855469 38.339844 19.746094 38.8125 18.84375 C 39.339844 17.835938 39.167969 16.8125 37.34375 16 C 35.636719 15.242188 26.019531 11.53125 24.4375 10.8125 C 22.621094 9.988281 21.0625 9 19.625 9 Z M 40 22 C 34.488281 22 30 26.488281 30 32 C 30 37.511719 34.488281 42 40 42 C 45.511719 42 50 37.511719 50 32 C 50 26.488281 45.511719 22 40 22 Z M 40 24 C 44.429688 24 48 27.570313 48 32 C 48 36.429688 44.429688 40 40 40 C 35.570313 40 32 36.429688 32 32 C 32 27.570313 35.570313 24 40 24 Z M 10 30 C 4.488281 30 0 34.488281 0 40 C 0 45.511719 4.488281 50 10 50 C 15.511719 50 20 45.511719 20 40 C 20 34.488281 15.511719 30 10 30 Z M 10 32 C 14.429688 32 18 35.570313 18 40 C 18 44.429688 14.429688 48 10 48 C 5.570313 48 2 44.429688 2 40 C 2 35.570313 5.570313 32 10 32 Z " fill="%23000000"/%3E%3C/g%3E%3C/svg%3E'); 
    background-size: contain;background-repeat: 
    no-repeat;opacity: 0.8;
    top: 30px;
}

.zebra ul.zebra{
    margin: 0px;
}

.zebra li.index-item a:hover {color:#000}
.zebra li.index-item a:hover:before {background-color:#FCFB3D;}

.zebra li.index-item .zebra.index-level-3 li::before{
    display: none;
}

/* Animazioni */
.zebra li.index-item a, .zebra a::before
   {-webkit-transition: all .1.5s ease;
    -moz-transition: all .1.5s ease;
    -o-transition: all .1.5s ease;
    transition: all .1.5s ease;}

.video-container {
    width: 100%;
    aspect-ratio: 16 / 9;
    padding: 23px;
    border: 1px solid #E6E9EA;
    border-radius: 16px;
    margin-top: 26px;
}

.video-yt {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}



/* ===================== Sezione Catrorie ========================= */
#phoca-dl-categories-box a ,#phoca-dl-category-box .pd-float a, a
{-webkit-transition: all .1.5s ease;
    -moz-transition: all .1.5s ease;
    -o-transition: all .1.5s ease;
    transition: all .1.5s ease;}
.pd-hr.ph-cb {display:none!important}
#phoca-dl-categories-box a {color:#111}
#phoca-dl-categories-box .row {display:block!important; padding:30px;}
@media (min-width: 768px) {
 #phoca-dl-categories-box .row-cols-md-3>* {flex: 0 0 auto;width: 47%;float: left;border: 1px solid #E6E9EA;border-radius: 16px;margin: 1.5%;}}
#phoca-dl-most-viewed-box .pd-documents {padding:50px;}
#phoca-dl-categories-box .pd-subcategory,
#phoca-dl-category-box .pd-subcategory {
    padding-left:37px!important;
    background: transparent url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" version="1.1" fill="%23000000"%3E%3Cg id="surface1" fill="%23000000"%3E%3Cpath style=" " d="M 3 4 C 1.347656 4 0 5.347656 0 7 L 0 33.09375 C 1.464844 25.296875 3.105469 16.550781 3.1875 16.125 C 3.695313 13.535156 5.648438 12 8.4375 12 L 47 12 L 47 11 C 47 9.347656 45.652344 8 44 8 L 18.03125 8 C 17.753906 7.898438 17.183594 6.992188 16.875 6.5 C 16.105469 5.273438 15.316406 4 14 4 Z M 8.4375 14 C 7.15625 14 5.5625 14.449219 5.15625 16.53125 C 5.027344 17.179688 1.132813 37.910156 0 43.9375 L 0 44 C 0 45.652344 1.347656 47 3 47 L 42 47 C 43.621094 47 44.945313 45.703125 45 44.09375 L 49.96875 17.1875 L 50 17 C 50 15.347656 48.652344 14 47 14 Z " fill="%23000000"/%3E%3C/g%3E%3C/svg%3E') 0 center no-repeat!important;
    background-size: 24px 24px!important; 
    background-position: 0 50%; 
}
#phoca-dl-categories-box .card-footer {border-top:#fff solid 1px!important; background:#f5f5f5; border-radius:5px; margin-left:10px; margin-right: 10px;}
.phoca-dl-file-box-mod .pd-document64,
#phoca-dl-file-box .pd-document64,
#phoca-dl-category-box .pd-document64,
#phoca-dl-most-viewed-box .pd-document64,
#phoca-dl-download-box .pd-document64, .card-viaggio .pd-document48 {
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" version="1.1" fill="%23000000"%3E%3Cg id="surface1" fill="%23000000"%3E%3Cpath style=" " d="M 29.167969 2 L 7 2 L 7 48 L 43 48 L 43 15.433594 Z M 21.480469 33.394531 C 21.046875 33.574219 20.117188 33.753906 19.382813 33.753906 C 18.226563 33.753906 17.355469 33.425781 16.683594 32.75 C 15.8125 31.910156 15.347656 30.410156 15.375 28.671875 C 15.421875 24.996094 17.523438 23.464844 19.664063 23.464844 C 20.429688 23.464844 21 23.613281 21.316406 23.765625 L 20.96875 25.460938 C 20.683594 25.3125 20.308594 25.234375 19.816406 25.234375 C 18.480469 25.234375 17.414063 26.148438 17.414063 28.789063 C 17.414063 31.222656 18.359375 32.089844 19.277344 32.089844 C 19.457031 32.089844 19.589844 32.074219 19.664063 32.046875 L 19.664063 29.601563 L 18.765625 29.601563 L 18.765625 27.996094 L 21.480469 27.996094 Z M 27.765625 28.941406 C 27.136719 29.601563 26.117188 29.902344 25.308594 29.902344 L 24.917969 29.902344 L 24.917969 33.664063 L 22.953125 33.664063 L 22.953125 23.707031 C 23.507813 23.585938 24.257813 23.511719 25.007813 23.511719 C 26.175781 23.511719 27.09375 23.675781 27.753906 24.292969 C 28.351563 24.816406 28.621094 25.65625 28.621094 26.511719 C 28.621094 27.605469 28.292969 28.371094 27.765625 28.941406 Z M 33.03125 33.664063 L 32.386719 31.808594 C 32.191406 31.222656 32.027344 30.652344 31.847656 30.007813 L 31.816406 30.007813 C 31.652344 30.652344 31.484375 31.265625 31.335938 31.835938 L 30.796875 33.664063 L 28.847656 33.664063 L 30.738281 28.492188 L 28.921875 23.554688 L 30.976563 23.554688 L 31.5625 25.429688 C 31.726563 25.957031 31.863281 26.480469 32.027344 27.050781 L 32.058594 27.050781 C 32.222656 26.4375 32.34375 25.957031 32.476563 25.402344 L 32.988281 23.554688 L 34.953125 23.554688 L 33.0625 28.578125 L 35.058594 33.664063 Z M 29 16 L 29 4 L 40 16 Z M 25.394531 25.101563 C 25.214844 25.101563 25.035156 25.132813 24.917969 25.175781 L 24.917969 28.296875 C 25.007813 28.324219 25.109375 28.324219 25.230469 28.324219 C 26.222656 28.324219 26.671875 27.621094 26.671875 26.675781 C 26.671875 25.792969 26.3125 25.101563 25.394531 25.101563 Z " fill="%23000000"/%3E%3C/g%3E%3C/svg%3E') no-repeat !important;
    height: 40px;
    line-height: unset;
    padding-left: 50px;
}
.boxright ul.mod-menu li::before {display:none!important;}
.boxright ul.mod-menu li a:hover, .card-viaggio .pd-filename a:hover {text-decoration:none;}

.card-viaggio .pd-filename a, .boxright ul.mod-menu li a
{-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;}

.card-viaggio.my-4 {background-color:#fff; margin-top: 3px!important}
.card-viaggio {background-color:#f5f5f5;}
.card-viaggio .pd-filename.phocadownloadfile.phoca-dl-file-box-mod { border:none;}
.card-viaggio .pd-filename a {color: #000; line-height:unset;}
.card-viaggio .pd-filename a:hover, .boxright ul.mod-menu li a:hover {opacity:0.5;}
.zebra li.index-item a {font-family: "Manrope", sans-serif;}

/* Sezione form dett */
.btn-outline-success, .btn-outline-primary {box-shadow: none;}
.btn-outline-primary:hover {box-shadow: none;}
.btn-outline-success.disabled, .btn-outline-success:hover, .btn-outline-success:active {box-shadow: none; }
a.btn {text-decoration:none;}
ul.pagination {margin-bottom:40px!important;}
.pagination .page-item .page-link {font-size: 12px;}
.pagination .page-item .page-link:hover {color: #fff !important;}
.klogout .btn {background-color:#f8f9fa!important;}
.d-none.d-sm-block {font-weight:normal; display: inline-block!important;}

#detail-searchoptions .accordion-item, #detail-searchoptions { background: #f8f9fa; border:none;}
#detail-searchoptions .form-select  {border-color: #111!important}
#kunena .navbar img {
    max-width:50%!important;
    height: auto;
    width: 60px;
}



#phoca-dl-most-viewed-box .pd-documents .pd-filename {border: 1px solid #E6E9EA;border-radius: 16px;padding: 15px;margin-bottom: 21px;width: 100%; max-width: 49%; background-color: #f5f5f5;}
#phoca-dl-most-viewed-box .pd-documents .pd-filename a {color:#000}
#phoca-dl-most-viewed-box .bg-danger {background-color: #FCFB3B !important;color:#000!important;padding: .5rem 1rem !important;font-size:.8rem;font-weight: 700; border-radius:30px;}
@media only screen and (max-width:1280px) {  
#phoca-dl-most-viewed-box .pd-documents .pd-filename {max-width:100%;}
}
@media only screen and (max-width:990px) {  
#phoca-dl-most-viewed-box .pd-documents {padding: 15px;}
}

/* ===================== Sezione dett  ========================= */

#phoca-dl-category-box .pd-cdesc {border: 1px solid #E6E9EA;border-radius: 16px;padding: 15px; background:#000}
#phoca-dl-category-box .pd-cdesc p {color:#fff; margin:0px;}
#phoca-dl-category-box .pd-cdesc p a{color:#fcfb3b; }
#phoca-dl-category-box {width:100%; max-width:1600px; margin:0 auto}
#phoca-dl-category-box .pd-category {display:block!important; padding:30px;}
#phoca-dl-category-box .pd-subcategory {border-bottom:1px solid #E6E9EA; padding: 16px}
#phoca-dl-category-box .pd-subcategory a {color:#000; margin-left: 24px;font-size: 17px;}
#phoca-dl-category-box .pd-hr-cb {margin-top:50px; border-bottom:none;}
#phoca-dl-category-box h1 {display:block; padding:10px;}
@media (min-width: 576px) { #phoca-dl-category-box h1 {font-size: 3.4rem;line-height: 4.5rem;}}

#phoca-dl-category-box .row:nth-child(odd) {background-color: #ffffff; padding:20px 0px 10px 20px;} 
#phoca-dl-category-box .row:nth-child(even) {background-color: #f5f5f5; padding:20px; border-radius: 5px;} 
#phoca-dl-category-box .pd-row2-bp {border-bottom:none}
#phoca-dl-category-box .pd-title { margin-bottom: 14px;margin-left: 6px;font-size: 18px;}
#phoca-dl-category-box .pd-float a {color:#777;}
#phoca-dl-category-box .pd-float a:hover {color:#000;}
#phoca-dl-category-box .btn.btn-primary {border-radius:40px;margin-bottom: 20px;}
#phoca-dl-category-box .btn.btn-primary:hover {text-decoration:none;}
#phoca-dl-category-box .pd-button-box-bt a.btn {border-radius:40px; margin-top: 20px;}

/* ===================== Forum  ========================= */

#kunena.layout {padding:30px;}
#kunena .shadow-lg {box-shadow:none!important;}
#kunena .navbar-expand-lg .navbar-nav {font-size: 15px;margin-left: 13px;}
#kunena .navbar-expand-lg .navbar-nav a::before {content: '+';margin-right:10px;}
#kunena .mod-kunena-breadcrumbs.breadcrumb {font-size: 14px;}
#kunena .mod-kunena-breadcrumbs.breadcrumb a {color:#000;}
#kunena.layout .inputbox#catid {max-width: 250px;}
#kunena.layout .form-select, #kunena.layout .custom-select {border-color:#fcfb3b!important; bappearance: none; border-radius:40px;padding:10px 10px 10px 20px; color:#000; border-color:#fcfb3b;  background:#fcfb3b!important; cursor: pointer; position:relative; font-weight: 600;}
#kunena.layout .form-select::after,  #kunena.layout .custom-select::after , #kunena.layout .inputbox#catid::after{
            content: '▼'; position: absolute;top:10px;right: 10px;font-size: 12px;color: #000;pointer-events:none; z-index:20;}
#kunena.layout .inputbox#catid, #kunena.layout .inputbox#sel{max-width:250px; background:#fcfb3b!important; position:relative; display:block;}
#kunena ul.list-inline li {display:block;width: 33%; margin-bottom:20px;}
@media (max-width:900px) {#kunena ul.list-inline li {width:100%;}}
#kunena a {color:#000}
#kunena  .d-sm-block {color:#888;}
#kunena.layout svg {width: 23px;height: 23px;margin-right: 4px;margin-top: -5px;}
#kunena .bg-faded.p-2 {font-size:17px;font-weight: normal;}
#kunena table {width:100%; border-collapse: collapse; font-size:16px;}
#kunena table th {background-color:#4CAF50; color:white;padding: 12px 15px; text-align:left;}
#kunena table td {padding:12px 15px; border: 1px solid #ddd;}
#kunena table tr:nth-child(even) {background-color: #f9f9f9;}
#kunena table tr:nth-child(odd) {background-color: #ffffff;}
#kunena table tr:last-child td {border-bottom: 2px solid #000;}
#kunena.layout .kfrontend {margin:0rem 0!important;}
#kunena.layout .kfrontend.border {border:none!important;}
@media (min-width: 1200px) {#kunena  .section {padding:40px}}
#kunena.layout .kfrontend .table td {padding: 18px 10px 10px 18px!important;}
/* Stile per il nome del moderatore */
#kunena .moderators a.kwho-admin {color: #0074D9; }
#kunena .lastpostby a.kwho-admin {color:#0074D9;}
#kunena .lastpostby a.kwho-user {color:green;}
#kunena .datepost {font-size: 14px; display:block; color:#888; margin-top:10px;}
.layout#kunena + div {display: none !important; font-size: 0px;}
#kunena.layout .form-select, #kunena.layout .custom-select {
bappearance: none; border-radius:40px;padding:10px 10px 10px 20px; color:#000; border-color:#000; 
cursor: pointer; position:relative; font-weight:600;  background-color:#fcfb3b!important;
}
#kunena .page-item.active .page-link {color:#000;background-color:#fcfb3b!important; border-color:#007bff!important;}
#kunena .container-fluid {padding:0px;}
#kunena .btn {border-color:#fcfb3b;background-color:#fcfb3b;}
#kunena .btn:hover {border-color:#000;background-color:#000; color:#fcfb3b}

#kunena.layout .inputbox#catid, #kunena.layout .inputbox#sel {max-width: 250px; background:#111 !important; border: none;color: #fff;margin-top: 10px;}
#kunena .page-item.active .page-link {background-color: #000 !important;color: #fff;}
#kunena input[type=date],#kunena input[type=datetime-local], #kunena input[type=email],#kunena input[type=number],
#kunena input[type=password],#kunena input[type=search],#kunena input[type=tel],#kunena input[type=text],
#kunena input[type=time],#kunena input[type=url],#kunena textarea {border-radius:40px;}
#kunena.layout .form-select, #kunena.layout .custom-select { background:#ededed!important; border:#c5c7c9 solid 1px!important;}

#main-search label, #main-search input {font-size:14px!important;}
#main-search input.form-control {padding-left:18px;}
#button-searchatdate {background-color:#000!important; color:#fff!important}
.btn-outline-primary {color: #000; font-size: 14px;}

#kunena .input-group input[type=date],#kunena .input-group input[type=datetime-local], #kunena .input-group input[type=email],#kunena .input-group input[type=number],
#kunena .input-group input[type=password],#kunena .input-group input[type=search],#kunena .input-group input[type=tel],#kunena .input-group input[type=text],
#kunena .input-group input[type=time],#kunena .input-group input[type=url],#kunena .input-group textarea {
    border-radius:40px 0px 0px 40px;
    border-right: 0;
    padding: .475rem 1rem;
}

#kunena .input-group input[type=date]::placeholder,#kunena .input-group input[type=datetime-local]::placeholder, #kunena .input-group input[type=email]::placeholder,#kunena .input-group input[type=number]::placeholder,
#kunena .input-group input[type=password]::placeholder,#kunena .input-group input[type=search]::placeholder,#kunena .input-group input[type=tel]::placeholder,#kunena .input-group input[type=text]::placeholder,
#kunena .input-group input[type=time]::placeholder,#kunena .input-group input[type=url]::placeholder,#kunena .input-group textarea::placeholder {
    font-size: .8rem;
}

#kunena .mod-login__username{
    margin-bottom: 1rem;
}

#kunena #kform-desktop-login-password{
    margin-bottom: 0;
}

#kunena .input-group .input-group-text{
    border-bottom: 1px solid var(--softgrey);
    border-right: 1px solid var(--softgrey);
    border-top: 1px solid var(--softgrey);
    border-radius:0px 40px 40px 0px;
}


#kdesktop-userdropdown.dropdown-menu, #kmobile-userdropdown.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0; /* Cambiato da left: 0 a right: 0 */
    left: unset;
    background: #fff!important;
    min-width: 300px!important;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, .1);
}

#kdesktop-userdropdown.dropdown-menu:before, #kmobile-userdropdown.dropdown-menu:before {
    left: unset;
    right: 24px;
    
}

#kunena.layout .dropdown-menu form{
    padding: 20px;
}

#kunena.layout .form-group .controls label {
    float: none;
    font-weight: normal;
    text-align: left;
    font-size: .8rem;
    position: relative;
    display: contents;
}

#kform-login-remember, #kform-login-desktop-submit{
    text-align: left!important;
}

#kform-login-desktop-submit .btn.btn-outline-primary{
    background-color: var(--dark);
    color: white;
    border: 0;
    border-radius: 40px;
    width: 100%;
    box-shadow: unset;
    padding: .475rem 24px;
}

#kform-login-desktop-submit .btn.btn-outline-primary:hover{
    background: var(--giallo);
    color: #000;
}

#kform-login-desktop-submit p{
    font-size: .8rem;
}

#kmobile-loginform .element-invisible.active, #kmobile-loginform .element-invisible{
    display: none;
}

/* Generiche */

.btn-group a:hover {text-decoration:none;}
.author-info .author-description {font-size:17px!important}

/* ===================== Impaginazione  ========================= */
/* Container principale */
.pagination-centered {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 15px;
}

/* Select per ordinamento e limit */
.form-select {
    padding: 6px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    color: #495057;
    margin-right: 10px;
    background-color: #ffffff;
    cursor: pointer;
}

.form-select:focus {
    outline: none;
    border-color: #80bdff;
    box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
}

.input-mini {
    width: auto;
    display: inline-block;
}

.immagine-menu {
    width: auto;
    margin-right: 5px;
}

/* Testo "Ordina per" e "Mostra num" */
.pagination-centered label {
    font-weight: 600;
    margin-right: 5px;
    color: #343a40;
}

/* Contatore a destra */
.counter {
    font-size: 14px;
    color: #6c757d;
}

/* Paginazione */
.pagination__wrapper {
    text-align: center;
    margin-top: 10px;
}

.pagination {
    display: inline-flex;
    padding: 0;
    list-style: none;
}

.page-item {
    margin: 0 3px;
}

.page-link {
    color: #007bff;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
    display: inline-block;
}

.page-link:hover {
    background-color: #f1f1f1;
    color: #0056b3;
    border-color: #ced4da;
}

.page-item.disabled .page-link {
    color: #adb5bd;
    background-color: #e9ecef;
    cursor: not-allowed;
}

.page-item.active .page-link {
    color: #ffffff;
    background-color: #007bff;
    border-color: #007bff;
}

.icon-angle-double-left,
.icon-angle-left,
.icon-angle-right,
.icon-angle-double-right {
    font-size: 12px;
    vertical-align: middle;
}

#backToTop {position: fixed;bottom: 35px;right: 35px;display: none;background-color: #000;color: white;border: none;border-radius: 50%;width: 50px; height: 50px;font-size: 20px;cursor: pointer;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);transition: opacity 0.3s ease, transform 0.3s ease;z-index: 1000;}
#backToTop:hover {color:#fcfb3b;}
#backToTop.show {display: block;opacity: 1;transform: translateY(0);}


.vantaggi-sv .rl_quickindex.indice {border: 1px solid #E6E9EA;border-radius: 16px;width: 100%;max-width: 1000px;padding:20px;box-sizing: border-box; margin-bottom:30px;}
.vantaggi-sv .c-label {
    font-size:18px; 
    font-weight:600;
}
.vantaggi-sv .c-value {
    border: 1px solid var(--softgrey);
    border-radius: 16px;
    width: 100%;
    max-width: 1000px;
    padding:20px;
    box-sizing: border-box; 
    margin:20px 0px 20px 0px; 
    color:var(--dark); 
    font-size:17px;
}
.vantaggi-sv .c-value ul  {
    margin:0px; 
    padding:0px;
}
.vantaggi-sv .c-value ul li {
    font-size: 16px;
    letter-spacing: 0.6px;
}


h3.noindex{
    display: flex;
}

h3.noindex img{
    max-width: 50px!important;
}

/* Variables
================================== */
/* Tables
================================== */
.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1em 0;
  padding: 0;
}
.Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.2em 0.5em;
  overflow: hidden;
  list-style: none;
  border: solid 1px white;
  background: rgba(112, 128, 144, 0.2);
  font-size: 14px;
}
.Rtable-cell > h1,
.Rtable-cell > h2,
.Rtable-cell > h3,
.Rtable-cell > h4,
.Rtable-cell > h5,
.Rtable-cell > h6 {
  margin: 0;
}
/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}

/* Apply styles
================================== */
/*
.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}
*/

.Rtable {margin:30px 0px 30px 0px; 
    border: 1px solid #e3e3e3;
    border-radius: 12px; /* Arrotonda gli angoli */
    overflow: hidden; /* Evita che gli elementi figli escano fuori */


}
.Rtable-cell {
  margin: -3px 0 0 -3px;
  background-color: white;
  border: 1px solid #e3e3e3;}


/* Cell styles
================================== */
.Rtable-cell--dark {
  background-color: slategrey;
  border-color: #5a6673;
  color: white;
}
.Rtable-cell--dark > h1,
.Rtable-cell--dark > h2,
.Rtable-cell--dark > h3,
.Rtable-cell--dark > h4,
.Rtable-cell--dark > h5,
.Rtable-cell--dark > h6 {
  color: white;
}
.Rtable-cell--medium {
  background-color: #b8c0c8;
  border-color: #a9b3bc;
}
.Rtable-cell--light {
  background-color: white;
  border-color: #e2e6e9;
}
.Rtable-cell--highlight {
  background-color: lightgreen;
  border-color: #64e764;
}
.Rtable-cell--alert {
  background-color: darkorange;
  border-color: #cc7000;
  color: white;
}
.Rtable-cell--alert > h1,
.Rtable-cell--alert > h2,
.Rtable-cell--alert > h3,
.Rtable-cell--alert > h4,
.Rtable-cell--alert > h5,
.Rtable-cell--alert > h6 {
  color: white;
}
.Rtable-cell--head {
    background-color: #ECEDE5;
    border-color:#e3e3e3;
    color: white;
}
.Rtable-cell--head > h1,
.Rtable-cell--head > h2,
.Rtable-cell--head > h3,
.Rtable-cell--head > h4,
.Rtable-cell--head > h5,
.Rtable-cell--head > h6 {
  color:#000;
  display: inline-flex;
  vertical-align: middle;
  font-size: 18px;
}
.Rtable-cell--foot {
  background-color:#f4f9ff;
  border-color: #e3e3e3;
  color: #000;
}









/* Responsive
==================================== */
@media all and (max-width: 500px) {
  .Rtable--collapse {
    display: block;
  }
  .Rtable--collapse > .Rtable-cell {
    width: 100% !important;
  }
  .Rtable--collapse > .Rtable-cell--foot {
    margin-bottom: 1em;
  }
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}

/* Tabella
==================================== */
.Rtable-cell--alignTop, 
.Rtable-cell--alignMiddle, 
.Rtable-cell--alignBottom { display: flex; }
.Rtable-cell--alignTop { align-items: flex-start; }
.Rtable-cell--alignMiddle { align-items: center; }
.Rtable-cell--alignBottom { align-items: flex-end; }
.Rtable-cell--alignLeft { text-align: left; }
.Rtable-cell--alignCenter { text-align: center; justify-content: center; } 
.Rtable-cell--alignRight { text-align: right; }
.Rtable--5cols > .Rtable-cell {padding: 10px;}

/* Aggiustamanti Pagina Articoli */
.boxright ul.mod-menu li:last-child {border-bottom:none;}
.acym_posttext p {
    font-size: 15px !important;
    text-align: center;
    line-height: 22px !important;
    margin-top: 20px;
    font-weight: bold;
}

.boxright .btn.btn-primary.loadmore {
    border-radius: 20px;
    margin: 30px 0;
    width: 100%;
    text-align: left;
    position: relative; /* Necessario per il posizionamento assoluto del ::before */
    padding-right: 40px; /* Spazio per l'icona sulla destra */
}

/* Aggiunge il box con l'SVG sulla destra */
.boxright .btn.btn-primary.loadmore::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); /* Centra verticalmente l'SVG */
    width: 27px; /* Larghezza dell'SVG */
    height: 27px; /* Altezza dell'SVG */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg id='Raggruppa_24' data-name='Raggruppa 24' transform='translate(27.183 0.158) rotate(90)'%3E%3Ccircle id='Ellisse_14' data-name='Ellisse 14' cx='13.5' cy='13.5' r='13.5' transform='translate(-0.158 0.183)' fill='%23000000'/%3E%3Cpath id='freccia' d='M4.341,8.682,8.682,4.341,4.341,0M8.682,4.341H0' transform='translate(8.691 8.783)' fill='none' stroke='%23fcfb3b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")
        no-repeat center center; /* Posizionamento dell'SVG */
    background-size: contain; /* Ridimensiona l'SVG per adattarsi al contenitore */
}

/* Animazioni Hover */ 
.ultimi-articoli .ua-item-text a, .ps-2.ps-lg-5.col-12.col-lg-4 form.form-search .jlcontentfieldsfilter .jlmf-button
    {-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;}


/* Articolo pagina */
.viaggi-article img{
    width: unset;
    max-width: 100%;
}
.viaggi-article .head-viaggi {margin-bottom:60px;}
.viaggi-article p, .jcm-mod-content, .viaggi-article .check li, .viaggi-article div, ul.jcm-top.jcm-inline, ul.jcm-top.jcm-inline li a, 
#jlexcomment #jcm-header a, #jlexcomment .jcm-author a, #jlexcomment .jcm-dropdown-menu > li > ._dx, .category-desc p

{/*text-align: justify;  Giustifica il testo */
    font-size: 16px;      /* Dimensione del testo per una migliore leggibilità */
    line-height: 1.6;     /* Spaziatura verticale tra le righe */
   /* word-spacing: 0.05em;  Leggera spaziatura tra le parole per migliorare la leggibilità */
    /*letter-spacing: 0.02em;  Leggera spaziatura tra le lettere per evitare sovrapposizioni */
    hyphens: auto;        /* Abilita la sillabazione automatica */
    text-justify: inter-word; /* Ridistribuisce le parole per evitare grandi spazi vuoti */
    color:#3D3D3D;
}


/* Varie */
.viaggi-article .col-12.col-lg-8 div.col-6.col-md-4.col-lg-3.c-item.align-items-center.pb-3 div {font-size:13px; text-align: left;}
/* sosp Leo 
.card-viaggio {margin: 30px 0px 30px 0px;}
.card-viaggio.my-4 .row {margin-top:10px;}
fine sosp Leo */
.boxright ul.mod-menu {line-height: 1.7rem;}
p.alert.alert-dark a {margin:5px;}
.alert.alert-info {margin:30px 0px 30px 0px }
.zebra {margin: 0px;}
.jcm-mod-content, .jcm-mod-comment .jcm-mod-extra a {font-size: 14px;}
.author-info {padding-left:30px; font-size:15px;}

/* Box Laterale */
.boxright ul.mod-menu li a {font-size: 1.0rem;}
.ultimi-articoli .ua-item-text {width: 60%;margin-left: 10px;}
.ultimi-articoli .ua-item-text a {font-size: 14px;line-height: 1.3rem;}
.ultimi-articoli .ua-item-text a:hover {opacity:0.5; text-decoration:none}
.ultimi-articoli .ua-item-text .subinfo {font-size: 12.5px;margin-top: 3px;}

/* Check list  */
.viaggi-article .check,  .viaggi-article .check-con{list-style: none; padding: 0;margin:30px;}
.viaggi-article .check li, .viaggi-article .check-con li { position: relative;padding-left: 40px; margin-bottom:20px;font-size: 16px; line-height: 1.6;color:#3D3D3D;}
.viaggi-article .check li::before { content: '';
    position: absolute;left: 0;top: 13px;transform: translateY(-50%); width: 25px;height: 25px;
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g><path fill="%234CAF50" d="M44,24c0,11.045-8.955,20-20,20S4,35.045,4,24S12.955,4,24,4S44,12.955,44,24z"/><path fill="%23CCFF90" d="M34.602,14.602L21,28.199l-5.602-5.598l-2.797,2.797L21,33.801l16.398-16.402L34.602,14.602z"/></g></svg>');background-size: contain;background-repeat: no-repeat; background-position: center;
}

.viaggi-article .check-con li::before { content: '';
    position: absolute;left: 0;top: 13px;transform: translateY(-50%); width: 25px;height: 26px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="69" viewBox="0 0 69 69"><path id="circle-xmark-regular" d="M34.5,6.469A28.031,28.031,0,1,1,6.469,34.5,28.031,28.031,0,0,1,34.5,6.469ZM34.5,69A34.5,34.5,0,1,0,0,34.5,34.5,34.5,0,0,0,34.5,69ZM23.584,23.584a3.221,3.221,0,0,0,0,4.569l6.334,6.334-6.334,6.334a3.23,3.23,0,1,0,4.569,4.569l6.334-6.334,6.334,6.334a3.23,3.23,0,1,0,4.569-4.569l-6.334-6.334,6.334-6.334a3.23,3.23,0,1,0-4.569-4.569l-6.334,6.334-6.334-6.334A3.221,3.221,0,0,0,23.584,23.584Z" fill="red"/></svg>');background-size: contain;background-repeat: no-repeat; background-position: center;
}

/* Griglia tenda */
.viaggi-article .grid-layout {display: grid; grid-template-columns: repeat(4, 1fr); /* 4 colonne */border-collapse: collapse; text-align: center;  margin-bottom:40px;}
.viaggi-article .grid-layout > div {border:0px solid #e3e3e3; /* Bordo tra le celle */ font-size: 13px; background-color:#ECEDE8;}
.viaggi-article .grid-layout div > div:first-child {font-weight: bold;padding: 10px 5px 10px 5px;color: white; }
.viaggi-article .grid-layout div > div {padding:15px 3px 15px 3px;}
.viaggi-article .grid-layout div:nth-child(1) div:first-child {background-color: #3fce30; /* Verde per Vantaggi */ border-radius:10px 0px 0px 0px; }
.viaggi-article .grid-layout div:nth-child(2) div:first-child { background-color: #ff0000; /* Rosso per Svantaggi */}
.viaggi-article .grid-layout div:nth-child(3) div:first-child {background-color: #562175; /* Viola per Ideale per */}
.viaggi-article .grid-layout div:nth-child(4) div:first-child {background-color: #29abe2; /* Blu per Da sapere */ border-radius:0px 10px 0px 0px;}   
.viaggi-article .grid-layout div > div:last-child {border-bottom:1px solid #e3e3e3;}

/* Immagine */
.viaggi-article .col-12.col-lg-8 div img, 
.viaggi-article .col-12.col-lg-8 p img {border:1px solid #ECEDE8; border-radius:10px; margin-top:35px!important; margin-bottom:35px!important}

/* Tags */
ul.tags li a.badge.bg-primary {font-size: 13px;}
/* Altre formule trovate all'interno */
        .dl-horizontal {
            display: grid;
            grid-template-columns: 190px auto; /* Prima colonna (dt), seconda colonna (dd) */
            gap: 10px 20px; /* Spaziatura tra dt e dd */
            font-size: 16px; /* Dimensione del testo */
            line-height: 1.6; /* Line-height per la leggibilità */
            max-width:100%; /* Larghezza massima del contenitore */
            margin: 20px auto; /* Centra il contenitore nella pagina */
            padding: 30px;
            background-color: #f9f9f9; /* Colore di sfondo chiaro */
            border-radius: 8px; /* Bordo arrotondato */
        }
        .dl-horizontal dt {font-weight:bold; color: #222;text-align: right; padding-right: 10px; }
        .dl-horizontal dd {margin: 0; color: #3D3D3D;}
        @media screen and (max-width: 768px) {
            .dl-horizontal {grid-template-columns: 1fr; gap: 10px 0; }
            .dl-horizontal dt {text-align: left;padding-right: 0;  }
            .dl-horizontal dt::after {content: ":"; /* Aggiunge i due punti dopo il termine */margin-right: 5px; }}
        @media screen and (max-width: 480px) {.dl-horizontal {padding: 15px; font-size: 14px; }}


/* FIltro box */

.formfiltri form.form-search, 
.formfiltri form.form-search {
position: relative; 
background:#F2F2F2; 
/*border-top:#000 solid 50px; 
border-bottom:#000 solid 20px; */
border-radius: 20px;
}

.formfiltri form.form-search::before,
.formfiltri form.form-search::before {
    display: none;
    content: '';
    position: absolute;
    top: -24px;
    right: 19px;
    transform: translateY(-50%); /* Centra verticalmente l'SVG */
    width: 21px; /* Larghezza dell'SVG */
    height: 21px; /* Altezza dell'SVG */
    background: url("data:image/svg+xml,%3Csvg id='surface1' xmlns='http://www.w3.org/2000/svg' width='21' height='21.027' viewBox='0 0 21 21.027'%3E%3Cpath id='Tracciato_316' data-name='Tracciato 316' d='M11.9,4a1.8,1.8,0,0,0-1.777,1.777v.848H4v1.75h6.125v.848A1.793,1.793,0,0,0,11.875,11H11.9l.793.027h.027A1.8,1.8,0,0,0,14.5,9.25V8.4L25,8.375V6.625l-10.5.027V5.8a1.8,1.8,0,0,0-1.75-1.777h-.027L11.93,4Zm-.027,1.75H11.9l.793.027h.027c.021,0,.027.007.027.027V9.25c0,.01,0,.024,0,.027h-.027L11.93,9.25H11.9c-.021,0-.027-.007-.027-.027V5.777C11.875,5.767,11.872,5.753,11.875,5.75ZM18.9,11a1.8,1.8,0,0,0-1.777,1.777v.848H4v1.75H17.125v.848A1.793,1.793,0,0,0,18.875,18H18.9l.793.027h.027A1.8,1.8,0,0,0,21.5,16.25V15.4l3.5-.027v-1.75l-3.5.027V12.8a1.793,1.793,0,0,0-1.75-1.777h-.027L18.93,11Zm-.027,1.75H18.9l.793.027h.027c.021,0,.027.007.027.027V16.25c0,.01,0,.024,0,.027h-.027l-.793-.027H18.9c-.021,0-.027-.007-.027-.027V12.777C18.875,12.767,18.872,12.753,18.875,12.75ZM8.4,18a1.8,1.8,0,0,0-1.777,1.777v.848H4v1.75H6.625v.848A1.793,1.793,0,0,0,8.375,25H8.4l.793.027h.027A1.8,1.8,0,0,0,11,23.25V22.4l14-.027v-1.75l-14,.027V19.8a1.793,1.793,0,0,0-1.75-1.777H9.223L8.43,18Zm-.027,1.75H8.4l.793.027h.027c.021,0,.027.007.027.027V23.25c0,.01,0,.024,0,.027H9.223L8.43,23.25H8.4c-.021,0-.027-.007-.027-.027V19.777C8.375,19.767,8.372,19.753,8.375,19.75Z' transform='translate(-4 -4)' fill='%23fff'/%3E%3C/svg%3E")
        no-repeat center center; /* Posizionamento dell'SVG */
    background-size: contain; /* Ridimensiona l'SVG per adattarsi al contenitore */
}


.jlcontentfieldsfilter{
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #000;
    border-radius: 20px;
    padding-bottom: 20px;
}

.jlcontentfieldsfilter .jlmf-section{
    flex: 0 0 auto;
    width: 33.33333333%;
}

@media(max-width:991px){
    .jlcontentfieldsfilter .jlmf-section{
        width: 50%;
    }

}



.formfiltri form.form-search .jlcontentfieldsfilter .jlmf-section,
.formfiltri form.form-search .jlcontentfieldsfilter .jlmf-section
 {padding:0px 17px 0px 17px; margin-top: 13px;}

 .formfiltri form.form-search .jlcontentfieldsfilter .jlmf-select,
 .formfiltri form.form-search .jlcontentfieldsfilter .jlmf-select

 {box-sizing: border-box;width: 100%;max-width: 100%;padding: 11px 10px;font-family: inherit;border-color: #d5d6d3;border-radius: 6px;font-size: 14px;}
 
 .formfiltri form.form-search .jlcontentfieldsfilter label.jlmf-label,
 .formfiltri form.form-search .jlcontentfieldsfilter label.jlmf-label
{padding-bottom: 3px;padding-left: 13px;}

.formfiltri form.form-search .jlcontentfieldsfilter .jlmf-button,
.formfiltri form.form-search .jlcontentfieldsfilter .jlmf-button{
    display: block;
    margin-top: 10px;
    padding: 8px 15px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 2;
    text-transform: uppercase;
    border: solid 1px #fcfb3b;
    background-color: #fcfb3b;
    color: #000;
    width: 100%;
    cursor: pointer;
    border-radius: 9px;
}

.formfiltri form.form-search .jlcontentfieldsfilter .jlmf-button:hover ,
form.form-search .jlcontentfieldsfilter .jlmf-button:hover {
    background-color:#000; color:#fcfb3b; 
}

.formfiltri form.form-search .jlcontentfieldsfilter .jlmf-section:last-child ,
form.form-search .jlcontentfieldsfilter .jlmf-section:last-child{
    padding-top:14px;
}

.formfiltri form.form-search .jlcontentfieldsfilter .jlmf-section:last-child .jlmf-link ,
.formfiltri form.form-search .jlcontentfieldsfilter .jlmf-section:last-child .jlmf-link{
    color:#000;
    display: none;
}

.formfiltri form.form-search {margin-bottom:50px;}
/* Sezione Archivi */
.com-finder.finder h1 {text-align:center;}


/* Impaginazione */

.page-item.active .page-link {color:#ffffff;background-color: #000000;border-color: #000000;border-radius: 100%;}
.pagination .page-item .page-link {border-radius: 100%;}
.pagination .page-item .page-link:hover {text-decoration:none; color:#ffffff;background-color: #000000; border-radius: 100%;}
.pagination .page-item .page-link[aria-current] {border: 1px solid #000; color:#fcfb3b; pointer-events: none;}
.page-item.disabled .page-link {border-radius: 100%;}


/* Sezione Form interno */
#postform  {width:100%; max-width:1400px; margin:0 auto !important;}
#postform label { display: block; position: relative;}
#postform #subject  {font-size: 14px;padding-left: 20px;}
#kpost-subscribe .form-check-label {margin-left:3px; display:inline-block!important; margin-top:2px;}
#postform .cke_bottom, #postform .cke_top {background-image:none;}
#kattach_form .badge.bg-info {padding:10px;background: rgba(0, 0, 0, 0.03)!important;border: 1px solid rgba(0, 0, 0, 0.03);border-radius: 3px; font-size: 15px;font-weight: normal; color:#000}



.bbcode_smiley{width: 20px!important;}
.profilebox img{width: unset;}



/* nuove impostazioni pagine interne 
==================================== */

.mod-box {text-align:center; padding: 20px; margin: 0 auto;background-color:#f9f9f9; border:1px solid #e7e7e7; border-radius: 8px;max-width:900px; margin-bottom:30px;}
.mod-box hr {border: 0;height: 1px;background: #e7e7e7;margin: 20px 0; opacity:10;}
.mod-box table {width: 100%;border-spacing: 0;border-collapse: collapse;}
.mod-box table td {text-align:left!important;padding: 14px 5px;font-size: 16px;vertical-align: middle;}
.mod-box table tr {border-bottom:#e7e7e7 solid 1px}
.mod-box table tr:last-child {border-bottom:#e7e7e7 solid 0px}
.mod-box table td i {font-size: 20px;color: #555;margin-right: 8px;}
.mod-box table td a {color:#000;text-decoration: underline;font-weight: bold;}
.mod-box table td a:hover {text-decoration:none;}
.alert.alert-info p {display:block; width:100%; margin-bottom:40px;}
.alert.alert-info a.btn {float:right;}
h3.alert-heading {margin: 20px 0px 10px 0px;}
.mod-box table td strong {color: #000;}
.alert-info, .alert, .alert-warning {border-radius: 7px; border: 1px solid #5d7083!important;}


 #cbtabsCBMenucanvas_main_middle .articlesContainer {
    padding:0px;
    margin: 0 auto;
    background-color: #f8f9fa; 
    border-radius: 8px;
    max-width: 100%;
    overflow-x: auto; 
}

 #cbtabsCBMenucanvas_main_middle .articlesContainer .table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
    background-color: #ffffff; 
}

 #cbtabsCBMenucanvas_main_middle .articlesContainer .table th,
 #cbtabsCBMenucanvas_main_middle .articlesContainer .table td {
    padding: 15px 15px;
    text-align: left;
    border-bottom: 1px solid #dee2e6; font-size:16px;
}

 #cbtabsCBMenucanvas_main_middle .articlesContainer .table th {
    font-weight: 600;
    background-color: #e9ecef; /* Sfondo intestazione */
    color: #495057;
    text-transform: uppercase;
    font-size: 14px;
}

 #cbtabsCBMenucanvas_main_middle .articlesContainer .table td a {
    color: #333; /* Colore link */
    text-decoration: none;
    font-weight: 500;
}

#cbtabsCBMenucanvas_main_middle .d-none.d-sm-table-cell {color:#979797}



 #cbtabsCBMenucanvas_main_middle .articlesContainer .table td a:hover {color:#000}

 #cbtabsCBMenucanvas_main_middle .articlesContainer .table-hover tbody tr:hover {
    background-color: #f8f9fa; 
}

 #cbtabsCBMenucanvas_main_middle .articlesContainer .table tfoot {
    background-color: #e9ecef;
}

#cbtabsCBMenucanvas_main_middle .articlesContainer .pagination .page-item.active .page-link {color: #fff;}


#cbtabsCBMenucanvas_main_middle .articlesContainer .table td:first-child a {
    display: flex;
    align-items: center; /* Allinea testo e icona */
    gap: 8px; /* Spaziatura tra icona e testo */
}

#cbtabsCBMenucanvas_main_middle .articlesContainer .table td:first-child a::before {
    content: "\f15c"; /* Codice unicode di Font Awesome per l'icona fa-file-alt */
    font-family: "Font Awesome 5 Free"; /* Specifica il font */
    font-weight: 900; /* Usa lo stile solid */
    font-size: 18px;
    color: #000; /* Colore icona */
    margin-right: 8px; /* Spaziatura tra icona e testo */
}


#cbtabsCBMenucanvas_main_middle .articlesContainer .pagination a::before {display:none}
  
/* Stile generale del form */
/* Stile generale */
#contact-form {
    max-width: 800px;
    margin: 10px auto;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ddd;
    display: grid;
   
}


.com-contact__container {width: calc(100% - 200px);  margin: 0 100px; height:auto; position: relative;}
.com-contact__container .com-contact__thumbnail  {position: relative; overflow: hidden; height:600px; border-radius: 30px;}
.com-contact__container .com-contact__thumbnail img {width:100%; display:block;  position:absolute; top:-86%}
@media only screen and (max-width:1858px) {  
.com-contact__container .com-contact__thumbnail img {width:100%; display:block;  position:absolute; top:-68%}
}
@media only screen and (max-width:1696px) {  
.com-contact__container .com-contact__thumbnail img {width:100%; display:block;  position:absolute; top:-48%}
}
@media only screen and (max-width:1492px) {  
.com-contact__container .com-contact__thumbnail img {width:100%; display:block;  position:absolute; top:-20%}
}
@media only screen and (max-width:1270px) {  
.com-contact__container .com-contact__thumbnail img {width:100%; display:block;  position:absolute; top:-0%}
}
@media only screen and (max-width:1100px) {  
.com-contact__container .com-contact__thumbnail {height: 497px;}
}
@media only screen and (max-width:940px) {  
.com-contact__container .com-contact__thumbnail {height: 404px;}
}
@media only screen and (max-width:794px) {  
.com-contact__container .com-contact__thumbnail {height:340px;}
}

.com-contact__container .com-contact__thumbnail::after {background-color: #00000067;}
.com-contact__container .com-contact__thumbnail::after {width: 100%; height: 100%; content: ''; display: block; z-index: 1; position: absolute; top: 0;}
.com-contact__container h3  {position: absolute;bottom: 17rem;left: 50%;transform: translateX(-50%);z-index: 2;color: #fff; font-size: clamp(2rem, 0.4961rem + 2.5039vw, 3rem); line-height: clamp(2.7rem, 0.4961rem + 2.5039vw, 3.7rem);font-weight: 700;text-align: center; margin-bottom: .5rem;}

#contact-form .control-group:nth-child(3) {width:48%; float:left;}
#contact-form .control-group:nth-child(4) {width:48%; float:right;}
#contact-form .control-group:nth-child(5) {width:100%; clear:both;}
#contact-form .control-group:nth-child(6) {width:100%; clear:both;}
#contact-form .control-group:nth-child(7) .controls {float:left;}
#contact-form .control-group:nth-child(7) .control-label { display: inline-block; margin-left:25px; margin-top: 16px;}
#contact-form .form-control-feedback {color:red; margin-left:20px;}

.com-contact.contact .page-header {width: calc(100% - 200px);  margin: 0 100px; height:auto; position: relative; padding: 20px 20px 0px 20px; text-align:center;}
.com-contact.contact h3 {display:none; width:100%; max-width:800px; margin:0 auto; padding:40px 0px 20px 0px;}
.com-contact__miscinfo.contact-miscinfo {display:block; width:100%; max-width:800px; margin:0 auto;}
.com-contact__miscinfo.contact-miscinfo .dl-horizontal {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    max-width: 100%;
    margin: 0px auto;
    padding: 30px;
   
}



/* Stile principale per il contenitore */
.com-contact__info {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ddd;
    max-width:800px;
    margin: 0 auto;     margin-top: 40px;
}

/* Stile per il <dl> */
.com-contact__address {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none; 
}

/* Stile per <dt> (titoli) */
.com-contact__address dt {
    font-weight: bold;
    width: 30px; /* Spazio per l'icona */
    text-align: center;
    color: #555;
    margin-bottom: 10px;
}

/* Stile per le icone */
.com-contact__address .icon-address,
.com-contact__address .icon-mobile {
    font-size: 1.2rem;
    color: #000; 
}

/* Testo nascosto per accessibilità */
.com-contact__address .visually-hidden {
    position: absolute;
    left: -9999px;
}

/* Stile per <dd> (descrizioni) */
.com-contact__address dd {
    flex: 1; /* Prende lo spazio rimanente */
    margin: 0 0 10px 10px; /* Spazio tra <dt> e <dd> */
    color: #333;
    font-size: 1rem;
}

/* Stile per i dettagli specifici */
.com-contact__address .contact-suburb {
    font-weight: bold;
    color: #333;
}

.com-contact__address .contact-country {
    color: #666;
    font-style: italic;
}

.com-contact__address .contact-mobile {
    font-size: 1rem;
    color: #000;
    text-decoration: none;
}

/* Aggiunta di hover per il numero di telefono */
.com-contact__address .contact-mobile:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* Responsività */
@media (max-width: 768px) {
    .com-contact__address {
        flex-direction: column; /* I titoli e descrizioni vanno in colonna */
    }

    .com-contact__address dt,
    .com-contact__address dd {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }
}





/* nuove impostazioni pagine interne 
==================================== */


/* MOBILE */


@media only screen and (max-width:680px) {  


/* Contatti */

.com-contact__container, .com-contact.contact .page-header {width: calc(100% - 20px);margin: 0 10px;}
.com-contact__container .com-contact__thumbnail img {width: 147%;top: -2%;}
.com-contact__container h3 {bottom: 11rem;}
#contact-form .control-group:nth-child(3) {width: 100%;}
#contact-form .control-group:nth-child(4) {width: 100%;}
.com-contact__miscinfo.contact-miscinfo .dl-horizontal {padding: 5px;}
.com-contact__container .com-contact__thumbnail {border-radius: 18px;}
.com-contact__address {display: block;}
.com-contact__address dt, .com-contact__address dd {
        width: 100%;
        margin-left: 0;
        text-align: left;
        display: inline;
    }
.com-contact__address dt {margin-left:10px}

/* nuove */
#kunena.layout {padding: 10px;}
#kunena.layout .kfrontend .table td {padding: 10px 8px 8px 6px !important;}
#kunena.layout .kfrontend.section {padding: 52px 0px;}
#kmobile-loginform .input-group-text {display: block;font-size: 1.1rem;line-height: 1.55555555em;width: 75px;position: absolute;right: 0px; top: 0px;}
#kunena.layout nav.bg-light {background-color:transparent!important;}
#kunena.layout nav.border {border: none!important;}
#kunena.layout #kcat-last .lastpostlink {font-size: 0.9em;display: inline-block;margin-top: 10px;width: 150px;}
#kunena.layout a .rounded {display:block; width:100%}


/* Fixed */
.it-header-wrapper {position: fixed;width:100%; top:0px; z-index: 50}
main {
    margin-top:90px;
}

main.istop {
    margin-top:150px;
}
	
	div#forseo_error_page_content {
		margin-top: 180px;
	}

/* Immagine Header */
.head-viaggi figure {height: 50vh;}
/*.head-viaggi .text-heading {background: linear-gradient(0deg, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 0.5074404761904762) 87%, rgba(0, 0, 0, 0) 100%); height: 50vh; }  */
.head-viaggi .text-heading {background:linear-gradient(0deg, rgba(0, 0, 0, 1) -13%, rgba(0, 0, 0, 0.5074404761904762) 37%, rgba(0, 0, 0, 0) 96%); height: 50vh; }







.head-viaggi .text-heading {bottom: clamp(-211px, 254.6022rem + -249.61vw, 0px);}
.viaggi-article .head-viaggi {margin-bottom: 0px;}
.head-viaggi .text-heading h1 {margin-top: 62%;}
.path-articolo nav a {font-size: .9em;}

/* Intene Blog */
.card-viaggio .row .col-6 {width:100%}
.viaggi-article p, .jcm-mod-content, .viaggi-article .check li, .viaggi-article .col-12.col-lg-8 div, ul.jcm-top.jcm-inline, ul.jcm-top.jcm-inline li a, #jlexcomment #jcm-header a, #jlexcomment .jcm-author a, #jlexcomment .jcm-dropdown-menu > li > ._dx, .category-desc p {font-size: 15px;}
#system-message-container {margin: 0px auto;}
.viaggi-article p .btn-primary, .viaggi-article .btn-primary, .viaggi-article .btn-success, .viaggi-article p .btn-success {width: 100%;}
.viaggi-article .btn-success, .viaggi-article p .btn-success {margin-top:20px;}
.Rtable-cell--head > h1, .Rtable-cell--head > h2, .Rtable-cell--head > h3, .Rtable-cell--head > h4, .Rtable-cell--head > h5, .Rtable-cell--head > h6 {font-size: 16px;}

/* Titolo Icone */
h2 .heading_text {font-size:16px;}
h3.noindex {display: grid;  grid-template-columns: 1fr 1fr;  gap:0px; font-size:14px; }
.viaggi-article .col-12.col-lg-8 h3.noindex img {margin:0px !important;}

/* Scheda tag */
.alert {padding: 16px 0px 0px 0px;margin-bottom:0rem;border:0px solid #5d7083;padding-left: 0px;text-align: center;}
p.alert.alert-dark a {font-size: 14px;}

/* Footer Immagine */
.footer img {width:100%; max-width:170px; margin-bottom:30px;}
.footer .col-4 {width: 50%;}
.footer .moduletable ul.mod-menu.mod-list li {font-size: .8rem;line-height: 1.2rem;padding-bottom: 0.2rem;font-weight: normal;}

/* Impostazioi sulle Gallery */
.swiper-controls h2 {font-size: 1.2rem;}
.full-carosello .swiper-controls, .carosello .swiper-controls, .carosello-container .swiper-controls {height: 75px;}
.swiper-button-next, .swiper-button-prev {top: 71px!important;}
.full-carosello .swiper, .carosello .swiper, .carosello-container .swiper {margin-top: 15px;}

/* Impostazioi Dentro Carosello */
.full-carosello h3, .carosello h3, .carosello-container h3 {font-size: 1.0rem;}
.swiper-slide img {min-height:250px!important; height:250px!important;}
.carosello-container, .tags-tipologie {padding: 20px 0;}
.card.card-bg {margin-left:0px;margin-right:0px}
#backToTop {display:none!important}

/* Generiche Home page */
.page-header h1 {margin-top:40px;}
h1, .h1 {font-size: 2.0rem;line-height: 2.5rem; margin-top:1.5rem}
a.card-readmore {font-size: 0.9rem;}


    p.alert.alert-warning, p.alert.alert-info, p.alert.alert-secondary {padding: 33px 20px 30px 20px;text-align: left;}
    .alert {background-position: 9px 9px;background-size: 20px 20px;}

    .mod-box {padding: 15px;font-size: 14px; border: 0px solid #e7e7e7; border-radius: 0px;}
    .mod-box table td {font-size: 14px;}
    .mod-box table td i {font-size: 18px;}
    .rl_quickindex.indice {border-radius: 10px;padding: 1rem;}
    .alert.alert-info a.btn {float: none;width: 200px;}
    .alert.alert-info {margin: 20px 0px 20px 0px;}
    [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] {
    font-size: 1rem;}

    

    #cbtabsCBMenucanvas_main_middle {width: 100%;}
    #cbtabsCBMenucanvas_main_middle .articlesContainer .table th,
    #cbtabsCBMenucanvas_main_middle .articlesContainer .table td {padding:14px;font-size: 14px; line-height: 19px;}


/* FINE */
}

@media (min-width: 768px) {
    .cb_template .cbCanvasLayoutNav, .cb_template .cbEditLayoutNav, .cb_template .cbRegistrationLayoutNav, .cb_template .cbCanvasHomeLayoutNav, .cb_template .cbIntranetLayoutNav {
        width: 100%!important;
    }
}

@media (max-width: 991.98px) {
    .cb_template .cbNavBar > .cbNavBarContainer > .cbNavBarMenu {
        position: relative!important;
        flex-direction: column!important;
        height: unset!important;
        overflow: visible!important;
        max-height: 100%!important;
    }
    .cb_template .cbNavBar > .cbNavBarContainer {
        display: flex!important;
        height: 100%!important;
        overflow: auto!important;
        align-items: start!important;
        display: block!important;
    }

    .cb_template .cbNavBar > .cbNavBarContainer > .cbNavBarMenu > .cbNavBarItem {
        height: 2.5rem!important;
        display: block!important;
        width: 100%;
    }

    .cb_template .cbNavBar > .cbNavBarContainer > .cbNavBarMenu > .cbNavBarOverflow{
        display: none!important;
    }
}

.abbonatifaq{
    /*
    background-repeat: repeat-x;
    background-size: contain;
    background-color: #DFF2E7;*/
    border-top: 1px solid #BFBFBF;
    margin-top: 3rem;
    padding: 3rem 0;
}

.abbonatifaq h2{
    text-align: center;
}


.abbonatifaq .container{
    max-width: 1140px;
    margin: 0 auto;
}

.abbonatifaq h3{
    font-size: .9rem!important;
    font-weight: 700!important;
    text-transform: initial!important;
}

.abbonatifaq p{
    font-size: .8rem;
    line-height: 1.2rem;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button] {
    margin-top: 1rem!important;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]{
    border-radius: 20px;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] h3:after {
    content: url(../svg/caret.svg);
    transform: rotate(180deg) scale(.8);
    position: absolute;
    right: 20px; margin-top:9px;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open] h3:after{
    transform: rotate(0deg) scale(.8);
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open], 
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]{
    border-radius: 20px 20px 0 0;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel], 
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]{
    border-radius: 0 0 20px 20px;
}


.cbRegistrationConclusion{
    font-size: .8rem;
}

.componente-ricerca .awesomplete {
    flex: 1 0 0%;
}

.componente-ricerca input.js-finder-search-query{
    min-height: 5.5rem;
    background: var(--softgrey);
    padding-left: 1rem;
    position: relative;
    margin-bottom: 0;
}

.componente-ricerca .btn.btn-primary{
    border-radius: 0px 50px 50px 0px;
    background-color: #fff;
    color: var(--dark);
    border: 1px solid var(--softgrey);
    border-left: 0;
    padding: 0 1.5rem 0 4rem;
}

.componente-ricerca button.btn.btn-primary span.btncomcerca{
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    padding: 1rem 3rem;
}

.componente-ricerca .input-group-text{
    border: 0;
    background-color: var(--softgrey);
    border-radius: 50px 0px 0px 50px;
    padding: 0;
    padding-left: 1.5rem;
}

/*Aggiunta Leo*/
@media(max-width:991px){

    .componente-ricerca button.btn.btn-primary, 
    .componente-ricerca button.btn.btn-primary:not(:disabled):not(.disabled):active, 
    .componente-ricerca button.btn.btn-primary:not(:disabled):not(.disabled).active, 
    .show>.componente-ricerca button.btn.btn-primary.dropdown-toggle{
        padding: 0 .8rem 0 .8rem;
    }

    .componente-ricerca button.btn.btn-primary span.btncomcerca {
        padding: .5rem 1.5rem;
    }

    .componente-ricerca input.form-control {
        min-height: 3.8rem;
    }

    .componente-ricerca input.form-control::placeholder {
        font-size: .7rem;
    }

    .componente-ricerca .icon {
        width: 18px;
        height: 18px;
    }

    .componente-ricerca .input-group .input-group-text{
        padding-left: 1rem;
    }

    .componente-ricerca input.form-control{
        padding-left: .5rem;
    }

    .componente-ricerca button.btn.btn-primary span{
        font-size: .8rem;
    }
}
/* Modifiche sommario leaflet-zhosm-elevation */
.elevation-summary.inline-summary {
	font-size: 13px;
}
span.summarylabel {
    display: none;
}
.totlen .summaryvalue:before {
    content: "Lunghezza: ";
    font-weight: 300;
}
.tottime .summaryvalue:before {
    content: "Tempo: ";
    font-weight: 300;
}
.minele .summaryvalue:before {
    content: "Quota min: ";
    font-weight: 300;
}
.maxele .summaryvalue:before {
    content: "Quota max: ";
    font-weight: 300;
}
.avgele .summaryvalue:before {
    content: "Quota media: ";
    font-weight: 300;
}

.leaflet-control-attribution.leaflet-control {
    font-size: 11px;
}

.zhom-path-elevation {
	margin-top: 5px;
}
/* fine modifiche sommario leaflet-zhosm-elevation */
/*fine aggiunta Leo */

li.mod-breadcrumbs__item.breadcrumb-item a, li.mod-breadcrumbs__item.breadcrumb-item{
    color: var(--dark);
    font-size: .8rem;
}

li.mod-breadcrumbs__item.breadcrumb-item a:hover{
    color: var(--arancio);
}

.path-articolo li.mod-breadcrumbs__item.breadcrumb-item a, .path-articolo li.mod-breadcrumbs__item.breadcrumb-item{
    color: #fff;
}

.path-articolo li.mod-breadcrumbs__item.breadcrumb-item:last-child{
    display: none;
} 


/* LISTA UTENTI*/

.cbUsersList{
    padding-left: 30px;
    padding-right: 30px;
}

.cbUsersList .cbUserListSearchFields{
    display: flex;
    flex-wrap: wrap;
    border-radius: 20px;
    padding: 3rem 2rem 2rem 2rem;
    background: var(--softgrey);
    margin-bottom: 2rem;
}

.cbUsersList .cbFieldsContentsTab{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.cbUsersList .cbSearchCriteria{
    display: flex;
    flex-wrap: nowrap;
}

.cbUsersList .form-group{
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.cbUsersList .form-group#cbfr_163{
    flex: 0 0 auto;
    width: auto;
}

.cbUsersList .row.no-gutters.cbUserListSearchButtons{
    flex-wrap: wrap;
}

.cbUsersList .cbFieldsContentsTab{
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    margin-right: 0;
}



.cbUsersList.cb_template .select2-container--bootstrap.select2-container--multiple{
    width: 100%!important;
}

.cbregUpgradeButtonDiv{
    text-align: center;
    margin: 0 auto;
}

.cbUsersList.cb_template .btn-primary, .btn-primary.cbregButton.cbregSaveButton, .cbregUpgradeButtonDiv .btn-primary {
    color: var(--dark)!important;
    background-color: var(--giallo)!important;
    border-color: var(--giallo)!important;
    height: 54px;
    border-radius: 10px;
    margin-top: 6px;
    font-weight: 600;
    margin-bottom: 2rem;
}

.cbUsersList.cb_template .btn-primary:hover, .cbregUpgradeButtonDiv .btn-primary:hover {
    color: var(--giallo)!important;
    background-color: var(--dark)!important;
    border-color: var(--dark)!important;
}

.cbregUpgradeButtonDiv .btn-primary {
    border-radius: 50px;
}

.cbUsersList.cb_template .form-group{
    margin-bottom: 0;
}

.cbUsersList .form-auto .form-control {
    border-radius: 10px;
    width: 100%!important;
    min-width: 80px!important;
    height: 54px;
}

.cbUsersList .form-control-plaintext{
    background: transparent!important;
}

.cbUsersList .cbSearchFromToLine{
    margin-right: 1rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center !important;
    font-size: .8rem;
}

.cbUsersList .cbSearchFromToLine.mt-2{
    margin-right: 0;
}

.cbUsersList .cbSearchFromTo.cbSearchFrom, .cbUsersList .cbSearchFromTo.cbSearchTo{
        margin-right: .5rem;
}

.cbUsersList .col-form-label.col-sm-3.pr-sm-2{
    position: absolute;
    padding-left: 15px !important;
    font-size: .8rem !important;
    top: -25px;
    left: 0;
    max-width: 100%;
    display: block;
}

.cbUsersList .offset-sm-3.col-sm-9{
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    margin-left: 0;
}

.cbUsersList .form-group input, .cbUsersList .form-group .select2{
    height: 50px;
    background-color: #fff !important;
    border-radius: 10px;
}

.cbUsersList .mt-2.cbSearchFromToLine{
    margin-top: 0!important;
}

.cb_template .page-item.active .page-link{
    border-color:var(--dark)!important;
    background-color: var(--dark)!important;
}

.cbPagination{
    margin: 2rem 0;
}

.ex-authorlink{
    font-weight: 600;
}

.cbFieldsContentsTab p{
    font-size: .8rem;
    line-height: 1.3rem;
}

.cb_tab_container .card-header{
    font-size: 1.1rem;
    font-weight: 500;
}


@media(max-width:991px){

    .cbUsersList .form-group#cbfr_163 {
        flex: 0 0 auto;
        width: 100%;
    }


    .cbUsersList .form-group{
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .cbUsersList .cbFieldsContentsTab {
        flex-basis: unset;
        flex-grow: unset;
        max-width: unset;
    }

    .cbUsersList.cb_template .form-auto .form-control{
        width: 100%;
    }

    .cbUsersList.cb_template .form-group {
        margin-bottom: 1.5rem;
    }
}

@media(max-width:650px){
    .cbUsersList .form-group{
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

}

@media (min-width: 576px) {
    .cbUsersList.cb_template .col-sm-9 {
        width: auto;
        max-width: 100%;
        flex: 0 0 100%;
    }
}

ul.items-lista-griglia{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.items-lista-griglia li{
    padding: 8px 12px;
    font-size: .8rem;
    display: flex;
    justify-content: space-between !important;
}

ul.items-lista-griglia li span{
    color: #909090;
}

ul.items-lista-griglia li span.labl{
    color: #000;
}

ul.items-lista-griglia li:nth-child(odd) {
    background: #eee;
}

.header-lista-griglia{
    display: block;
    font-weight: 600;
    font-size: .8rem;
    text-transform: uppercase;
}

.range-sliders .jlmf-label{
    display: none;
}

.jlmf-label{
    text-transform: uppercase;
    padding-bottom: 3px;
    padding-left: 13px;
    font-size: .9rem;
}

.caratteristiche-articolo{
    max-width: 400px;
    margin: 0 auto;
}

#continuaa{
    font-weight: 600;
    font-size: .8rem;
    cursor: pointer;
    margin-bottom: .5rem;
}

#continuaa:hover{
    text-decoration: underline;
}

.desc-cat-tag {
    overflow: hidden;
    transition: max-height 0.5s ease; /* Aggiungi la transizione */
    max-height: 66px; /* Imposta un'altezza massima iniziale */
    margin-bottom: .5rem;
}

.desc-cat-tag.aperto {
    max-height: 700px; /* Imposta un'altezza massima quando è aperto */
}

#acym_wrapper .acym__front__archive .acym__front__archive__title{
    margin-top: 20px;
    padding-bottom: 10px;
}

.video-vimeo{
    width: 100%;
    height: 100%;
}

.author-dettaglio{
    border:1px solid #c5c5c5;margin-top:10px; padding:15px; border-radius:20px; overflow:hidden; margin-bottom: 30px;
}

.author-image{
    height:80px;
    width:80px;
    object-fit: cover;
    border-radius:50%!important; 
    float:left; 
    margin-right:15px;
}

.author-description{
    font-size:0.95em; line-height:1.4em; color:#4C4C4C;
}

#kunena .caret {
    display: inline-block;
    position: relative;
}

#kunena .caret::after {
    content: "\f0d7"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size: 16px; 
    margin-left: 5px;
    vertical-align: middle; 
}

#kunena .caret:hover{
    color: #fcfb3b;
}

.klogout .btn.btn-light{
    background: #fcfb3b!important;
}

.klogout .btn.btn-link{
    background: transparent!important;
}

.klogout .btn.btn-link:hover{
    color: #000!important;
    text-decoration: underline;
}

.klogout .dropdown-divider{
    display: none;
}

.klogout .btn.btn-outline-success:hover, 
.klogout .btn.btn-outline-warning:hover, 
.klogout .btn.btn-outline-danger:hover, 
.klogout .btn.btn-outline-secondary:hover{
    color: #000!important;
}

#kunena a.badge.bg-success {
    color: #fff;
}

.klogout .dropdown-menu a, .klogout .dropdown-menu p {
    font-size: .8rem!important;
}

.klogout .btn.btn-sm.btn-outline-success,
.klogout .btn.btn-sm.btn-outline-warning, 
.klogout .btn.btn-sm.btn-outline-danger, 
.klogout .btn.btn-sm.btn-outline-secondary{
    padding: .2rem;
    background-color: transparent!important;
    text-align: left!important;
    flex: 0 0 auto;
    box-shadow: unset!important;
    width: 50%;
    margin: 0!important;
    text-transform: uppercase;
}

#status-online{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    padding: 1rem 0;
}

.klogout .btn-group{
    max-height: 60px;
}

#kunena.layout .klogout .dropdown-menu {
    right: 0;
    left: auto;
}

#kunena.layout .klogout .dropdown-menu:before{
    left: auto;
    right: 36px;
}

@media(max-width:992px){
    #kunena.layout .dropdown-menu {
        background: #fff;
        top:60px
    }
}

.swiper-button-next, .swiper-button-prev{
    z-index: 3!important;
}

#kunena.layout .form-group .controls #iconset_topicList label{
    display: inline-block!important;
}


.modal-body iframe.iframe {
	min-height: 600px;
}

/** Mod Leo modulo newsletter home page **/
.newsletter-orizzontale table.acym_form {
	margin: 10px auto;
}

@media only screen and (max-width: 680px){
	.newsletter-orizzontale .acym_form {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-evenly;
    margin: 10px 30px;
}

.newsletter-orizzontale .acym_module_form .onefield {
	align-items: center;
    width: 100%;
    margin: 10px 30px;
}

.newsletter-orizzontale .acym_module_form .fieldacycaptcha {
	width: auto ;
}

.newsletter-orizzontale p.acysubbuttons {
    width: 80%;
    margin: 10px 30px;
}
}

@media (min-width: 992px){
.newsletter-orizzontale .acym_form {
    display: flex;
    flex-wrap: nowrap;
	justify-content: space-evenly;
    margin: 10px 30px;
}

.newsletter-orizzontale .acym_module_form .onefield {
	align-items: center;
	width: 25% ;
	margin: 0 5px;
}

.newsletter-orizzontale .acym_module_form .fieldacycaptcha {
	width: auto ;
}

.newsletter-orizzontale p.acysubbuttons {
    width: 20%;
    margin: auto;
}
	
	}

.newsletter-orizzontale a.acym__modal__handle {
	color: black;
}
td.acyterms {
	padding: 10px;
}

label.jlmf-field-title {

}
