/* You may apply style changes  */
.btn-light {
    padding: 9px 20px;
    border: 2px solid #899684;
    text-decoration: none;
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #272429;
    border-radius: 5px;
    display: flex;
    margin-top: 30px;
    width: -moz-fit-content;
    width: fit-content;
    /*
    margin-right: auto;
    margin-left: auto;
    */
}

.view-all-btn {
    font-weight: 700;
    font-size: 14px;
    font-family: "Jost", sans-serif;
    color: #899684;
  /*  margin-top: 60px; */
    display: flex;
    width: 100%;
    font-size: 16px;
}



footer .footer-wrapper .right ul li:first-child a{
    font-weight: 700;
    font-size: 16px;
    font-family: "Jost", sans-serif;
    color: #272429;
}


.wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
}

.wpcf7-form-control.btn-send {
    border: 1px solid #899684
}

.contact .contact-wrapper .min-container .contact-card .contact-detailes p {
    display: block;
}

.contact .contact-wrapper .min-container .contact-card .contact-detailes p.email,
.contact .contact-wrapper .min-container .contact-card .contact-detailes p.phone {
    margin-bottom: 20px;
}

.contact .contact-wrapper .min-container .contact-card .contact-detailes p.phone {
    margin-top: 20px;
}

.page-navigation ul {
    display: flex;
    gap: 6px;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
}

.page-navigation ul li a, .page-navigation ul li{
    font-family: "Jost", sans-serif;
    display: flex;
}

.page-navigation ul li:not(:last-of-type):after {
    content: ">";
    display: inline-block;
    color: #C3BCB6;
}

.page-navigation ul li a,
.page-navigation ul li {
    text-decoration: none;
    color: #C3BCB6;
    font-size: 14px;
    font-weight: 400;
}

.page-navigation ul li:last-child a,
.page-navigation ul li:last-child {
    text-decoration: underline;
}

.cottage-info-wrapper .readmore-text{
    display: none;
}

img.liked{
    background: url("../img/heart-white.svg") no-repeat;
}

img.liked:hover, img.heart:hover{
    background: url("../img/heart-pink.svg") no-repeat;
}

.green-button{
    padding: 10px 20px;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    font-family: "Jost", sans-serif;
    text-decoration: none;
    color: #fff !important;
    background-color: #899684;
    transition: all 0.3s ease;
    margin-top: 20px;
}

.green-button:hover{
    background-color: #a6b1a2;
}

.desktop-width-470{
    max-width: 470px;
    margin-right: auto;
    margin-left: auto;
}

.cottage-info .availability .availability-wrapper{
    padding-top:10px;
}

h1, h2, h3, h4, h5, h6, p{
    font-family: "Jost", sans-serif;
    font-weight: 400;
    color: #272429;
}

h6{
    font-size: 20px;
}

h5{
    font-size: 26px;
}

h4{
    font-size: 22px;
}

h3{
    font-size: 32px;
}

h2{
    font-size: 38px;
}

h1{
    font-size: 60px;
}

p{
    font-size: 16px;
}

.bcg-black h1, .bcg-black h2, .bcg-black h3, .bcg-black h4, .bcg-black h5, .bcg-black h6{
    color: #fff;
}

.bcg-black .btn-light{
    color: #899684;
}



.feature .feature-wrapper ul{
    justify-content: center;
}

.container-wide{
    max-width: 1270px;
}

.container-narrow{
    max-width: 620px;
}

.container-indented{
    max-width: 1055px;
}

.title-underline::after {
    content: "";
    display: flex;
    width: 60px;
    height: 2px;
    background-color: #899684;
    margin-top: 20px;
    margin-bottom: 20px;
}

.title-indented{
    padding-left: 20px;
    border-left: 6px solid #899684;
    margin-bottom: 20px;
}


.post-info .post-info-wrapper .center p{
    margin-top: 10px;
}

.cannot-find{
    position: relative;
}

