@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Destination
2. Travel Tips

---------------------------------------------------------------- */
.is_scroll {
  overflow: hidden;
  overflow-y: scroll;
}
.is_shadow {
  box-shadow: none !important;
}
/*--------------------------------------------------------------
>>> Destination
----------------------------------------------------------------*/
  /* Tab */
  .tab-wrapper {
    background-color: #fff;
    padding: 15px 0;
    /* margin: 10px 0 40px; */
    z-index: 2;
  }
  .tab-wrapper .activity-inner .col {
    padding-left: 8px;
    padding-right: 8px;
  }
  .tab-wrapper .activity-inner .activity-item .activity-icon i {
    color: #414b94;
    font-size: 20px;
    line-height: 20px;
  }
  .fixed-tab {
    /* border-bottom: 1px solid #e0e0e0; */
    -webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
  }
  .fixed-tab.tab-wrapper {
    top: 38px;
  }

  .tab-wrapper .slick-slider .slick-prev {
    left: 0;
  }

  .tab-wrapper .slick-slider .slick-next {
    right: 0;
  }

  .tab-wrapper .slick-slider .slick-prev:before,
  .tab-wrapper .slick-slider .slick-next:before {
    height: 24px;
    width: 24px;
    line-height: 24px;
  }

  .tab-wrapper .slick-prev:before,
  .tab-wrapper .slick-next:before {
    font-size: 14px;
  }

  @media screen and (min-width: 992px) {
    .fixed-tab.tab-wrapper {
        top: 62.5px;
    }
  }

  /* Gallery */
  .column-left {
    flex: 2; /* Set the width of the first column */
  }

  .column-right {
    flex: 1; /* Set the width of the second column */
  }
  .see-more {
    background: #414b94;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    left: 10px;
    padding: 5px 20px;
    display: block;
    position: absolute;
    bottom: 10px;
    z-index: 3;
    cursor: pointer;
  }

  /* 00 Intro Section */
  .intro-section {
      padding-top: 20px;
      padding-bottom: 40px;
  }

  /* 01 Getting Here Section */
  #get-here-section {
      padding: 60px 0 40px;
  }

  /* 04 Foods Section */
  #foods-section {
      padding: 60px 0 40px;
  }

  /* 06 Weather Section */
  #weather-section .about-service .about-service-icon {
      font-size: 48px;
      line-height: 60px;
  }
  #weather-section .about-service:nth-child(1) .about-service-icon {
      background-color: #F2863D;
  }
  #weather-section .about-service:nth-child(2) .about-service-icon {
      background-color: #74CAA3;
  }
  #weather-section .about-service:nth-child(3) .about-service-icon {
      background-color: #187EE6;
  }

  #weather-section .outline-primary {
      border: 2px solid #d9d9d9;
  }
  #weather-section .outline-primary.active,
  #weather-section .outline-primary.active:hover {
      background-color: #E10000;
      border-color: #E10000;
      color: #ffffff;
  }
  #weather-section .outline-primary:hover {
      background-color: transparent;
      border: 2px solid #d9d9d9;
      color: #E10000;
  }

  /* 07 Map Section */
  #dest-map-section {
      padding: 40px 0 20px;
  }
  #dest-map-section #map {
    min-height: 400px;
    height: 100%;
  }
  .widget.widget-location-thumb li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .widget.widget-location-thumb li:before, .widget.widget-location-thumb li:after {
    content: "";
    display: block;
    clear: both;
  }
  .widget.widget-location-thumb li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .widget.widget-location-thumb li a {
    color: inherit;
  }
  .widget.widget-location-thumb .location-thumb {
    width: 80px;
    float: left;
    position: relative;
  }
  .widget.widget-location-thumb .location-content {
    float: right;
    /* padding-left: 20px; */
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
  }
  .widget.widget-location-thumb .location-content h5 {
    margin-bottom: 5px;
    font-weight: 700;
    cursor: pointer;
  }
  .widget.widget-location-thumb .location-content .entry-name {
      margin-bottom: 8px;
  }
  .widget.widget-location-thumb .location-content .entry-name span.meta-cat {
      display: inline-block;
      font-size: 13px;
      color: #2F2F2F;
  }
  .widget.widget-location-thumb .location-content .entry-meta {
    font-size: 14px;
  }
  .widget.widget-location-thumb .location-content .entry-meta span {
    padding: 0 8px;
    position: relative;
  }
  .widget.widget-location-thumb .location-content .entry-meta span:before {
    color: #B6B6B6;
    content: "|";
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .widget.widget-location-thumb .location-content .entry-meta span:last-child:before {
    display: none;
  }
  .widget.widget-location-thumb .location-content .entry-meta a {
    color: #414b94;
    font-weight: 700;
    display: inline-block;
    font-size: 13px;
    line-height: 1.1;
  }
  .widget.widget-location-thumb .location-content .entry-meta a:hover, .widget.widget-location-thumb .location-content .entry-meta a:focus {
    color: #bd3b3a;
  }
  .widget.widget-location-thumb .location-content .entry-name span.badge-primary {
      background-color: #E10000;
  }

  #dest-map-section .desti-item .desti-image img {
    max-height: 120px;
    display: block;
    margin: 0 auto;
  }
  #dest-map-section .desti-item .desti-image:before {
    content: none;
  }
  #dest-map-section .desti-content {
    color: #383838;
    padding: 10px 0;
  }
  #dest-map-section .desti-content h5 {
    font-weight: 700;
    margin-bottom: 0;
  }
  #dest-map-section .desti-item .meta-cat a {
    text-transform: capitalize;
  }

  .btn-more {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
    padding: 10px 24px;
    color: #101F46;
    border: 1px solid #ced4da;
    cursor: pointer;
}

