/*
 Theme Name:   Bridge Child
 Theme URI:    https://www.yachtfocus.company/
 Description:  YachtFocus thema
 Author:       YachtFocus Systems B.V.
 Author URI:   https://www.yachtfocus.company/
 Template:     bridge
 Version:      1.0.0
 Text Domain:  bridge-child
*/



/* home 5 block styling */

@media only screen and (min-width : 1201px) and (max-width : 1400px) {
	nav.main_menu > ul > li > a {
        padding: 0 11px !important;
    	font-size: 16px !important;
    	letter-spacing: 1px !important;
    }
}

@media only screen and (min-width : 1001px) and (max-width : 1199px) {
	nav.main_menu.drop_down > ul {
	    max-width: 700px !important;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
}

@media only screen and (min-width : 1001px) and (max-width : 1299px) {
	.margin-top-overlap > div > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.margin-top-overlap > div > div > div:nth-child(1), .margin-top-overlap > div > div > div:nth-child(2), .margin-top-overlap > div > div > div:nth-child(5), .margin-top-overlap > div > div > div:nth-child(4), .margin-top-overlap > div > div > div:nth-child(3) {
		width: 33.33% !important;
	}

	.margin-top-overlap > div > div > div:nth-child(5), .margin-top-overlap > div > div > div:nth-child(4) {
		margin-top: 20px;
	}

	.box-home-holder {
	    min-height: 220px !important;
	}

	div#rev_slider_1_1_wrapper, div#rev_slider_1_1, .rev_slider li.tp-revslider-slidesli {
		height: 600px !important;
	}
}


@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	.margin-top-overlap > div > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.margin-top-overlap > div > div > div:nth-child(1), .margin-top-overlap > div > div > div:nth-child(2), .margin-top-overlap > div > div > div:nth-child(5), .margin-top-overlap > div > div > div:nth-child(4), .margin-top-overlap > div > div > div:nth-child(3) {
		width: 50% !important;
	}

	.margin-top-overlap > div > div > div:nth-child(5), .margin-top-overlap > div > div > div:nth-child(4), .margin-top-overlap > div > div > div:nth-child(3) {
		margin-top: 20px;
	}
}

/* _____ home 5 block styling end ______ */



/* module styling */

.gray-button {
    background : #005e99 !important;
}

.gray-button:hover {
    background : #fff !important;
    color      : #00205b !important;
}

.text-white h4, .text-white a, .text-white label, .text-white span, .text-white th, .text-white td, #box-resultaten-header {
    color : #fff !important;
}

label.error {
    color : red !important;
}

.text-white span {
    font-size : 12px;
}

.form-control.one-halve {
    width : auto;
}

.form-control.one-halve:first-child {
    margin-right : 20px;
}

.form-group {
    width : 100% !important;
}

.form-control.one-thirds {
    width        : 32% !important;
    margin-right : 2%;
}

.form-control.one-thirds:nth-child(3) {
    width        : 32% !important;
    margin-right : 0%;
}

input.number {
    height  : 34px;
    padding : 0px 10px;
    width   : calc(100% - 20px);
    border  : 0px;
}

input.datepicker {
    height  : 34px;
    padding : 0px 10px;
    width   : calc(100% - 20px);
    border  : 0px;
}

.form-control.one-thirds:last-of-type {
    width : 100% !important;
}

.form-control.one-halve label {
    display : inline-block;
}

.form-control {
    float         : left;
    width         : 100%;
    margin-bottom : 10px;
}

.form-control label {
    display : block;
}

.form-calc select {
    width : 100%;
}

.form-control > select, .form-control > textarea {
    padding               : 8px 10px !important;
    width                 : 100% !important;
    font-size             : 14px;
    background            : #fff;
    border                : none;
    -webkit-border-radius : 0px;
    -moz-border-radius    : 0px;
    border-radius         : 0px;
    height                : 34px;
    margin-top            : 4px;
}

.form-stalling-right {
    padding    : 20px;
    background : #fff;
}

.form-stalling-right td, .form-stalling-right th, .form-stalling-right tr, .form-stalling-right span {
    text-align : left;
    color      : #00185f !important;
}

.form-stalling-right th, .form-stalling-right td {
    padding : 5px 0px;
}

.form-stalling-right td.naam {
    padding : 0px 10px;
}

#factuurregels td {
    text-align : right;
}

#factuurregels td.error {
    text-align : left
}

.box-resultaten tr:last-child td.bedrag {
    font-weight : bold;
}

.form-stalling-right td:last-child {
    min-width  : 110px;
    text-align : right;
}

.box-resultaten {
    border-top  : 4px solid #dedede;
    padding-top : 10px;
    margin-top  : 15px;
}

.two-two.light-box {
    padding    : 20px;
    background : #fff;
    width      : calc(100% - 40px) !important;
    margin-top : 20px;
}

.two-two.light-box h4, .two-two.light-box a, .two-two.light-box label, .two-two.light-box span, .two-two.light-box th, .two-two.light-box td, .two-two.light-box #box-resultaten-header, .two-two.light-box p {
    text-align : left;
    color      : #00185f !important;
}

.two-two.light-box .qbutton {
    color : #fff !important;
}

.two-two.light-box h4 {
    margin-bottom : 10px;
}

.two-two.light-box span {
    font-size : 17px;
}

.two-two.light-box p {
    margin-bottom : 0px;
    font-weight   : 700;
}

.buttons-holder-form {
    margin-top : 15px;
}

.gegevens-invullen {
    margin-top    : 20px;
    margin-bottom : 5px;
}

.gegevens-invullen-form .form-control input[type=text], .gegevens-invullen-form .form-control input[type=email] {
    height  : 34px;
    padding : 0px 10px;
    width   : calc(100% - 20px);
    border  : 0px;
}

.gegevens-invullen-form input.number {
    width : calc(100% - 20px);
}

.full-width-box-line {
    display : block;
}

.bevestiging-bericht {
    border  : 1px solid #fff;
    padding : 20px;
}

.flex-this-now {
    display   : flex;
    flex-wrap : wrap;
}

