/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/



.button{
    border: none!important;
    padding: 0px;
    background-color:transparent!important;
    transition: 0.5s;
}
.button:hover{
    border: none!important;
    padding: 0px;
    background-color:transparent!important;
    transform: scale(1.05);
    transition: 0.5s;
}

.auto_omschrijving_titel{
    font-size: 28px;
    font-weight: 800;
    color: white!important;
    margin-bottom: 0px!important;
    margin-top: 0px!important;
    text-transform:uppercase;
}

.omschrijving_titel{
    font-size: 21px;
    font-weight: 700;
    color: #333!important;
    margin-bottom: 0px!important;
}
.auto-details .sub-autodetails {
    font-size: 14px;
}


@font-face {
  font-family: kenteken;
  src: url('/wp-content/themes/bb-theme-child/resources/Kenteken.ttf');
}

span.kenteken
{
    display: inline-block;
    padding-left: 18px;
    padding-right: 15px;
    padding-top: 1px;
    text-transform: uppercase;
    color: #000;
    
    
    height: 37px;
    
    background-image: url('/wp-content/themes/bb-theme-child/resources/kenteken.png');
    background-size: contain;
    background-repeat: no-repeat;
    
    font-family: kenteken;
    font-size: 28px;

}

span.kenteken
{
font-size: 14px;
top: 0;
right: 0;
background-position: left top;
}

#float_wrapper div.alle-info {
    width: 100%;
    float: left;
    min-height: 300px;
    margin-bottom: 40px;
}
#float_wrapper div.alle-info-rechts{
    width: 100%;
    float:left;
    min-height:300;
}

html {
  scroll-behavior: smooth;
}

.contact-buttons {
    padding-top: 20px;
}
.terug a{
    position:relative;
    top:20px;
    bottom:20px;
    font-size:16px;
    text-decoration: none!important;
    color: #000!important;
}
a{
    text-decoration: none!important;
}

.contact-buttons a {
 background: #009fe3;
 color: #fff;
 padding: 12px 24px;
 margin-right: 10px;
 font-size: 16px;
 border-radius: 5px;
}

.contact-buttons a:hover {
 text-decoration: none;   
 cursor: pointer;
 background: #428bca;
}

hr.lijn_boven{
    max-width: 90%;
    border-top: 2px solid #7A7A7A;
    margin-inline-start: 0px!important;
}

.lijn_midden{
    max-width:100%;
    border-top:2px solid #7A7A7A;
    margin-inline-start:0px!important;
} 


hr.lijn_onder{
    margin-top:50px;
    max-width: 100%;
    border-top: 2px solid #7A7A7A;
    margin-inline-start: 0px!important;
}


.prijzen{
    margin-top: 50px;
    font-size: 18px;
    font-weight: 300;
    color: white;
}
.prijzen span{
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

#auto-right_mob{
    display:none;
}
.Offerte_button{
    border: 2px solid #7A7A7A;
    color: white;
    padding: 15px 15px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
}

.info_rechts{
    font-size: 18px;
    font-weight: 300;
    color: white;
}

.info_rechts svg{
    max-height: 25px;
    max-width: 25px;
}


.bouw_datum, .soort_brandstof, .aantal_km, .soort_trans{
    position:relative;
    display: flex;
    
}

.auto-details {
    color: #000;
}

.sub-autodetails {
    color: #808080;
}

.auto-kenteken {
    padding-top: 15px;
}


.alle-info {
    margin-top: 30px;
}

.links-half {
    width: 50%;
    float: left;
    padding-right: 50px;
    margin-top: 30px;
}

.rechts-half {
    width : 50%;
    float: right;
    padding: 20px;
    margin-top: 30px;
    
}

.lijn-boven-aantal {
    height: 1px;
    background-color: #666;
    border: 0;
    margin: 10px;
    margin-top: 0;
    margin-bottom: 5px;
}

#float_wrapper div#slider{
    float: left!important;
    width: 100%!important;
    padding-top: 0px!important;
    
}
#slider{
    float:left!important;
    width: 60%;
    display: flex!important;
    align-content: center!important;
    flex-wrap: nowrap!important;
    justify-content: space-between!important;
    align-items: center!important;
}