.cannot-find::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); 
  }

  button.green-btn{
    font-size: 16px;
    border: none;
  }


  /* posts */
  .post-hero .post-hero-wrapper .img-wrapper img{
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
  }

  .additional-filter ul{
    display: none !important;
  }

  .additional-filter.active ul{
    display: grid !important;
  }


  .guests select::-ms-expand, .flexible select::-ms-expand  {
    display: none;
    box-shadow: none;
  }

  .guests select,  .flexible select{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    box-shadow: none;
  }

  .guests select:focus, .flexible select:focus{
    outline: none;
}


  .filter .d-filter-wrapper .filter-box ul li .calendar2 {
    position: absolute;
    bottom: 67px;
    left: -100px;
    font-family: "Jost", sans-serif !important;
    padding: 10px;
    background-color: #fff;
    opacity: 0;
    height: 270px;
    pointer-events: none;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.filter .d-filter-wrapper .filter-box ul .calendars-on .calendar2 {
    opacity: 1;
    pointer-events: fill;
}

.filter .d-filter-wrapper .filter-box ul li{
    width: 100%;
}

.cottage-info .facilities ul .active .more-info ul {
    list-style: disc;
    margin-left: 20px;
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}

.gallery-slide .gallery-slide-wrapper .myGallerySwiper .swiper-slide img {
    -o-object-fit: contain;
    object-fit: contain;
}

.close-swiper{
color: white;
position: absolute;
right: var(--swiper-navigation-sides-offset, 64px);
left: auto;
top: var(--swiper-navigation-top-offset, 10%);
width: 43px;
height: 43px;
background-color: rgba(255, 255, 255, 0.75);
background: url("../img/Icon-Close-white.png") no-repeat;
z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

}


.filter .m-filter-active .m-filter-box .add-filter {
    height: auto;
    gap: 10px;
}

@media (max-width: 1080px) {
    .single-cottage .single-cottage-wrapper ul li {
        flex-direction: column-reverse;
    }

    .single-cottage .single-cottage-wrapper ul li .right .mySwiperSingle .swiper-slide .item img {
        height: inherit;
    }

    .single-cottage .single-cottage-wrapper ul li .discount{
        display: none;
    }

    .single-cottage .single-cottage-wrapper ul li .right .mySwiperSingle .swiper-slide .item{
        height: 250px;
        min-height: 250px;
        overflow: hidden;
    }

    .single-cottage .single-cottage-wrapper ul li .left{
        padding-top: 0px;
    }
}

/* Search popup  */
.f-search__container {
    margin: 0 auto;
  }
  .sticy-search {
    z-index: 333;
    bottom: -100%;
  }
  .sticy-search.show {
    bottom: 0;
  }
  .sticy-search2 {
    z-index: 333;
    bottom: -100%;
  }
  .sticy-search2.show {
    bottom: 0;
  }

  .sticy-search2 {
    display: none;
    align-items: center;
    justify-content: center;
    height: 80px;
    position: sticky;
    bottom: 0;
    background-color: #CDDBC7;
    transition: all 0.3s ease;
 }

 .mob-favourites { display: none;}
 @media (max-width: 1080px) {
    .sticy-search {
      display: flex;
      z-index: 4;
    }

    .desk-favourites { display: none;}
    .mob-favourites { display: block;}
}


  .f-search {
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 100vw;
    min-height: 100vh;
    z-index: 222;
    display: flex;
    align-items: center;
    transition: right 0.2s ease-in;
  }
  
  .f-search.active {
    right: 0;
  }
  body .grid-collection .grid-collection-wrapper {
    padding-top: 26px;
  }
  body .filter .fixed-menu .m-filter-box {
    margin-top: 60px;
    position: static;
  }

  .departure-m, .departure-m-footer{
    left: -120px !important;
  }

/*
  .PermalinkOverlay {
    background: none;
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010;
}
    */

.PermalinkOverlay.active {
    background: rgba(0, 0, 0, 0.15);
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010;
}

.f-search.active{
    z-index: 1020;
}
.sub-footer .sub-footer-wrapper .left p{
    color: #fff;
}

.filter .d-filter-wrapper .filter-box ul li p{
    opacity: 70%;
}

.cottages .cottages-wrapper .products li .item-wrapper .info {
    min-height: 350px;
}