select#verzekeringstype {
    border  : 0px;
    height  : 34px;
    padding : 0px 5px;
}

.width-hunderd {
    width : 100% !important;
}

.box-confirm {
    background : #fff;
    padding    : 20px;
    margin-top : 20px;
}

.box-confirm h2 {
    border-bottom  : 4px solid #dedede;
    padding-bottom : 10px;
    margin-bottom  : 15px;
}

@media only screen and (max-width : 767px) {
    a.print.right.qbutton {
        float      : left;
        margin-top : 20px;
    }

    .two-two.light-box {
        padding : 20px 20px 80px 20px;
    }
}

@media print {
    header nav, footer {
        display : none;
    }

    .form-stalling-right .header img {
        width : 600px;
    }

    .q_elements_holder .q_elements_item {
        width : 600px;
    }

    .form-stalling-right, .two-two.light-box {
        width : 665px !important;
    }

    .wpb_column.vc_column_container.vc_col-sm-6:last-child, .gegevens-invullen, .gegevens-invullen-form, .scroller, .buttons-holder-form, .grecaptcha-badge {
        display : none !important;
    }

    .content_inner {
        margin-top : -190px;
    }

    a#back_to_top {
        display : none !important;
    }
}


/* news styling */

.qode-accordion-holder .qode-accordion-content {
    margin-top    : -20px !important;
    background    : #fff;
    border-bottom : 1px solid #dedede;
}

.qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover {
    background-color : #00205b !important;
}

/* end news styling */

nav.main_menu ul li a span.underline_dash, nav.vertical_menu ul li a span.underline_dash {
    bottom : -40% !important;
}

p {
    letter-spacing : 0.4px !important;
}

.drop_down .narrow .second .inner ul li a {
    padding-left  : 24px !important;
    padding-right : 24px !important;
}

.text-white h1, .text-white h2, .text-white h3, .text-white p {
    color : #fff !important;
}

.content {
    background : #dcdcdc !important;
}

.page_not_found {
    margin-top    : 20% !important;
    margin-bottom : 0px !important;
}

.center-text-margin {
    margin-left  : auto;
    margin-right : auto;
    display      : block;
}

div.wpcf7-response-output.wpcf7-validation-errors {
    background-color : red !important;
    font-family      : 'Eurostilereg', sans-serif;
    text-transform   : none !important;
}

span.wpcf7-not-valid-tip {
    color : red !important;
}

.box-shadow-effect {
    -webkit-box-shadow : 0 4px 30.08px 1.92px rgba(80, 78, 78, .4);
    -moz-box-shadow    : 0 4px 30.08px 1.92px rgba(80, 78, 78, .4);
    box-shadow         : 0 4px 30.08px 1.92px rgba(80, 78, 78, .4);
}

.element_from_bottom.element_from_bottom_on > div {
    -webkit-animation : element-from-bottom 1s 1 ease-out !important;
    -moz-animation    : element-from-bottom 1s 1 ease-out !important;
    -o-animation      : element-from-bottom 1s 1 ease-out !important;
    animation         : element-from-bottom 1s 1 ease-out !important;
}

.element_from_left.element_from_left_on > div {
    -webkit-animation : element-from-left 1s 1 ease-out !important;
    -moz-animation    : element-from-left 1s 1 ease-out !important;
    -o-animation      : element-from-left 1s 1 ease-out !important;
    animation         : element-from-left 1s 1 ease-out !important;
}

.element_from_right.element_from_right_on > div {
    -webkit-animation : element-from-right 1s 1 ease-out !important;
    -moz-animation    : element-from-right 1s 1 ease-out !important;
    -o-animation      : element-from-right 1s 1 ease-out !important;
    animation         : element-from-right 1s 1 ease-out !important;
}

.content {
    max-width    : 100%;
    margin-left  : auto;
    margin-right : auto;
}

.smaller-font p {
    font-size  : 14px !important;
    margin-top : 6px;
}

.smaller-ref-text p {
    font-size : 12px !important;
}

.holder-ref {
    padding            : 20px;
    background-color   : #fff;
    -webkit-box-shadow : 0 4px 30.08px 1.92px rgba(80, 78, 78, .08);
    -moz-box-shadow    : 0 4px 30.08px 1.92px rgba(80, 78, 78, .08);
    box-shadow         : 0 4px 30.08px 1.92px rgba(80, 78, 78, .08);
}

.qode-advanced-image-gallery .qode-aig-grid.qode-aig-two-columns .qode-aig-image, .qode-aig-image.qode-item-space {
    max-width : 120px !important;
}

.qode-advanced-image-gallery .qode-aig-grid .qode-aig-image {
    float : right !important;
}

.map-icon-popup .vc_single_image-wrapper {
    position : relative;
}

.map-icon-popup .vc_single_image-wrapper:before {
    content             : "Routebeschrijving";
    display             : block;
    position            : absolute;
    top                 : 10px;
    left                : 10px;
    background          : #fff;
    z-index             : 100;
    padding             : 10px;
    font-size           : 20px;
    color               : #00205b;
    transition-duration : 0.4s;
}

.map-icon-popup .vc_single_image-wrapper:hover:before {
    background : #00205b;
    color      : #fff;
}

.boot-img img {
    margin-top    : 10px;
    margin-bottom : -15px;
}

/* header changes */

header.centered_logo .header_inner_left {
    margin : 20px 0 20px !important;
}

.q_logo a {
    height : 61px !important;
}

.header_inner_right {
    display : none !important;
}

nav.main_menu.drop_down.center {
    width           : 100%;
    justify-content : center;
    display         : flex;
    background      : #00205b;
}

.header_bottom {
    padding : 0px !important;
}

nav.main_menu > ul > li > a {
    line-height : 40px !important;
}


/* home */

/* slider */

.margin-top-overlap {
    margin-top : -280px;
}

.box-home-holder {
    background          : rgba(255, 255, 255, 0.97);
    padding             : 20px;
    text-align          : center;
    min-height          : 220px;
    display             : flex !important;
    outline             : 0px solid rgba(255, 255, 255, 1);
    border              : 0px;
    transition-duration : 0.4s;
}

