:root {
    --font-main: 'Space Grotesk', sans-serif;
    --color-white: #FFFFFF;
    --color-main: #1baead;
    --color-black: #333333;
    --color-black-loud: #000000;
    --color-green-2: #008a8c;
    --color-green-3: #00505f;

    --padding-x: 0.9375rem;
    --padding-x: 1rem;
    --height-y: 3.125rem; /*50px corda verticale*/

/*    --color-white:#2F2F2F;
    --color-black:#FFF;
    --color-black-loud:#FFF;
    --color-grey: #aaa;
    --color-main:#FFF;*/

}

@media (min-width: 1600px) {
    #main-container { 
        width:1600px;
        margin-right: auto;
        margin-left: auto;
        box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    }
    #header {
        background: url("../img/2023/header_2340x600.jpg") top center no-repeat #fff;
        height:auto;
        margin-bottom: -20px;
        width: 100%;
         background-size: 1600px auto;
       
    }
    #footer { 
        background:url('../img/2023/footer_1600.svg') no-repeat var(--color-green-3); 
        background-size: 1600px 328px;
        height: 328px;
        margin-bottom: 0px;
        border-top: none;
        
    }
}
@media (max-width: 1599px) {
    #main-container { width:100%; }
    #header {
        background: url("../img/2023/header_2340x600.jpg") top center no-repeat #fff;
        height:0;
        padding-bottom: 25%;
        margin-bottom: -20px;
        width: 100%;
        background-size: 100% 100%;    
    }

    #footer { 
        background:url('../img/2023/footer_1600.svg') no-repeat var(--color-green-3); 
        background-size: 100% auto;
        height:auto;
        margin-bottom: 0px;
        border-top: none;
        height:0;
        padding-bottom: 27%;      
    }
}
/* classi generali */
.aright { text-align:right; }
.color1 { color:#1baead !Important; } /** verde */
.color2 { color:#008a8c !Important; } /** verde intermedio */
.color3 { color:#00505f !Important; } /** verde scuro */
.color4 { color:#555c61 !Important; } /** grigio medio */

a:link, a:visited { color:#1baead; }
a:active, a:hover { color:var(--color-green-3); }
body { 
	font-family: var(--font-main);
	font-weight:400; 
	color:#242323;
}
b, strong { font-weight:600; }
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 20px;
    color: #1c1c1b;
}

h1, .h1 {
    font-size: 46px;
	margin-bottom:40px;
}

h1.list {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: normal;
}

hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #ccc;
}

/*header*/
#top { width:100%; background-color:white; height:40px; }


#header a:link, #header a:visited { color:#282056; }
#header a:active, #header a:hover { color:#08286b; }

/*menu*/
#navbar { background-color: var(--color-main);}
.breadcrumb > .active { color: #424141; }
.navbar-default {
    background-image: none;
    background-repeat: none;
	background-color:white;
    border-radius: 0px;
    box-shadow: none;
}
.navbar-default {
    background-color: white;
    border-color: none;
}

.navbar {
   background: transparent none repeat scroll 0 0;
    border: medium none;
     font-size: 21px;
    margin-bottom: 0;
    min-height: 50px;
    /*padding: 12px 0;*/
    position: relative;
    text-transform: uppercase;
}

.navbar-collapse {
    padding-left:0px; padding-right:0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: white;
	border:none;
}

.navbar-default .navbar-nav > .active > a {
    background-image: none;
    background-repeat: none;
    box-shadow: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #343393;
    color: #ffd231;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: var(--color-main);
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a { color: #ffffff; font-weight: 500; }
.navbar-default .navbar-nav > li > a:hover { color: #ffffff; background-color: var(--color-main);; }
.navbar-default .navbar-nav > li > a:focus { color: #ffffff; background-color: var(--color-main);; }
.navbar-default .navbar-nav > ul.navbar-right > li > a:hover { color: #ffffff; background-color: yellow !Important; }
.navbar-default .navbar-nav > ul.navbar-right > li > a:focus { color: #ffffff; background-color: transparent; }

.navbar-nav > li> a { padding-right:30px;  padding:25px 20px; }
.navbar-nav > li> a.first { padding-left:0px; margin-left:-20px; }
.container-fluid { padding-left: 0px; padding-right: 15px; }

.dropdown-menu { font-size: 21px; min-width: 240px; }
.dropdown-menu > li > a { color: #666; line-height: 1.6; padding: 5px 25px; }
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
    background-color:white; 
    color:var(--color-main); 
    background-image:none;
}

ul.navbar-right { font-size:30px;  }
ul.navbar-right li> a { padding:20px 20px; }
ul.navbar-right li> a.last { margin-right: -10px; padding-right: 20px !Important; } 
.breadcrumb {
    background-color: white;
    border-radius: 0px;
    list-style: none outside none;
    margin-bottom: 20px;
    padding: 8px 0px;
}

/*pagina testuale*/
.section .section-title { text-transform:uppercase; margin-bottom:0px; background-color:#e7e8e9; padding:5px 20px; }
.section .section-title {
    background: white;
    padding:0 0 10px 0;
    color:#606267;
    font-weight: bold; 
    border-bottom: solid 2px #606267;
    margin-bottom: 10px;
}
.section ul { list-style:none; margin:0px; padding-left:0px;  }
.section ul li { padding:5px 0px; font-size:16px; margin:0; /*border-top:solid 1px #e7e8e9;*/ /*text-transform:uppercase;*/ line-height: 20px;}
.section ul li i { font-size:16px; line-height: 20px; display: inline-block;}
.section ul li.first { border:none; }
.section ul li a { padding-left:2px;  }
.section ul li a:hover { text-decoration: none; }
figcaption {
    color: #444;
    font-size: 14px;
    line-height: 1.3;
    padding: 0.5rem 0.25rem;
    border-bottom: solid 1px #ccc;
    text-align:right;
}
/*box*/
.box {
    /*border: 1px solid #E1E1E1;*/
    margin-bottom: 60px;
    position: relative;
	/*height:375px;*/
}

.box .box-title { font-size:24px; line-height:1.2em; margin-bottom:10px; font-weight:500; }
.box .box-title a:active, .box .box-title a:hover { text-decoration:none; }

.box .box-tag {
    color: #FFFFFF;
    font-size: 13px;
    left: 20px;
    padding: 2px 5px 2px 4px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
	background-color:var(--color-main);
	font-weight:bold;
	left: 0px;
    font-weight: 500;
}

.box .box-tag span { background-color:var(--color-main);; line-height:26px; padding:0px 10px; display:block; }
.box .box-content { /*padding:20px;*/ padding: 10px 0px 0px 0px; }

	
/** DEMO **/
.breadcrumb { border-bottom: solid 1px #eee; margin-bottom:40px; padding: 15px 0;}


/** CSS LISTE, EVENTI, FILM, ETC. **/

.fm-list {}
.fm-list .fm-item {
    overflow: auto;
    padding:40px 0;
    border-top:solid 1px #cfe2ea;
}

.fm-item {
    cursor: pointer;
}
.fm-item:hover {
    background: #f5f9fb;
}


.fm-list .fm-item-first { 
    border:none;
    padding-top:0;
}
/*.fm-list .fm-item-info .fm-item-category {
    font-weight: bold;
}*/

/* Gestisce info evento nel dettaglio */
.fm-list .fm-item-single {
    padding:25px 0;
    margin-top:0;
    border:none;
    border-bottom:solid 1px #eee;
    border-top:solid 1px #eee;
    margin-bottom:25px;
}

.fm-item-single {
    cursor: auto;
}
.fm-item-single:hover {
    background: white;
}

.fm-list .fm-item-info {
    line-height: 1.5em;
}

.fm-list .fm-item-category {
    background: #cfe4ae;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    padding:2px 4px;
    font-size:90%;
}

.fm-list .fm-item-category2 {
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    font-size:90%;
    margin: 0 0 10px 0;
    color:#333;
}

.fm-list .fm-item-date {
    color:#606267;
    font-weight: bold;
}

.fm-list .fm-item-place {
    color:#606267;
    font-weight: bold;
}

.fm-list .fm-item-title { font-size: 1.5em; margin-top: 0; font-weight: bold; }

.texttext { font-size: 18px; font-weight:300; line-height:1.5em; margin-bottom: 30px;  }
.texttext p { margin-bottom: 20px; }
.texttext a:link, .texttext a:visited, .texttext a:active, .texttext a:hover { font-weight:bold; }
.texttext .box { font-size: 16px; font-weight:300; line-height:1.4em; }
.texttext .box a { font-weight:300; }

/*gallery*/
.gallery img { padding:10px; border: solid 1px #ddd; margin:20px;}


/*footer*/
.menu_footer {
    list-style: none;
    margin: 0;
    line-height: 4rem;
    height: 4.3rem;
    width: 100%;
    text-align: center;
    height:0;
    padding-top: 22%;
    font-size: 21px;
    text-transform: uppercase;
 }
 #footer {
     position:relative;
 }
 #footer .social_footer {
     position:absolute;
     top:56%;
     right:22%;
         background: url(../img/2023/social_footer.svg) no-repeat var(--color-green-3);
 }

#footer .facebook_footer,
#footer .instagram_footer {
     margin-top:-20px;
 }

 .menu_footer ul {
    
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
 }
 .menu_footer li {
    /* mostriamo le voci di menu in linea */
    display: inline-block;
    /* padding per separare le voci di menu */
    padding: 0 10px;
 }
 
 .menu_footer li a {
    /* cambiamo il colore del testo */
    color: white;
    /* togliamo il sottolineato */
    text-decoration: none;
    font-weight: 500;
 }
p.footer_info {
    color: #fff;
    text-align: center;
    padding:1rem 0rem;
    margin-top: 4rem;
  
}

#bottom_footer { background-color: var(--color-main); color:white; line-height: 40px; font-size: 16px; margin:0; padding:0; }
#bottom_footer a:link, #bottom_footer a:visited { color: #ffffff; }
#bottom_footer a:active, #bottom_footer a:hover { color: #ffd231; text-decoration:none; }

#footer a:link, #footer a:visited {  }
#footer a:active, #footer a:hover { text-decoration:none; }

.footer-menu {}
.footer-menu ul, .footer-menu ul li { list-style: none; padding-left: 0;} 
.footer-menu ul li { 
    font-size:18px;    
}

/*FIX RESPONSIVE*/
.navbar-collapse {
    max-height: 900px;
    overflow-x: visible;
}

.navbar .nav > li { z-index: 10000; }


/*NUOVO HTML EVENTI*/
.box-content .box-uptitle {
    color: var(--color-green-3);
    text-transform: uppercase;
}

.box-content .box-uptitle span.time {
    color: #666666;
}

div.heading {
    margin-bottom:40px;
}

div.heading h1 {
    margin-bottom:10px;
}


/*paginazione*/
.pagination>li>a, .pagination>li>span {
    color: #1baead;
}

.pagination>li.current>a, .pagination>li.current>span {
    color: #00505f;
    background-color: #eee;
}

@media (max-width: 1170px) { .box-tag { display:none; } }

@media (max-width: 1170px) and (min-width: 968px) {

}

@media (max-width: 968px) { .box { height:auto; }  }

@media (max-width: 990px) and (min-width: 768px) {	
	.nav > li { font-size:21px; }  
    .container { width: 100%; }
	ul.navbar-right { font-size:21px; padding-left:10px; padding-right:0px; margin-top:0px }
	
}

@media (max-width: 968px) and (min-width: 748px) {
	#header {
	}	
	.nav > li > a { padding-right: 20px; padding-left:0px; }
    .navbar-nav > li > a.first {
    margin-left: 0px;
    }   
}

@media (max-width: 768px) {
    #header {
    background: url(../img/2023/header_mobile.jpg) top center no-repeat #fff;
    height: 0;
    padding-bottom: 28%;
    margin-bottom: 0px;
    width: 100%;
    background-size: 100% 100%;
}
.navbar-toggle {
    padding: 9px 0px;
}
    .navbar-nav {
    margin: 7.5px 0px;
}
	.nav > li { padding-left:30px; }
	.navbar-right ul li { display:none; }
	.box { border: none; }
	.box .box-content { padding: 20px 0px; }
	.box-image { margin-bottom:10px; }
	#footer .footer-margin { padding:160px 0px 20px 0px; margin:0px; }
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin: 0;
    padding: 0px 20px;
    width: 100%;
	}
	.box .box-content { padding: 0px; }
    .navbar {
     font-size: 16px; }
     .dropdown-menu {
    font-size: 16px;
    }
}

@media (max-width: 767px) {
	#footer { display: none; }
	#footer a:active, #footer a:hover { color: black; text-decoration:none; }
	#footer .footer-margin { padding:20px 0px; margin:0px; color:black; }
	#footer { height:0px; }
}

@media (max-width: 769px) and (min-width: 768px) { 
	.nav > li > a { padding-right: 20px; padding-left:0px; } 
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin: 0;
    padding: 0px;
    width: 100%;
	} 
	.nav > li { padding-left:0px; }
}

@media (max-width: 768px) {
	#header {

    }
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
	.navbar-default .navbar-toggle { border-color: #fff; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: var(--color-main);   }
    .navbar-default .navbar-toggle {
    border-color: var(--color-main); 
}
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin: 0;
    padding: 0;
    width: 100%;
    }
    .navbar-nav > li > a { padding: 15px 20px; }
    .navbar-nav > li > a.first { margin-left: 0px; }
    .nav > li { padding-left: 0px; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffd231; }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 35px; }
    .navbar-toggle {
    margin-right: 0px;
    }
    #bottom_footer {
        background-color: var(--color-main);
        color: white;
        line-height: 20px;
        height: 80px;
        font-size: 16px;
        margin: 0;
        padding: 10px 0px;
    }
}

@media (max-width: 680px) {

    #header {

    }

}