/*****
 MEDIA QUERY
 *****/


@media screen and (max-width : 799px) {
    /* MOBILE < 800  || 1 Colonna */
    
    body {
        font-size: 14px;
        /*color: red;*/
    }
    
    .single-back,
    .single-header,
    .single-content,
    .post_date,
    .archive-content,    
    .page-content,
    .tagline-content,
    .mese .calendario,
    .mese .appuntamenti,
    section.blocco_azzurro,
    section.blocco_bianco,
    section.youtube,
    section.sponsor-section,
    footer {
        padding-left:1em;
        padding-right:1em;
    }   .page-header,
        .page-template-default .page-header,
        .archive-header {
        padding-left:1em;
        padding-right:1em;
    }
    
    
    #navbar {
        position: fixed;
        left:0; top:0; 
        right:0;
    }   #navbar.scroll {
        top:-120px;
        transition: top 0.5s ease;
    }   #navbar .menuIcon {
        float:right;
    }
    
    #navbar .navbar_1   {
        padding:10px 1em;
    }   
    
    #navbar .navbar_2 {
        position: fixed;
        top:120px;
        left:0; right:0;
        bottom:0;
        border-top: none;
        overflow: auto;
        display:none;
    }   /*.navbar_2 > form {
        display:none;
    }   */
    
    ul.sub-menu li {
        font-size: 95%;
        padding: 0.1em 0;
    }   
    
    .page-template-default .page-header {
        background: linear-gradient(0deg, #fff 50%, #daeaf8 50%);
    }   .page-template-default .page-content .content  {
        font-size: 100%;
    }
    
    .page-header h1 {
        word-wrap: break-word;
        font-size: 295%;
    }
    
    section > div:not(:last-child)  {
        margin-bottom: 2.9em;
    }  
    
    section.slideshow .slides img  {
        height: 300px;
    }   section.slideshow a.navigation {
        top:150px;
    }   .slideshow a.navigation.prev {
        left: 1em;
    }   .slideshow a.navigation.next {
        right: 1em;
    }
    
    footer div:not(:last-child) {
        margin-bottom:1em;
    }
    
    /* home */
    .home .slideshow {
        max-height:300px;
        overflow: hidden;
    }   .home .slideshow img {
        height:300px;
    }
    
    .home .slideshow .caption {
        padding: 0 3em 0 1em;
        word-wrap: break-word;
        width: auto;
    }   .home .slideshow .caption .c_title  {
        font-size: 200%;
    }
    
    /*.home .slideshow .caption*/
    .home .slideshow .navigation  {
        display: none;   
    }
    
    .news_pinnato,
    .news_latest {
        border-bottom:1px #fff solid;
    }   
	
    .governance-list{
        display: block;
    }

    .governance-list > div:first-child {
        /* display:none; */
        margin-top: 40px;
    }	

    .single-thumbnail img {
        width: 100%;
        height: auto;
    }
    
    
}

@media screen and (min-width : 800px) {
	.single-pagination {
		display: flex;
		justify-content: space-between;
		flex-flow: row-reverse;
	}	.single-pagination .next {
		text-align: right;
	}
	
	.archive-y .campaign > a:after {
		content: '';
		display: inline-block;
		width: 22px; height: 22px;
		position: absolute;
		right: 2.5em;
		background: url('files/ico-blue-right.svg') no-repeat center;
		background-size: contain;
		opacity: 0;
	} .archive-y .campaign > a:hover:after {
		opacity: 1;
	} .archive-y a.collapse:after {
		right: 2.5em;
	}	
	
	.page-template-tpl-taonews .archive-content {
		padding: 2.9em 2.5em 0;
	}
	
	.archive-y {
		padding: 2em 2.5em;
    }	
    
    .pre-footer .banner-mobile {
        display: none;
    }
    .pre-footer .banner-desktop {
        display: block;
    }

}
	

@media screen and (min-width : 800px) and (max-width : 1199px) {
    /* TABLET >= 800px AND < 1200px || 2 colonne */
    
    body {
        font-size: 15px;
        /*color: green;*/
    }
    
    #navbar {
        position:fixed;
        left:0; top:0;
        bottom:0; width:120px;
        border-right:2px #fff solid;
        box-sizing: border-box;
    }   
    
    .navbar_1 {
        padding:10px;
    }
    
    .navbar_1 .logo {
        float:none;
    }   
    
    .navbar_1 .menuIcon {
        float:none;
        position:absolute;
        top:50%;
        left:33px;
        margin-top: -18px;
    }
    
    .navbar_2 {
        position: fixed;
        top:0; left:120px; right:0;
        bottom:0;
        border-top: none;
        overflow: auto;
        display:none;
    }  
    
    .container {
        margin-left:120px;
        height: 100%;
    }
    
    .page-template-default .page-header {
        background: linear-gradient(0deg, #fff 50%, #daeaf8 50%);
    }
    
    .entry-list article,
    .campaign {
        width:45%;
    }
    
    section > div:not(:last-child)  {
        margin-bottom: 2.9em;
    }  
    
    
    section.slideshow .slides img  {
        max-height: 400px;
    }   section.slideshow a.navigation {
        top:200px;
    }
    
    /* home */
    .row_2 {
        display:flex;
        flex-flow: row nowrap;
    }   .row_2 .col_1 {
        width:60%;
        border-right:1px #fff solid;
    }   .row_2 .col_2 {
        width:40%;
    }
    
    .news_pinnato {
        border-bottom:1px #fff solid;
    }
    
    section.col_2 > div {
        width:50%;
    }   section.col_2 > div:first-of-type {
        padding-right:2.5em;
    }   
    
    section.col_4 > div {
        width:45%;
    }
    
    footer {
        /* display:flex; */
        /* flex-flow: row nowrap; */
        justify-content: space-between;
    }   
    /* footer div {
        width:30%;
    } */
    
    .home .slideshow {
        max-height:400px;
        overflow: hidden;
    }   .home .slideshow img {
        height:400px;
    }
 
}


