/**
 * Theme Name: Reset Child
 * Theme URI: https://www.reset.it/
 * Author: GAG TEAM
 * Author URI: https://www.gag.it/
 * Version: 0.0.1
 * Text Domain: twentyeleven
 * Template: reset
 */


a {
    color: #9b1e21;
    text-decoration: none;
}

#banner-top{
    height: auto;
    max-width: 980px;
    width: 100%;
}
#banner-top img{
	width: 100%;
}
#banner-top img.size-full {
    max-width: 100%;
}
.banner-html{
    background-color: #36388F;
    background-color: transparent;
    color: #fff;
    display: flex;
    position: relative;
   
}
a.banner-link:hover{
    text-decoration: none;
}
.banner-html .img-banner{
    width: 20%;
    background-size: contain;
    background-position: bottom;
    background-image: url(/wp-content/themes/reset-child/images/5x1000.png);
    background-repeat: no-repeat;

}
.banner-html h2{
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 3px;
}
.banner-html h3{
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.banner-html .banner-content{
    width: 80%;
    padding: 5px;

}
.banner-html .banner-content .d-flex{
    border-top: 1px solid #fff;
    margin-top: 5px;
}
.banner-html .banner-text{
    width: 75%;
    margin-left: 5px;
    margin-top: 5px;
}
.banner-html .banner-text span{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 10px;
}
.banner-html .small{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 13px;
    width: 25%;
    padding-top: 5px;
    padding-left: 1%;
}
#page, #banner-top, #menu-servizio.menu, #colophon-margin {
	 width: 100%;
	 max-width: 980px;
}
#colophon{
	 width: 100%;
	 max-width: 1020px;
}

#primary, #content,
.singular #content,
.left-sidebar.singular #content,
#primary.aricolo-singolo-dossier .entry-header {
	 max-width: 660px;
	 width: 100%;
}
#branding{
    padding-top: 0;
}
#branding img{
    margin: 0;
}
#branding .brand img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
}


#branding .brand{
    height: 88px;
}
#branding .btn-hamburger{
    margin-right: 15px;
}
#branding .btn-hamburger img{
    width: 100%;
  
}
#branding #searchform{
	top: 58px;
}

.tweet-img{
	width: 130px;
}
footer .widget ul li{
	line-height: 20px;
}
.single .fb_iframe_widget span, .archive .fb_iframe_widget span{
	max-width: 300px !important;
	/* width: 100% !important; */
}

.post.horiz.book .entry-content{
	width: 100%;
	max-width: 490px;
}
.post.horiz .entry-content{
	max-width: 435px;
	width: 100%;
}
.post.vertical img{
    max-width: 100%;
}
.btn-hamburger{
    display: none;
}

#menu-servizio.menu img{
    margin-bottom: 0px;
    margin-top: -6px;
}

#respond {
    width: 100%;
    max-width: 600px;
}

.breadcrumb{
    background: transparent;
    padding: 0;
    margin-bottom: 3px;
}
.breadcrumb a{
    padding-right: 2px;
}
.breadcrumb br{
    display: none;
}
#archive-go select{
    font-weight: 100;
}
#blog-widget.doc .author-avatar img{
    width: 93px;
}

header .search-responsive{
    display: none;
}
/* Slide home  */
#main-tabs{
    display: flex;
}
#main-tabs .panes div .js-bg{
    background-size: cover;
    position: relative;
    background-position: center;
}
#main-tabs .panes img{
    width: 100%;
    height: 100%;
}
#main-tabs .tabs{
    width: 52%;
    float: none;
}
#main-tabs .panes{
    width: 48%;
    float: none;
    height: 395px;
}



#colophon hgroup span{
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    font-family: 'Gill-Sans-Heavy';
}
#access-mobile{
    display: none;
}
#access a{
    font-family: 'DroidSerifBold';
    font-size: 14px;
    line-height: 35px;
}
.visible-responsive{
    display: none;
}
.visible-desktop{
    display: block;
}

.social-g{
    display: none;
}
.table-responsive{
    overflow: scroll;
    max-width: 100%;
}
.page-template-page_newsletter .subscribeForm fieldset{
    width: 100%;
    padding: 10px;
}
#subscribeForm fieldset{
    width: 100% !important;
}

.social-fb {
    width: 105px;
}

#editoriale .social-btn.social-wa img,
.post .entry-content .social-btn.social-wa img {
    border: 0;
    margin: 0;
    padding: 0;
}
.social-btn.social-wa {
    margin-left: 1rem;
    margin-right: 0;
    padding: 0;
    width: 25px;
}
/* Responsive */


