/*
 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
*/


span.yf_yacht_sold:before {
    text-transform : none;
}

.blog_holder.blog_single article h2 {
    margin-bottom : 20px !important;
}

.spec-holder em u {
    margin-top : 15px !important;
    display    : block;
}

.spec-holder u em {
    margin-top : 15px !important;
    display    : block;
}

/* tijdelijke */

.more-shadow {
    text-shadow : 2px 3px 3px rgba(0, 0, 0, 1) !important;
}

.page-id-227 .qode_content_slider .qode_content_slider_inner {
    padding-left : 0px !important;
}

.wpml-ls-legacy-list-horizontal {
    padding : 0 !important;
}

.side_menu_button {
    height : 0 !important;
}

/* 360 foto icon before */

.panorama:before {
    display             : block;
    background-color    : rgba(255, 255, 255, 0.40);
    content             : "";
    z-index             : 20;
    width               : 100%;
    height              : 100%;
    position            : absolute;
    background-image    : url(/wp-content/themes/bridge-child/images/360-degrees.svg);
    background-repeat   : no-repeat;
    background-size     : 200px 200px;
    background-position : center;
    opacity             : 1;
    transition-duration : 0.6s;
}

.panorama:hover:before {
    display        : block;
    opacity        : 0;
    pointer-events : none;
}

.panorama.driezes:before {
    display : none !important;
}

/* ------ General styling ------ */

.who-else-text:before {
    content         : "";
    background      : url(/wp-content/themes/bridge-child/images/who-else.jpg) no-repeat right center;
    width           : 200px;
    height          : 46px;
    background-size : 200px 46px;
    position        : absolute;
    right           : 6%;
    transform       : rotate(10deg);
    top             : 10px;
}


.margin-top-block {
    margin-top : 20px;
}

.margin-top-contact-skype {
    margin-top : 54px;
}

h4 {
    margin-bottom : 10px !important;
}

.page_not_found {
    padding-top : 40px;
}

.q_elements_holder {
    width : 101% !important;
}

.container, .content, .full_width {
    z-index : 101 !important;
}

.wrapper {
    background : #f5f5f5 !important;
}

.wrapper_inner {
    max-width    : 2200px;
    margin-left  : auto;
    margin-right : auto;
}

.content p {
    margin-bottom : 10px;
}