@media screen and (min-width : 1200px) {
    /* DESKTOP >= 1200px || 3 colonne */    
    
        
    body {
        font-size: 16px;
    }
    
    html, body {
        height:100%;
    }

    
    #navbar {
        position:fixed;
        top:0; bottom:0;
        left:0;
        width:25%;
        border-right:2px #fff solid;
        box-sizing: border-box;
    }   .navbar_2 {
        position:absolute;
        top:142px; left:0; right:0;bottom:0;
    }   .navbar_2.overflow {
        overflow: auto;
        
    }   #navbar .menuIcon {
        display:none;
    }   
    
    .container {
        margin-left:25%;
        height: 100%;
    }
    
    main {
        min-height: 100%;
    }
    
    .entry-list article,
    .campaign {
        width:30%;
    }
    
    /* page */
    .page-header h1 {
        max-width: 40%;
    } 
    
    .page-content {
        position: relative;
        z-index:10;
    }   
    
    .page-header .thumb {
        position: absolute;
        top:0; right:0; 
        bottom:0;
        z-index:1;
        /*height:150%;*/
        height:200%;
        width:65%;
        overflow:hidden;
    }   /*.page-template-default .page-header .thumb {
        height:200%;
    }   */
    
    .page-content .tagline {
        width:30%;
    }   .page-template-default .page-content .tagline {
        width:30%;
        float:left;
    }
    
    .page-template-default .page-content .content {
        margin-left:35%;
        padding:3.5em 7em 0 0;
        box-sizing: border-box;
    }
    
    /* pagina collaborazioni passate su due colonne */
    .page-id-1912 .page-content .content {
        display:flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }   .page-id-1912 .page-content .content p {
        width:47.5%;
    }
    
    /* single */
    .single-header {
        display:flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }   .single-content {
        width:70%;
    } 
    
    /* archive */
    .archive-content .tagline,
    .tagline-content .tagline {
        margin:0 0 1em 37%;
    }   
    
    
    
    /* sections */
    section {
        display:flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }   
    
    section.col_1 h2 {
        width:35%;
        padding-right:2.5em;
    }   section.col_1 div {
        width:65%;
    }   
    
    section.col_2 > div {
        width:50%;
    }   section.col_2 > div:first-of-type {
        padding-right:2.5em;
    }   
    
    section.col_3 h2 {
        width:25%;
    }   section.col_3 div {
        width:20%;
    }   
    
    
    section.col_4 > div {
        width:20%;
    }
    
    section.slideshow .slides img  {
        height: 700px;
    }   section.slideshow a.navigation {
        top:350px;
    }
        
    /* footer */
    footer {
        display:flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }   
    /* footer div {
        width:30%;
    } */
    
    /* homepage */    
    .home main {
        display:flex;
        flex-flow: column nowrap;
        height:100%;
    }   .row {
        height:50%;
        box-sizing:border-box;
        overflow-y: hidden;
    }
    
    .row_2 {
        display:flex;
        flex-flow: row nowrap;
        width:100%;
        border-top:2px #fff  solid;
        justify-content: space-between;
    }   .row_2 .col_1 { width:66%; } 
        .row_2 .col_2 { width:33%; }
    
    /*.home .row_2 {
        font-size: 135%;
    }   */
    
    .row_2 .col_1 { 
        width:100%; 
        display:flex;
        flex-flow: row nowrap;
    }   .row_2 .col_1 .col { 
        width:50%;
    }

    .row_2 .news_latest { 
        display: flex;
        flex-flow: column nowrap;
        min-height:100%;
    }   .row_2 .news_latest > div { 
        height:50%;
        flex:1;
    }   .row_2 .news_latest .category {
        /*visibility: hidden;*/
    }
    
    .news_pinnato,
    .news_latest {
        border-right:1px #fff solid;
    }   .news_latest > div {
        border-bottom:1px #fff solid;
    }
    
    .home .slideshow {
        height:50%;
    }   .slideshow div {
        height:100%;
    }

}

@media screen and (max-width : 1199px) {
    .campaign:nth-of-type(3) a:nth-of-type(1){
        display:none;   
    }
    
}

@media screen and (min-width : 1200px) and (max-width : 1919px) {
    .home .row_2 {
        font-size: 80%;
    }
    
}

@media screen and (min-width : 1920px) {
    /* DESKTOP >= 1920  */
    body { font-size:17px; }
    
    ul.menu > li {
        font-size: 114%;
    }
    
    .page-header .thumb {
        height:250%;
        max-height:514px;
        overflow: hidden;
    }
    
    .campaign img {
        height: 300px;
    } 
    
}