:root {
  --kx-color-primary: #99d7d9;
  --kx-color-font-primary-contrast: #fff;
}
@font-face {
  font-family: "Lora-gnvl";
  src: url(../fonts/lora.woff2) format("woff2"),
    url(../fonts/lora.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: Open-Sans, sans-serif;
}

#KxBnB .KxBnB h6, #KxBnB .KxBnB .h6,
#KxBnB .KxBnB h5, #KxBnB .KxBnB .h5,
#KxBnB .KxBnB h4, #KxBnB .KxBnB .h4,
#KxBnB .KxBnB h3, #KxBnB .KxBnB .h3,
#KxBnB .KxBnB h2, #KxBnB .KxBnB .h2,
#KxBnB .KxBnB h1, #KxBnB .KxBnB .h1 {
  font-family: "Lora-gnvl", serif;
  color: #000;
  font-weight: 400 !important;
}

#KxBnB .KxBnBContent .dropdown, #KxBnB .KxBnBContent input[type="date"], #KxBnB .KxBnBContent input[type="datetime"], #KxBnB .KxBnBContent input[type="datetime-local"], #KxBnB .KxBnBContent input[type="email"], #KxBnB .KxBnBContent input[type="file"], #KxBnB .KxBnBContent input[type="month"], #KxBnB .KxBnBContent input[type="number"], #KxBnB .KxBnBContent input[type="phone"], #KxBnB .KxBnBContent input[type="range"], #KxBnB .KxBnBContent input[type="search"], #KxBnB .KxBnBContent input[type="tel"], #KxBnB .KxBnBContent input[type="text"], #KxBnB .KxBnBContent input[type="time"], #KxBnB .KxBnBContent input[type="url"], #KxBnB .KxBnBContent input[type="week"], #KxBnB .KxBnBContent input[type="button"], #KxBnB .KxBnBContent input[type="password"], #KxBnB .KxBnBContent select, #KxBnB .KxBnBContent textarea {
  border-radius: 0;
  border-color: #000;
  padding: 0.75rem 1.5rem;
  height: auto;
}

#KxBnB .btn.btn.btn.btn {
  padding: 0.75rem 1.5rem;
  border-radius: 0;
  text-transform: none;
  height: auto;
  transition: all 0.3s;
  font-family: Open-sans, sans-serif;
  font-weight: 300;
}

#KxBnB .btn-primary {
  background-color: var(--kx-color-primary);
  border-color: var(--kx-color-primary);
  color: #000;
}

#KxBnB .btn-primary:active,
#KxBnB .btn-primary:focus,
#KxBnB .btn-primary:hover {
  background-color: #7eacac;
  color: var(--kx-color-font-primary-contrast) f;
}

.site-canvas {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.main {
  flex: 1;
}
.footer {
  padding: 40px 0 120px 0;
  background-color: #333;
  color: #fff;
  font-size: 13px;
}
.footer img {
  padding-bottom: 20px;
}
.footer a,
.footer a:hover {
  color: currentColor;
}
.footer a {
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .container {
  max-width: 1390px;
  margin: 0 auto;
}

.Highlight.Highlight {
  color: var(--kx-color-primary) !important;
}

.componentBookerDetails.componentBookerDetails {
  padding-bottom: 2rem;
}

.modal-header {
  display: flex;
}

.header {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
.header .logo {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
}
.header .logo__icon {
  width: 25px;
}
.header .logo__text {
  display: none;
}
@media (min-width: 1010px) {
  .header {
    padding: 20px 40px 10px;
  }
  .header .logo__icon {
    width: 60px;
  }
  .header .logo__text {
    display: block;
  }
}


/* User login */
#KxBnBClientLogin {
  display: block;
}
/* @media (max-width: 1010px) {
  #KxBnBClientLogin {
    float: right;
  }
} */
#KxBnBClientLogin .clientLogin {
  position: static;
}
#KxBnBClientLogin .clientLogin * {
  float: none;
  margin: 0;
  padding: 0;
  height: auto;
  line-height: 1.5;
  background: none;
  background-color: none;
  border: none;
}
#KxBnBClientLogin .btn {
  border-bottom: 3px solid transparent;
  transition: border-color 0.3s;
  font-family: "Lora-gnvl", serif;
  font-size: 13px;
  color: currentColor;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1010px) {
  #KxBnBClientLogin .btn {
    font-size: 1rem;
  }
}
#KxBnBClientLogin .btn:hover {
  border-bottom-color: var(--kx-color-primary);
  color: currentColor;
  text-decoration: none;
}

