body,h1,h2,h3,h4{font-family:'Open Sans'/*'Comfortaa'*/,sans-serif,serif}



.ombratesto {text-shadow: 0px 0px 10px #000;}

.sottotitolo{color:#444}
.lead {font-size: 1.25rem;font-weight: 300 !important;font-family:Calibri/*Comfortaa*/,sans-serif,serif}
.light-bold{font-weight:400 !important}
.bold{font-weight:700 !important}

.owl-carousel img{width:100%!important;height:auto!important}
.w3-modal{z-index:4}


.titolo-principale-home{font-size:40px;font-weight:700;line-height:44px;margin-bottom:14px;color: #fff;}
.paragrafo-principale{font-size:21px;font-weight: 600;line-height: 24px;margin-bottom: 16px;color:#fff;}

.titolo-generico {color: #51AF30}

/* layer menu mobile */
#menu-mobile{background:#009EE3;position:fixed;top:80px;left:0;bottom:0;width:100%;z-index:5;transition:transform .3s ease, opacity .5s ease;overflow:auto}
#menu-mobile.closed{transform:translateY(calc(-100% - 80px));opacity:0}
#menu-mobile.open{transform:translateY(0);opacity:1}

/* menu icon */
.lines, .lines:before, .lines:after {background:#51AF30}
.lines {display: inline-block;height: 3px;width: 30px;border-radius: 4px;transition: .3s;position: relative;top: -4px;transform-origin: center;}
.lines::before, .lines::after {display: inline-block;height: 3px;width: 30px;border-radius: 4px;transition: .3s;content: '';position: absolute;left: 0;transform-origin: center;width: 100%;}
.lines::before {top: 9px;}
.lines::after {top: -9px;}
.lines-x{transform:rotate(45deg)}
.lines-x::before{transform:rotate(90deg);top:0}
.lines-x::after{display:none}

#header-img-container{padding-top:60px!important}

.sezione{padding:32px 0}
.sezione h2.titolo-generico{font-size:27px}
.sezione .contenuto-testuale{font-size:18px}
.sezione .contenuto-testuale ul, .sezione .contenuto-testuale ol{font-size:18px;color:#7f7f7f;font-size:18px}
.sezione .contenuto-testuale ul li,.sezione .contenuto-testuale ol li{padding:8px 0}
.sezione .contenuto-testuale a{color:#40C1F1}
.sezione .container-img,.sezione .container-itinerari{padding:32px 0}
.container-itinerari h3{font-size:17px}
.sezione .container-img-3 .w3-col,.sezione .container-img-2 .w3-col,.sezione .container-itinerari .w3-col{margin-bottom:32px;}
.sezione .container-img-3 .w3-col:last-child,.sezione .container-img-2 .w3-col:last-child,.sezione .container-itinerari .w3-col:last-child{margin-bottom:0}
.sezione .container-img img{width:100%!important;height:auto!important}

.container-img-1{max-width:900px;margin:auto;}
.template-max-width{margin:auto;padding:0 30px}
.width-bloccata{margin:auto;}

#welcome .titolo,.sezione h1.titolo-generico{font-size: 32px!important;}
#welcome p{font-size: 21px!important;}
#welcome ul{font-size: 18px!important;}
#welcome a{color:#40C1F1}
#welcome-inner{padding:30px;overflow:hidden}
p{color:#7f7f7f}


.no-padding-top{padding-top:0!important}
.no-margin-top{margin-top:0!important}
.mb-16{margin-bottom:16px;}


.spinner {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #40C1F1; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    display: inline-block;
}


@media(min-width:500px) {
    #welcome-inner{padding:48px;}  
    .lead {font-size: 1.35714286em;line-height: 1.68421053em;}
}

@media(min-width:700px){
    .sezione .container-img .w3-row{margin-right:-24px;}
    .sezione .container-img-3 .w3-col{width:calc(33.33% - 24px);margin-right:24px;margin-bottom:0}    
}

@media(min-width:768px){
    .titolo-principale-home{font-size:80px;line-height:80px;margin-bottom:30px;}
    .paragrafo-principale{font-size: 32px;margin-bottom: 40px;}
}


@media(min-width:992px){
    .template-max-width{max-width:992px}
    .width-bloccata{max-width:900px;padding:0}
    #welcome .titolo,.sezione h1.titolo-generico{font-size: 48px!important;}
    #welcome p{font-size: 24px!important;}
    .sezione h2.titolo-generico{font-size:27px}
    .sezione .contenuto-testuale{font-size:19px}
    .sezione .contenuto-testuale ul{font-size:19px}
}

@media(min-width:1140px){
    #welcome-inner{padding:48px 96px;} 
}


@media(min-width:1280px){
    .template-max-width{max-width:1140px}
    .width-bloccata{max-width:1140px;}   
    .sezione .container-itinerari .w3-row{margin-right:-24px}
    .sezione .container-itinerari .w3-col{width:calc(50% - 24px);margin-right:24px;}
    /*#pista-ciclabile-valsugana{transform:translateX(50%)}*/
}

@media(min-width:1366px){
    .template-max-width{max-width:1280px}
    .width-bloccata{max-width:1280px}
}

@media(min-width:1533px){
    .template-max-width{max-width:1366px}
    .width-bloccata{max-width:1366px}
    #welcome p{font-size: 27px!important;}
}

@media(min-width:1920px){
    .template-max-width{max-width:1533px}
    .width-bloccata{max-width:1533px}
    #welcome-inner {padding: 100px 300px 64px;}  
    .sezione .container-img .w3-row,.sezione .container-itinerari .w3-row{margin-right:-48px;}
    .sezione .container-img-3 .w3-col{width:calc(33.33% - 48px);margin-right:48px;} 
    .sezione .container-img-2 .w3-col,.sezione .container-itinerari .w3-col{width:calc(50% - 48px);margin-right:48px;}
}