.box-home-holder h1, .box-home-holder h2 {
    text-transform : none !important;
    font-weight    : 400 !important;
    font-family    : 'Eurostilebold', sans-serif !important;
    font-size      : 21px;
	letter-spacing: 0px;
}

.box-home-holder h3 {
    text-transform : none !important;
    font-weight    : 400 !important;
    font-family    : 'Eurostilebold', sans-serif !important;
    font-size      : 21px;
	letter-spacing: 0px;
}


.box-home-holder:hover {
    -webkit-box-shadow : 0 4px 30.08px 1.92px rgba(80, 78, 78, 1);
    -moz-box-shadow    : 0 4px 30.08px 1.92px rgba(80, 78, 78, 1);
    box-shadow         : 0 4px 30.08px 1.92px rgba(80, 78, 78, 1);
}

.box-intro-text p {
    font-size   : 14px;
    margin-top  : 16px;
    line-height : 23px;
}

.box-intro-text-end p {
    font-size   : 17px;
    margin-top  : 8px;
    line-height : 26px;
}


.margin-top-overlap .qbutton {
    position        : absolute;
    margin-left     : auto;
    margin-right    : auto;
    left            : 0px;
    right           : 0px;
    max-width       : 60%;
    text-align      : center;
    bottom          : 30px;
    white-space     : pre-wrap !important;
    line-height     : 20px;
    padding-top     : 10px;
    padding-bottom  : 10px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.box-content-holder {
    background : rgba(255, 255, 255, 0.97);
    padding    : 40px 40px 40px 40px;
}

.box-content-holder-height {
    min-height  : 80vh;
    display     : flex;
    align-items : center;
    position    : relative !important;
    box-shadow  : inset 0 4px 30.08px 1.92px rgba(0, 0, 0, 0.1);
}

.right-gray-effect:before {
    content          : "";
    position         : absolute;
    right            : 0px;
    bottom           : 0px;
    height           : 50%;
    width            : 15%;
    background-image : url(/wp-content/themes/bridge-child/assets/images/right-gray.png) !important;
    background-size  : cover;
}

.right-blue-effect:before {
    content          : "";
    position         : absolute;
    right            : 0px;
    bottom           : 0px;
    height           : 50%;
    width            : 15%;
    background-image : url(/wp-content/themes/bridge-child/assets/images/right-blue.png) !important;
    background-size  : cover;
}

/* footer */

.push-logo img {
    margin-top : 20px;
}

.footer_top table td {
    text-align : left !important;
    padding    : 0 !important;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    font-family : 'Eurostilereg', sans-serif;
}

.footer_top input.wpcf7-form-control.wpcf7-submit {
    background : #005e99 !important;
}

.footer_top input.wpcf7-form-control.wpcf7-submit:hover {
    background : #fff !important;
    color      : #00205b !important;
}

.footer_top a {
    text-decoration : underline;
    font-weight     : 400 !important;
}

.footer_top a:hover {
    text-decoration : none;
}

.column1.footer_col1 a {
    font-family     : 'Eurostilereg', sans-serif;
    text-decoration : none;
    font-size       : 17px;
    letter-spacing  : 1px;
}

.footer_bottom {
    text-align : left !important;
}

.footer_bottom a {
    font-weight : 400 !important;
}

.column3.footer_col3 .textwidget {
    padding    : 20px;
    background : #fff;

}

.column3.footer_col3 p {
    margin : 0 !important;
}

.partners-row1 {
    display   : flex;
    flex-wrap : wrap;
}

.partners-row1 a {
    width : 50%;
}

.partners-row1 img {
    margin-left  : auto;
    margin-right : auto;
    display      : flex;
}

.partners-row2 {
    display         : flex;
    justify-content : center;
}

.partners-row3 {
    display   : flex;
    flex-wrap : wrap;
}

.partners-row3 a {
    width : 50%;
}

.partners-row3 img {
    max-width    : 90%;
    margin-left  : auto;
    margin-right : auto;
    display      : flex;
}

.partners-row4 {
    display    : flex;
    flex-wrap  : wrap;
    margin-top : 20px;
}

.partners-row4 div {
    width       : 50%;
    display     : flex;
    flex-wrap   : wrap;
    align-items : center;
}

.partners-row4 div a {
    display : block;
    width   : 100%;
}

.partners-row4 div a:first-of-type {
    margin-bottom : 10px !important;
}

.partners-row4 a {
    width : 50%;
}

.partners-row4 img {
    margin-left  : auto;
    margin-right : auto;
    display      : flex;
}

/* form styling blue box */

.form-padding-box {
    padding    : 20px 20px 30px 20px;
    background : #00205b;
}

.form-padding-box input.wpcf7-form-control.wpcf7-submit {
    background : #abb2be !important;
}

.form-padding-box input.wpcf7-form-control.wpcf7-submit:hover {
    background : #d4d5d7 !important;
}


/* --------- boat overview styling standaard ------------ */

/* widget boat css styling start */

#recent_aanbod .items, .flex-holder-boatlist {
    padding         : 0px;
    display         : -webkit-box;
    display         : -moz-box;
    display         : -ms-flexbox;
    display         : -webkit-flex;
    display         : flex;
    flex-wrap       : wrap;
    margin          : -15px;
    justify-content : center;
}

/* overview styling css start */

.max-width-boatlist {
    max-width    : 1200px;
    margin-left  : auto;
    margin-right : auto;
}

#yacht_list {
    background : #dcdcdc;
    padding    : 20px 0px 50px 0px;
}

/* search box */

.clmn-33 {
    width : 33.33%;
    float : left;
}

.clmn-33:first-of-type {
    width        : calc(33.33% - 10px);
    margin-right : 10px;
}

.clmn-33:nth-child(2) {
    width        : calc(33.33% - 10px);
    margin-left  : 10px;
    margin-right : 0px;
}

.clmn-33:last-of-type {
    width       : calc(33.33% - 20px);
    margin-left : 20px;
}

.full-input-width input {
    width : calc(100% - 30px) !important;
}

