/*
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");

/* grafity forms styling */

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    background-color: #f9f9f9;
    border: 1px solid #e4e4e4;
    color: #9b9b9b;
	padding:15px !important;
}

body .gform_wrapper .gform_fields .gfield {
    margin: 0 !important;
}

.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .ginput_complex label, .gform_wrapper.gravity-theme .ginput_complex legend {
	color: #3a3a3a;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    line-height: 27px;
    font-style: normal;
    font-weight: 300 !important;
}

body .gform_wrapper input[type=submit] {
	color: #ffffff;
    font-family: 'Roboto', sans-serif;
    border-color: #3b3a3c;
    font-size: 10px;
    line-height: 38px;
    height: 38px;
    font-style: normal;
    font-weight: 400;
    background-color: #3b3a3c;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    letter-spacing: 6px;
    text-transform: uppercase;
    border-width: 1px;
}

body .gform_wrapper input[type=submit]:hover {
	background-color: #fff;
	color:#3b3a3c;
	border-color:#3b3a3c;
}

/* grafity forms styling end */

.q_counter_holder.center{
    padding-left: 0px;
    padding-right: 0px;
}

.column2.footer_bottom_column, .column3.footer_bottom_column {
	display:none !important;
}

header.sticky nav.main_menu>ul>.home-link, .light.sticky nav.main_menu>ul>.home-link, .light.sticky nav.main_menu>ul>.home-link:hover, .light.sticky nav.main_menu>ul>.active>.home-link, .dark.sticky nav.main_menu>ul>.home-link, .dark.sticky nav.main_menu>ul>.home-link, .dark.sticky nav.main_menu>ul>.active>.home-link {
    line-height: 60px;
    display: none;
}

.q_counter_holder p.counter_text {
margin: 30px 0 0;
}

.q_progress_bar {
    position: relative;
    margin: 0 0 40px 0;
}

header.sticky .header_bottom .qode_icon_shortcode {
    border-color: #303030 !important;
}

header.sticky .header_bottom .qode_icon_shortcode .qode_icon_element {
    color: #303030 !important;
}

header.sticky .header_bottom .qode_icon_shortcode:hover {
    background-color: #303030 !important;
}

header.sticky .header_bottom .qode_icon_shortcode:hover .qode_icon_element {
    color: #fff !important;
}



header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a{
    opacity: 1;
}

.wpcf7 form.wpcf7-form p {
    margin-bottom: 13px;
}

.cf7_custom_style_2 input.wpcf7-form-control.wpcf7-submit, .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    margin-top: 9px;
}

.q_dropcap{
    margin: 0px 18px 0px 0px;
}

.form-search {
    /* border: 1px solid #e5e5e5; */
    margin-bottom: 40px;
    padding: 0px 0px;
}





/*yachtpresentation joey*/

.startcontent {
    margin-top: 10px;
}

.afmeting {
    display: inline-flex;
}

.vertical .galleria-navbarhelper {
    width: 81px;
}

.galleria-container {
    background: #000000;
}

.buttons-search {
    background-color: #1c4885 !important;
    text-align: center;
    color: white !important;
    cursor: pointer;
}

.modelnaam {
    font-weight: 600;
    font-size: 17px;
    color: #1c4885;
}

.modelnaam-detail {
  font-size: 24px; 
  font-weight: bold;
  display: inline-block;
}

.prijs {
    font-size: 20px;
    font-weight: 600;
}

.prijs2 {
    font-size: 24px; 
    font-weight: bold;
    display: inline-block;
    padding-right: 5px;
}

.foto-slider {
	padding-top: 20px; 
	padding-bottom: 20px;
}

.button-row {
  margin-bottom: 20px;
}

.calltoaction-detail {
    text-align: center;
    border: 3px solid #2e78b9;
    padding: 20px 0px 20px 0px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 9px;
    width: 18%;
    height: 50px;
}

.calltoaction-detail:nth-child(5) {
    margin-right: 0px;
}

.calltoaction-row {
    margin-top: 10px;
}

.icon-size-detail {
    font-size: 20px;
    color: #49b953;
}

.spec_label {
    font-weight: bold;
    display: inline-block;
    width: 30%;
    float: left;
}

.spec_value {
    display: inline-block;
    width: 70%;
}

#specs h3 {
    margin-top: 20px;
}

.specs-start {
margin-top: 20px;
}

.linkerrij {
font-weight: bold;
display: inline-block;
width: 30%; 
}

.rechterrij2 {
width: 70%;
float: right;
}
.rechterrij {

display: inline-block;
}

#specs h3 {
margin-top:20px;
}


.specs_wrap h3 {
margin-top:20px;
}

.algemeen-row {
    margin-top: 20px;
}


#yfcontact_comment {
margin-left: 45%;
height: 200px;
width: 200px;
}

/* end yachtpresentation*/

.carousel-inner .slider_content .text .qbutton.white {
margin: 10px 0 0 16px;
}

