/* Cloudbeds top booking bar */
.float_bg2 {
  background: #1f2127 !important;
}

.CloudBedsWidget,
.CloudBedsWidget * {
  box-sizing: border-box;
  font-family: "Montserrat", Helvetica, sans-serif !important;
}

.CloudBedsWidget .widgetHotelsForm {
  max-width: 1060px;
  width: calc(100% - 32px) !important;
}

.CloudBedsWidget .acessa_float_dates {
  max-width: 100%;
}

.CloudBedsWidget a.submit_link {
  background: #978667 !important;
}

.CloudBedsWidget div.widgetHotelsForm a.submit_link.submit_link {
  border-radius: 25px !important;
  margin-top: 0;
  text-transform: capitalize;
}

.CloudBedsWidget .acessa_float_description > div {
  position: relative;
  color: transparent;
}

.CloudBedsWidget .acessa_float_description > div::after {
  content: "Book direkte hos os for de bedste priser!";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  white-space: nowrap;
}

html[data-cb-lang="en"] .CloudBedsWidget .acessa_float_description > div::after {
  content: "Book direct with us for the best prices!";
}

html[data-cb-lang="de"] .CloudBedsWidget .acessa_float_description > div::after {
  content: "Buchen Sie direkt bei uns zum besten Preis!";
}

html[data-cb-lang="sv"] .CloudBedsWidget .acessa_float_description > div::after {
  content: "Boka direkt hos oss för bästa pris!";
}

html[data-cb-lang="no"] .CloudBedsWidget .acessa_float_description > div::after {
  content: "Bestill direkte hos oss for beste pris!";
}

.CloudBedsWidget .form_group.start_date label.control-label,
.CloudBedsWidget .form_group.end_date label.control-label {
  display: inline-block;
  width: auto;
  min-width: max-content;
  color: #fff;
  white-space: nowrap;
}

.CloudBedsWidget .form_group.start_date label.control-label::after,
.CloudBedsWidget .form_group.end_date label.control-label::after {
  content: none !important;
}

.CloudBedsWidget a.submit_link {
  position: relative;
  color: transparent !important;
}

.CloudBedsWidget a.submit_link::after {
  content: "Sog";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  pointer-events: none;
  white-space: nowrap;
}

html[data-cb-lang="da"] .CloudBedsWidget a.submit_link::after {
  content: "Søg";
}

html[data-cb-lang="en"] .CloudBedsWidget a.submit_link::after {
  content: "Search";
}

html[data-cb-lang="de"] .CloudBedsWidget a.submit_link::after {
  content: "Suchen";
}

html[data-cb-lang="sv"] .CloudBedsWidget a.submit_link::after {
  content: "Sök";
}

html[data-cb-lang="no"] .CloudBedsWidget a.submit_link::after {
  content: "Søk";
}

@media (max-width: 991px) {
  header.fixed_header.cb-mobile-topbar,
  header.fixed_header.cb-mobile-topbar.sticky {
    background-color: transparent !important;
    border-bottom: 0 !important;
  }

  header.fixed_header.cb-mobile-topbar .logo_normal {
    display: none;
  }

  header.fixed_header.cb-mobile-topbar .logo_sticky {
    display: inline-block;
  }

  header.fixed_header.cb-mobile-topbar .hamburger__inner,
  header.fixed_header.cb-mobile-topbar .hamburger__inner::before,
  header.fixed_header.cb-mobile-topbar .hamburger__inner::after {
    background-color: #333;
  }

  .CloudBedsWidget .float_bg2,
  .float_bg2 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 20 !important;
  }

  .CloudBedsWidget .widgetHotelsForm {
    width: 100% !important;
    padding-left: 16px;
    padding-right: 16px;
  }

  .CloudBedsWidget .acessa_float_description,
  .CloudBedsWidget .acessa_float_dates {
    width: 100% !important;
  }

  .CloudBedsWidget .acessa_float_description > div::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .CloudBedsWidget .acessa_float_dates {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .CloudBedsWidget .widgetHotelsForm {
    padding-left: 12px;
    padding-right: 12px;
  }

  .CloudBedsWidget .form_group.start_date,
  .CloudBedsWidget .form_group.end_date {
    max-width: calc(50% - 8px);
    width: 120px !important;
  }

  .CloudBedsWidget .form_group.start_date {
    margin-right: 8px !important;
  }

  .CloudBedsWidget .form_group.end_date {
    margin-right: 0 !important;
  }

  .CloudBedsWidget .form_group.start_date label.control-label,
  .CloudBedsWidget .form_group.end_date label.control-label {
    display: block;
    width: 100%;
    margin-right: 0;
  }

  .CloudBedsWidget .form_group.start_date label.control-label::after,
  .CloudBedsWidget .form_group.end_date label.control-label::after {
    max-width: 100%;
  }

  .CloudBedsWidget .form_group.start_date input.date,
  .CloudBedsWidget .form_group.end_date input.date {
    width: 100% !important;
  }

  .CloudBedsWidget a.submit_link {
    width: min(252px, calc(100% - 24px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}