.label-50 input:first-of-type {
    width        : calc(50% - 30px) !important;
    margin-right : 5px !important;
}

.label-50 input:last-of-type {
    width        : calc(50% - 32px) !important;
    margin-right : 0px !important;
    margin-left  : 5px !important;
}

.push-top-space {
    margin-top : 20px;
}

#yf_sorting {
    margin-top    : 25px;
    margin-bottom : 20px;
}

#yf_sorting .yf_sort_button {
    position : relative;
    z-index  : 101
}

#yf_sorting .yf_sort_button {
    -webkit-appearance  : none;
    -moz-appearance     : none;
    padding             : 0 50px 0 10px;
    line-height         : 40px;
    height              : 40px;
    width               : calc(100% - 60px);
    border              : 1px solid #e8e6e3;
    background          : url(/wp-content/themes/bridge-child/assets/arrow-bottom.svg) no-repeat #fff;
    background-size     : 12px 12px;
    background-position : right 10px top 50%;
    cursor              : pointer;
    font-family         : 'Eurostilebold', sans-serif;
    font-size           : 13px;
}

#yf_sorting .yf_sort_button:hover ul {
    left   : 0;
    border : 1px solid #e8e6e3;
}

#yf_sorting ul {
    margin       : 0px 0px 0px -1px !important;
    padding-left : 0;
    width        : 100%;
    background   : #fff !important;
}

#yf_sorting ul li {
    transition-duration : 0.4s;
}

#yf_sorting ul li:hover {
    background : #dcdcdc;
}

.clmn-75.yf-search-fields {
    width        : calc(75% - 45px) !important;
    padding-left : 45px;
    display      : inline-flex;
    flex-wrap    : wrap;
}

#yf_main_search select {
    -webkit-appearance  : none;
    -moz-appearance     : none;
    padding             : 0 40px 0 20px;
    line-height         : 46px;
    height              : 46px;
    width               : 100%;
    border              : 1px solid #e8e6e3;
    background          : url(/wp-content/themes/bridge-child/assets/arrow-bottom.svg) no-repeat #fff;
    background-size     : 12px 12px;
    background-position : right 10px top 50%;
    cursor              : pointer;
}

#yf_main_search input {
    -webkit-appearance : none;
    -moz-appearance    : none;
    padding            : 0 10px 0 10px;
    line-height        : 46px;
    height             : 46px;
    border             : 1px solid #e8e6e3;
    background-size    : 12px 12px;
    width              : calc(50% - 40px);
    float              : left;
    margin-right       : 10px;
}

.yf-label {
    font-weight    : 700;
    color          : #033677;
    margin-bottom  : 4px;
    text-transform : uppercase;
    letter-spacing : 1px;
}

.yf-search-holder {

}


input.yf-zoeken-btn {
    background          : #00205b;
    width               : 50% !important;
    margin-top          : 30px;
    color               : #fff;
    cursor              : pointer;
    transition-duration : 0.4s !important;
    margin-right        : 0px !important;
    font-family         : 'Eurostilereg', sans-serif;
    font-size           : 13px;
    font-style          : normal;
    font-weight         : 700;
    letter-spacing      : 3px;
    text-transform      : uppercase;
}

input.yf-zoeken-btn:hover, input.yf-reset-btn:hover {
    background : #005e99;
}

input.yf-reset-btn {
    border              : 0px !important;
    cursor              : pointer;
    color               : #fff;
    width               : calc(50% - 10px) !important;
    background          : #d6d5d4;
    margin-left         : 10px !important;
    margin-right        : 0px !important;
    margin-top          : 30px;
    font-family         : 'Eurostilereg', sans-serif;
    font-size           : 13px;
    font-style          : normal;
    font-weight         : 700;
    letter-spacing      : 3px;
    text-transform      : uppercase;
    transition-duration : 0.4s;
}

/* common overview styling */

.one_yacht, .ra_yacht {
    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;
    -webkit-box-shadow  : 0 4px 30.08px 1.92px rgba(80, 78, 78, .08);
    -moz-box-shadow     : 0 4px 30.08px 1.92px rgba(80, 78, 78, .08);
    box-shadow          : 0 4px 30.08px 1.92px rgba(80, 78, 78, .08);
}

.one_yacht:hover, .ra_yacht:hover {
    -webkit-box-shadow : 0 4px 30.08px 1.92px rgba(80, 78, 78, .2);
    -moz-box-shadow    : 0 4px 30.08px 1.92px rgba(80, 78, 78, .2);
    box-shadow         : 0 4px 30.08px 1.92px rgba(80, 78, 78, .2);
}

.one_yacht .ra_foto_holder, .ra_yacht .ra_foto_holder {
    transition-duration : 0.4s;
    margin-bottom       : -8px;
}

.one_yacht:hover .ra_foto_holder, .ra_yacht:hover .ra_foto_holder {
    opacity : 0.8;
}

.yf-holder-info {
    padding     : 14px 20px 14px 20px;
    background  : #fff;
    width       : calc(100% - 40px);
    font-size   : 15px;
    line-height : 27px;
}

h3.yf-model, h3.yf-model a {
    white-space    : nowrap;
    text-overflow  : ellipsis;
    overflow       : hidden;
    font-size      : 21px;
    font-weight    : 400;
    text-transform : none;
    margin-bottom  : 10px;
    font-family    : 'Eurostilebold', sans-serif;
    letter-spacing : 0px;
}

.yf-prijs {
    font-size      : 21px;
    font-weight    : 400;
    text-transform : none;
    margin-top     : 12px;
    color          : #00205b;
    font-family    : 'Eurostilebold', sans-serif;
    line-height    : 40px;
    font-style     : normal;
    letter-spacing : 3px;
}

.yf-specs-full-width {
    white-space   : nowrap;
    text-overflow : ellipsis;
    overflow      : hidden;
    font-size     : 17px;
}

/* ===========================
    labels boten            ==
=========================== */

.ra_yacht a, .one_yacht a {
    position : relative;
}

