.resize-header-on-scroll {
  background-color: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

.text-header,
.text-header a,
.btn-text {
  color: #000;
}

.site-inner .reservation,
.pr,
.smaller .text-header,
.smaller .text-header a,
.smaller .btn-text {
  color: #fff;
}

.btn-first {
  background-color: #1b0701 !important;
  color: #fff;
}

.btn-second,
.lightpick__day.is-start-date,
.lightpick__day.is-end-date,
.lightpick__day.is-start-date:hover,
.lightpick__day.is-end-date:hover,
.lightpick__day.is-start-date.is-end-date {
  background-color: #4d379e !important;
  color: #fff;
}

.lightpick__day.is-in-range:hover {
  background-color: #6145c7b6 !important;
}

.lightpick__day.is-today {
  background-color: #d4d6f0;
  color: rgb(27, 26, 31);
  font-weight: 500;
}

.lightpick__day.is-start-date.is-end-date {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

.lightpick__day.is-today.is-start-date {
  color: #fff;
}

.rate-price,
.price,
.fixed-footer h2,
.text-main,
.list-left li a.active,
.side-content h5,
.modal-title,
.menu-list a:hover {
  color: #cda274 !important;
}

.btn-second:hover {
  background-color: #cda274 !important;
}

.site-inner .filter-sect,
.resize-header-on-scroll.smaller,
.hamburger-menu span,
.hamburger-menu span:before,
.hamburger-menu span:after {
  background-color: #3f46a5;
}

.reservation {
  background-color: #3f46a5;
}

.site-inner .filter-section {
  background-color: #3f46a5;
  width: 100% !important;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

.site-inner,
.site-cover {
  background-color: rgb(239, 241, 250);
}

.smaller .hamburger-menu span,
.smaller .hamburger-menu span:before,
.smaller .hamburger-menu span:after {
  background-color: #fff;
}

.smaller .hamburger-menu.active span {
  background: transparent;
}

.box_status.selected {
  border: 1px solid #cda274;
}

.site-footer {
  background-color: #fff;
  border-bottom: 1px solid #333333;
}

.btn.btn-check-avail {
  background-color: rgb(53, 221, 157);
  color: rgb(23, 22, 24);
  border-radius: 5px;
  outline: none;
  border: none;
  height: 74px;
  display: inline-flexbox;
}

.reservation {
  background-color: inherit !important;
}
.btn-default {
  background-color: rgb(255, 255, 255) !important;
}

/* input {
  color: #000;
} */

#from-date,
#to-date {
  color: #4d379e !important;
}

input.guest-num {
  border: none;
  outline: none;
  border-bottom: 1px solid #ccd;
  text-align: center;
  font-weight: 500;
  width: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0px;
  outline: none;
}

input.guest-num:active, input.guest-num:focus, input.guest-num.active {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}


input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.guest-tool i {
  color: #4d379e !important;
}


.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #ecebf3;
  border-radius: 2px;
}
.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 1.2s infinite;
          animation: shimmer 1.2s infinite;
  content: "";
}
@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* .blog-post__headline {
  font-size: 1.25em;
  font-weight: bold;
}
.blog-post__meta {
  font-size: 0.85em;
  color: #6b6b6b;
} */

.o-media {
  display: flex;
}
.o-media__body {
  flex-grow: 1;
  margin-left: 1em;
}

.o-vertical-spacing > * + * {
  margin-top: 0.55em;
}
.o-vertical-spacing--l > * + * {
  margin-top: 1.5em;
}