:root{
      --theme--primary-color: var(--teal);
    --theme--primary-color-20: #5b797e20;
    --theme--primary-color-40: #5b797e40;
    --theme--primary-color-60: #5b797e60;
    --theme--primary-color-80: #5b797e80;
    --theme--secondary-color: var(--coral);
    --card--border-radius:0px;
    --theme--border-radius:0px;
     --theme--margin-bottom:4rem;
    --theme--star-color:var(--teal);
}


@media screen and (max-width:767.98px) {
    .custom-container-padding {
    padding-left: var(--bs-gutter-x);
    padding-right: var(--bs-gutter-x);
}
}

@media screen and (max-width:600px){
#smooth-wrapper-hh h1{
    font-size: 2.2rem;
}
}

@media (max-width: 767.98px) {
    .covervideoimage .search-home {
        height: min-content!important;
        bottom: unset;
        margin-top: 30px;
    }
}     
@media (min-width:320px) and (max-width: 480px) {
    .covervideoimage {
        margin-bottom: 200px;
    }
} 
@media (min-width:480px) and (max-width: 650px) {
    .covervideoimage {
        margin-bottom: 250px;
    }
}  
@media (min-width:650px) and (max-width: 767.98px) {
    .covervideoimage {
        margin-bottom: 300px;
    }
}  


body.homhero_page_body {
    z-index: 1;
    position: relative;
    overflow: visible;
}

body.homhero_page_body #smooth-wrapper-hh{
     z-index: 1;
    position: relative;
    overflow: visible;
}



/* Buttons */

.button,
a.button {
    display:inline-block;
    line-height:1.5;
    padding:0.5em 1em;
    background:rgba(255,255,255,0);
    border: 2px solid var(--teal);
    border-radius: 0;
    color: var(--teal);
    position:relative;
    transition:background 300ms linear;
    transition:color 300ms linear;
    font-size:0.9em;
    z-index:1;
    box-sizing:border-box;
    cursor: pointer;
    text-decoration: none;
}

.site .button.outline {
    color:var(--theme--button-color);
}

.button:hover,
.button.outline:hover {
    background: var(--teal);
    color:#fff;
    text-decoration:none;
}

header.header.booking-header {
    position: relative;
    top: 0;
}