.yf_yacht_offerasked:before, .yf_yacht_exclusive:before, .yf_yacht_newforsale:before, .yf_yacht_underoffer:before, .yf_yacht_pricenegotiable:before, .yf_price_reduced:before, .yf_yacht_sold:before {
    position       : absolute;
    color          : #fff;
    padding        : 3px 20px 3px 20px;
    font-size      : 13px;
    margin-top     : 18px;
    left           : 0;
    content        : attr(data-status);
    z-index        : 99;
    font-weight    : 400;
    background     : #00205b;
    letter-spacing : 1px;
}

/* --------------- boat detail page ---------- */

.flex-boat-detail {
    display      : flex;
    flex-wrap    : wrap;
    max-width    : 2200px;
    margin-left  : auto;
    margin-right : auto;
}

.limit-boat-width {
    max-width    : 1200px;
    margin-left  : auto;
    margin-right : auto;
}

.boat-header {
    margin-top    : 10px;
    margin-bottom : 10px;
}

.boat-name {
    width         : calc(65% - 20px);
    padding-right : 20px;
}

.boat-name h1 {
    font-size      : 28px;
    font-weight    : 700;
    text-transform : none;
    margin-bottom  : 10px;
    font-family    : 'Eurostilebold', sans-serif;
    letter-spacing : 0px;
}

.price-of-boat {
    text-align   : right;
    width        : calc(35% - 20px);
    padding-left : 20px;
}

.price-of-boat h2 {
    font-size   : 29px !important;
    line-height : 44px !important;
}


/* gallery */

#yacht_image_slider, .galleria-container {
    min-height : 600px !important;
    max-height : 600px !important;
}

.galleria-container.fullscreen {
    min-height : 600px !important;
    max-height : 100% !important;
}

.galleria-container:not(.fullscreen) .galleria-image img {
    width           : 100% !important;
    height          : auto !important;
    image-rendering : unset !important;
    left            : 0 !important;
}

.galleria-stage:not(.fullscreen) {
    left  : 0px;
    right : 0px;
    top   : -11px;
}

.galleria-thumbnails .galleria-image {
    border : 0px !important;
}

.galleria-counter {
    bottom      : 10px;
    left        : 10px;
    opacity     : 1 !important;
    font-size   : 14px;
    text-shadow : 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.galleria-fullscreenbutton {
    position : absolute;
    right    : 10px;
    bottom   : 10px;
    height   : 40px;
}

.galleria-fullscreenbutton:hover, .galleria-container.fullscreen .galleria-fullscreenbutton:hover {
    background-image : url(/wp-content/themes/bridge-child/assets/images/fullscreen_on.png);
    background-color : transparent;
    opacity          : 0.5;
}

.galleria-fullscreenbutton, .galleria-container.fullscreen .galleria-fullscreenbutton {
    background-image : url(/wp-content/themes/bridge-child/assets/images/fullscreen_on.png);
}

.galleria-fullscreenbutton {
    z-index : 20 !important;
}

.galleria-carousel .galleria-thumb-nav-left, .galleria-carousel .galleria-thumb-nav-right {
    background-color : #00205b;
}

/* boot beschrijving */

.boat-desc {
    margin-top : 30px;
}

.lange-oms-yf {
    margin-bottom  : 30px;
    border-bottom  : 1px solid #e9e9e9;
    padding-bottom : 20px;
}

.lange-oms-yf h3 {
    text-transform : none !important;
    font-size      : 28px;
    font-weight    : 700;
    margin-bottom  : 10px;
    font-family    : 'Eurostilebold', sans-serif;
    letter-spacing : 0px;
}

.videoWrapper {
    margin-top     : 20px;
    margin-bottom  : 20px;
    max-width      : 1200px;
    margin-left    : auto;
    margin-right   : auto;
    padding-bottom : 39%;
}

.panorama {
    width         : 100%;
    height        : 600px;
    max-width     : 1200px;
    margin-left   : auto;
    margin-right  : auto;
    margin-top    : 20px;
    margin-bottom : 20px;
}

.boat-specs-holder-detail {
    width      : calc(100% - 60px);
    background : #dcdcdc;
    padding    : 20px 30px;
}

.specs_wrap {
    margin-bottom  : 30px;
    border-bottom  : 1px solid #e9e9e9;
    padding-bottom : 20px;
}

.specs_wrap:last-of-type {
    border-bottom : 0px;
    margin-bottom : 0px;
}

#specs h3 {
    margin-bottom  : 15px !important;
    text-transform : none !important;
}

.rowbg {
    display       : flex;
    margin-bottom : 4px;
}

.spec_label {
    display        : inline-block;
    width          : 38%;
    font-weight    : 700;
    text-transform : none;
    color          : #001c61;
    letter-spacing : 1px;
    font-family    : 'Eurostilereg', sans-serif;
    font-size      : 17px;
}

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

.spec_value img {
    width        : 16px;
    height       : 15px;
    margin-right : 5px;
}

.spec_value p {
    margin : 0 !important;
}

.boat-sidebar-holder {
    width       : calc(35% - 40px);
    margin-left : 40px;
}

.boat-spec-holder-bg {
    width         : calc(100% - 40px);
    padding       : 20px;
    background    : #dcdcdc;
    outline       : 1px solid #eee;
    margin-bottom : 20px;
}

.boat-sidebar-holder h1 {
    margin-bottom : 10px;
}

.boat-spec-holder-bg h4 {
    font-size      : 20px;
    color          : #001c61;
    margin-bottom  : 10px;
    text-transform : uppercase;
    font-weight    : 700;
}

.boat-spec-holder-bg h2 {
    color          : #0a0a0a;
    font-size      : 17px;
    line-height    : 24px;
    margin-top     : 0px;
    margin-bottom  : 15px;
    font-family    : 'Eurostilereg', sans-serif;
    font-weight    : 400;
    letter-spacing : 0px;
}

span.spec-label {
    font-weight    : 700;
    text-transform : none;
    color          : #001c61;
    letter-spacing : 1px;
    font-family    : 'Eurostilereg', sans-serif;
}

.specs-holder p {
    margin-top : 0px !important;
}