#KxBnB {
  color: #545454;
  font-size: 17px;
  line-height: 24px;
}

#KxBnB .KxBnBContent > .well.transparent {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 0;
}

#KxBnB .carousel {
  margin: 2em 0;
}

#KxBnB .componentMobileCartWrapper .componentMobileCart {
  background-color: var(--kx-color-primary);
}

#KxBnB .componentMobileCartWrapper .componentMobileCart.show {
  margin-top: 2.5em;
}

#KxBnB .AdvertHeader {
  font-size: 1.5em;
  font-family: "Cassia W01 Light", Arial, "Lucida Grande", sans-serif;
}

#KxBnB a.button-link {
  background-color: var(--kx-color-primary);
  border-radius: 4px;
  color: var(--kx-color-font-primary-contrast) f;
  display: inline-block;
  margin: 1em 0;
  padding: 0.75em 1.5em;
  transition: all 0.6s ease;
}

#KxBnB a.button-link:hover {
  background-color: #00aced;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}

#KxBnB .componentSearchResults .addToCart,
#KxBnB .componentSearchResults .removeFromCart {
  padding: 0.5em;
}

#KxBnB .componentSearchResults .addToCart:focus,
#KxBnB .componentSearchResults .addToCart:hover,
#KxBnB .componentSearchResults .removeFromCart:focus,
#KxBnB .componentSearchResults .removeFromCart:hover {
  color: #000;
}

#KxBnB .componentSearchResults .AdvertTotal p {
  background-color: #00aced;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  height: 1.5em;
  line-height: 1.5;
}

#KxBnB
  .componentSearchResults
  .AvailabilitySignHeader.RoomAvailableHeader
  p:first-child {
  color: var(--kx-color-primary);
}

@media only screen and (min-width: 1200px) {
  #KxBnB .componentCartWrapper .componentCart.affix-top.inverse > div {
    background-color: var(--kx-color-primary);
  }
}

#KxBnB .inverse,
#KxBnB.inverse,
#KxBnBLoginWrapper .inverse,
#KxBnBLoginWrapper.inverse {
  background-color: var(--kx-color-primary);
}

#KxBnBLoginWrapper .componentLoginWrapper .componentLogin {
  margin: 0;
}

#KxBnBLoginWrapper .componentLoginWrapper .componentLogin div {
  float: right;
}

#KxBnB .KxBnBContent button.btn-primary {
  background: var(--kx-color-primary);
  border-color: var(--kx-color-primary);
  border-radius: 0;
}

#KxBnB .KxBnBContent button.btn-primary:active,
#KxBnB .KxBnBContent button.btn-primary:focus,
#KxBnB .KxBnBContent button.btn-primary:hover {
  background: #00aced;
  color: var(--kx-color-primary);
}

#KxBnB .KxBnBContent .affix-top.inverse .btn-primary {
  box-shadow: none;
  color: #fff;
}

#KxBnB .KxBnBContent .affix-top.inverse .btn-primary:active,
#KxBnB .KxBnBContent .affix-top.inverse .btn-primary:focus,
#KxBnB .KxBnBContent .affix-top.inverse .btn-primary:hover {
  color: var(--kx-color-font-primary-contrast) f;
  background-color: var(--kx-color-primary);
  box-shadow: 0 0 3px #444;
}

#KxBnB .KxBnBContent .inverse .btn-primary {
  background-color: #00aced;
  border-color: #00aced;
  border-radius: 0;
  color: #fff;
}

#KxBnB .KxBnBContent .inverse .btn-primary:active,
#KxBnB .KxBnBContent .inverse .btn-primary:focus,
#KxBnB .KxBnBContent .inverse .btn-primary:hover {
  background-color: #0087ba;
  border: 1px solid #0087ba;
  color: #fff;
}

