.ha-searcher__item.ha-searcher__criteria {
    display: none !important;
}

.searcher__mobile-header,
.searcher-button {
    display: none;
}

.booking-widget-searcher {
    opacity: 0; 
    transition: opacity .3s ease;
    min-height: 75px;
}

.booking-widget-searcher.loaded {
    opacity: 1;
}

.ha-searcher {
    background: #fff; 
    border-radius: 38px; 
    display: flex; 
    flex-flow: row nowrap; 
    box-shadow: 0px 0px 10px #00000014;
}


.ihg-seacher__item,
.ha-searcher__item {
    flex: 1 auto; 
    height:75px; 
    padding:10px 10px 10px 20px; 
    display: flex; 
    flex-flow: column; 
    justify-content: center; 
    transition: all .3s ease; 
    position: relative; 
    border-radius: 38px;
}
    .ihg-seacher__item {
        padding-left:30px;
    }

.ha-searcher__item::after {
    content:'';position: absolute; 
    left:0; 
    top:50%; 
    margin-top:-28px; 
    height:56px;width:1px;  background: #cecece;
}

.ihg-seacher__item:hover,
.ha-searcher__item.focus:not(:last-child),
.ha-searcher__item[data-name]:hover {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%), 13px 0 0 0px #fff;
    position: relative;
    z-index: 1;
}

.ha-searcher__item:first-child:after,
.ha-searcher__item:last-child:after,
.ha-searcher__item:hover::after {
    opacity: 0;
}

.ha-searcher__item:first-child {
    padding-left:25px;
}

.ha-searcher__item:nth-child(5) {
    flex: 0 auto;display: flex; 
    order:10; 
    padding-left:20px; 
    margin-left:auto;
}

.ha-searcher__item[data-name="criteria-group_362"] {
    order:9;
}

.ha-searcher__item input.calentim  {
    cursor: pointer;
}

    .ha-searcher__item select,
    .ha-searcher__item input{
        font-weight: 400; 
        color:var(--text);
        width: 100%;
    }
    .ha-searcher__item input::placeholder{
        color:var(--text);
    }

.ha-searcher__button {
    background: url(/ui/inhetgroen/img/icons/search.svg) left 26px center no-repeat var(--yellow);
    border: 0; 
    border-radius: 50px; 
    color: #fff; 
    padding: 0 26px 0 50px; 
    transition: background-color .3s ease; 
    font-weight: 600; 
    line-height: 1; 
    height:55px;
}
.ha-searcher__button:hover {
    background-color: var(--green);
}
.ha-searcher__button:first-letter {
    text-transform: uppercase;
}

.ihg-searcher__item-title,
.ha-searcher__item-title {
    font-family: 'Open Sans', sans-serif;
    font-size:.875em;
    line-height: 1.36;
    font-weight: 600;
}
.ihg-searcher__item-title {
    margin-bottom: 3px;
}


.ha-searcher__item-field {
    padding-top:2px;
}



.ha-searcher__guests--label {
    white-space: nowrap;
}