@media (max-width: 1200px) {
    #colophon hgroup ul{
        left: auto;
    }
   footer .menu-servizio-footer ul.menu{
       padding-left:150px
   }
    .assistive-text{
        display: none;
    }
    .page_nav{
        display: block;
        overflow: hidden;
        margin: 30px 0 40px;
    }
}

@media (max-width: 995px) { 
    .banner-html .small{
        display: none;
    }
    .banner-html .banner-text{
        width: 100%;
    }
}
 
@media (max-width: 992px) { 
	/* colonna sinistra */
	#primary, #content, .singular #content, .left-sidebar.singular #content, #primary.aricolo-singolo-dossier .entry-header{
		max-width: 100%;
	}
	/* colonna destra */
	#secondary{
		width: 100%;
	}
	
	#page, #banner-top, #menu-servizio.menu, #colophon-margin{
		padding-left: 15px;
		padding-right: 15px;
	}
	
    /* post home */
    .post.vertical{
        width: 31.33%;
        float: none;
        padding: 2%;
    }
    .article-caffe-europa{
        display: flex;
        justify-content: space-between;
    }
    .post.vertical + .post.vertical{
        padding-left: 4%;
    }
    .post.vertical img{
        height: auto;
        width: 50%;
    }
    #main #content{
        margin: 0;
    }
    #secondary{
        border: 0;
    }
    .post.horiz{
        display: flex;
        flex-direction: row;
    }
    .post.horiz .entry-content{
        max-width: 80%;
    }
    #main #secondary{
        margin: 0;
        padding: 0;
    }
 
    #colophon hgroup ul{
        position: relative;
        top:auto;
    }
    .rassegna-title, .widget+.widget{
        margin-top: 3rem;
        text-align: left;
    }
    /* .rassegna-title, .widget+.widget.widget_media_image{
        margin: 0;
    } */
    #branding #s{
        max-width: none;
        margin-right: 5px;
        float: none;
        top: 0;
    }
    #branding #searchform{
        top: 0;
    }
    #primary.dossier.inside .entry-header{
        width: 100%;
    }
    body:not(.archive-dossier) #primary.dossier .entry-header{
        width: 100%;
    }
    .archive .entry-meta{
        padding-right: 0;
    }

    /* Slide home */

    #main-tabs{
        display: flex;
        flex-direction: row;
        margin: 0 !important;
    }
    /* #main-tabs .tabs{
        border: 0;
        width: 60%;
    } */
   
    #main-tabs .tabs li a span.tab-title br{
        display: none;
    }

    /* #main-tabs .panes{
        width: 40%;
    } */
  
    .last-tweet{
        width: 100%;
        margin-top: 3rem;
    }
    #colophon .widget{
        width: 100%;
    }
    .widget_nav_menu + .widget_nav_menu{
        margin: 0;
    }
    /* Page dossier */

    .archive-dossier article.dossier{
        display: flex;
    }
    .archive-dossier article.dossier #primary.dossier .entry-header{
        width: auto;
    }
    #primary.dossier .entry-title{
        font-size: 18px !important;
        line-height: 22px;
    }
    #primary, #secondary{
        float: none;
        margin-bottom: 30px;
    }
    #colophon hgroup .small{
        position: relative;
        top: 0;
        left: 0;
    }
    footer .menu-servizio-footer ul.menu{
        padding-left: 0;
    }
    /* Visualizza il titolo nel widget libro */
    .widget.widget_media_image{
        margin: 2rem 0 0 0;
        display: flex;
        flex-direction: column;
    }
    .widget.widget_media_image::before{
        content: "In evidenza";
        color: #333;
        font-family: 'Gill-Sans-Heavy';
        border-bottom: solid 5px #333;
        font-size: 24px;
        line-height: 8px;
        text-transform: uppercase;
        margin-bottom: 6px;
        padding-bottom: 6px;
        border-bottom: solid 4px #B4B4B4;
    }
    .visible-responsive{
        display: block;
    }
    .visible-desktop{
        display: none;
    }
    .home .resetdoc-link.visible-responsive{
        margin: 0;
    }

    .widget-title{
        line-height: 16px;
        border-bottom: solid 4px #B4B4B4;
    }

    #article-caffe-europa{
        margin-top: 2rem;
    }
    .home .rassegna-title, .home .widget-title{
        text-transform: uppercase;
        font-size: 31px;
        margin-top: 3rem;
    }
    #blog-widget.widget.doc a.caffe-widget-logo img{
        display: none;
    }
    #blog-widget.widget.doc a.caffe-widget-logo{
        background-image: url(/wp-content/themes/reset-child/images/caffe-europa.png) ;
        height: 30px;
        background-repeat: no-repeat;
        border-bottom: solid 4px #B4B4B4;
        margin-bottom: 20px;
        
    }

  
}