.btn-holder a {
    background          : #00205b;
    color               : #fff;
    width               : calc(100% - 45px);
    display             : block;
    margin-bottom       : 5px;
    padding             : 10px 0px 10px 45px;
    text-align          : left;
    font-family         : 'Eurostilereg', sans-serif;
    font-size           : 12px;
    font-style          : normal;
    font-weight         : 700;
    letter-spacing      : 3px;
    text-transform      : uppercase;
    transition-duration : 0.4s;
}

.btn-holder a:hover {
    background : #005e99;
    color      : #fff;
}

.btn-holder a:before {
    font-size   : 20px;
    position    : absolute;
    display     : inline-block;
    font-family : FontAwesome;
    color       : #fff;
    margin-left : -30px;
    font-weight : 300;
}

.btn-holder a.button_mail:before {
    content : "";
}

.btn-holder a.button_print:before {
    content : "";
}

.btn-holder a.button_share:before {
    content : "";
}

.btn-holder a.button_sendtofriend:before {
    content : "";
}

/* contact and docs */

.border-top-sepa {
    border-top     : 1px solid #e9e9e9;
    margin-top     : 40px;
    padding-top    : 40px;
    padding-bottom : 40px;
    border-bottom  : 1px solid #e9e9e9;
}

/* form */

.yf-contact-holder h3 {
    text-align : center;
    color      : #fff;
}

.yf-contact-holder {
    margin-top     : 20px;
    padding-top    : 30px;
    padding-bottom : 30px;
    background     : #83c9f3 !important;
    color          : #fff;
}


.form-holder {
    max-width    : 550px;
    margin-left  : auto;
    margin-right : auto;
}

/* form styling */

#yfcontactform {
    padding      : 0px;
    max-width    : 600px;
    margin-left  : auto;
    margin-right : auto;
}

#yfcontactform table td {
    padding : 5px 0px;
}

#yfcontactform h4 {
    text-align     : center;
    font-size      : 15px;
    line-height    : 30px;
    font-family    : 'Eurostilereg', sans-serif;
    letter-spacing : 0px;
}

#yfcontactform table td, #sendtofriendform table td {
    text-align  : left;
    font-family : 'Eurostilereg', sans-serif;
}

#yfcontactform table td input, #sendtofriendform table td input {
    background  : #dcdcdc;
    border      : none;
    padding     : 12px 10px 12px 10px;
    font-family : 'Eurostilereg', sans-serif;
    font-size   : 14px;
    width       : calc(100% - 20px);
}

#yfcontactform table td textarea, #sendtofriendform table td textarea {
    background  : #dcdcdc;
    border      : none;
    padding     : 12px 10px 12px 10px;
    width       : calc(100% - 20px);
    font-family : 'Eurostilereg', sans-serif;
    font-size   : 14px;
}

#yfcontactform table td input#yfsubmitbutton, #sendtofriendform table td input#yfsubmitbutton {
    background          : #00205b;
    color               : #fff;
    width               : 100%;
    display             : block;
    margin-bottom       : 5px;
    padding             : 10px 20px 10px 20px;
    font-family         : 'Eurostilereg', sans-serif !important;
    font-size           : 14px;
    font-style          : normal;
    font-weight         : 700;
    letter-spacing      : 3px;
    text-transform      : uppercase;
    transition-duration : 0.4s;
    text-align          : center;
    line-height         : 30px;
}

#yfcontactform table td input#yfsubmitbutton:hover, #sendtofriendform table td input#yfsubmitbutton:hover {
    background : #005e99;
    cursor     : pointer;
}

.alert-danger li {
    color : red;
}

/* pop-up */

.mfp-content {
    max-width  : 430px;
    background : #fff;
    padding    : 20px;
}

.mfp-content #yfcontactform table tr:first-child td, .mfp-content #sendtofriendform table tr:first-child td {
    background : transparent;
    padding    : 10px 10px 10px 15px;
}


.mfp-content #sendtofriendform table tr:first-child td h4 {
    text-align : center;
}

.mfp-content #yfcontactform table td input#yfsubmitbutton, .mfp-content #sendtofriendform table td input#yfsubmitbutton {
    width : 102%;
}

.mfp-content #yfcontactform, .mfp-content #sendtofriendform {
    justify-content : center;
}

/* pop up email form styling - doorsturen */

#yfcontactform table td, #sendtofriendform table td {
    text-align     : left;
    vertical-align : middle;
}

input#mce-EMAIL {
    width              : 100%;
    display            : block;
    margin             : 5px 0 0;
    padding            : 15px;
    border-radius      : 0;
    outline            : 0;
    resize             : none;
    font-size          : 14px;
    line-height        : 17px;
    color              : #818181;
    font-weight        : 400;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    -webkit-appearance : none;
    background         : transparent;
    color              : #fff;
    border             : 1px solid #818181;
    font-family        : 'Eurostilereg', sans-serif;
}

input#mce-FNAME, input#mce-LNAME {
    width              : 49%;
    display            : block;
    margin             : 5px 0 0;
    padding            : 15px;
    border-radius      : 0;
    outline            : 0;
    resize             : none;
    font-size          : 14px;
    line-height        : 17px;
    color              : #818181;
    font-weight        : 400;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    -webkit-appearance : none;
    background         : transparent;
    color              : #fff;
    border             : 1px solid #818181;
    font-family        : 'Eurostilereg', sans-serif;
    float              : left;
    margin-top         : 12px;
}

input#mce-FNAME {
    margin-right : 2%;
}


input#mc-embedded-subscribe {
    color              : #ffffff;
    font-style         : normal;
    background-color   : #41ba7c !important;
    border-width       : 0px;
    position           : relative;
    display            : inline-block;
    width              : auto;
    height             : 39px;
    line-height        : 36px;
    font-family        : 'Eurostilereg', sans-serif;
    padding            : 0 23px;
    font-size          : 13px;
    font-weight        : 700;
    text-align         : left;
    text-decoration    : none;
    cursor             : pointer;
    white-space        : nowrap;
    outline            : 0;
    text-transform     : uppercase;
    letter-spacing     : 1px;
    text-shadow        : none;
    background-color   : transparent;
    -webkit-transition : all .1s linear;
    -moz-transition    : all .1s linear;
    -ms-transition     : all .1s linear;
    -o-transition      : all .1s linear;
    transition         : all .1s linear;
    -webkit-box-sizing : initial;
    -moz-box-sizing    : initial;
    box-sizing         : initial;
    margin-top         : 15px;
}