.header_top {
    height      : 40px !important;
    line-height : 38px !important;
    background  : #0e8ede !important;
    background  : -webkit-gradient(left top, right top, color-stop(0, #0e8ede), color-stop(100%, #012e77)) !important;
    background  : linear-gradient(90deg, #0e8ede 0, #012e77) !important;
    filter      : progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e8ede", endColorstr="#012e77", GradientType=1) !important;
}

.header_top p {
    line-height : 38px !important;
    font-size   : 13px;
    color       : #fff;
}

.header_top p span {
    margin-left : 60px;
}

span.header-email:before {
    content     : "";
    position    : absolute;
    font-size   : 13px;
    font-family : FontAwesome;
    margin-left : -20px;
}

span.header-telefoon:before {
    content     : "";
    position    : absolute;
    font-size   : 13px;
    font-family : FontAwesome;
    margin-left : -20px;
}

.q_logo a {
    margin-top : 30px;
    min-height : 100px;
}

.q_logo img {
    background-color : #fff;
    border-left      : 15px solid #fff;
    border-right     : 15px solid #fff;
    border-bottom    : 5px solid #fff;
}

nav.main_menu > ul > li:not(:first-child):before {
    content      : '' !important;
    color        : #9e9e9e;
    font-size    : 35px !important;
    border-right : 1px solid #e8e8e8;
    top          : 8px;
    left         : 0px !important;
}


.inleiding-text p {
    font-size   : 17px !important;
    color       : #252a57;
    line-height : 30px;
    margin-top  : 10px;
}

.photo-cover-flex .full_section_inner {
    display : flex;
}

.photo-cover-flex .section_inner {
    display : flex;
}

.photo-cover-flex .section_inner .vc_col-has-fill {
    height : 100%;
}

.disable_negative_margin.photo-cover-flex .section_inner .section_inner_margin {
    margin-left  : 0px !important;
    margin-right : 0px !important;
}

.photo-cover-flex .vc_col-has-fill .vc_column-inner {
    height : 100%;
}

.blue-holder {
    background : #012e77 !important;
}

.blue-holder p {
    color : #fff;
}

.blue-holder h3 {
    color         : #fff !important;
    margin-bottom : 10px;
}

h1.white-title-yf {
    color         : #fff !important;
    margin-top    : 80px !important;
    margin-bottom : 80px !important;
    display       : block;
    text-shadow   : 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.blog_holder article .post_info {
    display : none !important;
}

p.q_masonry_blog_excerpt {
    display : none !important;
}

.q_masonry_blog article img {
    opacity             : 1;
    transition-duration : 0.2s;
}

.q_masonry_blog article:hover img {
    opacity : 0.3;
}

.margin-top-contact {
    margin-top : 40px;
}

/* button v2 */

.qode-btn.qode-btn-solid {
    background-color : transparent !important;
    border           : 1px solid #fff !important;
    color            : #fff !important;
    margin-top       : 20px !important;
    font-weight      : 500;
    text-transform   : uppercase;
}

.qode-btn.qode-btn-solid:hover {
    background-color : #fff !important;
    border           : 1px solid #fff !important;
    color            : #012e77 !important;
}


/* home boxes */

.qode-banner .qode-banner-content {
    background-color : rgba(0, 0, 0, 0.4) !important;
}

.qode-banner .qode-banner-image img {
    min-width : 100%;
}

.qode-banner:hover .qode-banner-content {
    opacity          : 1 !important;
    background-color : rgba(0, 0, 0, 0.2) !important;
}

.qode-banner .qode-banner-image {
    transition-duration : 0.4s;
    transform           : scale(1.05);
}

.qode-banner:hover .qode-banner-image {
    transform : scale(1.1);
}

.qode-banner .qode-banner-content .qode-banner-text-holder p {
    font-size   : 17px;
    line-height : 34px;
    margin-top  : 3px;
}

.qode-banner-content {
    border-right : 1px solid #fff;
}

.qode-banner-text-holder {
    text-shadow : 2px 2px 3px rgba(0, 0, 0, 0.5);
}

/* ------ footer styling ------ */

.footer_bottom p {
    font-size   : 12px;
    line-height : 22px;
}

.footer_top_holder {
    background : #012e77 !important;
}

span.adres-icon, span.email-icon, span.phone-icon, span.skype-icon, span.fax-icon {
    margin-left   : 20px;
    display       : block;
    margin-bottom : 15px;
}

span.fax-icon:before {
    content     : "";
    position    : absolute;
    font-size   : 13px;
    font-family : FontAwesome;
    margin-left : -20px;
}

span.adres-icon:before {
    content     : "";
    position    : absolute;
    font-size   : 13px;
    font-family : FontAwesome;
    margin-left : -20px;
}

span.email-icon:before {
    content     : "";
    position    : absolute;
    font-size   : 13px;
    font-family : FontAwesome;
    margin-left : -20px;
}

span.phone-icon:before {
    content     : "";
    position    : absolute;
    font-size   : 13px;
    font-family : FontAwesome;
    margin-left : -20px;
}

span.skype-icon:before {
    content     : "";
    position    : absolute;
    font-size   : 13px;
    font-family : FontAwesome;
    margin-left : -20px;
}

.footer_top p {
    font-size   : 13px;
    line-height : 24px;
}

.footer_col4 img {
    margin-bottom : 10px;
}

.footer_top a {
    color : #fff !important;
}

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

/* -----------------------------------
Color change features
----------------------------------- */

/* Zoek box achtergrond kleur */
#search_box {
    background : #f1f1f1;
}

/* Label kleur, (prijs, lengte, diepgang, etc) */
.yf-label label {
    color : #fff;
}

/* Zoeken knop kleur */
input.yf-zoeken-btn, .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 {
    background : #012e77;
}

/* Zoeken knop muis erop */
input.yf-zoeken-btn:hover, input.yf-reset-btn:hover {
    background : #0042ad;
}

/* Reset knop kleur */
input.yf-reset-btn {
    background : #ddd;
}

/* boot titel color */
h3.yf-model a, .yf-prijs {
    color : #012e77;
}

/* boot titel color */
.one_yacht:hover h3.yf-model a, .ra_yacht:hover h3.yf-model a {
    color : #012e77;
}

/* border titel boot color */
h3.yf-model {
    border-bottom : 0px solid #d6d5d5;
}


/* -----------------------------------
Yachtpresentatie needed css
----------------------------------- */

#yacht_list {
    margin-bottom  : 0px;
    padding-top    : 0px !important;
    padding-bottom : 10px;
}

/* Boxed lay out - 1300 px - turn this on or of for boxed 

#search_box_inner {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

#recent_aanbod {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


.yf-boxed-layout {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.yf-boxed-inner-holder {
    max-width: 1200px;
}

.yf-boat-list-flex {
    padding:0px !important;
}

#yf_sorting .yf_sort_button {
    margin-right:0px !important;
}
*/

/* -----------------------------------
Yachtpresentatie searchbox styling
----------------------------------- */

#search_box {
    padding : 10px 20px 25px 20px;
}

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

.yf-searchboxstyling {
    display     : flex;
    align-items : flex-end;
}

.yf-search-holder {
    display   : flex;
    flex-wrap : wrap;
}

.yf-input {
    width : calc(100% - 25px);
}

.yf-input input {
    margin             : 5px 0 0;
    padding            : 15px;
    border             : 0;
    border-radius      : 0;
    outline            : 0;
    resize             : none;
    background-color   : #fff;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    -webkit-appearance : none;
    width              : 100%;
}

.yf-label {
    width         : calc(100% - 40px);
    margin-left   : 0px;
    margin-top    : 14px;
    text-align    : left;
    padding-right : 14px;
}

.yf-label label {
    font-weight : bold;
    font-size   : 15px;
    color       : #1566A2;
}


.yf-search-input {
    width : calc(100% - 20px);
}

.yf-search-input input, .yf-search-input select, #yf_main_search label, #yf_main_search input {
    font-family : Verdana, sans-serif;
}

.yf-last-iput {
    width : 100% !important;
}

