body{font-family:'Kanit' !important;}
.font-main {
  font-family: 'Kanit', sans-serif !important;
}

.alert {
  width: max-content;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: inherit;
}

.gdprGroupLabel {
  color: inherit;
  font-weight: 400;
  display: flex;
}

.close {
  text-shadow: 0 0 0 !important
}

.gdprLabel {
  color: inherit;
  font-weight: 300;
  display: flex;
}

.accordion-button:not(.collapsed) {
  color: #DE9425;
}

.extralight {
  font-weight: 100 !important;
}

.light {
  font-weight: 200 !important;
}

.normal {
  font-weight: 300 !important;
}

.medium {
  font-weight: 400 !important;
}

.semibold {
  font-weight: 500 !important;
}

.bold {
  font-weight: 700 !important;
}

.extrabold {
  font-weight: 900 !important;
}
.blog .blog-posts.grid .post .post-title {
  white-space: normal;
}

.blog .blog-posts .post .cbp-caption img,
.blog .blog-posts .post .caption img {
  max-height: 50vh;
  object-fit: cover;
}

/* Dropdown Menu */
.punch-nav .nav-menu ul li ul.dropdown-menu {
  padding: 0 0 0 30px;
  background-color: transparent;
  color: inherit;
  position: relative;
  display: none;
  font-size: inherit;
  border: none;
}

.punch-nav .nav-menu>ul>li>ul.dropdown-menu a {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Animation for dropdown links */
.punch-nav .nav-menu ul li ul.dropdown-menu>li {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0px, 0px);
  transform: translate3d(-10px, 0px, 0px);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu.showing>li {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/* Delays for dropdown animations */
.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(1) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.15s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.2s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(3) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.25s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(4) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.3s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(5) {
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.35s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(6) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.4s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(7) {
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.45s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(8) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.5s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(9) {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.55s;
}

.punch-nav .nav-menu ul li ul.dropdown-menu>li:nth-of-type(10) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.6s;
}

/* Has sub menu icon */
.punch-nav li.dd-toggle>a:after {
  content: "\e64b";
  font-family: 'themify';
  font-size: 30px;
  opacity: 1;
  border: none;
  vertical-align: middle;
  /* Aligns the icon with the text */
  position: relative;
  /* Change from absolute to relative */
  margin-left: 10px;
  /* Adds spacing between the text and the icon */
  display: inline-block;
  /* Ensures the icon stays inline with the text */
  transform: rotate(0deg);
  transition: transform 0.22s;
}

.punch-nav li.dd-toggle>a.active:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sponsor {
  min-height: 100%;
  align-content: center;
}

/* Image animation */
.cbp-item .work-image {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.cbp-item:hover .work-image {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Details animation */
.cbp-item .details {
  opacity: 0;
  -webkit-transform: translateY(100%) perspective(1000px);
  transform: translateY(100%) perspective(1000px);
  -webkit-transition: transform 0.3s, opacity 0s 0.25s;
  transition: transform 0.3s, opacity 0s 0.25s;
}

.cbp-item:hover .details {
  opacity: 1;
  -webkit-transform: translateY(0%) perspective(1000px);
  transform: translateY(0%) perspective(1000px);
  -webkit-transition: transform 0.3s, opacity 0s 0s;
  transition: transform 0.3s, opacity 0s 0s;
}

/* Add to your CSS file */
.hotel-image {
  height: 40vh;
  /* Set your desired height */
  object-fit: cover;
  /* Ensures images fill the area without distortion */
  width: 100%;
  /* Optional: makes images full width of their container */
  display: block;
}

.room-image {
  height: 25vh !important;
  /* Set your desired height */
  object-fit: cover;
  /* Ensures images fill the area without distortion */
  width: 100%;
  /* Optional: makes images full width of their container */
  display: block;
}

  @media only screen and (min-width:767px) {
      .main-sponsor-topreiter {
        width: 13vw;
        padding-right: 30px;
        margin-bottom: 5px;
      }
      .main-sponsor-ipzv {
        width: 10vw;
        padding-right: 30px;
        margin-bottom: -20px;
      }
      .main-sponsor-blomatun {
        width: 17vw;
        margin-bottom: 4px;
      }
    }

@media only screen and (max-width: 767px) {
  .main-sponsor-topreiter {
    width: 55vw;
    margin-bottom: 5px;
  }
  .main-sponsor-ipzv {
    width: 50vw;
    margin-bottom: -20px;
  }
  .main-sponsor-blomatun {
    width: 59vw;
    margin-bottom: 4px;
  }
}

.packages-slider .slick-track {
  display: flex;
}

.packages-slider .slick-track .slick-slide {
  height: inherit !important;
}

.packages-slider .slick-track .slick-slide .slide {
  height: inherit !important;
}

.packages-slider .slick-track .slick-slide>div {
  height: 100% !important;
}