#KxBnB .KxBnBContent .inverse .btn-default {
  color: #fff;
  border: none;
  background-color: #87deff;
  border: 1px solid #87deff;
}

#KxBnB .KxBnBContent .inverse .btn-default:active,
#KxBnB .KxBnBContent .inverse .btn-default:focus,
#KxBnB .KxBnBContent .inverse .btn-default:hover {
  background-color: #3bc9ff;
  border: 1px solid #3bc9ff;
  color: #fff;
}

#KxBnB .KxBnBContent .inverse .btn-default.active.focus,
#KxBnB .KxBnBContent .inverse .btn-default.active:focus,
#KxBnB .KxBnBContent .inverse .btn-default.active:hover,
#KxBnB .KxBnBContent .inverse .btn-default:active:focus,
#KxBnB .KxBnBContent .inverse .btn-default:active:hover {
  background-color: var(--kx-color-primary);
  border: none;
  color: var(--kx-color-font-primary-contrast) f;
}

#KxBnB .componentBookingConfirmation .PrintButton {
  color: var(--kx-color-primary);
}

#KxBnBWidget,
#KxBnBWidget > .KxBnBWidget {
  background-color: var(--kx-color-primary) !important;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

#KxBnBWidget .promotion-wrapper.promotion-inverse,
#KxBnBWidget .tab-wrapper,
#KxBnBWidget fieldset {
  background-color: var(--kx-color-primary);
  color: #545454;
}

#KxBnBWidget .promotion-wrapper > div {
  padding-top: 0.2em;
}

#KxBnBWidget .promotion-wrapper > div input {
  height: 2.5em;
}

#KxBnBWidget #PromotionCodePanel,
#KxBnBWidget #SearchHeaderPanel {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

#KxBnBWidget .tab .hide-content {
  border-color: var(--kx-color-primary);
}

#KxBnBWidget .tab-location ul li,
#KxBnBWidget .tab-room ul li {
  border-bottom-color: #fff;
  color: var(--kx-color-font-primary-contrast) f;
  background-color: var(--kx-color-primary);
}

#KxBnBWidget .tab-location ul li:hover,
#KxBnBWidget .tab-room ul li:hover {
  background-color: #00aced;
  color: #fff;
}

#KxBnBWidget .KxBnBHorizontalWidget fieldset .tab.active i {
  color: var(--kx-color-primary);
}

#KxBnBWidget .KxBnBHorizontalWidget fieldset .tab.active .hide-content {
  box-shadow: 2px 3px 3px var(--kx-color-primary);
}

@media only screen and (max-width: 767px) {
  #KxBnBWidget .KxBnBHorizontalWidget fieldset .promotion-wrapper i,
  #KxBnBWidget .KxBnBHorizontalWidget fieldset .tab i {
    color: #fff;
  }

  #KxBnBWidget .KxBnBHorizontalWidget fieldset .promotion-wrapper label:before,
  #KxBnBWidget .KxBnBHorizontalWidget fieldset .tab label:before {
    background-color: #00aced;
  }

  #KxBnBWidget .KxBnBHorizontalWidget fieldset .tab.active i {
    color: var(--kx-color-primary);
  }
}

#KxBnBWidget .ui-widget-content .ui-datepicker-group table td a,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td span,
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a,
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td span {
  background-color: var(--kx-color-primary);
  border-color: var(--kx-color-primary);
  color: var(--kx-color-font-primary-contrast) f;
}

#KxBnBWidget .ui-widget-content .ui-datepicker-group table td a.ui-state-active,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td a.ui-state-hover,
#KxBnBWidget
  .ui-widget-content
  .ui-datepicker-group
  table
  td
  span.ui-state-active,
#KxBnBWidget
  .ui-widget-content
  .ui-datepicker-group
  table
  td
  span.ui-state-hover,
#KxBnBWidget
  .ui-widget-content
  table.ui-datepicker-calendar
  td
  a.ui-state-active,