.yf-search-input input {
    margin             : 5px 5px 0px 0px;
    padding            : 15px;
    border             : 0;
    border-radius      : 0;
    outline            : 0;
    resize             : none;
    font-size          : 13px;
    line-height        : 17px;
    background-color   : #fff;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    -webkit-appearance : none;
    width              : calc(50% - 5px);
}

.yf-search-input select {
    width              : calc(100% - 5px);
    margin             : 5px 0 0;
    padding            : 15px;
    border             : 0;
    border-radius      : 0;
    outline            : 0;
    resize             : none;
    font-size          : 13px;
    line-height        : 17px;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}

input.yf-zoeken-btn {
    border              : none;
    margin              : 5px 0px 0px 0px;
    padding             : 12px 42px 13px 42px;
    color               : #fff;
    transition-duration : 0.4s;
    cursor              : pointer;
    font-size           : 13px;
    font-weight         : 600;
    text-transform      : uppercase;
    letter-spacing      : 1px;
    margin-right        : 5px;
}

input.yf-reset-btn {
    border              : none;
    margin              : 5px 0px 0px 0px;
    padding             : 12px 42px 13px 42px;
    color               : #fff;
    margin-right        : 5px;
    transition-duration : 0.4s;
    cursor              : pointer;
    text-transform      : uppercase;
    font-weight         : 600;
    font-size           : 13px;
    letter-spacing      : 1px;
}

.yf-search-buttons-holder {
    margin-top : 20px;
    text-align : right;
}

.yf-searchboxstyling.yf-search-buttons-holder .yf-search-holder {
    display : block;
}

.yf-filter-holder-inner {
    margin-left  : auto;
    margin-right : auto;
    float        : none;
}

.yf-filter-holder {
    margin-top    : 10px;
    padding       : 0px 20px;
    margin-bottom : 10px;
}

/* -----------------------------------
Yachtpresentatie Filter styling
----------------------------------- */

.yf-filter-box {
    background : #fff;
    padding    : 10px 0px 10px 0px;
}

.yf-filter-text {
    float         : left;
    padding-top   : 5px;
    padding-right : 8px;
    color         : #000;
    font-weight   : bold;
}

.yf-filter-text label {
    font-weight    : bold;
    font-size      : 14px;
    text-transform : uppercase;
}

.yf-filter-sort-holder {
    width   : auto;
    display : inline-flex;
    float   : right;
}

#yf_sorting .yf_sort_button {
    border              : none;
    padding             : 6px 10px 5px 10px;
    color               : #fff;
    margin-right        : 40px;
    background          : transparent;
    transition-duration : 0.4s;
    cursor              : pointer;
    font-size           : 13px;
    text-transform      : uppercase;
    font-weight         : 600;
    color               : #1e275b;
}

#yf_sorting .yf_sort_button:after {
    content     : "";
    width       : 10px;
    height      : 10px;
    font-family : FontAwesome;
}

#yf_sorting .yf_sort_button ul {
    max-height : 400px;
    overflow-y : scroll;
    overflow-x : hidden;
}

/* -----------------------------------
Yachtpresentatie Boat list styling
----------------------------------- */

.yf-boat-list-flex {
    padding         : 11px 0px 0px 0px;
    display         : flex;
    flex-wrap       : wrap;
    margin          : -10px;
    justify-content : center;
}

@media screen and (min-width : 2100px) {

    .yf-boat-list-flex {
        margin-left  : auto;
        margin-right : auto;
    }

}

.one_yacht, .ra_yacht {
    position            : relative;
    max-width           : calc(33.33% - 4px);
    background-color    : #f1f1f1;
    padding             : 0px;
    text-align          : left;
    cursor              : pointer;
    margin-right        : 0px;
    margin-top          : 10px;
    margin-bottom       : 20px;
    overflow            : hidden;
    transition-duration : 0.4s;
    margin              : 1px;
}

.one_yacht .ra_foto_holder img, .ra_yacht .ra_foto_holder img, .one_yacht h3.yf-model, .ra_yacht h3.yf-model {
    transition-duration : 0.4s;
}

.one_yacht:hover .ra_foto_holder img, .ra_yacht:hover .ra_foto_holder img {
    transform : scale(1.05);
    opacity   : 0.8;
}

.one_yacht:hover h3.yf-model, .ra_yacht:hover h3.yf-model {
    box-shadow : 0 2px 16px 4px rgba(0, 0, 0, .1);
}

.ra_foto_holder {
    margin-bottom : 3px;
}

.ra_foto_holder:after {
    content    : "";
    width      : 33.46%;
    height     : 20px;
    position   : absolute;
    background : #f1f1f1;
    margin-top : -7px;
}

.yf-holder-info {
    background-color : transparent;
    position         : relative;
}


