/*
Theme Name: Carsten
Theme URI: https://carsten.qodeinteractive.com
Description: Hotel Booking WordPress Theme
Author: Elated Themes
Author URI: https://qodeinteractive.com
Text Domain: carsten
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

#qodef-page-footer-bottom-area-inner {
  padding: 0 !important;
  max-width: 1280px;
  margin: auto;
}
#qodef-page-footer-top-area-inner > div > div {
  max-width: 1280px;
  margin: auto !important;
}

.qodef-header-sticky .qodef-header-sticky-inner {
  padding: 0 !important;
}
#carsten_core_single_image-3 img {
  max-width: 180px;
}

body.qodef-header--divided #qodef-page-header .qodef-header-logo-link {
  max-width: 160px;
}

.qodef-button.qodef-html--link {
  padding: 20px !important;
}

.amenities-wrapper > div {
  padding: 20px;
  width: 30%;
  height: 100%;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

/* Mobile devices (up to 767px) */
@media screen and (max-width: 767px) {
  /* Your CSS styles for mobile devices here */
  .amenities-wrapper > div {
    width: 100% !important;
  }
}

.amenities-wrapper > div h3 {
  margin-top: 0;
}

.booking-widget-wrapper {
  padding: 0;
  max-width: 1200px;
  margin-top: 40px;
}

/* Desktop and Tablet devices (768px and above) */
@media screen and (min-width: 768px) {
  /* Your CSS styles for desktop devices here */
  .booking-widget-wrapper.stickyw {
    margin-top: 0 !important;
    position: fixed;
    bottom: 20px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
  }

  .qodef-header-sticky {
    padding-bottom: 10px;
  }
}

.booking-widget-wrapper .booking-widget-container {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  padding: 20px;
}

.booking-widget-wrapper .booking-form .inputs-field {
  position: relative;
  height: 100%;
}

.booking-widget-wrapper .booking-form .inputs-field label {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}

.booking-widget-wrapper
  .booking-form
  .row
  > div:nth-child(4)
  .inputs-field-text {
  height: 100%;
}

.booking-widget-wrapper .booking-form .inputs-field-text input[type="text"] {
  width: 100%;
  padding: 10px;
  background-color: #fff;
  margin: 0;
  border: none;
}
.btn-submit {
  background-color: #ff7f00 !important;
  border: 2px solid #ff7f00 !important;
  width: 100% !important;
  justify-content: center;
}
.booking-widget-wrapper .booking-form .inputs-field .btn-submit {
  letter-spacing: 2px;
  bottom: 0;
  position: absolute;
  padding: 12px 0;
  display: flex;
  justify-content: center;
}

.btn-submit:hover {
  color: #ff7f00 !important;
  background-color: #fff !important;
}

.booking-widget-wrapper .booking-form .inputs-field-text {
  position: relative;
}

.booking-widget-wrapper .booking-form .inputs-field-text .icon {
  position: absolute;
  z-index: 2;
  color: #ccc;
  right: 10px;
  bottom: 10px;
}

button#wpforms-submit-12996 {
  display: flex;
  align-items: center;
  background-color: #FF7F00 !important;
}


/* Desktop devices (992px and above) */
@media screen and (min-width: 992px) {
  /* Your CSS styles for desktop devices here */
    
.post-type-archive-room .qodef-page-title{
    height: 240px;
}
}


.qodef-e-info-items{
    display: none !important;
}

#qodef-page-header .qodef-shortcode qodef-m.qodef-button.qodef-layout--outlined.qodef-html--link .qodef-m-text,
#qodef-page-header .qodef-shortcode qodef-m.qodef-button.qodef-layout--outlined.qodef-html--link .qodef-m-text{
    color: #ff7f00 !important;
}