/*
* Template Block Styles
*/
.accommodation-and-sites-block {
    max-width:var(--max-width);
    margin: 100px auto;
    padding:0 15px;
}
.accommodation-and-sites-block__grid {
    display:grid;
    justify-content:center;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:25px;
}
@media(max-width:1000px){
    .accommodation-and-sites-block__grid {
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:600px){
    .accommodation-and-sites-block__grid {
        grid-template-columns:1fr;
    }
}
.accommodation-and-sites-block__grid__item {filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));border-radius: 8px;overflow:hidden;background:white;padding:32px;display: flex;flex-direction: column;align-items: flex-start;}
.accommodation-and-sites-block__grid__item__gallery {
    margin:-32px -32px 32px -32px;
    width: calc(100% + 64px);
}

.accommodation-and-sites-block__grid__item__gallery img {
    display: none;
}

.accommodation-and-sites-block__grid__item__gallery img:first-of-type {
    display: block;
}

.accommodation-and-sites-block__grid__item__title {
    font-weight:600;
    font-size:28px;
    color:var(--primary-alt);
    margin-bottom:9px
}
.accommodation-and-sites-block__grid__item__description {
    font-weight:300;
    font-size:18px;
    line-height:26px;
    flex-grow: 1;
}
.site .accommodation-and-sites-block__grid__item__button {
    margin-top:24px;
    margin-bottom:0!important
}
.accommodation-and-sites-block__grid__item__features ul {
    list-style:none;
    padding:0;
    margin:5px -6px 10px;
    display:flex;
    flex-wrap:wrap;
}
.accommodation-and-sites-block__grid__item__features ul li {
    background:var(--secondary-light);
    border-radius:100px;
    margin:6px;
    min-height:34px;
    padding: 8px 12px 0;
    font-size:14px;
    color:var(--primary-alt);

}
.accommodation-and-sites-block__grid__item__features ul li:before {
    content:'\f236';
    font-family:var(--font-awesome);
    margin-right:10px;
    color:var(--primary-dark);
    font-weight: 600;
}

.accommodation-and-sites-block_icon--guests:before {
    content:'\f007'!important
}

.accommodation-and-sites-block_icon--pets:before {
  content:'\f1b0'!important
}
.accommodation-and-sites-block__grid__item__price {
    font-weight:400;
    font-size:18px;
}
.accommodation-and-sites-block__view-more {
    display:flex;
    justify-content:center;
    padding-top:50px
}
h2.accommodation-and-sites-block__filter__title {
    font-weight:600;
    margin: 0 0 10px;
    color:var(--primary-alt);
    font-size:40px;
}
.accommodation-and-sites-block__filter {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom: 52px;
}
.accommodation-and-sites-block--custom .accommodation-and-sites-block__filter {
    display: block;
    text-align: center;
}
.accommodation-and-sites-block__filter__types ul {
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.accommodation-and-sites-block__filter__types ul li {
    margin: 24px!important;
    border-bottom:2px solid transparent;
    padding:10px 0;
    font-size:24px;
    color:var(--primary-alt-2);
    cursor: pointer;
}
.accommodation-and-sites-block__filter__types ul li.active {
    border-color:inherit;
    color:var(--primary)
}

.accommodation-and-sites-block__filter__content p {
    margin:0;
    font-weight: 300;
}
.accommodation-and-sites-block__filter__content p span {
    font-weight:400
}
.accommodation-and-sites-block__view-more #view-more:after {content:'\f107';font-family:var(--font-awesome);margin-left:15px;font-size:18px;display:inline-block;transform:translateY(1px);font-weight: 600;}
.accommodation-and-sites-block__view-more #view-more[data-show="less"]:after {
    transform:rotate(180deg)
} 

@media(max-width:1000px) {
    .accommodation-and-sites-block__filter {
        justify-content:flex-start;
        flex-direction:column;
        align-items:flex-start;
        margin-bottom: 26px;
    }
    .accommodation-and-sites-block__filter__types ul {
        justify-content:flex-start;
    }
     .accommodation-and-sites-block__filter__types ul li {
        margin:10px 38px 0px 0;
        font-size:18px;
    }
    h2.accommodation-and-sites-block__filter__title {
        font-size:26px;
    }
    .accommodation-and-sites-block__grid__item__description {
        padding-bottom: 13px;
        overflow: hidden;
        will-change: height;
        transition: height 1s ease;
    }
    .accommodation-and-sites-block__grid__item__button {
        margin:0!important;
        width:100%;
    }
    .accommodation-and-sites-block__grid__item {
        padding:16px;
    }
    .accommodation-and-sites-block__grid__item__gallery {
        margin:-16px -16px 16px;
    }
    .accommodation-and-sites-block__grid__item__gallery {
        width:calc(100% + 32px);
    }
    .accommodation-and-sites-block {
        margin:50px 0;
    }
}