ul > li > span > small {
    display: none;
}

 ul.navbar-nav.px-3.col-12.section-menu.justify-content-between {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
 
 
 @media screen and (max-width: 768px){
    .header-a > div.row {
        padding-left: 0 !important;
    }
    .header-a > div.row > div.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        
    }
}

/* @media only screen and (device-width: 430px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {*/
/*    .header-a > div.row > div:nth-of-type(2) {*/
/*        margin-left: 10% !important;*/
/*    }*/
/*}*/

 @media screen and (min-width: 425px) and (max-width: 768px){
.header-a > div.row > div:nth-of-type(2) {
        /*margin-left: 16.66666666% !important;*/
    }
    .header-a > div.row > div:nth-of-type(3) {
        flex: 0 0 16.66666666% !important;
        max-width: 16.66666666% !important;
    }
 }
 

 
 .fa-search:before {
    color: #7F8C8D;
}

.logo img {
    max-height: 180px !important;
}

.card-footer, .card-header{
    background-color: unset;
}    
    
nav.navbar.navbar-expand-lg.navbar-light.header-a.bg-black.py-lg-0 {
    padding-top: 1.5rem !important;
}

.text-dark {
    color: #384044 !important;
}

/*kruimelpad*/
nav > p > a , nav > p{
    color: #000;
}

h5.card-title {
    color: #000;
}

.bg-dark {
    background-color: #384044 !important;
}


h6 {
    color: #fff !important;
}

h3 {
    color: #faf199;
}

div#mobileMenuContent {
    background-color: #000 !important;
}




a {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}


.btn-outline-primary, .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    background-color: #faf199;
    border-color: #faf199;
    color: #7f8c8d;
    font-weight: 500;
    margin: 5px 0;
}
.btn-outline-secondary {
    background: #e3d9c6;
    border-radius: 25px !important;
    display: inline-block;
    padding: 8px;
    color: #000;
    border-color: #e3d9c6;
}



a {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}
/*footer*/

/*categoriepage header*/

h1 {
    color: #000;
}

.card-header:first-child {
    background: #000;
    border-bottom: 0 solid;
    border-radius: calc(.7rem - 1px) calc(.7em - 1px) 0 0;
    color: #384044;
}


body {
    background-color: #eceff1;
    color: #000;
    font-family: Nunito, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}

.tabs-component-panels {
    border-top-left-radius: 0;
    background-color: #000;
    border-top: solid 1px #ddd;
    padding: 2rem;
}

/*categoriepage tabs*/
a.tabs-component-tab-a {
    border: .1px solid #384044;
}

.tabs-component-tab.is-active {
    background-color: #e3d9c6 !important;
    border-bottom: solid 1px #384044;
    z-index: 2;
    transform: translateY(1px);
}

.tabs-component-panels {
    border-top-left-radius: 0;
    background-color: #e3d9c6 !important;
    border-top: solid 1px #ddd;
    padding: 2rem;
}

a:hover {
    color: #384044;
    text-decoration: underline;
}

.tabs-component-tab.is-active {
    color: #384044;
}

a.tabs-component-tab-a {
    border: .1px solid #e3d9c6;
}

.ul-centraal li:before {
    color: #000;
    content: "";
    font-family: Font Awesome 5 Pro;
    padding: 0 10px 0 0;
}

/*categoriepage probo selector*/
.card-header:first-child {
    background: #e3d9c6;
    border-bottom: 0 solid;
    border-radius: calc(.7rem - 1px) calc(.7em - 1px) 0 0;
    color: #000;
}


ul.card-body.summary.list-group.list-group-flush {
    background: #fff !important;
    border-bottom-left-radius: calc(.7rem - 1px);
    border-bottom-right-radius: calc(.7rem - 1px);
}

.card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #e3d9c6;
    background: #e3d9c6;
    border: 0 !important;
    border-radius: .7rem;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .12);
    display: flex
;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

#probo-steps.steps_selector .option_container .icon_selector li:not(.next-holder), #probo-steps.steps_selector .option_container .radio_selector li:not(.next-holder) {
    background: #f7f7f7 !important;
}