@media (max-width: 768px) { 
    /* Font size  */
    body,
    p,
    div.text p,
    .homepage .post .entry-content p{
        font-size: 16px ;
        line-height: 22px !important;
       
    }
    p,
    div.text p,
    .homepage .post .entry-content p{
        margin-bottom: 15px;
    }
    #main-tabs .tabs li a span.tab-title{
        font-size: 18px;
        line-height: 24px;
        width: 100%;
        font-weight: bold;
    }
    #menu-principale li a{
        font-size: 16px;
    }
    /* header branding */
    
    #branding{
        display: flex;
        height: auto;
        align-items: center;
    }
    #branding .btn-hamburger{
        display: block;
        max-width: 30px;
    }
    #branding .brand{
        height: 60px;
        display: flex;
        align-items: center;
    }
    #branding .brand img{
        max-height: 50px;
    }
    
	#branding #searchform {
		top:0 !important;
	}
	#branding #searchform #s {
		right: 0;
		position: relative;
		width: auto !important;
    }
    

    /* post home */
    .article-caffe-europa{
        flex-direction: column;
    }
   
    .post.vertical{
        width: 100%;
        float: none;
        padding: 2%;
    }
    .post.vertical + .post.vertical{
        border: 0;
        margin: 0;
        padding: 0;
    }
    .rassegna-link{
        margin: 0;
    }
    .rassegna-title{
        line-height: 18px;
        display: block;
    }
  
    .developed{
        margin-top: 40px;
    }
    /* menu responsive */

    #access{
        display: none;
    }
    #access-mobile{
        display: block;
        margin-top: 2px;
        display: none;
        position: absolute;
        background: #333;
        width: 100%;
        padding-top: 1rem;
        top: 60px;
    }
    #access-mobile ul{
        display: flex;
        flex-direction: column;
        list-style: none;
        font-size: 13px;
        margin: 0 0 0 20px;
        padding-left: 0;
    }
    #access-mobile a{
        color: #fff;
        text-decoration: none;
    }

    #main{
        padding-top: 0;
    }
  
  
    #branding #searchform{
        right: 0;
    }
   
    #branding #searchform {
        display: none;
    }
    header .search-responsive{
        display: block;
        padding-bottom: 1rem;
        padding-top: 1rem;
        padding-left: 20px;
        padding-bottom: 1rem;
    }
    header#branding .search-responsive  #searchform{
        display: block;
        position: relative;
        text-align: left;

    }
    /* #branding{
        padding: 0;
    } */
  
    #puls_newsletter{
        margin: 1rem 0;
        height: 50px;
    }
    #puls_newsletter a{
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        }
    .post.vertical,
    .post.vertical + .post.vertical{
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: dotted 1px #b4b4b4;
    }
    .post.vertical .entry-title{
        margin-top: 5px;
    }
    .post.vertical .sup-title{
        margin: 5px 0;
        line-height: 16px;
    }
    .print_tag{
        line-height: 18px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .tagname{
        width: 10px;
        height: 10px;
        background-size: cover;
    }
    .entry-title{
        font-weight: bold;
    }
 
    /* nel responsive visualizza meno elementi */
    .home .cont-article-caffe-europa .article-caffe-europa:nth-child(n+2){
        display: none;
    }
    .cont-post-horiz-book .post.horiz:nth-child(n+2){
        display: none;
    }
  
    #content article.format-standard.hentry .entry-title{
        line-height: 30px !important;
        margin-top: 10px;
    }
    .breadcrumb{
        margin-top: 10px;
    }
    .widget .post.horiz.book .entry-content{
        width: 100%;
    }
    #main-tabs .tabs{
        border: 0;
    }
    #access li:last-child,
    #access li+li{
        border: 0;
    }
    .archive-blog.blog #secondary #blog-widget{
        display: none;
    }
    .singular .entry-title{
        line-height: 30px;
    }
    #box-author{
        margin: 0;
        float: none;
        width: 100%;
    }
    #box-author h2{
        padding-top: 15px;
        font-size: 20px;
    }
    .blog-blog.archive-blog .view-more{
        margin-bottom: 20px;
    }
    .singular #primary{
        margin-bottom: 40px !important;
    }
    #main-tabs .tabs li a span.tab-title{
        font-size: 15px;
        line-height: 20px;
    }
    .banner-html .img-banner{
        display: none;
    }
    .banner-html .banner-content{
        width: 100%;
    }
    .banner-html h2{
        font-size: 25px;
    }
    .banner-html h3{
        font-size: 16px;
    }
    #banner-top{
        height: auto;
    }

    .page-id-32 .muTerms textarea, #subscribeForm textarea{
        width: 100% !important;
    }
    
 } 