/* ===========================
    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 18px 3px 18px;
    font-size      : 15px;
    right          : 0;
    content        : attr(data-status);
    z-index        : 99;
    font-weight    : 600;
    text-transform : uppercase;
    letter-spacing : 1px;
}

.yf-holder-info {
    padding    : 0px 0px 14px 0px;
    min-height : 230px;
}

h3.yf-model {
    padding       : 3px 20px;
    white-space   : nowrap;
    text-overflow : ellipsis;
    overflow      : hidden;
    font-weight   : bold;
    display       : inherit !important;
    color         : #232856 !important;
    margin-bottom : 14px !important;
    text-align    : center;
    line-height   : 34px;
    background    : #fff;
    margin-top    : -37px;
    max-width     : 80%;
    margin-left   : auto;
    margin-right  : auto;
    font-size     : 20px;
}

h3.yf-model a {
    font-size      : 17px !important;
    font-weight    : 600;
    text-transform : none;
}

.yf-specs {
    padding-right : 5px;
    width         : calc(50% - 5px);
    float         : left;
    white-space   : nowrap;
    text-overflow : ellipsis;
    overflow      : hidden;
    min-height    : 52px;
    color         : #5c5c5c;
}

.yf-specs span, .yf-specs-full-width span {
    display        : block;
    width          : 120px;
    font-weight    : 500;
    float          : left;
    margin-right   : 10px;
    text-transform : uppercase;
}

.yf-specs-full-width {
    width         : 86%;
    float         : left;
    white-space   : nowrap;
    text-overflow : ellipsis;
    overflow      : hidden;
    min-height    : 26px;
    color         : #5c5c5c;
    margin-top    : 0px;
    text-align    : left;
    padding       : 0px 8%;
    font-size     : 13px;
    font-weight   : 600;
}

.korte-omschrijving-yf {
    white-space   : normal !important;
    margin-bottom : 30px;
}

.korte-omschrijving-yf span {
    float : none;
}

@media screen and (max-width : 1200px) {
    .yf-specs {
        width : calc(100% - 5px);
    }
}

.yf-prijs {
    display     : block;
    clear       : both;
    font-weight : bold;
    font-size   : 18px;
    padding     : 4px 7% 8px 7%;
    text-align  : left;
    width       : 100%;
}

/* paginanation styling */

.yf_pagination {
    margin : 30px 2px 68px 0px;
}

.yf_pagination .active a {
    background : #012e77;
}

.yf_pagination li a {
    font-size           : 15px;
    padding             : 16px 20px;
    color               : #012e77;
    transition-duration : 0.4s;
}

.yf_pagination li a:hover {
    background : #012e77;
    color      : #fff;
}

/* --------------------- */
/* yachtpredentatie styling detail page */
/* ----------------------- */

.boat_detail_page {
    max-width      : 2150px;
    margin-left    : auto;
    margin-right   : auto;
    padding-bottom : 40px;
}

/* header photo */
.one_row.clmn-100.image-bg-holder-yf {
    min-height            : 760px;
    width                 : 100%;
    display               : flex;
    background-size       : cover;
    justify-content       : center;
    align-items           : center;
    overflow              : hidden;
    position              : relative;
    background-attachment : fixed;
    background-position   : center center;
}

/* slider */

.galleria-container {
    background : #f5f5f5 !important;
    outline    : 1px solid #eee;
}

.galleria-container.fullscreen {
    background : #000 !important;
}

.yf-boot-image-holder {
    margin-bottom : -130px;
    z-index       : 20;
}

#yacht_image_slider, .galleria-container:not(.fullscreen) {
    max-height : 580px !important;
}

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

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

.galleria-stage {
    top   : 0px !important;
    left  : 0px !important;
    right : 0px !important;
}

.galleria-thumb-nav-left, .galleria-thumb-nav-right {
    bottom : 43%;
}

.galleria-image-nav-left, .galleria-image-nav-right {
    opacity : 0.8;
}

.galleria-thumbnails .galleria-image {
    border : 0;
}

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

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

/* holder */

.yf-boot-details-holder {
    max-width    : calc(1200px - 60px);
    margin-left  : auto;
    margin-right : auto;
    z-index      : 21;
    position     : relative;
    background   : #fff;
    display      : block;
    clear        : both;
    padding      : 10px 30px 0px 30px;
    float        : inherit;
}

.yf-boot-details-holder .one_row.clmn-100:last-of-type {
    float : inherit;
    clear : both;
}

.yf-boot-details-holder p {
    margin-bottom : 0px !important;
}

.panorama {
    height   : 600px !important;
    position : relative;
}

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


/* 360 tumbs */

ul#panorama-thumbnails {
    padding    : 15px 30px 15px 30px;
    background : #f5f5f5;
}

li.slick-slide {
    margin-right        : 5px;
    opacity             : 0.95;
    transition-duration : 0.4s;
}

li.slick-slide:hover {
    cursor  : pointer;
    opacity : 0.7;
}

.slick-prev {
    left : 6px;
}

.slick-next {
    right : 6px;
}

.slick-prev:before, .slick-next:before {
    color : #000;
}


/* buttons */

.yf-display-flex-btns {
    display        : flex;
    align-items    : center;
    background     : #222;
    padding-bottom : 3px;
}

.yf-button {
    width        : 20%;
    text-align   : center;
    height       : 100%;
    border-right : 3px solid #222222;
}

.yf-button.yf-contact-icon {
    border-right : 0px;
}

.yf-button a {
    display             : block;
    padding             : 14px 8px;
    color               : #fff;
    font-weight         : bold;
    text-transform      : uppercase;
    font-size           : 15px;
    letter-spacing      : 1px;
    transition-duration : 0.4s;
    background          : #012e77;
}

