.listing-content-wrap{
width: 100%;
aspect-ratio: 3 / 4;
display: flex;
flex-direction: column-reverse;
}
.listing-col{
width: 23.5%;
padding: 0 15px;
padding-bottom:25px;
}
.listing-title{
background: #222222;
position: relative;
padding:45px 25px;
margin-bottom:-2px;
}
.listing-title > h4{
margin-top:0;
margin-bottom:0;
color: #FFF9EE;
transition: color 0.3s ease-out;    
max-width: calc(100% - 50px);
font-size: 26px;
}
.listing-col .q-listing-arrow{
position: absolute;
top: 0;
right: 15px;
color: #FFF9EE;
font-size: 50px;
transition: right 0.3s ease-out,color 0.3s ease-out;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.listing-col a:hover .q-listing-arrow, .listing-col a:hover .listing-title > h4{
color: var(--color-primary);
right:5px;
}
.listing-container{
gap: 2%!important;
} .s-listing-introrow{border:none!important;}
#zo-titlebar.titlebar .titlebar-inner{
display:block!important;
}
#zo-titlebar.titlebar{
background-color: initial !important;
position: static!important;
background-image: none !important;
}
.s-listing-introrow{
border-top:0!important;
}
.s-listing-col-form {
background-color:#222222!important;
color:initial!important;
}
#solliciteren .s-listing-col-form input::placeholder,#solliciteren .s-listing-col-form textarea::placeholder{
color: #333333!important;
transition:color 0.3s ease;
}#solliciteren .s-listing-col-form input:focus,#solliciteren .s-listing-col-form textarea:focus,#solliciteren .s-listing-col-form input:focus::placeholder,#solliciteren .s-listing-col-form textarea:focus::placeholder{
color: #33333333!important;
}
#solliciteren .s-listing-col-form input,#solliciteren .s-listing-col-form textarea{
background-color: #fff9ee;
color: #222222;
padding: 3px 6px;
border: none;
border-radius: 0;
height: 50px;
padding: 0 2em;
transition: color 0.3s ease;
width: 100%;
}
#solliciteren .s-listing-col-form textarea{
min-height:400px;
padding: 1em 2em;
}
#zo-file-input-wrapper{    
background-color: #fff9ee;
color: #222222;
height: 50px;
padding: 0 2em;
display: flex;
align-items: center;
gap: 10px;
}
#zo-file-status{
color: #33333333!important;
}
.s-listing-col-form .wpcf7-not-valid-tip{
background-color:#222222!important;
}
.wpcf7-acceptance .wpcf7-list-item{
color:var(--color-link);
}
.s-listing-form-title{
color:#FFF9EE;
}
.wpcf7-acceptance .wpcf7-list-item-label:before{
border: none!important;
background: #FFF9EE;
}
.wpcf7-list-item-label::after{
color:#222222;
}
.s-listing-col-form .wpcf7-submit{
display: inline-flex!important;
width: auto!important;
height: 50px!important;
margin-bottom: 0!important;
padding: 0 2.8em!important;
border: none!important;
background-color: var(--color-primary)!important;
align-items: center!important;
color: #222222!important;
transition: all .3s ease!important;
}
#page-banner-section .listing-intro-text{
color:var(--color-link);
}
.s-listing-col-form .wpcf7-submit:hover{
background-color: #1d70b9!important;
color: #f7ead7!important;
}
.s-listing-col-form .wpcf7-submit:disabled{
background-color: var(--color-primary)!important;
}
.wpcf7 form .wpcf7-response-output{
background: #FFF9EE;
color: #222222;
}
.s-listing-col-form{
padding:60px!important;
}
@media screen and (max-width:1200px){
#page-banner-section .listing-intro-text{
color:#222222;
}
}
@media screen and (max-width:992px){
.listing-col{
width: 49%;
}
.s-listing-info-section h1{
margin-bottom:110px;
}
.s-listing-col-form{
padding:60px!important;
}
}
@media screen and (max-width:768px){
#zo-file-status{
font-size:13px;
}
.s-listing-info-section h1{
margin-bottom: 77px;
margin-top: 45px;
min-height: 2em;
}
.listing-col{
width: 100%;
}
}
.nav-item-children{
border-radius:0!important;
}