/*
Theme Name:     Traveler Childtheme
Description:    Traveler Child Theme
Theme URI:      https://travelerwp.com/
Author:         the ShineTheme
Author URI:     http://shinetheme.com
Version:        1.0
Template:       traveler
*/
.single-st_activity .td-date.available.has-tooltip .event-tooltip-wrap,
.kboard-play-video-poweredby {
  display: none !important;
}
.st_list_service_room .col-lg-12 {
  max-width: 25%;
}
.header__left .logo img {
  max-height: 90px;
}
.single-partner_posts.st-header-9 p {
  color: #000;
}
.flag-discount {
  border-radius: 6px 0 0 6px;
  color: #fff;
  display: block;
  float: left;
  padding: 10px 20px;
  background: #ffc50f;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  left: -17px;
  top: -55px;
  z-index: 2;
}
.flag-discount.free {
  background: #40b425;
}

.flag-discount::before,
.flag-discount::after {
  content: "";
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
}

.flag-discount::before {
  top: 0;
  border-width: 22px 15px 0 0;
  border-color: #ffc50f transparent transparent transparent;
}
.flag-discount.free::before {
  border-color: #40b425 transparent transparent transparent;
}
.flag-discount::after {
  bottom: 0;
  border-width: 0 15px 22px 0;
  border-color: transparent transparent #ffc50f transparent;
}
.flag-discount.free::after {
  border-color: transparent transparent #40b425 transparent;
}
@media (max-width: 767px) {
  .st_list_service_room .col-lg-12 {
    max-width: 50%;
  }
  #nav-content-wishlist .col-12 {
    max-width: 50%;
  }
}
@media (max-width: 450px) {
  #nav-content-wishlist .title {
    font-size: 14px;
    margin: 0;
  }
  #nav-content-wishlist .rate,
  #nav-content-wishlist .summary,
  #nav-content-wishlist .sale-top,
  #nav-content-wishlist .sale-top .item {
    font-size: 12px;
  }
}
@media (max-width: 390px) {
  #nav-content-wishlist .col-12,
  .st_list_service_room .col-lg-12 {
    padding: 3px;
  }
}

/* 뷰카트 */
.qbook-content-item,
#qbook {
  display: none;
}

.qbook-content-item.active {
  display: flex;
}

.reset-btn {
  font-size: 14px;
  color: #727272;
  display: block;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

#q-book-wrap #qbook-nav li {
  margin: 0px 17px 24px 17px;
}

#q-book-wrap #qbook-nav li a {
  color: #000;
}

#q-book-wrap #qbook-nav li a.active {
  color: #000;
  background-color: transparent;
  border-bottom: 1px solid #000;
  border-radius: 0;
  font-weight: 600;
}

#q-book-wrap .form-date-search-wrap {
  display: flex;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #dedede;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 70px;
  padding: 0 20px;
  border-left: none;
  min-height: 82px;
  max-width: 580px;
  justify-content: space-between;
  align-items: center;
  margin: auto;
}

#q-book-wrap .form-date-search {
  position: relative;
}

#q-book-wrap .form-date-search .check-in-out {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  left: 0;
  bottom: 0;
  z-index: unset;
}

#q-book-wrap .form-date-search .date-item-arrow {
  font-size: 13px;
  color: #747474;
}

#q-book-wrap .form-date-search label {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #232323;
  white-space: nowrap;
}

#q-book-wrap .form-date-search .date-item-wrapper {
  padding: 0 30px;
}

#q-book-wrap .form-date-search .date-item-wrapper .render {
  color: #747474;
  font-size: 14px;
}

#q-book-wrap .form-date-search .date-item-wrapper .stt-icon {
  font-size: 20px;
  margin-right: 16px;
  color: #727272;
}

#qbook-first-btn {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  border-radius: 70px;
  display: flex;
  align-items: center;
  height: 60px;
  transition: all 0.2s;
}

.q-nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

#q-book-wrap .btn-secondary {
  background: transparent;
  color: #747474;
  border: 1px solid #747474;
}

#q-book-wrap .modal-header {
  text-align: center;
}

#q-book-wrap .modal-body {
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#q-book-wrap .st-single-tour .form-date-field {
  background: #ffffff;
  border: 1px solid #dedede;
  box-sizing: border-box;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 18px;
  min-width: 100%;
  margin-top: 16px !important;
}

#q-book-wrap .st-single-tour .date-wrapper {
  width: 100%;
}

.q-nav i {
  color: #4caf50;
  font-size: 17px;
  margin-left: 3px;
}

.btn-checkout {
  width: 100%;
}

.thum-img {
  border-radius: 10px !important;
}

.st-single-tour .form-date-search .check-in-out-input {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
}

.booked-item-text {
  border: 1px solid #727272;
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  #q-book-wrap .form-date-search .date-item-wrapper {
    padding: 0 15px;
  }

  #q-book-wrap .form-date-search-wrap {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    border-radius: 10px;
    padding: 15px;
  }
}

/* general */
.qbook-content-item {
  display: none;
  width: 100%;
  flex-flow: row;
  flex-wrap: wrap;
}

.qbook-content-item .dropdown-menu {
  position: relative;
  z-index: 1;
  min-width: 100%;
}

/* room */
.q-room {
  min-height: 290px;
  width: 25%;
  padding: 20px;
}

/* noti-room */
.noti-alert {
  background-color: #2fcf37 !important;
}

.noti-group {
  margin-top: 10px;
}