.testimonials .testimonial_text_inner p.testimonial_author {
margin-top: 45px;
margin-bottom: 11px;
}

.testimonials_holder .flex-direction-nav a {
width: 33px;
height: 33px;
}

.testimonials_holder .flex-direction-nav li:first-child {
margin-right: 2px;
}

.testimonials_holder .flex-direction-nav a:before {
font-size: 20px;
line-height: 29px;
left: 1px;
}


.comments .comment .text .comment_date {
    font-size: 14px;
    font-weight: 500;
    color: #303030;
}

.comments .comment .text .text_holder {
    margin: 13px 0 0;
}

.comment_holder .comment {
    padding: 34px 25px 37px;
    background-color: #f9f9f9;
}

.cover_boxes ul li .box .box_content h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 21px;
}

.cover_boxes ul li .box .qbutton {
    margin: 38px 0 0;
    padding-left: 28px;
    padding-right: 27px;
    border-radius: 3px;
}


.blog_holder article .post_text .post_text_inner {
    padding: 35px 36px 41px;
}

.blog_holder article .post_more .qbutton.small {
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 2px;
}

/*Footer styling Widgets*/

.footer_bottom .footer_text_title {
   display: block;
   text-align: left;
   color: #ffffff;
   margin-bottom: 10px;
}

.footer_bottom .textwidget {
    text-align: left;
    line-height: 26px;
}

/*Yacht presentation CSS*/

/*UItgelichte boten Homepage*/

h3.yacht_model {
    padding-top: 25px;
}

#recent_aanbod {
    display: block;
    height: 400px;
    margin-left: 0px;
}

.items, .clmn-100.overview > div {
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
}

.ra_yacht, .one_yacht {
    float: none;
    max-width: calc(33.33% - 30px);
    background-color: #fff;
    padding: 0px;
    text-align: left;
    cursor: pointer;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    transition-duration: 0.4s;
    margin: 15px !important;
    width: inherit !important;
    float: none !important;
}

h1.widget-title {
    color: #303030;
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    padding: 70px 0 30px 0;
}

/*Build overview page layout*/

#yacht_list{
   clear: both;
   padding-top:15px;
   max-width: 1300px;
   position: relative;
   margin: 0 auto;
}

.searchbox {
   border: 2px solid  #2e78b9; 
   padding: 30px 10px 10px 10px; 
   margin-bottom: 20px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.alle_zeil_motor {
    text-align: right;
    padding-right: 10px;
}

.price input{
   margin-right: 5%;
   padding-bottom: 5%;
}

.length input{
   margin-right: 5%;
}

.yf_float_right:{
   float: right;
}

form#yf_main_search input[type="text"] {
    display: inline;
    padding-left: 3%;
    padding: 10px 13px;
    outline: 0;
    resize: none;
    margin-bottom: 10px;
}

.one_row.col-100.rij_sorting {
    margin-bottom: 20px;
}

.qbutton:hover{
    background-color: #C9D8C5;
    border-color: #C9D8C5;
}

.one_yacht: nth-child (3n){
   margin-right: 0%;
}

.one_yacht: nth-child (3n+1){
   clear: both;
}

/*Build one boat layout on overview page*/

.merkModelNaam {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    color: #536879;
}

.one_boat-overview_page {
    margin-bottom: 5%;
}

.one_yacht:nth-child(3n) {
    margin-right: 0;
}

.one_row.clmn-75.afm_inline {
    display: inline-flex;
}

/*Detail page*/

h2.widget-title {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 40px;
}

.boat_detail_page {
    clear: both;
    width: 80%;
    position: relative;
    margin: 0px auto;
}

.one_row.clmn-100.detail_model_prijs {
    margin: 30px 0 10px 0;
}




/*Contactformulier detailpage*/

#yfcontactform {
    padding: 40px;
    width: 600px;
    margin: auto;
    background: white;
    text-align: left;
}

.mfp-content input[type='text'], .mfp-content textarea {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 15px 12px;
    border: 0;
    border-radius: 0;
    outline: 0;
    resize: none;
    font-size: 13px;
    line-height: 17px;
    background-color: #f8f8f8;
    color: #818181;
    font-family: 'Raleway';
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
}

#sendtofriendform {
	padding: 40px;
    width: 600px;
    margin: auto;
    background: rgb(255, 255, 255);
    text-align: center;
}

.mfp-container #yfcontactform table {
		margin: auto;
	}

/* ==============================================================================================================================
/*
/*     #Mobile (Portrait)    < 480                                                                            #Mobile (Portrait)    < 480
/*
/* =========================================================================================================================== */

@media only screen and (max-width: 479px)
{
 .text-search-zoeken {
	width: 100%;
	 padding-left: 3%;
}

.home #recent_aanbod .ra_yacht {
    width: 100%;
    float: left;
    margin-top: 20px;
}


.text-search {
	width: 100%;
	 padding-left: 3%;
}

.text-search-input {
	width: 95%;
	padding-left: 3%;
}

.text-search-category {
	width: 95%;
	padding-left: 3%;
}