.btn-more:hover {
    color: #bd3b3a;
}

  @media screen and (min-width: 992px) {
    .tab-wrapper {
      top: 62.5px;
    }
  }

/*--------------------------------------------------------------
>>> Travel Tips
----------------------------------------------------------------*/
.sidebar {
  position: sticky;
  top: 4.5rem;
}
.sidebar .toc-title h3 {
  font-size: 16px;
  margin-bottom: 0;
  display: inline-block;
}
.sidebar .toc-title .toc-open:before {
  content: "\f0d7";
  color: #101F46;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 16px;
  margin-right: 8px;
  display: inline-block;
}
.sidebar .toc-title .toc-open.collapsed:before {
  transform: rotate(180deg);
}
.sidebar .toc-content ul {
  text-align: left;
  padding: 0;
  margin: 0;
}
.sidebar .toc-content ul.nav {
  margin-top: 20px;
}
.sidebar .toc-content ul li {
  list-style: none;
}
.sidebar .toc-content ul li a {
  color: #333;
  font-weight: 600;
  /* padding: 7px 0;
  display: inline-block;
  width: calc(100% - 50px); */
}
.sidebar .toc-content ul li a:hover {
  color: #E10000;
  text-decoration: none;
  border-bottom: 0;
}
.sidebar .toc-content ul li.nav-item {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.sidebar .toc-content ul li.nav-item:last-child {
  border-bottom: none;
}
.sidebar .toc-content ul li.selected > ul.sub-menu {
  display: block;
}
.sidebar .toc-content ul li.selected > a {
  color: #E10000;
  font-weight: bold;
}
.sidebar .toc-content ul.sub-menu {
  display: none;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.sidebar .toc-content ul.sub-menu li {
  padding: 4px 0 4px 20px;
}
.sidebar .toc-content ul.sub-menu li i {
  margin-right: 5px;
}
.sidebar .toc-content ul li a.menu-toggle {
  position: relative;
  width: 50px;
  text-align: center;
  border-bottom: 0;
  vertical-align: top;
  cursor: pointer;
}
.sidebar .toc-content ul li a.menu-toggle:after {
  content: "\f054";
  color: #7a7a7a;
  position: relative;
  float: right;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
}
.sidebar .toc-content ul li a.menu-toggle:focus,
.sidebar .toc-content ul li a.menu-toggle:hover, 
.sidebar .toc-content ul li a.menu-toggle:visited, 
.sidebar ul li a.menu-toggle:link {
  border-bottom: 0;
  text-decoration: none;
}
.sidebar .toc-content ul li a.menu-toggle.rotate:after {
  transform: rotate(90deg);
}
/* เอฟเฟกต์ฟรุ้งฟริ้ง */
.sparkle {
  position: absolute;
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, #ff69b4, transparent);
  border-radius: 50%;
  animation: sparkle 1s ease-out forwards;
  pointer-events: none;
}

@keyframes sparkle {
  0% {
      opacity: 1;
      transform: translate(0, 0) scale(1);
  }
  100% {
      opacity: 0;
      transform: translate(calc(-50px + 100px * var(--randomX)), calc(-50px + 100px * var(--randomY))) scale(0);
  }
}