li.list-group-item {
    background: #fff;
}



/*telefoon nummer en mail*/
.btn-primary-2, .btn-primary-2:not(:disabled):not(.disabled).active, .btn-primary-2:not(:disabled):not(.disabled):active, .show>.btn-primary-2.dropdown-toggle {
    background-color: #faf199;
    border-color: #faf199;
    color: #7f8c8d;
    font-size: .9rem;
    font-weight: 500;
    margin: 5px 0;
}

.btn-primary {
    background-color: #faf199;
    border-color: #faf199;
    color: #7f8c8d;
}

/*telefoon winkelmandje stap1*/
.btn-secondary, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
    background-color: #e3d9c6 !important;
    border-color: #e3d9c6 !important;
    color: #000;
    font-weight: 500 !important;
}

.btn-info, .btn-info.focus, .btn-info:focus, .btn-info:hover, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .safe-as-offer.focus, .safe-as-offer:focus, .safe-as-offer:hover, .show>.btn-info.dropdown-toggle {
    background-color: #e3d9c6;
    border-color: #e3d9c6;
    color: #000;
    font-weight: 500;
    margin: 5px 0;
}

.vorig-verder-knop, .vorig-verder-knop.focus, .vorig-verder-knop:focus, .vorig-verder-knop:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-weight: 500;
    text-decoration: none !important;
}

.vorig-verder-knop {
    background: #e3d9c6;
    border-radius: 25px !important;
    display: inline-block;
    padding: 8px;
}

.text-primary {
    color: #000 !important;
}

.show>.wls-upload-button.dropdown-toggle, .wls-upload-button, .wls-upload-button.focus, .wls-upload-button:focus, .wls-upload-button:hover .wls-upload-button-hover, .wls-upload-button:not(:disabled):not(.disabled).active, .wls-upload-button:not(:disabled):not(.disabled):active {
    background-color: #384044;
    border-color: #384044;
    color: #fff;
    font-size: .9rem;
    font-weight: 500;
    margin: 5px 0;
}

/*telefoon winkelmandje stap2*/
.table td, .table th {
    color: #384044;
    vertical-align: inherit !important;
}

#probo-steps .price-row.active, #probo-steps>div li input.amount:not(:placeholder-shown), #probo-steps>div li input.decimal:not(:placeholder-shown), #probo-steps>div li input.number:not(:placeholder-shown)+label img, #probo-steps>div li input.size:not(:placeholder-shown), #probo-steps>div li input[type=number]:not(:placeholder-shown), #probo-steps>div li input[type=radio]:checked+label img {
    border: 1px solid #eee !important;
    -webkit-box-shadow: 0 0 3px 3px #ffffff !important;
    box-shadow: 0 0 3px 3px #ffffff !important;
}


#probo-steps div.calendarDate strong {
    background-color: #384044 !important;
}

/*invlullen naam*/
input.field, select.field {
    background-color: #fff;
}

.steps_selector .option_container.active h2:before {
color: white !important;
border-block-color: black !important;
border: 0.15rem solid black !important;
padding: .3px !important;
}
.steps_selector .option_container h2:before {
border-block-color: black !important;
border: 0.15rem solid black !important;
padding: .3px !important;
content: "✔" !important;
background-color: white !important;
}
.btn-primary {
    background-color: #faf199;
    border-color: #faf199;
    color: #7f8c8d;
}
.btn-success {
    background-color: #faf199;
    border-color: #faf199;
    color: #7f8c8d;
}
 .btn-success:focus {
    background-color: #faf199;
    border-color: #faf199;
    color: #7f8c8d;
}
.btn-success.focus,.btn-success:focus,.btn-success:hover {
    background-color: #faf199;
    border-color: #faf199;
    color: #7f8c8d;
}
span.navbar-toggler-icon {
    background-color: #faf199;
    border-radius: 0.3rem !important;
}
.btn-primary-2:focus, .btn-primary-2:hover {
    background-color: #faf199;
    border-color: #faf199;
    color: #7f8c8d;
}
.jconfirm-box {
    color: #faf199;
}
.navbar-light .navbar-nav .nav-link {
    color: #faf199 !important;
}