#slider img{
    min-width: 215px;
    width: 215px;
    max-width: 215px;
    min-height:161px;
    max-height:161px;
    height:161px;
    display: flex!important;
    flex-wrap: nowrap!important;
    align-content: center!important;
    justify-content: space-between!important;
    align-items: center!important;
    object-fit: cover
}

.filter-inner span {
    color: white;
}

.filter-inner select, .filter-inner option {
    background-color: #fff;
}

.auto-details .sub:hover {
    color: #fff;
    transition: 0.5s;
}

.auto-details span.fl.auto_spec_detail {
    width: 100%;
    float: right; 
    margin-top: 20px;
    text-align: right;
}

.verticale_lijn{
    float:left;
    border-left: 2px solid #7A7A7A;
    height: 800px;
    top: 250px;
    position:relative;
    display:flex;
    align-items:center center!important;
}

.alle-info-rechts{
    float:left;
    font-size: 16px;
    font-weight: 300;
    color: black;

}
.alle-info-rechts span{
    font-size: 20px;
    font-weight: 500;
}
    
div#informatie_mob{
    display:none;
}
    
div#midde-mob{
        display:none;
    }
    
div#formulier-interesse_mob{
    display:none;
}
    
.form2{
    padding: 30px 60px 0px 0px;
}

.form2 label{
    display:none;
}

.form2 ::placeholder{
    color:white!important;
}

select{
    
    color:black;
    border-radius: 5px!important; 
    box-sizing: border-box; 
    margin-top: 6px; 
    margin-bottom: 16px;
    resize: vertical;
}

.form2 input[type=text], input[type=email], textarea{
    width: 100%; 
    border-radius: 0px!important; 
    box-sizing: border-box; 
    margin-top: 6px; 
    margin-bottom: 16px;
    resize: vertical;
    color:white!important;
}

.form2 input[type=submit] {
    color: white;
    border-radius: 0px!important;
    padding: 12px 20px;
    transition: 0.5s;
    cursor: pointer;
}


.form2 input[type=submit]:hover {
    color: white;
    transform: scale(1.05);
    transition: 0.5s;
}


input[type=text], input[type=email], textarea {
    width: 100%; 
    padding: 12px; 
    border-radius: 0px!important; 
    box-sizing: border-box; 
    margin-top: 6px; 
    margin-bottom: 16px;
    resize: vertical;
    background-color: transparent;
}


/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: transparent;
    color: black;
    border-radius: 0px!important;
    padding: 12px 20px;
    transition: 0.5s;
    cursor: pointer;
}


input[type=submit]:hover {
    background-color: transparent;
    border: 2px solid #7A7A7A;
    color: black;
    transform: scale(1.05);
    transition: 0.5s;
}

/* Add a background color and some padding around the form */
.form {
    width: 60%;
    border-radius: 5px;
    background-color: white;
    margin: 20px 20% 20px 20%;
}
    
    
.lb-outerContainer, .lb-image{
    height: 730px!important;
    width: 900px!important;
}
    
.mob_br{
    display:none!important;
}    

.table_desk{
    display:block;
}

.table_mob{
    display:none;    
}

.rele_desk{
    display:block;
}