.text-price-search {
	width: 95%;
	padding-left: 3%;
}
.text-length-search{
	width: 95%;
	padding-left: 3%;
}

.model-row {
	width: 100%;
}

.price-row {
	width: 100%;
}

.boat_detail_page {
    clear: both;
    width: 90%;
    position: relative;
    margin: 0px auto;
}

.button-row {
	width: 100%;
}

.calltoaction-detail {
    width: 100%;
    text-align: none;
    margin-bottom: 10px;
}

.rechterrij {
    width: 100%;
}

.linkerrij {
    font-weight: bold;
    display: inline-block;
    width: 100%;
}
.one_yacht{
   width: 100%;
   cursor: pointer;
}

.ra_yacht {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-right: 3%;
}

#recent_aanbod {
    display: block;
    height: 800px;
    margin-left: 10%;
}


}

/* ==============================================================================================================================
/*
/*     #Tablet (Portrait) & Mobile    (Landscape)    < 768                                    #Tablet (Portrait) & Mobile    (Landscape)    < 768
/*
/* =========================================================================================================================== */

@media only screen and (min-width: 479px) and (max-width: 767px)
{
.button-row {
	width: 100%;
}

.ra_yacht {
    width: 46%;
    float: left;
    margin-top: 20px;
    margin-right: 3%;
}

#recent_aanbod {
    display: block;
    height: 800px;
    margin-left: 10%;
}


}

/* ==============================================================================================================================
/*
/*     #Tablet (Landscape)        768 - 959                                                            #Tablet (Landscape)        768 - 959
/*
/* =========================================================================================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px)
{   



.ra_yacht {
    width: 34%;
    float: left;
    margin-top: 20px;
    margin-right: 3%;
}

#recent_aanbod {
    display: block;
    height: 800px;
    margin-left: 10%;
}



}

/* ==============================================================================================================================
/*
/*     #Desktop    960 - 1239                                                                                    #Desktop    960 - 1239
/*
/* =========================================================================================================================== */

@media only screen and (min-width: 960px) and (max-width: 1239px)
{


}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	nav.main_menu>ul>li>a {
	    padding: 0 8px !important;
	}
	nav.main_menu > ul > li:first-child {
    	margin-left: 17px !important;
	}
}





@media only screen and (max-width: 959px) and (min-width: 768px) {
	.ra_yacht, .one_yacht {
	    margin-top: 0px;
	    margin-right: 15px;
	    max-width: calc(50% - 30px);
	}

	#recent_aanbod {
	    display: block;
	    height: auto;
	    margin-left: 0;
	    padding-bottom: 40px;
	}
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) { 
	.one_row.clmn-40 {
	    display: block;
	    width: 100%;
	}
	.boat_detail_page {
    	width: 100%;
    }
    .calltoaction-detail {
    	width: calc(20% - 14px);
	}
	.specs-start .clmn-50 {
		width: 100%;
	}

}



@media only screen and (max-width: 767px) {
	#recent_aanbod {
	    height: auto;
	    margin-left: 0;
	}

	.ra_yacht, .one_yacht {
	    width: inherit;
	    float: none;
	    margin-top: 20px;
	    max-width: 100%;
	}
	.one_row.clmn-40 {
	    display: block;
	    width: 100%;
	}
	.searchbox {
	    width: calc(100% - 20px);
	}

	.searchbox .one_row.clmn-20 {
		width: 100%;
	}

	.searchbox .one_row.clmn-25 {
		width: 100%;
	}

	.text-search {
    	padding-left: 0%;
	}
	.clmn-100.startcontent .clmn-75, .clmn-100.startcontent .clmn-25 {
		width: 100% !important;
	}
	.galleria-container.touch.galleria-theme-vertical.vertical {
    	min-height: 180px;
	}
	.specs-start .clmn-50 {
		width: 100%;
	}
	.specs_wrap .spec_label, .specs_wrap .spec_value {
		width: 100%;
	}
	#yfcontactform {
    	padding: 0;
    }
    table td {
    	width: 100%;
    	display: block;
    	padding:0;
	}
	.mfp-content input[type='text'], .mfp-content textarea {
    	margin: 0 0 0 0;
	}
	#yfcontactform {
	    width: auto;
	    margin-top: 20px;
	}
	#yfcontact_comment {
    	margin-left: 0;
    	width: 100%;
    	margin-top: 20px;
	}
	input#yfsubmitbutton {
    	margin-bottom: 30px;
	}
	.mfp-container #yfcontactform {
	    margin-top: 40px;
	    padding: 20px;
	}
	.mfp-container #yfcontactform table {
		margin: auto;
	}

}


@media only screen and (max-width: 767px) and (min-width: 479px) {
	.ra_yacht, .one_yacht {
	    width: inherit;
	    float: none;
	    margin-top: 20px;
	    margin-right: 0px;
	}

	#recent_aanbod {
	    display: block;
	    height: auto;
	    margin-left: 0;
	}
}