.yf-slideshow-icon a::before {
    content             : "\f04b";
    position            : relative;
    font-size           : 15px;
    color               : #fff;
    font-family         : FontAwesome;
    transition-duration : 0.4s;
    margin-right        : 12px;
}

.yf-print-icon a::before {
    content             : "\f02f";
    position            : relative;
    font-size           : 15px;
    color               : #fff;
    font-family         : FontAwesome;
    transition-duration : 0.4s;
    margin-right        : 12px;
}

.yf-share-icon a::before {
    content             : "\f1e0";
    position            : relative;
    font-size           : 15px;
    color               : #fff;
    font-family         : FontAwesome;
    transition-duration : 0.4s;
    margin-right        : 12px;
}

.yf-forward-icon a::before {
    content             : "\f045";
    position            : relative;
    font-size           : 15px;
    color               : #fff;
    font-family         : FontAwesome;
    transition-duration : 0.4s;
    margin-right        : 12px;
}

.yf-contact-icon a::before {
    content             : "\f2bd";
    position            : relative;
    font-size           : 15px;
    color               : #fff;
    font-family         : FontAwesome;
    transition-duration : 0.4s;
    margin-right        : 12px;
}

.yf-button:hover a {
    background : #0042ad;
    color      : #fff;
}

.yf-button:hover a:before {
    color : #fff;
}

/* back button */

.left-side-opties div {
    display : inline-block;
}

.left-side-opties {
    padding-bottom : 20px;
    padding-top    : 16px;
    text-align     : left;
}

.yf-btn-back a i::before {
    content             : "Terug naar aanbod";
    font-family         : Verdana, sans-serif;
    color               : #05314e;
    font-size           : 15px;
    font-weight         : 700;
    text-decoration     : underline;
    transition-duration : 0.4s;
    text-transform      : uppercase;
}

.yf-btn-back a:hover i::before {
    text-decoration : none;
    color           : #0042ad;
}

.right-side-opties div {
    display : inline-block;
}

.right-side-opties {
    padding-bottom : 20px;
    padding-top    : 16px;
    text-align     : right;
}

.right-side-opties a {
    text-transform  : uppercase;
    text-decoration : underline;
}

/* title */

.yf-title-left-holder {
    text-align : center;
}

.yf-boot-name-holder {
    margin-bottom : 20px;
}

.yf-display-inline .h3, .yf-price-holder .h3 {
    display        : inline-block;
    font-size      : 38px;
    text-transform : none;
}

.yf-price-holder {
    text-align : right;
}

.red-price {
    color          : #000 !important;
    text-transform : none !important;
}

.yf-vat {
    font-size   : 15px;
    font-weight : bold;
    color       : #bbb;
}

.yf-text-align-right {
    text-align : right;
}

/* highlight specs */

.decrip-holder {
    width        : calc(75% - 30px) !important;
    margin-right : 30px;
}

.headline-specs {
    font-size      : 20px;
    color          : #1f275b;
    border-bottom  : 1px solid #ddd;
    padding-bottom : 17px;
    margin-bottom  : 4px;
}

.inline-price div {
    display : inline-block;
}

.yf-highlight-specs {
    margin-top    : 16px;
    margin-bottom : 16px;
}

.yf-highlight-spec-label {
    font-weight    : 600;
    font-size      : 14px;
    text-transform : uppercase;
    color          : #1f275b;
    margin-top     : 10px;
}

.specs-holder-short {
    background : #f5f5f5;
    outline    : 1px solid #eee;
    padding    : 20px;
    width      : calc(25% - 40px);
    color      : #555;
}

.specs-holder-short .clmn-100 div:first-letter {
    text-transform : capitalize;
}

/* algemene specs */
/* boot specs field openbms*/
.boot-specs-head {
    margin-top    : 30px;
    margin-bottom : 30px;
}

.input-text-boot h3 {
    width : 100% !important;
}

.spec-holder:first-of-type {
    display : none;
}

.spec-holder {
    clear         : both;
    background    : #f5f5f5;
    outline       : 1px solid #eee;
    padding       : 20px;
    width         : calc(70% - 60px);
    margin        : 0px 10px 20px 10px !important;
    align-content : baseline;
    color         : #555;
}

.box-breder .spec-holder {
    width : calc(100% - 60px);
}

.spec-holder p {
    color : #555;
}

.one_row.clmn-100.input-text-boot .main-holder-spec {
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
}

.input-text-boot strong {
    display        : block;
    margin-bottom  : 0px !important;
    height         : 40px;
    color          : #252a57;
    font-size      : 22px;
    line-height    : 32px;
    font-style     : normal;
    font-weight    : 600;
    letter-spacing : 1px;
    text-transform : uppercase;
}

.input-text-boot .inner-spec-holder {
    display   : flex;
    flex-wrap : wrap;
}

.input-text-boot .label {
    width        : calc(50% - 20px);
    margin-right : 20px;
}

.input-text-boot .value {
    width : 50%;
}

.input-text-boot .value.large {
    width : 100%;
}

.
    /* end */
#specs h3 {
    color          : #000 !important;
    text-shadow    : none !important;
    letter-spacing : 0px !important;
    font-style     : normal;
    text-transform : uppercase !important;
    font-size      : 30px !important;
    text-align     : center;
    font-weight    : 600 !important;
    border-bottom  : 0px !important;
    margin-bottom  : 7px !important;
    width          : 100% !important;
}