input#mc-embedded-subscribe:hover {
    background : #4a4a4a !important;
}

.yf-flex-center {
    display         : flex;
    justify-content : center;
}

#yfcontactform table {
    width : 100%;
}

.request-holder h3 {
    font-size      : 20px;
    color          : #001c61;
    margin-bottom  : 10px;
    text-transform : uppercase;
    font-weight    : 700;
    text-align     : center;
    margin-bottom  : 0px;
}

.form-holder-info {
    margin-bottom : 40px;
}

/* back button bottom */

.last-button-back {
    text-align : center;
}

/* voorgestelde boten */

.voorgestelde-boten {
    background : #dcdcdc;
}

h3.voorgestelde-boten-titel {
    text-align    : center;
    margin-bottom : 20px;
    margin-top    : 40px;
}


.voorgestelde-boten #recent_aanbod {
    margin-bottom : 50px;
}


/* responsive */

@media only screen and (min-width : 1201px) {
    .column3.footer_col3 .textwidget p:last-child {
        position : absolute;
        right    : 30px;
        top      : 180px;
    }
}



@media only screen and (min-width : 1201px) and (max-width : 1299px) {
    ul#menu-main-menu {
        max-width : 1200px;
    }
    .margin-top-overlap .qbutton {
        max-width : 60%;
    }
}

@media only screen and (min-width : 1001px) and (max-width : 1200px) {
    ul#menu-main-menu {
        max-width : 1100px;
    }

    nav.main_menu > ul > li > a {
        padding        : 0 13px !important;
        font-size      : 18px !important;
        letter-spacing : 1px !important;
    }

    .margin-top-overlap .qbutton {
        max-width : 60%;
    }

    #yacht_list {
        padding : 20px 25px 50px 25px;
    }

    .limit-boat-width {
        padding : 0px 25px;
    }

    .boat-sidebar-holder {
        width       : calc(35% - 25px);
        margin-left : 20px;
    }
}

@media only screen and (min-width : 1001px) and (max-width : 1150px) {
    header.centered_logo .q_logo img {
        max-height : 50px !important;
        margin-top : 7px !important;
    }
}

@media only screen and (min-width : 1001px) and (max-width : 1200px) {
    nav.main_menu > ul > li > a {
        padding        : 0 11px !important;
        font-size      : 16px !important;
        letter-spacing : 1px !important;
    }
}

@media only screen and (min-width : 1201px) and (max-width : 1230px) {
    #yacht_list {
        padding : 20px 15px 50px 15px;
    }

    .limit-boat-width {
        padding : 0px 15px;
    }

    .boat-sidebar-holder {
        width       : calc(35% - 25px);
        margin-left : 20px;
    }
}

@media only screen and (min-width : 1001px) and (max-width : 1299px) {
    .box-home-holder {
        min-height : 220px;
    }

    .box-home-holder h1, .box-home-holder h2, .box-home-holder h3 {
        font-size : 21px;
    }
}

@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
    .header-right-from-logo-widget {
        display : block !important;
    }

    .header-right-from-logo-widget-inner {
        margin-top : -22px;
    }

    .q_logo a {
        height : 41px !important;
    }

    .mobile_menu_button {
        margin : 0 20px 0 20px !important;
    }

    .vc_col-sm-4 {
        width         : 80% !important;
        margin-bottom : 20px;
    }

    .vc_col-sm-3 {
        width         : 80% !important;
        margin-bottom : 20px;
    }

    .margin-top-overlap {
        margin-top : -100%;
    }

    .margin-top-overlap .section_inner_margin {
        display         : flex;
        flex-wrap       : wrap;
        justify-content : center;
    }

    .one_yacht, .ra_yacht {
        max-width : calc(50% - 30px);
    }

    .vc_col-sm-6 {
        width : 100% !important;
    }

    .vc_col-sm-6:first-of-type {
        margin-bottom : 20px;
    }

    nav.mobile_menu {
        background : #00205b !important;
    }

    .three_columns > .column1, .three_columns > .column2 {
        width : 50% !important;
    }

    .three_columns > .column3 {
        width      : 100% !important;
        margin-top : 20px;
    }

    .three_columns > .column3 > .column_inner {
        padding : 0 !important;
    }

    .footer_top .three_columns .column3 .column_inner > div {
        margin : 0 !important;
    }

    #yacht_list {
        padding : 20px 25px 50px 25px;
    }

    .limit-boat-width {
        padding : 0px 25px;
    }

    .boat-sidebar-holder {
        width       : calc(35% - 25px);
        margin-left : 20px;
    }

    .zevenhun-width-grid .section_inner {
        width : 720px !important;
    }

    .boat_detail_page .clmn-65 {
        width : 100%;
    }

    .boat-sidebar-holder {
        width       : 100%;
        margin-left : 0px;
    }

    .main-boat-holder {
        display   : flex;
        flex-wrap : wrap;
    }

    .flex-holder-ipad {
        display : flex !important;
    }

}


