/*

header {
    position: relative;
}

.header-image {
    background-image: url('/assets/banner-huren.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #6b765a;
	min-height: 450px;
}


.header-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background-color: #0056b3;
    opacity: 0.3;
}
*/

.header-title {
    padding: 3em 0;
    margin: 0;
    color: #fff;
    z-index: 10;
    position: relative;
}

/* Eigen CSS */
.recranet-zoeken {
    margin: 0;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    z-index: 1500;
    position: relative;
}
.recranet-element .rn-input-group-append, .recranet-element .rn-input-group-prepend {
    display: flex;
    flex-wrap: nowrap !important;
    flex-direction: column;
}

.recranet-element .rn-input-group {
    position: relative;
    display: flex;
    flex-wrap: nowrap !important;
    align-items: stretch;
    width: 100%;
}


button.rn-accommodation-search-form-btn.rn-btn.rn-btn-default.rn-btn-rounded {
    align-self: baseline;
    margin-bottom: 20px;
}

.rn-accommodation-search-form-section-padding {
    padding: 15px;
/*    padding-bottom: 0px !important; */
}

.recranet-search-bar {
    border-radius: 9px !important;
}

recranet-search-bar.recranet-element {
    background-color: #ffffff00 !important;
}

.recranet-element .rn-accommodation-search-form-horizontal.rn-accommodation-search-form-section-bg {
    background-color: #ffffffab !important;
}

.zoek-bar {
    margin-left: 11%;
    margin-right: 11%;
    border-radius: 10px !important;
}

.recranet-element .rn-btn-default {
    background-color: #046bd2;
    color: #fff;
    border-color: #046bd2;
}

/* Einde eigen CSS */

@media screen and (max-width: 992px) {
    .header-title {
        padding: 2.5em 0;
        font-size: 28px;
    }
}

@media screen and (max-width: 414px) {
    .header-title {
        padding: 1.8em 0;
        font-size: 22px;
    }
}