#specs {
    display     : flex;
    flex-wrap   : wrap;
    padding-top : 20px;
}

.specs_wrap {
    width         : 50%;
    margin-bottom : 50px;
}

.spec_label {
    font-weight    : 600;
    display        : block;
    width          : 50%;
    clear          : both;
    color          : #5c5c5c;
    font-size      : 15px;
    text-transform : none;
}

.spec_value {
    display      : inline-flex;
    width        : 50%;
    font-size    : 15px;
    border-left  : 1px solid #e9ecef;
    padding-left : 15px;
}

.rowbg:first-of-type {
    border-top : 1px solid #e9ecef;
}

.rowbg {
    padding       : 15px 20px 15px 20px;
    display       : flex;
    border-left   : 1px solid #e9ecef;
    border-right  : 1px solid #e9ecef;
    border-bottom : 1px solid #e9ecef;
    margin-left   : 20px;
    margin-right  : 20px;
}

.rowbg:nth-child(2n) {
    background    : #f7f7f7;
    border-left   : 1px solid #e9ecef;
    border-right  : 1px solid #e9ecef;
    border-bottom : 1px solid #e9ecef;
}

.spec_value img {
    width        : 16px !important;
    height       : 16px !important;
    margin-top   : 4px;
    margin-right : 4px;
}

.videoWrapper {
    margin-top : 20px;
}

/* info aanvraag footer */

h3.pageh3style-red {
    color          : #000 !important;
    text-shadow    : none !important;
    letter-spacing : 0px !important;
    font-style     : normal;
    text-transform : uppercase !important;
    font-size      : 26px !important;
    text-align     : center;
    font-weight    : 600 !important;
    margin-bottom  : 10px !important;
}

h3.pageh3style {
    color          : #000 !important;
    text-shadow    : none !important;
    letter-spacing : 0px !important;
    font-style     : normal;
    text-transform : uppercase !important;
    font-size      : 26px !important;
    text-align     : center;
    font-weight    : 600 !important;
    margin-bottom  : 24px !important;
}

.yf-info-aanvraag {
    padding-top : 30px;
    margin-top  : 35px;
}

/* form styling */
#yfcontactform {
    padding : 0px 20px 20px 20px;
}

#yfcontactform h4 {
    text-align : center;
}

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

#yfcontactform table td input, #sendtofriendform table td input, #yfcontactform select {
    background  : #f7f7f7;
    border      : none;
    padding     : 12px 0px 12px 10px;
    font-family : Verdana, sans-serif;
    font-size   : 17px;
    width       : 100%;
}

#yfcontactform select {
    width : calc(100% + 9px);
}

#yfcontactform table td textarea, #sendtofriendform table td textarea {
    background  : #f7f7f7;
    border      : none;
    padding     : 12px 10px 12px 10px;
    width       : calc(100% - 10px);
    font-family : Verdana, sans-serif;
    font-size   : 15px;
}

#yfcontactform table td input#yfsubmitbutton, #sendtofriendform table td input#yfsubmitbutton {
    padding             : 12px;
    font-family         : Verdana, sans-serif;
    font-size           : 17px;
    width               : 103%;
    color               : #fff;
    background          : #012e77;
    transition-duration : 0.4s;
    text-transform      : uppercase;
    font-weight         : bold;
}

#yfcontactform table td input#yfsubmitbutton:hover, #sendtofriendform table td input#yfsubmitbutton:hover {
    background : #0042ad;
    color      : #fff;
    cursor     : pointer;
}

.alert-danger li {
    color        : red;
    padding-left : 15px;
}

/* 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 #yfcontactform table tr:first-child td h4, .mfp-content #sendtofriendform table tr:first-child td h4 {
    font-size      : 16px;
    font-weight    : bold;
    letter-spacing : 1px;
    text-transform : uppercase;
    color          : #00253e;
}

.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        : Verdana, 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        : Verdana, 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        : Verdana, 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%;
}

/* download styling */

.yf-download-link {
    list-style : none;
    overflow   : hidden !important;
}

.yf-download-link a {
    color          : #0042ad;
    font-weight    : bold;
    text-transform : uppercase;
    background     : #f5f5f5;
    margin-bottom  : 10px !important;
    padding        : 5px 0px 10px 0px;
}

.yf-download-link a:hover {
    color : #000;
}

.yf-docs-icon a {
    display       : flex;
    align-items   : center;
    margin-bottom : 18px;
}

.yf-docs-icon li a::before {
    content         : "";
    background      : url(/wp-content/themes/bridge-child/images/pdf.png) no-repeat right center;
    width           : 37px;
    height          : 37px;
    display         : inline-block;
    margin-right    : 10px;
    margin-top      : 0px;
    background-size : 30px 31px;
}

ul.yf-docs-icon {
    max-width    : 431px;
    margin-left  : auto;
    margin-right : auto;
}

/* voorgestelde boten styling */

#recent_aanbod .items {
    padding         : 0px;
    display         : flex;
    flex-wrap       : wrap;
    margin          : -10px;
    justify-content : center;
}