@media only screen
and (max-width : 767px) {
    .header-right-from-logo-widget {
        display : block !important;
    }

    .header-right-from-logo-widget-inner {
        margin-top   : -10px;
        margin-right : -50px;
    }

    header .q_logo img.mobile {
        margin-top : 7px !important;
    }

    .box-home-holder {
        margin-bottom : 10px;
    }

    .q_logo a {
        height : 17px !important;
    }

    header.centered_logo .logo_wrapper {
        margin-top : -17px;
    }

    header.centered_logo .header_inner_left {
        margin : 0px 0 0px !important;
    }

    .mobile_menu_button {
        height : 70px !important;
    }

    .mobile_menu_button {
        margin : 0 20px 0 20px !important;
    }

    .vc_col-sm-4 {
        width         : 100% !important;
        margin-bottom : 20px;
    }

    .margin-top-overlap {
        margin-top : -230%;
    }

    .margin-top-overlap .qbutton {
        max-width : 70%;
    }

    .margin-top-overlap .section_inner_margin {
        display         : flex;
        flex-wrap       : wrap;
        justify-content : center;
    }

    .one_yacht, .ra_yacht {
        max-width : 100%;
    }

    .vc_col-sm-6 {
        width : 100% !important;
    }

    .vc_col-sm-6:first-of-type {
        margin-bottom : 20px;
    }

    nav.mobile_menu {
        background : #00205b !important;
        padding    : 0px 20px;
        width      : calc(100% - 40px) !important;
    }

    .three_columns > .column1, .three_columns > .column2 {
        width         : 100% !important;
        margin-bottom : 20px !important;
    }

    .three_columns > .column3 {
        width      : 100% !important;
        margin-top : 0px;
    }

    .three_columns > .column3 > .column_inner {
        padding : 0 !important;
    }

    .footer_top .three_columns .column3 .column_inner > div {
        margin : 0 !important;
    }

    #yacht_list {
        padding : 20px 25px 50px 25px;
    }

    .limit-boat-width {
        padding : 0px 25px;
    }

    .boat-sidebar-holder {
        width       : calc(35% - 25px);
        margin-left : 20px;
    }

    .zevenhun-width-grid .section_inner {
        width : 300px !important;
    }

    .boat_detail_page .clmn-65 {
        width : 100%;
    }

    .boat-sidebar-holder {
        width       : 100%;
        margin-left : 0px;
    }

    .main-boat-holder {
        display   : flex;
        flex-wrap : wrap;
    }

    .clmn-33 {
        width  : 100% !important;
        float  : left;
        margin : 0px 0px 10px 0px !important;
    }

    .push-top-space {
        margin-top : 0px;
    }

    .full-input-width input {
        width : calc(100% - 20px) !important;
    }

    .label-50 input:first-of-type {
        width        : calc(50% - 25px) !important;
        margin-right : 5px !important;
    }

    .label-50 input:last-of-type {
        width        : calc(50% - 29px) !important;
        margin-right : 0px !important;
        margin-left  : 5px !important;
    }

    input.yf-zoeken-btn, input.yf-reset-btn {
        margin-top : 10px;
    }

    #yacht_image_slider, .galleria-container {
        min-height : 400px !important;
        max-height : 400px !important;
    }

    .spec_label {
        width : 100%;
    }

    .spec_value {
        width : 100%;
    }

    .rowbg {
        margin-bottom : 14px;
        flex-wrap     : wrap;
    }

}

@media only screen and (min-width : 480px) and (max-width : 767px) {
    .margin-top-overlap {
        margin-top : -110%;
    }
}


@media only screen
and (min-width : 768px)
and (max-width : 1000px)
and (orientation : landscape) {
    .q_logo a {
        height : 41px !important;
    }

    .mobile_menu_button {
        margin : 0 20px 0 20px !important;
    }

    .vc_col-sm-4 {
        width         : 80% !important;
        margin-bottom : 20px;
    }

    .margin-top-overlap {
        margin-top : -100%;
    }

    .margin-top-overlap .section_inner_margin {
        display         : flex;
        flex-wrap       : wrap;
        justify-content : center;
    }

    .one_yacht, .ra_yacht {
        max-width : calc(50% - 30px);
    }

    .vc_col-sm-6 {
        width : 100% !important;
    }

    .vc_col-sm-6:first-of-type {
        margin-bottom : 20px;
    }

    nav.mobile_menu {
        background : #00205b !important;
    }

    .three_columns > .column1, .three_columns > .column2 {
        width : 50% !important;
    }

    .three_columns > .column3 {
        width      : 100% !important;
        margin-top : 20px;
    }

    .three_columns > .column3 > .column_inner {
        padding : 0 !important;
    }

    .footer_top .three_columns .column3 .column_inner > div {
        margin : 0 !important;
    }

    #yacht_list {
        padding : 20px 25px 50px 25px;
    }

    .limit-boat-width {
        padding : 0px 25px;
    }

    .boat-sidebar-holder {
        width       : calc(35% - 25px);
        margin-left : 20px;
    }

    .zevenhun-width-grid .section_inner {
        width : 720px !important;
    }

    .boat_detail_page .clmn-65 {
        width : 100%;
    }

    .boat-sidebar-holder {
        width       : 100%;
        margin-left : 0px;
    }

    .main-boat-holder {
        display   : flex;
        flex-wrap : wrap;
    }
}

@media only screen
and (min-width : 778px)
and (max-width : 1000px) {
    .margin-top-overlap {
        margin-top : -10% !important;
    }
}

@media only screen
and (max-width : 767px) {
    .qode-advanced-image-gallery .qode-aig-grid .qode-aig-image {
        float : left !important;
    }

    .qode-advanced-image-gallery {
        margin-top : 20px;
    }
}

@-moz-document url-prefix() {
    .ra_yacht a, .one_yacht a, .one_yacht .ra_foto_holder, .ra_yacht .ra_foto_holder {
        position : relative !important;
    }
    .ra_yacht a, .one_yacht a {
        display : block;
    }
    .yf_yacht_offerasked:before, .yf_yacht_exclusive:before, .yf_yacht_newforsale:before, .yf_yacht_underoffer:before, .yf_yacht_pricenegotiable:before, .yf_price_reduced:before, .yf_yacht_sold:before {
        position : relative;
        display  : block;
    }
    .yf_yacht_offerasked, .yf_yacht_exclusive, .yf_yacht_newforsale, .yf_yacht_underoffer, .yf_yacht_pricenegotiable, .yf_price_reduced, .yf_yacht_sold {
        position : absolute;
    }
    .ra_foto {
        position : relative;
    }
    h3.yf-model, h3.yf-model a {
        margin-bottom : 5px !important;
    }
}

#buitenstalling-minimum-price span, #binnenstalling-minimum-price span {
    color: red !important;
}