/*
Theme Name: Bridge Child
Description: A child theme of Bridge Theme
Author: OohDie
Author URI: http://www.oohdie.nl/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


body {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 19px !important;
	color: #626970 !important;
	line-height: 30px !important;
}

p {
	font-size: 19px !important;
	color: #626970 !important;
	line-height: 30px !important;
}

p a {
	color: #ED4242 !important;
	text-decoration: none;
}

p a:hover {
	color: #000 !important;
	text-decoration: none;
	border-bottom:solid #000 2px;
	padding-bottom: 2px;
}

.intro-tekst p {
	font-size: 24px !important;
	line-height: 36px !important;
}

.intro-link a {
	font-size: 24px !important;
	line-height: 36px !important;
}

.intro-kop p {
	font-size: 94px !important;
	color: #FFFFFF !important;
	line-height: 108px !important;
	font-weight: 300;
}

h1 {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 48px;
	font-weight: 300;
	color: #000000;
	line-height: 56px;
}

.quote h3 {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 30px;
	font-weight: 400;
	text-transform:none;
	color: #4A90E2;
	letter-spacing: 0.66px;
	line-height: 36px;
}

.quote p {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 19px;
	color: #626970;
	font-weight: 400;
	text-transform:none;
	letter-spacing: 0.52px;
}

h4, h4 a {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 19px;
	font-weight: 400;
	color: #606060;
	text-decoration:none;
}

h4 a:hover {
	color: #fff !important;
	text-decoration: none;
}

.container_inner, .grid_section .section_inner {
	width:900px;
}

.container_inner_header {
	width:100%;
}

.container_inner-blog {
	width:1100px;
}

header.fixed.scrolled .header_bottom {
	box-shadow: none;
}

.blog_holder.blog_single article h2 {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 48px;
	font-weight: 300;
	color: #000000;
	line-height: 54px;
	padding-bottom: 16px
}

.blog-link {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index:1000;
}

.date {
	display:block;
}

h2 a {
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #000;
	font-size: 32px;
	font-weight: 300;
	letter-spacing: 0.69px;
	line-height: 60px;
	text-decoration: none;
	display:block;
	margin-top:18px;
}

h2 a:hover {
	color: #000;
	text-decoration: none;
}


h2 {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 32px;
	font-weight: 300;
	text-transform: none;
	color: #4A4A4A;
	line-height: 25px;
	letter-spacing: 0.69px;
}

.portfolio_single h2 {
	margin:0 0 20px 0;
}

.intro {
	display: block;
	height:400px;
	background-color:#4A90E2;
}

.afbeelding {
	height:575px;
}

.afbeelding-werk {
	height:500px;
}

.but-ons-werk {
	display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
	width: 181px;
	height: 180px;
	background: url(img/but-ons-werk.png) no-repeat;
	position: relative;
	top: 100%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.but-ons-werk:hover {
	background-position: 0 -180px;
}

.side_menu_button>a {
	width: 40px;
	height: 40px;
}

a.but-cat {
	background: #F5F4F0;
	border-radius: 4px;
	padding: 0 10px 2px 10px;
	margin: 10px 2px 0 0;
	font-size: 18px;
	color: #4A4A4A;
	text-decoration: none;
	text-transform:uppercase;
}

a.but-cat:hover {
	background: #E6E5E0;
}

.popup_menu_inner, .popup_menu.medium .popup_menu_inner, .popup_menu.medium .line, .popup_menu.medium .line:after, .popup_menu.medium .line:before, .popup_menu .line {
	width: 39px;
	height: 3px;
}

.popup_menu .line::before {
	width: 39px;
	height: 3px;
	top:-10px;
	background-color:#fff;
}

.popup_menu .line::after {
	width: 39px;
	height: 3px;
	top:10px;
	background-color:#fff;
}

.side_menu_button>a, .mobile_menu_button span {
	color: #ffffff;
}


.dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line, .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before, .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after {
	background-color:#fff;
}

.popup_menu:hover .line {
	background-color:#fff;
}

.blog_holder article .post_text h2 .date {
font-family:'Source Sans Pro', sans-serif !important;
font-size: 16px;
font-weight:400;
color: #9B9B9B;
line-height: 36px;
}

.blog_holder article {
	margin: 0 0 0 0;
}

.blog_holder article .post_text .post_text_inner {
	padding: 20px 20px 28px 20px !important;
}

.blog_holder article .post_content_holder {
	width: 83.33333333%;
}

.content .container .container_inner.default_template_holder {
	padding-top:47px;
}

.blog_holder.blog_large_image article:not(.format-quote):not(.format-link) .post_text .post_text_inner:hover {
	background-color:#F5F4F0 !important;
}

.pagination {
	margin: 60px 0 50px;
	z-index:2000;
}

.pagination ul li span {
	background-color: #FFF;
	border:none;
}

.pagination ul li a {
	background-color:#f5f4f0;
}

.q_logo img {
	size: 50% !important;
	max-height: 50%;
	top: -30%;
	-webkit-transition: opacity .0s ease-in-out;
	-moz-transition: opacity .0s ease-in-out;
	-o-transition: opacity .0s ease-in-out;
	-ms-transition: opacity .0s ease-in-out;
}

.qbutton {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.qbutton.small {
	height: 100%;
	width: 100%;
	line-height: 30px;
	font-size: 12px;
	padding: 0px;
}

.qbutton.white, .qbutton.small, .qbutton {
	border-color: #D84443;
	color: #D84443;
	background-color: #D84443;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.qbutton.white:hover, .qbutton:hover {
	border-color: #D84443;
	color: #D84443;
	background-color: #D84443;
}

.projects_holder article .image_holder:hover span.text_holder {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.gallery_holder ul li .gallery_hover {
	background-color: rgba(216,68,67,0.81);
}

.popup_menu_holder {
	background-color: rgba(74,144,226,1);
}

.popup_menu_holder_inner {
	padding-top: 5%;
}

nav.popup_menu {
	width:100%px;
}

nav.popup_menu ul li {
	font-family: 'Source Sans Pro', sans-serif !important;
	text-align: left;
	line-height: 90px;
}

nav.popup_menu ul li a span {
	margin-left:50px;
}

nav.popup_menu ul li a {
	font-size: 54px;
	font-weight: 300;
	text-transform:none;
	line-height: 90px;
}

.title .title_holder .container {
	display:none;
}

.title {
	display:none !important;
}

div.blog_holder.blog_single {
	padding-top:78px;
}

.blog-kop {
	display:block;
	height:80px;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 48px;
	font-weight: 300;
	color: #000000;
	line-height: 56px;
	margin:100px 0 0 20px;
}

.post_info {
	display:none !important;
}

.comment_holder {
	display:none;
}

div.comment_form {
	display:none;
}

.blog_holder article .post_more {
	display:none;
}

.footer_top .textwidget {
	font-size: 16px;
	color: #626970;
}

.footer_top_holder {
	background-color: #fff;
}

.footer-tekst {
	font-size: 16px;
	color: #626970;
	line-height: 28px;
	width:900px;
	margin: 0 auto;
	padding:30px 0 30px;
}

.footer_top span {
	font-size: 16px;
	color: #626970;
	line-height: 28px;
}

.footer_top a, .footer-tekst a {
	text-decoration:underline;
	color: #626970;
}

.footer-tekst  a:hover {
	color: #000000 !important;
	}

.footer_top {
	padding:30px 0 30px
}

.footer-space {
	width:10px;
}



.nieuwsbrief {
	background-color:#F5F4F0;
	height:191px;
	margin-top:60px;
}

.nieuwsbrief-inner {
	width:900px;
	margin: 0 auto;
	padding:30px 0 0 20px;
	display:block;
}

.nieuwsbrief-inner p {
	font-size: 24px !important;
	color: #6C6B6B !important;
	letter-spacing: 0.34px;
	line-height: 31px;
	padding:0 0 15px 0 !important;
}

.yks-mailchimpFormDivRowLabel {
	display:none !important;
}

.yks-status .yks-success {
	margin: 0px auto 0 !important;
}

.yks-status .yks-success p {
	margin:0px !important;
	line-height: 1px !important;
}

.vc_col-sm-4 {
	width: 30%;
}

.reinier {
	padding:5px 0 0 20px;
}

.pic-reinier {
	padding: 0 0 30px 0;
}

.eric {
	padding:5px 0 0 20px;
}

.pic-eric {
	padding: 0 0 30px 0;
}

div.but-twitter, div.but-linkedin {
	float:left;
	margin:30px 0;
}

.but-twitter a{
	background:url(../bridge/img/twitter.png)  0 0 no-repeat;
	display:block;
    width:31px;
    height:27px;
}


.but-twitter a:hover {
	background:url(../bridge/img/twitter.png)  0 -27px no-repeat;
}

.but-linkedin a{
	background:url(../bridge/img/linkedin.png)  0 0 no-repeat;
	display:block;
    width:31px;
    height:27px;
	margin-left:50px;
}


.but-linkedin a:hover {
	background:url(../bridge/img/linkedin.png)  0 -27px no-repeat;
}

.projects_holder article .portfolio_description .project_category {
	display:none;
}


.projects_holder article span.text_holder{
	background-color: #D84443;
}

.projects_holder article .feature_holder, .projects_holder article .feature_holder .feature_holder_icons {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0;
}
.projects_holder article .portfolio_description .portfolio_title {
	margin:0;
}

.projects_holder article .portfolio_description {
	padding:0 !important;
}

a.port-link {
	display: block;
	height: 33px;
	width: 100%;
	padding: 7px 0 0 0;
}

a.port-link:hover {
	background-color:#ED4242 !important;
}

.yks-mailchimpFormDivRowField input {
	background-color: #FFF;
	border: #FFF;
	width:50% !important;
	height: 50px;
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #9B9B9B;
	font-weight:400;
	line-height: 40px;
	font-size: 24px;
	padding: 0 20px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 424 !important;
	float:left;
	-webkit-font-smoothing: antialiased;
}

input[type="submit"] {
background-color: #ED4242;
border: #ED4242;
height: 50px;
font-weight:700;
color:#FFF;
line-height: 40px;
font-size: 20px;
padding: 0 30px;
-moz-border-radius: 8px;
border-radius: 8px;
float:right;
-webkit-font-smoothing: antialiased;
}

input[type="submit"]:hover {
background-color: #000;
border: #000;
}

.yks-mailchimpFormDivSubmit {
display: inline-block;
width: 21% !important;
margin: 0 0 0 0 !important;
}

#yks_form_error_message {
	display:none !important;
}

.yks-mailchimpFormDivRow {
	margin: 0 0 0 0 !important;
}

/* Portrait iPad*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	  .container_inner,.boxed div.section .section_inner,div.grid_section .section_inner,.full_width .parallax_content,.steps_holder_inner,.carousel-inner .slider_content_outer,nav.content_menu ul,.container_inner nav.content_menu{
	width:700px !important;
	}

nav.popup_menu ul li a {	
font-size: 50px !important;
line-height:66px !important;
  }

}

/* iPhone 5 and 5S Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

	  .container_inner,.boxed div.section .section_inner,div.grid_section .section_inner,.full_width .parallax_content,.steps_holder_inner,.carousel-inner .slider_content_outer,nav.content_menu ul,.container_inner nav.content_menu{
	width:540px !important;
	}
	

.blog_holder article .post_content_holder {
	width: 100%;
}

.popup_menu_holder_inner {
	padding-top: 10%;
}

nav.popup_menu ul li a span {
	line-height: 30px !important;
	font-size: 30px !important;
	margin-left:50px!important;
}

nav.popup_menu ul li {
	line-height: 30px;
	font-size: 30px !important;
}

nav.popup_menu ul li a {
	line-height:30px !important;
}

h2 a {
	line-height: 40px;
	padding-bottom:15px;
}

.date {
	 font-size: 10px !important;
	 line-height: 5px !important; 
 }

 
  .reinier {
	 width: 40% !important;
	 margin:0 0 0 20px !important;
	 padding:5px 20px 0 20px;
 }
 
 .eric {
	 width: 40% !important;
	 margin:0 0 0 20px !important;
	 padding:5px 20px 0 20px;
 }
 
  .rij-1, .rij-2, .rij-3 {
	 width: 45% !important;
 }
 
  .nieuwsbrief-inner {
	 width:540px !important;
	 padding:30px 0 0 30px !important;
 }
 
 .yks-mailchimpFormDivSubmit {
	 width: 33% !important;
 }
 
  
.footer-tekst, .footer_top .textwidget {
	 font-size: 8px !important;
	 letter-spacing: -1px;
 }

}


/* iPhone 5 and 5S Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
   .container_inner,.boxed div.section .section_inner,div.grid_section .section_inner,.full_width .parallax_content,.steps_holder_inner,.carousel-inner .slider_content_outer,nav.content_menu ul,.container_inner nav.content_menu{
	width:270px !important;
	}
	
div.grid_section .section_inner {
	width:300px !important;
}
	
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.popup_menu_holder_inner {
	padding-top: 10%;
}

nav.popup_menu ul li a span {
	line-height: 47px !important;
	font-size: 40px !important;
}

nav.popup_menu ul li {
	line-height: 47px;
	font-size: 40px !important;
}

nav.popup_menu ul li a {
	line-height:47px !important;
}

nav.popup_menu ul li a span {
	margin-left:12px!important;
}
	
.intro {
	height:300px;
}
	
.intro-kop p {
	font-size: 60px !important;
	line-height: 80px !important;
}

.blog-kop {
	height:180px;
	margin:0 0 0 0 !important;
}

.blog_holder article .post_content_holder {
	width: 100%;
}

.blog_holder article .post_text .post_text_inner {
	padding: 20px 5px 28px 5px !important;
}

h2 a {
	line-height: 40px;
	margin-top:40px;
}
	
.vc_col-sm-4 {
	width: 100% !important;
}

.vc_row {
	margin-left: 0px;
	margin-right: 0px;
}

div.vc_col-sm-4.reinier.wpb_column.vc_column_container.vc_custom_1428416152439 {
	 width: 100% !important;
	 padding: 0 0 0 15px !important;
 }
 
div.vc_col-sm-4.eric.wpb_column.vc_column_container.vc_custom_1428418364846 {
	 width: 100% !important;
	margin-left: 0px !important;
	margin-top: 40px !important;
	padding: 0 0 0 15px !important;
 }

.nieuwsbrief {
	height:275px;
}

 .nieuwsbrief-inner {
	 width:270px !important;
	 padding:30px 0 0 0!important;
 }
 
 .nieuwsbrief-inner p {
	 font-size: 24px !important;
 }
 
 .yks-mailchimpFormDivRowField input {
	 width:99% !important;
 }
 
 .yks-mailchimpFormDivSubmit {
	 width: 62% !important;
	 padding:15px 0 0 0;
 }

footer .container_inner {
	width:130px !important;
	float:left !important;
	padding:0 0 0 30px;
}

.footer_top a {
	float:left !important;
}

.footer-tekst {
	width:130px !important;
	float:left !important;
	padding:30px 0 30px 25px!important;
}

.footer-tekst a {
	float:left !important;
}
	  
}

/* Landscape iPhone 6*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
  
    .container_inner,.boxed div.section .section_inner,div.grid_section .section_inner,.full_width .parallax_content,.steps_holder_inner,.carousel-inner .slider_content_outer,nav.content_menu ul,.container_inner nav.content_menu{
	width:600px !important;
	}
  
 .rij-1, .rij-2, .rij-3 {
	 width: 90% !important;
 }
 
 .reinier, .eric {
	 width: 40% !important;
 }
 
 nav.popup_menu ul li a {
	 font-size: 30px !important;
	line-height: 30px !important;
 }
 
 h4, h4 a {
	 font-size: 15px !important;
 }
 
 li {
	 font-size: 23px !important;
	 padding-bottom:10px;
 }
 
 .date {
	 line-height:15px !important;
	 font-size: 10px !important;
 }
 
 .blog_holder article .post_text h2 .date {
	 font-size: 20px !important;
 }
 
 .nieuwsbrief-inner {
	 width:600px !important;
	 padding:30px 0 0 0 !important;
 }
 
 .yks-mailchimpFormDivSubmit {
	 width: 33% !important;
 }
 
 .footer-tekst, .footer_top .textwidget {
	 font-size: 8px !important;
 }
 
  footer .container_inner {
	 width:100% !important;
	 float:left;
	 padding:0 15px 0 30px;
 }

}

/* Portrait iPhone 6*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)  { 
	
.header_bottom {
	padding:0 20px !important;
}

	
div.vc_col-sm-4.rij-1.wpb_column.vc_column_container, div.vc_col-sm-4.rij-2.wpb_column.vc_column_container, div.vc_col-sm-4.rij-3.wpb_column.vc_column_container {
	 width: 100% !important;
 }
 
div.vc_col-sm-4.reinier.wpb_column.vc_column_container.vc_custom_1428416152439 {
	 width: 100% !important;
 }
 
div.vc_col-sm-4.eric.wpb_column.vc_column_container.vc_custom_1428418364846 {
	 width: 100% !important;
	margin-left: 0px !important;
	margin-top: 40px !important;
 }
 
 .intro {
	 height:300px;
 }
 
 .intro-kop p {
	 font-size: 65px !important;
	 line-height: 70px !important;
 }
 
 .vc_col-sm-4 {
	 width: 25% !important;
 }
 
 .blog-kop {
	 margin:0 0 100px 0!important;
 }
 
 .blog_holder article .post_content_holder {
	 width:100% !important;
 }
 
 .blog_holder article .post_text .post_text_inner {
	 padding: 20px 0 28px 0 !important;
 }

h2 a {
	line-height: 40px !important;
}

.date {
	line-height: 0 !important;
}

.nieuwsbrief {
	height:275px;
}

 .nieuwsbrief-inner {
	 width:320px !important;
	 padding:30px 0 0 0!important;
 }
 
 .nieuwsbrief-inner p {
	 font-size: 24px !important;
 }
 
 .yks-mailchimpFormDivRowField input {
	 width:99% !important;
 }
 
 .yks-mailchimpFormDivSubmit {
	 width: 77% !important;
	 padding:15px 0 0 0;
 }
 
.blog_holder.blog_single article h2 {
word-break: break-word;
line-height: 60px;
}

footer .container_inner {
	width:130px !important;
	float:left !important;
	padding:0 0 0 25px;
}

.footer_top a {
	float:left !important;
}

.footer-tekst {
	width:130px !important;
	float:left !important;
	padding:30px 0 30px 25px!important;
}

.footer-tekst a {
	float:left !important;
}

}