.yf-voorgestelde-boten {
    margin-top     : 20px;
    color          : #000 !important;
    text-shadow    : none !important;
    letter-spacing : 0px !important;
    font-style     : normal;
    text-transform : uppercase !important;
    font-size      : 35px !important;
    text-align     : center;
    font-weight    : 600 !important;
    border-bottom  : 0px !important;
    width          : 100% !important;
    margin-bottom  : 32px !important;
    border-top     : 2px solid #eee;
    padding-top    : 30px;
}

/* featurde boten slider */

.qode_content_slider_item .ra_yacht {
    max-width           : 100%;
    background-color    : #f1f1f1;
    padding             : 0px;
    text-align          : left;
    cursor              : pointer;
    margin-right        : 0px;
    margin-top          : 10px;
    margin-bottom       : 20px;
    overflow            : hidden;
    transition-duration : 0.4s;
    margin              : 0px 0px 0px -1px;
}

.qode_content_slider_item .one_yacht .ra_foto_holder img, .qode_content_slider_item .ra_yacht .ra_foto_holder img {
    width      : 100vw;
    min-height : 550px;
}

.qode_content_slider_item .one_yacht:hover .ra_foto_holder img, .qode_content_slider_item .ra_yacht:hover .ra_foto_holder img {
    transform : scale(1.00);
    opacity   : 0.85;
}

.qode_content_slider_item .ra_foto_holder {
    margin-bottom : -174px;
    max-height    : 550px;
    overflow      : hidden;
    display       : flex;
    align-items   : center;
}

.qode_content_slider_item .ra_foto_holder:after {
    display : none;
}

.qode_content_slider_item h3.yf-model {
    text-align   : left;
    max-width    : 540px;
    margin-left  : 0;
    margin-right : inherit;
    z-index      : 4;
    position     : relative;
}

.qode_content_slider_item .yf-holder-info {
    max-width     : 1200px;
    margin-left   : auto;
    margin-right  : auto;
    margin-top    : -150px !important;
    margin-bottom : 40px !important;
    min-height    : 120px;
}

.qode_content_slider_item .yf-prijs {
    background  : #1e275b;
    color       : #fff;
    margin-left : 20px;
    margin-top  : -17px;
    z-index     : 3;
    position    : relative;
    text-align  : left;
    padding     : 8px 20px 8px 20px;
    max-width   : 500px;
}

@media only screen and (min-width : 1001px) and (max-width : 1299px) {
    .qode_content_slider_item .yf-holder-info {
        max-width : 1100px;
    }
}

@media only screen and (min-width : 1001px) and (max-width : 1199px) {
    .qode_content_slider_item .yf-holder-info {
        max-width : 100%;
        padding   : 0px 48px !important;
    }
}

@media only screen and (min-width : 1001px) and (max-width : 1299px) {
    nav.main_menu > ul > li > a {
        padding   : 0 18px !important;
        font-size : 13px !important;
    }
}

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


@media only screen and (min-width : 1001px) and (max-width : 1110px) {
    .q_logo img {
        max-height : 70px;
        margin-top : 5px;
    }

    .qode-banner-text-holder span.h3 {
        font-size   : 30px !important;
        line-height : 40px !important;
    }
}

@media only screen and (min-width : 1001px) and (max-width : 1200px) {
    .one_row.clmn-100.image-bg-holder-yf {
        min-height : 530px;
    }

    .yf-boot-details-holder {
        max-width : calc(100% - 60px);
    }

    .who-else-text:before {
        right : 0%;
    }

}

@media only screen and (min-width : 1201px) and (max-width : 1300px) {
    .one_row.clmn-100.image-bg-holder-yf {
        min-height : 630px;
    }
}

/* IE fix */

@media all and (-ms-high-contrast : none) {
    span.header-telefoon::before {
        margin-left : -80px;
    }

    span.header-email::before {
        margin-left : -80px;
    }

    nav.main_menu ul li.active a span.underline_dash, nav.main_menu ul li:hover a span.underline_dash, nav.vertical_menu ul li.active a span.underline_dash, nav.vertical_menu ul li:hover a span.underline_dash {
        opacity : 0 !important;
    }
}

/* ipad */

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    .photo-cover-flex .full_section_inner {
        display : block;
    }

    .photo-cover-flex .vc_col-sm-6 {
        width : 100%;
    }

    .photo-cover-flex .vc_col-has-fill .vc_column-inner {
        min-height : 480px;
    }

    .panorama:hover:before {
        opacity : 1;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    .photo-cover-flex .full_section_inner {
        display : block;
    }

    .photo-cover-flex .vc_col-sm-6 {
        width : 100%;
    }

    .photo-cover-flex .vc_col-has-fill .vc_column-inner {
        min-height : 400px;
    }

    .qode-banner-content span.h3 {
        font-size : 20px;
    }

    .qode-banner .qode-banner-content .qode-banner-text-holder p {
        font-size : 15px;
    }

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

    .four_columns > .column1, .four_columns > .column2, .four_columns > .column3, .four_columns > .column4 {
        width : 50% !important;
    }

    nav.mobile_menu {
        margin-top : -10px;
    }

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

    .yf-filter-text {
        clear : both;
    }

    .one_row.clmn-100.image-bg-holder-yf {
        min-height : 530px;
    }

    .yf-boot-details-holder {
        max-width : calc(100% - 60px);
    }

    .one_row.clmn-100.image-bg-holder-yf {
        width               : 100%;
        display             : flex;
        background-position : 0px 230px;
        background-size     : 100%;
        background-repeat   : no-repeat;
        min-height          : 530px;
    }

    .left-side-opties {
        width : 100%;
    }

    .right-side-opties {
        text-align : left;
        width      : 100%;
    }

    .decrip-holder {
        width        : 100% !important;
        margin-right : 0;
    }

    .specs-holder-short {
        width : calc(100% - 40px);
    }

    .vc_col-sm-3 {
        width      : 50% !important;
        margin-top : 30px;
    }

    .header-widget.widget_text.header-right-widget {
        margin-top : -70px;
    }

    .panorama:hover:before {
        opacity : 1;
    }

    .header-widget.widget_icl_lang_sel_widget.header-right-widget {
        position : absolute !important;
        right    : 0 !important;
    }
}


