/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


/**********************************
	GENERICO
**********************************/

.blu{color:#0062A6!important;}
.giallo{color:#F8B206!important;}
.nero{color:#1A171B!important;}
.bianco{color:#fff!important;}
.grigio{color:#3D3D3F!important;}


.heightAuto{height:auto!important;}

.paddingTop70{padding-top:70px!important;}
.paddingTop100{padding-top:100px;}
.paddingTop150{padding-top:150px;}

.paddingBottom70{padding-bottom:70px!important;}
.paddingBottom100{padding-bottom:100px!important;}
.paddingBottom150{padding-bottom:150px!important;}

.marginTop40 {margin-top:40px!important;}
.marginTop50 {margin-top:50px!important;}
.marginTop70 {margin-top:70px!important;}
.marginTop100 {margin-top:100px!important;}
.marginTop150 {margin-top:150px!important;}

.marginBottom30 {margin-bottom:30px!important;}
.marginBottom40 {margin-bottom:40px!important;}
.marginBottom50 {margin-bottom:50px!important;}
.marginBottom70 {margin-bottom:70px!important;}
.marginBottom100 {margin-bottom:100px!important;}
.marginBottom150 {margin-bottom:150px!important;}


.marginTop-80{margin-top: -80px;}

.light{font-weight:100!important;}
.normal{font-weight:300!important;}
.bold{font-weight:700!important;} 
.semibold{font-weight:500!important;} 
.fontItalic{font-style:italic;}

.font12{font-size:12px!important;}
.font16{font-size:16px!important; line-height:26px!important;}
.font18{font-size:18px!important;}
.font21{font-size:21px!important;}
.font24{font-size:24px!important;}
.font30{font-size:30px!important;}
.font40{font-size:40px!important;}

.floatRight{float:right;}
.floatLeft{float:left;}


.trattino {margin-left:-15px;}
.trattino .separator.small{margin: 0px 0px 70px -50px!important;}

.borderLeft:before, .borderLeft::before{
		
	content: " "!important;
    height: 225px;
    width: 10px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    left: 220px;
    top: -60px;
}

.bgGiallo{
	background-size: contain!important;
    background-repeat: repeat-y!important;
	    padding-top: 150px;
	}
.bgForm{
	background-position: 0 0!important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 220px 0 190px 0;
	}	

/**********************************
	HEADER
**********************************/
.header_bottom{background-color:#FFF!important;padding: 25px 45px!important;}
.sticky  .header_bottom{background-color:#FFF!important;padding: 10px 45px!important;}
/*.q_logo{position:initial!important;display:inline-block!important;}
.q_logo a{position:initial!important;display:inline-block!important; height:auto!important;}
.q_logo img{position:initial!important;display:inline-block!important;}*/
.q_logo a {height:100px!important;}
.q_logo img {width:210px!important;}

.sticky .q_logo a {height:70px!important;}
.sticky .q_logo img {width:150px!important;}



/**********************************
	MENU
**********************************/
nav.main_menu>ul>li>a{padding: 0 25px!important;}
nav.main_menu.right{margin-right:27px;}

.sticky .header_bottom_widget .qbutton{
	line-height: 50px!important;
    height: 50px!important;
}

nav.main_menu>ul>li>a:focus{color:#0062A6!important;}


.bottoneTopDX{
	height: 100px!important;
    line-height: 100px!important;
	}
.sticky .bottoneTopDX{
	height: 47px!important;
    line-height: 47px!important;
	}


/**********************************
	CONTENT
**********************************/
.content {
    margin-top: 0px!important;
}

/**********************************
	FORM
**********************************/
.rowForm{padding:25px 0 0 0;}
.rowPrivacy{padding: 30px 0 30px 0;}
.privacyText {font-size:12px!important;}
.privacyText a {color:#0062A6;}
.privacyText a:hover {color:#fff;}
.wpcf7-submit {padding: 0px 90px 0px 20px!important;}


/**********************************
	BLOG
**********************************/
.bgNews{
	background-image: url(http://test.advok.it/sitook/wp-content/uploads/2020/04/bg-news.jpg)!important;
	background-position: 0px 100px!important;
	}
.q_masonry_blog article .q_masonry_blog_post_text {
    padding: 30px 15px!important;
}
.q_masonry_blog_title{padding-bottom:30px;}
.q_masonry_blog_title a{color:#0062A6;} 
.q_masonry_blog_title a:hover{color:#F8B206; border-bottom:solid 1px #F8B206;} 
.q_masonry_blog_excerpt{font-size:16px; line-height:27px;}

.title_holder {
	padding-top: 0px!important;
    height: 300px!important;
	}
.title_subtitle_holder h1 {color:#0062A6!important;}
.title .separator {
    background-color: #F8B206!important;
	height:10px!important;
}
.title_size_large {height:auto!important;}
.blog_single {padding-bottom:150px;}

.post_text_inner h2 a {color:#0062A6!important;}
.post_more a {
	    height: 50px!important;
    line-height: 50px!important;
    font-size: 12px!important;
    padding: 0 50px!important;
	}

/**********************************
	FOOTER
**********************************/
.footer_bottom a {color:#0062A6!important;}
.footer_bottom a:hover {color:#1A171B!important;}



/**********************************
	RESPONSIVE
**********************************/
@media screen and (max-width:1280px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:1100px){
	.trattino .separator.small { margin: 0px 0px 70px -20px!important;}
	.borderLeft:before, .borderLeft::before{ left: 60px!important; top: 90px!important;height: 55px!important; }
	h2{ font-size: 30px!important;line-height: 38px!important;}
	h4{ font-size: 15px!important;line-height: 18px!important;}
	.privacyText {font-size: 12px!important;}
	.marginBottom70 { margin-bottom: 20px!important;}
	p {font-size: 16px!important;line-height: 30px!important;}
	 .footer_bottom p{
		    font-size: 12px!important;
    line-height: 15px!important; 
	}
	.bgForm{padding-top:70px!important;padding-bottom:70px!important;}
	}
@media screen and (max-width:1024px){
	.trattino .separator.small { margin: 0px 0px 70px -40px!important;}
	.trattino {margin-left: 15px!important;}
	.borderLeft:before, .borderLeft::before{ left: 60px!important; top: 90px!important;height: 55px!important; }
	.responsiveHidden{display:none!important;}
	.paddingTopResponsive70, .paddingTop150{padding-top:70px;}
	.paddingBottomResponsive70{padding-bottom:70px;}
	h2{ font-size: 30px!important;line-height: 38px!important;}
	h4{ font-size: 15px!important;line-height: 18px!important;}
	p {font-size: 16px!important;line-height: 30px!important;}
	
	}
@media screen and (max-width:1000px){}
@media screen and (max-width:912px){}
@media screen and (max-width:850px){}
@media screen and (max-width:800px){}
@media screen and (max-width:768px){
	.responsiveHidden{display:none!important;}
	.paddingTopResponsive70, .paddingTop150{padding-top:70px;}
	.paddingBottomResponsive70{padding-bottom:70px;}
	.marginBottom70 { margin-bottom: 30px!important;}
	.mobile_menu_button span{font-size: 24px;color:#0062A6!important;}
	.header_bottom {padding: 0px 45px!important;}
	.q_logo a { height: 70px!important;}
	.q_logo img {width: 150px!important;}
	.borderLeft:before, .borderLeft::before{ left: 60px!important; top: 110px!important;height: 105px!important; }
	.bgGiallo{padding-top: 80px!important;}
	.bgForm{padding-top:60px!important;padding-bottom:60px!important;}
	h2{ font-size: 30px!important;line-height: 38px!important;}
	h4{ font-size: 15px!important;line-height: 18px!important;}
	p {font-size: 16px!important;line-height: 30px!important;}
	.privacyText {font-size: 8px!important;}
     .footer_bottom p{
		    font-size: 12px!important;
    line-height: 17px!important; 
		 }

	}
@media screen and (max-width:767px){}
@media screen and (max-width:700px){}
@media screen and (max-width:640px){}
@media screen and (max-width:600px){}
@media screen and (max-width:580px){}
@media screen and (max-width:550px){}
@media screen and (max-width:500px){}
@media screen and (max-width:480px){}
@media screen and (max-width:460px){}
@media screen and (max-width:450px){}

@media screen and (max-width:440px){
	.mobile_menu_button span{font-size: 24px;color:#0062A6!important;}
	.header_bottom {padding: 0px 45px!important;}
	.q_logo a { height: 70px!important;}
	.q_logo img {width: 150px!important;}
	.marginTop-80 {margin-top: 80px;}
	.paddingTopResponsive70, .paddingTop150{padding-top:70px;}	
	.paddingBottomResponsive70{padding-bottom:70px;}
	.bgGiallo{padding-top: 50px!important;background-color: #F9B200; background-image:none!important;}
	.bgForm{padding-top:70px;}
	h2{ font-size: 30px!important;line-height: 38px!important;}
	.borderLeft:before, .borderLeft::before{ left: 40px!important; top: 0px!important; }	
	.responsiveHidden{display:none!important;}
	.footer_top .container_inner, .footer_bottom_holder .container_inner{    padding: 0 60px 0 60px;}
}

@media screen and (max-width:400px){
	
	}
@media screen and (max-width:360px){
	p {font-size: 16px!important;line-height: 30px!important;}
	h1{ font-size: 22px!important;line-height: 25px!important;}
	h2{ font-size: 22px!important;line-height: 25px!important;}
	.wpb_text_column {padding: 0 20px 0 20px;}
	.trattino .separator.small { margin: 0px 0px 70px 0px!important;}
	.footer_top .trattino .separator.small { margin: 0px 0px 70px -50px!important;}
	.column2 .trattino, .column3 .trattino{display:none;}
	
	.borderLeft:before, .borderLeft::before {
		left: 30px!important;
		top: 115px!important;
		height: 50px!important;
	}
	.marginBottom70 { margin-bottom: 30px!important;}
}