.contact-details a {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  margin-bottom: 15px;
  text-decoration: none;
  display: block;
  padding: 10px 54px 10px 28px;
  position: relative;
}
.contact-details a b {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.contact-details a span.icon {
  position: absolute;
  top: 24px;
  right: 24px;
}
.home-hero {
  padding: 250px 0 225px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: flex;

  align-items: center;
  justify-content: center;
  position: relative;
}
.home-hero:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(18,18,18,.25);
}
.home-hero .container {
  position: relative;
  z-index: 1;
}
.home-hero h1 {
  color: #ffffff;
  font-size: 100px;
  line-height: 100px;
  margin-bottom: 40px;
  letter-spacing: 1px;
  width:100%;
  text-align:center;
}
.home-hero p {
  font-size: 26px;
  color: #fff;
line-height: 1.46;
}
.home-hero .col9 {
 width:100%;
}
.search-fld {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  background-color: #ffffff;
  position: relative;
  padding: 12px 28px;
  height: 100%;
}
.search-fld.active {
  background-color: #698f96;
}
.search-fld .icon-dropdown {
  position: absolute;
  right: 27px;
  font-size: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.search-fld.active .icon-dropdown {
  color: #fff;
}
@media (max-width: 1400px) {
.home-hero h1 {
    color: #ffffff;
    font-size: 70px;
    line-height: 74px;
    margin-bottom: 26px;
  }
.home-hero p {
    font-size: 22px;
  }
}
.visvakanties-wrap .col3 h2,
.advice-block h2,
.home-videos-wrap h2,
.big-post-bg .h3,
.vacations-destinations h5,
.main-footer h6.h5,
.vacations-list .tp span b,
.vacations-list.style2 .uht-slider .PriceTablePrice,
.load-btn-wrap .button,
.advice-block1 .h3,
.advice-block .contact-details a b,
.vaction-text .h2,
.show-all-img span,
#about-vacation .col8 .h3,
.PriceTablePrice,
.reviews-list .button,
.related-vacation .h3,
.related-vacation .PriceTablePrice,
.vacation-post .button,
.related-vacation .button.btn-unfill,
.btm-filter button ,
.vac-summery .button,
.back-button,
.review-form .h3,
.form-grp input[type="submit"],
#author-blogs .h3 {
  font-family: "Muli-extra-bold";
}
.advice-block {
  padding: 120px 0 84px;
  position: relative;
}
.advice-block .container {
  max-width: 980px;
}
.advice-block  .contact-details a b {
  font-size: 20px;
  line-height: 25px;
}
.advice-block p {
  max-width: 80%;
  margin: 0 auto 34px;
  font-size: 20px;
  line-height: 30px;
}
.advice-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.advice-block ul li {
  flex: 1;
  padding: 21px 10px;
  text-align: left;
}
.advice-block ul.contact-details a {
  padding: 12px 54px 13px 36px;
}
.play-video {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.play-video:before {
  content: "";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 68px;
height: 68px;
line-height: 68px;
text-align: center;
display: block;
  transform: translate(-50%,-50%);
  background-color: rgba(105,143,150,.8);
  border-radius: 50%;
  color: #fff;
  font-size: 28px;
}
@media (max-width: 1599px) {
.search-fld {
    padding: 12px 17px;
  }
.search-fld .icon-dropdown {
    font-size: 12px;
  }
}
@media (max-width: 1199px) {
.home-hero h1 {
    color: #ffffff;
    font-size: 60px;
    line-height: 64px;
    margin-bottom: 12px;
  }
.home-hero {
    padding: 250px 0 225px;
  }
.advice-block,
  .home-videos-wrap,
  .home-blogs-wrap,
  .about-reviews {
      padding: 70px 0 72px;
  }
}
@media (max-width: 991px) {
.search-fld .icon-dropdown {
    font-size: 10px;
    right: 12px;
  }
.advice-block ul {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
.home-hero h1 {
      color: #ffffff;
      font-size: 28px;
      line-height: 30px;
      margin-bottom: 20px;
  }
.home-hero p {
      font-size: 16px;
  }
.home-hero {
    padding: 134px 0 0;
    min-height: 0;
  }
.home-hero .col9 {
    width: 100%;
  }
.search-fld {
    padding: 12px 20px 10px;
  }
.advice-block, .home-videos-wrap, .home-blogs-wrap, .about-reviews {
    padding: 48px 0;
  }
.advice-block ul li {
      flex: auto;
      padding: 0;
      text-align: left;
      width: 100%;
  }
.play-video:before {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 18px;
  }
.advice-block p {
      max-width: 98%;
      margin: 0 auto 42px;
      font-size: 16px;
      line-height: 24px;
  }
.advice-block ul.contact-details a {
    padding: 10px 22px 10px 22px;
}
.advice-block .contact-details a b {
    font-size: 16px;
    line-height: 24px;
     line-height: 18px;
}
.advice-block ul li {
  font-size: 14px;

}
.contact-details a {
    margin-bottom: 12px;
    padding: 8px 24px;
}
.advice-block {
    padding-bottom: 97px;
  }
.home .advice-block:after {
      top: initial;
      bottom: 0;
      transform: translateY(-0%);
      height: 164px;
      max-width: 46%;
      z-index: -1;
  }
.search-fld .icon-dropdown {
      font-size: 12px;
      right: 20px;
  }
}
.home-hero .container {
z-index: 100;
}
/* Homepage horizontal-scroll fix: één van de elementen op de
   homepage levert op smal scherm soms net iets meer breedte dan
   de viewport (paar pixels) waardoor je horizontaal kan scrollen
   na een klik. We klemmen op zowel html als body — anders kan
   de scroll bij sommige browsers naar de html-root escapen.
   :has() pakt html alleen wanneer body.home aanwezig is; clip
   (i.p.v. hidden) breekt geen sticky-positioning. */
html:has(body.home),
html:has(body.page-template-front-page),
body.home,
body.page-template-front-page {
    overflow-x: clip;
    max-width: 100%;
}