:root{
    --searchBarHeight: 90px;
    --sliderHeight: calc(100dvh - var(--searchBarHeight));
}

.jumbo-header{
    position:absolute !important;
}

.searchBar{
    height: var(--searchBarHeight);
}
.searchBar > .container,
.searchBar > .container > .row{
    height:100%;
}
.searchBar .btn{
    display:inline-flex;
    align-items: center;
    justify-content: center;
}
.searchBar h2{
    font-size:30px;
    margin:0;
}
.searchBar .dropdown{
    height:100%;
    padding: 0.5rem;
    position: relative;
}
.searchBar .dropdown .btn{
    border:2px solid var(--themePrimaryDark);
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.searchBar .dropdown .dropdown-menu{
    width: calc(100% - 1rem);
    border: 2px solid #000;
}

.section-02 p:empty{
    display:none;
}
.section-02 .imageHolder{
    aspect-ratio:1;
    border: 3px solid var(--themeBorderColorDark);
    box-shadow: 13px 12px 0 0px rgba(0, 0, 0, 0.2);
}
.section-02 .btgrid .col:last-of-type h3{
    color: var(--bs-gray-800);
}
.section-02 .btgrid .col:last-of-type h3 strong{
    color: #000;
}

[html-tag='onze-projecten'] h2{
    margin:0;
    display: inline-flex;
    align-items: center;
}
[html-tag='onze-projecten'] h2 small{
    margin:0;
}
[html-tag='onze-projecten'] .content{
    height:100%;
    display:flex;
    align-items:center;
}
[html-tag='onze-projecten'] .col:last-of-type .content{
    justify-content:end;
}

@media screen and (min-width:1024px){
    .section-02 .btgrid .col:last-of-type{
        padding-left:5rem;
    }
}
@media screen and (max-width:1920px){
    .searchBar > .container{
        max-width:100%;
    }
}
@media screen and (max-width:1024px){
    :root{
        --searchBarHeight: 210px;
    }
}