.rele_mob{
    display:none;
}

    
@media only screen and (max-width: 600px) {
    
    .sticky_item {
  display:none!important; 
}
.sticky_item.visible{
    display:none!important;
}
    
    .auto{
        max-width: 100vw!important;
    }
    
    .rele_desk{
        display:none!important ;
    }

    .rele_mob{
        display:block!important;
    }
    
    body{
        overflow-x:hidden!important;
    }
    
    .b1500{
        width:100vw!important;
        max-width:100vw!important;
    }
    
    .lb-outerContainer, .lb-container, .lb-container img{
        max-width:100vw!important;
        height:auto!important;
    }
    
    .slides, .flex-viewport{
        height: 270px!important;
    }
    
    .flexslider .slides img{
        height: 270px!important;
    }

    .container{
        padding:0px!important;
    }
  
    /*div#float_wrapper{*/
    /*    padding: 20px 20px 0px 20px!important;*/
    /*    height: 100%!important;*/
        
    /*}*/
    
    /*div#auto-left, div#auto-right{*/
    /*    width: 100%!important;*/
    /*}*/
    
    /*div#auto-left{*/
    /*    height:270px!important;*/
    /*    padding: 0px 20px!important;*/
    /*}*/
    
    /*div#auto-right{*/
    /*    margin: -60px 0px 0px 0px!important;*/
    /*    height: auto!important;*/
    /*    padding-top: 0px!important;*/
    /*    padding:80px 20px 30px 20px!important;*/
    /*}*/
    
    .leftname, .rightprice{
        width: 100%!important;
        float:left!important;
        text-align:start!important;
    }
    
    .info_table th:nth-child(even), .info_table td:nth-child(even){
        padding-left: 0px!important;
    }
    
    .info_rechts{
        font-size:16px;
    }
    
    .bottom_table{
        margin-top:20px!important;
        float:left!important;
        width:100%!important;
        padding-right:0px!important;
    }
    
    .buttons{
        padding-right: 0px!important;
        column-count:1!important;
        background-color:transparent!important;
    }

    .content{
        margin-top:0px;
    }
    
    .margin50{
        margin: 0px 0px!important;
        max-width:100vw!important;
        width:100vw!important;
    }

    #slider{
        display:none!important;
    }
    
    
    .vraag{
        /*margin-top:50px!important;
        max-width:100vw!important;
        width:100%!important;
        float:left!important;
        padding: 0px!important;
        margin:0!important;*/
        display:none;
    }
    
    .img_links, .tekst_rechts{
        width:50%!important;
    }
    
    .tekst_rechts table{
        width:67%!important;
    }
    
    .vierkant{
        width:100%!important;
        min-width:100%!important;
        float:left!important;
    }
    
    div#informatie{
        margin-top: 50px!important;
        flex-direction: column;
    }
    
    .tab button{
        font-size: 15px;
        width:100%;
        text-align:left;
    }
    
    .tabs_links, .info_rechts{
        width:100%;
        float:left;
        padding: 0px 20px;
    }
    
    .mob_br{
        display:block!important;
    }
    
    .tab{
        padding-right:0px!important;
        align-items:center!important;
        justify-content:space-between!important;
    }
    
    .tabcontent{
        padding: 20px 0px!important;
    }
    
    .optie_table td:nth-child(even){
        text-align:end!important;
    }
    
    .optie_links, .optie_rechts{
        width:100%!important;
        padding: 0px 0px!important;
    }
    
    .opties_auto{
        padding: 0px 20px!important;
        column-count:1!important;
    }
    
    .omsch{
        padding: 0px;
    }
    
    .garanties{
        flex-direction:column!important;
        height:auto!important;
        margin-top:50px!important;
        padding: 15px 20px!important;
        font-size: 18px!important;
        width:100%!important;
    }
    
    .garantie_links, .garantie_rechts{
        width:100%!important;
    }
    
    .garantie_rechts{
        padding: 20px 0px 0px;
    }
    
    .gelijke_autos{
        padding: 50px 20px!important;
        width: 100vw;
        min-height: 600px!important;
    }
    
    .gelijk_inner{
        padding: 0px 20px;
    }
    
    .spantitel{
        font-size: 26px!important;
    }
    
    .autos{
        padding:20px 0px;
    }
    
    .foot_info{
        margin: 30px 0px!important;
        height:350!important;
        width:100%!important;
    }
    
    .img_info{
        display:none!important;
    }
    
    .info_blok{
        width:100vw!important;
        max-width:100vw!important;
        margin: 0px 0px!important;
        height: auto!important;
    }
    
    .info_blok_inner{
        width:100%!important;
        padding:10px 20px!important;
        height: auto!important;
        margin-left: 0px!important;
    }
    
    a.auto2{
        width:auto!important;
    }
    a.auto2{
        height:auto!important;
        min-width:100%!important;
        max-width:100%!important;
    }
    
    .auto_div2{
        margin: 0px 0px;
    }
    
    
    /*Overzicht pagina*/
    
    .filtercolumn{
        width: 50%!important;
    }
    
    #fcount{
        padding: 0px 20px!important;
    }
    
    a.auto{
        width:auto!important;
        min-height:auto!important;
        max-height:auto!important;
    }
    
    .content_form{
        margin:0px 50px!important;
        justify-content:flex-start;
    }
  
    
}s