@media (max-width: 576px) { 
     
    #main-tabs .tabs li{
        height: auto;
        max-height: none;
        position: relative;
        border: 0;
    }
    #main-tabs .panes img{
        width: 100%;
        height: auto;
    }
  
    #main-tabs .tabs li a span.tab-intro{
        position: relative;
        bottom: auto;
        margin-top: 10px;
    }
    #main-tabs .tabs li a.linkmain{
        /* display: none; */
        position: relative;
    }
    #main-tabs .tabs li a.linkmain{
        display: none;
    }
    #main-tabs .tabs li:last-child,
    #main-tabs .tabs li + li{
        border: 0;
    }
    #main-tabs .tabs li a.linkmain.current{
        display: block;
        border: 0;
    }
    #main-tabs .tabs li a span.tab-title{
        font-size: 23px;
        line-height: 26px;
    }
 
    .home #main{
        padding-top: 0;
    }
  
    .post.horiz:not(.author-avatar) .entry-content{
        max-width: 100%;
        margin: 0;
        margin-top: 1rem;
    }
  
    .post.horiz:not(.author-avatar){
        flex-direction: column;
    }
 
    #branding #searchform #s{
        max-width: 100px;
    }
   
    #main-tabs{
        flex-direction: column;
    }
    #main-tabs .tabs{
        width: 100%;
    }
    #main-tabs .panes{
        margin: 0 auto;
        height: auto;
        width: 100%;
        overflow: hidden;
        float: none;
        min-height: 480px;
    }
   
   #box-dossier{
       float: none;
       width: 100%;
       margin: 20px 0;
   }
   .post.vertical img{
    height: auto;
    width: 100%;
}
  
    .singular .entry-content .attachment-200x300,
    .singular .entry-content .attachment-320x400,
    .singular .entry-content img,
    .archive .entry-content img,
    .wp-image-29352.alignright,
    #editoriale img{
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 20px;
    }
    #linkhome{
        width: 200px;
        height: 58px;
    }
    #banner-top{
        padding: 0;
        margin: 0;
    }
    .banner-html h2{
        font-size: 16px;
    }
    .banner-html h3 {
        font-size: 12px;
    }

  
    .entry-author-date{
        float: none;
        border: 0;
    }
    .box-social{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .social-g{
        width: auto;
    }
    .social-fb{
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .wp-caption{
        float: none;
        display: inline-block;
        margin: 0;
    }
  

    .post.horiz img{
        width: 100%;
    }

	#testata #archive-go{
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    article header.entry-header .entry-title br{
        display: none;
    }
    article header.entry-header .box-social{
        width: 100%;
        margin-bottom: 10px;
    }
    .box-social .dimension-tool .view{
        width: auto;
        padding: 5px 10px;
    }
   
    .blog.type-blog #image-author{
        float: none;
    }
    .blog.type-blog #image-author .float-author{
       max-width: 60%;
       background: none;
    }
    .blog.type-blog #image-author .float-author h1{
        padding: 0;
    }
  
    .banner-html .banner-text span{
        margin-left: 0;
    }
 
  
 }

 @media (max-width: 480px) { 
    .post.horiz.book img{
        width: 100%;
        height: auto;
    }
    .home .rassegna-title,
    .home .widget-title{
        font-size: 24px;
        line-height: 23px;
    }
    .home .rassegna-title span,
    .home .widget-title span{
        display: block;
        padding: 0;
        margin: 0;
        line-height: 20px;
    }
    .dimension-tool{
        display: flex;
    }
    .dimension-tool .view{
        width: auto;
        margin: 0 3px;
    }
    .social-fb{
        width: 6rem;
    }
    .breadcrumb{
        line-height: 15px;
    }
  
 }
 @media (max-width: 350px) { 
    .box-social .dimension-tool .view{
        padding: 0;
        margin: 0;
    }
    .social-btn{
        margin: 1px;
    }
 }