#KxBnBWidget
  .ui-widget-content
  table.ui-datepicker-calendar
  td
  a.ui-state-hover,
#KxBnBWidget
  .ui-widget-content
  table.ui-datepicker-calendar
  td
  span.ui-state-active,
#KxBnBWidget
  .ui-widget-content
  table.ui-datepicker-calendar
  td
  span.ui-state-hover {
  background-color: #00aced;
  border-color: #00aced;
  color: #fff;
}

#KxBnBWidget .ui-widget-content .ui-datepicker-unselectable .ui-state-default {
  color: var(--kx-color-primary);
}

#KxBnBWidget .search-wrapper div button,
#KxBnBWidget .search-wrapper div input[type="button"] {
  background: var(--kx-color-primary);
  border: 3px solid #fff;
  color: var(--kx-color-font-primary-contrast) f;
  height: auto;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#KxBnBWidget .search-wrapper div button:hover,
#KxBnBWidget .search-wrapper div input[type="button"]:hover {
  border-color: #00aced;
  background-color: #00aced;
  color: #fff;
}

#KxBnBWidget .search-wrapper div button.active.focus,
#KxBnBWidget .search-wrapper div button.active:focus,
#KxBnBWidget .search-wrapper div button.active:hover,
#KxBnBWidget .search-wrapper div button:active.focus,
#KxBnBWidget .search-wrapper div button:active:focus,
#KxBnBWidget .search-wrapper div button:active:hover,
#KxBnBWidget .search-wrapper div input[type="button"].active.focus,
#KxBnBWidget .search-wrapper div input[type="button"].active:focus,
#KxBnBWidget .search-wrapper div input[type="button"].active:hover,
#KxBnBWidget .search-wrapper div input[type="button"]:active.focus,
#KxBnBWidget .search-wrapper div input[type="button"]:active:focus,
#KxBnBWidget .search-wrapper div input[type="button"]:active:hover {
  background-color: #fff;
}

#KxBnBWidget .search-wrapper div button.active,
#KxBnBWidget .search-wrapper div button:active,
#KxBnBWidget .search-wrapper div input[type="button"].active,
#KxBnBWidget .search-wrapper div input[type="button"]:active {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  box-shadow: 0 0 3px #fff;
}

#KxBnBWidgetLoginWrapper .componentLogin {
  margin-top: 75px;
}

#KxBnBWidgetLoginWrapper .componentLogin > div {
  background-color: #111;
}

@media only screen and (max-width: 767px) {
  #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab label:before {
    height: calc(100% + 2px);
    top: -1px;
  }
}

#KxBnBLoginWrapper .KxBnBLogin {
  background: #00aced;
}

#KxBnBCookies .KxBnBCookies p {
  width: 90%;
}

#KxBnBCookies .KxBnBCookies.inverse {
  background: var(--kx-color-primary);
}

#KxBnBCookies .KxBnBCookies.inverse .btn-primary {
  background: var(--kx-color-primary);
}

#KxBnBCookies .KxBnBCookies.inverse .btn-primary:hover {
  background: #00aced;
  color: var(--kx-color-primary);
}

.languageSelect {
  display: none;
  padding: 1em 0;
}

.Booking-Accordian-Header.Booking-Accordian-Header {
  background-color: var(--kx-color-primary) !important;
  color: var(--kx-color-font-primary-contrast) !important;
  border-color: var(--kx-color-primary) !important;
}
.Booking-panel-body.Booking-panel-body {
  border-color: var(--kx-color-primary) !important;
}

#KxBnB .componentBookerDetails .row:has(> .col-sm-9) {
  display: flex;
}
@media (min-width: 992px) {
  #KxBnB .componentBookerDetails .col-sm-9:has(.componentBookerLogin) {
    width: 66%;
    margin: 0 auto;
  }
}
#KxBnB .componentBookerLogin .Credentials.col-sm-6 {
  width: 100%;
}

#KxBnB .componentCart h2 {
  color: #fff;
}

.element-invisible,
.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.d-none,
.hidden {
  display: none !important;
}

@media (min-width: 992px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
}