@media screen and (min-width: 821px) and (max-width: 1000px){
    .ha-searcher {
        font-size:14px;
    }

    .ha-searcher__button {
        text-indent: -999px; 
        padding: 0; 
        width: 55px; 
        background-size: 20px; 
        background-position: center center;
    }
}
@media screen and (max-width: 820px){
    .ihg-seacher__item[data-ihg-search-item="type"]::after {
        display: none;
    }

    .ha-searcher div#field_criteria .ihg-seacher__item {
        position: fixed;
        z-index: 1000000000;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-top: 0;
        border-radius: 0;
        border: 0;
    }

    .ha-searcher div#field_criteria .ihg-seacher__item::before {
        content: 'Selecteer accommodatietype';
        margin-top: 30px;
        display: block;
        font-weight: 600;
        font-size: 1.25em;
        color: #334330;
    }

    .ha-searcher div#field_criteria .ihg-seacher__item::after {
        content: 'Toepassen';
        position: absolute;
        right: 10px;
        bottom: 10px;
        display: block;
        font-weight: 600;
        font-size: 1.125em;
        color: #334330;
    }

    .ha-searcher div#field_criteria .ihg-seacher__item .ihg-searcher__criteria-item {
        padding: 3px 0;
    }

    .ha-searcher {
        flex-flow: row wrap;
    }

  
    .searcher__mobile-header {
        border-bottom: 1px solid #B2C2BC; 
        padding: 20px; 
        display: block;
    }

    .searcher__mobile-header .hamburger {
        top: 13px;
    }

  

    .booking-widget-searcher {
        position: fixed; 
        top:0; 
        left:0; 
        bottom:0; 
        right:0; 
        background: url(/ui/inhetgroen/img/mobile-searcher-bg.svg) right -110px bottom -88px no-repeat #fff;
        z-index: 100; 
        transform:translateX(100%);
    }

    .transition-allowed .booking-widget-searcher {
        transition: transform .5s ease;
    }

    .body--has-searcher .booking-widget-searcher.loaded {
        transform: translateX(0);
    }

    .body--has-searcher .header {
        display: none;
    }

    body .booking-widget-searcher .ha-searcher .ha-searcher__guests--selectors {
        position: fixed; 
        left: 0px; 
        margin: 0; 
        right: 0px; 
        width: auto; 
        max-width: unset; 
        top: 40px; 
        box-shadow: 0 0 0 100vh #fff; 
        z-index: 10000; 
        transform: translateX(100vw); 
        opacity: 0; 
        transition: all .3s ease; 
        pointer-events: none;
    }

    body .booking-widget-searcher .ha-searcher__guests--selectors.ha-hidden {
        display: block;
    }

    body.body--has-searcher .ha-searcher__guests--opened ~ .ha-searcher__guests--selectors {
        transform: translateX(0) !important; 
        opacity: 1 !important; 
        pointer-events: initial !important;
    }


    .ha-searcher__guests--search::before,
    .ha-searcher__guests--search::after {
        content:''; 
        width: 24px; 
        height: 2px; 
        position: absolute; 
        background: #000000; 
        right: 20px; 
        transition: transform .3s ease,top .3s ease .3s,width .3s ease,background .3s ease; 
        transform: translate3d(-50%,-50%,0); 
        top: -32px; 
        transform: rotate(45deg);
    }
    .ha-searcher__guests--search::before {
        transform: rotate(-45deg);
    }
  
    .searcher-button {
        display: block; 
        background: #fff; 
        border-radius: 60px; 
        height: 55px; 
        line-height: 55px; 
        padding-left: 25px; 
        position: relative;
    }
    
    .searcher-button__icon {
        position: absolute; 
        right: 4px; 
        top: 4px; 
        height: 47px; 
        width: 47px; 
        background: #FFB700; 
        border-radius: 50px; 
        text-align: center; 
        line-height: 1; 
        padding-top: 14px;
    }
    .searcher-button__icon img {
        width: 18px;
    }

    .ha-searcher {
        box-shadow: none; 
        padding:35px 20px;
    }
        .ihg-seacher__item,
        .ha-searcher__item {
        height: 65px; 
        padding-left:25px; 
        flex: 0 100%;
    }
    .ihg-seacher__item,
    .ha-searcher__item:not(:nth-child(5)) {
        border-radius: 50px; 
        box-shadow: none; 
        border:1px solid #B2C2BC; 
        margin-bottom: 16px;
    }
    .ha-searcher__item::after {
        display: none;
    }
    .ha-searcher__item:nth-child(5) {
        flex:1 auto; 
        padding-right: 0; 
        padding-left: 0; 
        height: 75px; 
        margin-top: 20px;
    }
    .ha-searcher__button {
        width: 100%; 
        text-align: center; 
        font-size: 16px; 
        padding: 0; 
        background-position: left calc(50% - 45px) center;
    }
}



.ihg-seacher__item[data-ihg-search-item="type"] {
    position: relative;
    cursor: pointer;
}


.ihg-seacher__item[data-ihg-search-item="type"]::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -28px;
    height: 56px;
    width: 1px;
    background: #cecece;
}

.ha-searcher .ihg-seacher__item.active #field_criteria .ihg-seacher__item {
    display: block;
}
.ha-searcher #field_criteria .ihg-seacher__item {
    display: none;
    height: auto;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #00000014 !important;
    position: absolute;
    top: 100%;
    margin-top: 10px;
    padding-right: 30px;
    padding-left: 20px !important;
    width: 290px;
    margin-left: -20px;
}

.ha-searcher #field_criteria .ihg-seacher__item input {
    transform: translateY(3px);
}


.ha-searcher #field_criteria .ihg-seacher__item .ihg-searcher__criteria-group:not([data-criteria-group='kenmerken_type']) {
    display: none;
}

.ha-searcher #field_criteria .ihg-seacher__item .ihg-searcher__criteria-group {
    padding: 10px 0;
}





#field_criteria .ihg-searcher__criteria-item label {
    font-weight: 400;
    display: flex;
}

#field_criteria h3 {
    display: none;
}