/* mobile */

@media only screen and (max-width : 767px) {
    .photo-cover-flex .full_section_inner {
        display : block;
    }

    .photo-cover-flex .vc_col-sm-6 {
        width : 100%;
    }

    .photo-cover-flex .vc_col-has-fill .vc_column-inner {
        min-height : 400px;
    }

    .qode-banner-content span.h3 {
        font-size : 20px;
    }

    .qode-banner .qode-banner-content .qode-banner-text-holder p {
        font-size : 15px;
    }

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

    .four_columns > .column1, .four_columns > .column2, .four_columns > .column3, .four_columns > .column4 {
        width : 100% !important;
    }

    nav.mobile_menu {
        margin-top : -10px;
    }

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

    .yf-filter-text {
        clear : both;
    }

    .one_row.clmn-100.image-bg-holder-yf {
        min-height : 530px;
    }

    .yf-boot-details-holder {
        max-width : calc(100% - 60px);
    }

    .one_row.clmn-100.image-bg-holder-yf {
        width               : 100%;
        display             : flex;
        background-position : 0px 230px;
        background-size     : 100%;
        background-repeat   : no-repeat;
        min-height          : 530px;
    }

    .left-side-opties {
        width : 100%;
    }

    .right-side-opties {
        text-align : left;
        width      : 100%;
    }

    .decrip-holder {
        width        : 100% !important;
        margin-right : 0;
    }

    .specs-holder-short {
        width : calc(100% - 40px);
    }

    .vc_col-sm-3 {
        width      : 100% !important;
        margin-top : 30px;
    }

    .header-widget.widget_text.header-right-widget {
        margin-top : -70px;
    }

    .header_top p {
        line-height : 28px !important;
    }

    .header_top {
        height : 60px !important;
    }

    span.header-telefoon, span.header-email {
        width   : 100%;
        display : block;
    }

    .header_top p span {
        margin-left : 10px;
    }

    header .q_logo img.mobile {
        width  : 210px !important;
        height : auto !important;
    }

    .q_logo a {
        margin-top : 20px;
    }

    .qode_content_slider_item .ra_foto_holder {
        max-height : 310px;
    }

    .qode_content_slider_item .one_yacht .ra_foto_holder img, .qode_content_slider_item .ra_yacht .ra_foto_holder img {
        min-height : 270px;
    }

    .wpb_column.vc_column_container.vc_col-sm-4 {
        margin-bottom : 1px;
    }

    .who-else-text:before {
        display : none;
    }

    h1, .h1, .title h1 {
        font-size   : 20px !important;
        line-height : 28px !important;
    }

    h3, .h3, h3 a {
        font-size   : 20px !important;
        line-height : 28px !important;
    }

    h2, .h2, h2 a {
        font-size   : 20px !important;
        line-height : 28px !important;
    }

    .yf-boot-image-holder {
        display : none;
    }

    .yf-display-inline .h3, .yf-price-holder .h3 {
        font-size : 20px;
    }

    .right-side-opties div {
        display : block;
    }

    .galleria-navbar {
        height  : 0px;
        display : none;
    }

    .galleria-stage {
        bottom : 10px;
    }

    .panorama {
        height : 300px !important;
    }

    .spec-holder {
        width : 100%;
    }

    .input-text-boot .label {
        width : 100%;
    }

    .input-text-boot .value {
        width         : 100%;
        margin-bottom : 20px;
    }

    .input-text-boot strong {
        height    : auto;
        font-size : 13px;
    }

    .spec-holder {
        margin : 0px 0px 20px 0px !important;
    }

    .yf-info-aanvraag .clmn-50 {
        width : 100%;
    }

    #yfcontactform {
        padding : 0px 0px 20px 0px;
    }

    .panorama:hover:before {
        opacity : 1;
    }

    .header-widget.widget_icl_lang_sel_widget.header-right-widget {
        position : absolute !important;
        right    : -10px !important;
        top      : 10px;
    }
}


/* ie only */

@media screen and (-ms-high-contrast : active), screen and (-ms-high-contrast : none) {
    .qode_content_slider_item .one_yacht .ra_foto_holder img, .qode_content_slider_item .ra_yacht .ra_foto_holder img {
        margin-top : -13%;
    }
}