
#search-accommodation,
#searchResults {
   max-width:none;
}
@media screen and (min-width: 768px){
    #hero + .entry-content #search-accommodation{
        transform: translateY(-50%);
        position: relative;
        z-index: 2;
    }
}

.entry-content{
    margin-top:0;
}

.entry-content > * {
    margin-top:0;
    margin-bottom:0;
}

.banner-image{
    position:relative;
    background-position: center center;
    background-size:cover;
    min-height:250px;
} 

@media screen and (min-width: 1200px){
    .banner-image{
        min-height:350px;
    }    
}

.banner-overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, var(--e-global-color-accent) 100%);
    display:flex;
    align-items:center;
    justify-content:center;
}

.banner-overlay .text-holder {
    color:#fff;
    max-width:1300px;
    text-align:center;
}

.banner-overlay .text-holder h1{
    color: #FFFFFF;
    font-family: "Inter", Sans-serif;
    font-size: 1.75em;
    font-weight: 600;
    line-height: 1.2em;
}

@media screen and (min-width:1200px){
    .banner-overlay .text-holder h1{
        font-size: 3em;
    }
}

.button{
    display:inline-block;
    font-size:1rem;
    line-height:1em;
    padding:10px 30px;
    border:2px solid var(--e-global-color-accent);
    background-color:var(--e-global-color-accent);
    color:#fff;
    cursor:pointer;
}

.button:not(:hover):not(:active){
    border:2px solid var(--e-global-color-accent);
    background-color:var(--e-global-color-accent);
    color:#fff;
}

.button.outline,
.button:not(:hover):not(:active):not(.has-background){
    background-color:transparent;    
    color:var(--e-global-color-accent);
}

button:hover,.button:active{
    border:2px solid var(--e-global-color-accent);
    background-color:var(--e-global-color-accent);
    color: #fff;
}

