.elementor-988031 .elementor-element.elementor-element-93cf111{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-bf33cd7 *//* =========================
   GRANDVIEW CHECKOUT UI
   Colors:
   Red: #E90215
   Yellow: #FCCE34
   ========================= */

.mphb_sc_checkout-wrapper {
  max-width: 1180px;
  margin: 0 auto;
  color: #222;
  font-size: 16px;
  line-height: 1.65;
}

/* logged in notice */
.mphb_sc_checkout-wrapper .mphb-login-form-wrap {
  background: #fff8db;
  border: 1px solid rgba(252, 206, 52, 0.5);
  border-radius: 16px;
  padding: 14px 18px;
  margin-bottom: 22px;
}

.mphb_sc_checkout-wrapper .mphb-login-form-wrap p {
  margin: 0;
  color: #222;
  font-size: 14px;
}

.mphb_sc_checkout-wrapper .mphb-login-form-wrap a {
  color: #E90215;
  font-weight: 700;
  text-decoration: none;
}

/* form layout */
.mphb_sc_checkout-wrapper .mphb_sc_checkout-form {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.7fr);
  gap: 26px;
  align-items: start;
}

/* all sections */
.mphb_sc_checkout-wrapper .mphb-checkout-section {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
  margin: 0 0 22px 0;
}

/* left column flow */
.mphb_sc_checkout-wrapper #mphb-booking-details,
.mphb_sc_checkout-wrapper #mphb-customer-details,
.mphb_sc_checkout-wrapper #mphb-billing-details {
  grid-column: 1;
}

/* right column sticky summary */
.mphb_sc_checkout-wrapper #mphb-price-details,
.mphb_sc_checkout-wrapper .mphb-total-price,
.mphb_sc_checkout-wrapper .mphb-errors-wrapper,
.mphb_sc_checkout-wrapper .mphb_sc_checkout-submit-wrapper {
  grid-column: 2;
}

.mphb_sc_checkout-wrapper #mphb-price-details {
  position: sticky;
  top: 110px;
}

/* headings */
.mphb_sc_checkout-wrapper h3,
.mphb_sc_checkout-wrapper h4 {
  margin: 0 0 18px 0;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
  color: #111111;
  letter-spacing: -0.02em;
}

.mphb_sc_checkout-wrapper .mphb-booking-details-title::before,
.mphb_sc_checkout-wrapper .mphb-customer-details-title::before,
.mphb_sc_checkout-wrapper .mphb-gateway-chooser-title::before,
.mphb_sc_checkout-wrapper .mphb-price-breakdown-title::before {
  content: "";
  display: block;
  width: 58px;
  height: 4px;
  border-radius: 999px;
  background: #E90215;
  margin-bottom: 14px;
}

/* booking details top text */
.mphb_sc_checkout-wrapper .mphb-check-in-date,
.mphb_sc_checkout-wrapper .mphb-check-out-date,
.mphb_sc_checkout-wrapper .mphb-room-type-title,
.mphb_sc_checkout-wrapper .mphb-guest-name-wrapper,
.mphb_sc_checkout-wrapper .mphb-adults-chooser {
  margin-bottom: 16px;
}

.mphb_sc_checkout-wrapper .mphb-check-in-date span:first-child,
.mphb_sc_checkout-wrapper .mphb-check-out-date span:first-child,
.mphb_sc_checkout-wrapper .mphb-room-type-title > span {
  color: #666;
  font-weight: 600;
}

.mphb_sc_checkout-wrapper .mphb-room-type-title a {
  color: #111111;
  font-weight: 800;
  text-decoration: none;
}

.mphb_sc_checkout-wrapper .mphb-room-type-title a:hover {
  color: #E90215;
}

/* room details card feel */
.mphb_sc_checkout-wrapper .mphb-room-details {
  background: #fafafa;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 18px;
  padding: 18px;
}

.mphb_sc_checkout-wrapper .mphb-room-number {
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 14px 0;
  color: #111111;
}

/* labels */
.mphb_sc_checkout-wrapper label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #111111;
}

/* fields */
.mphb_sc_checkout-wrapper input[type="text"],
.mphb_sc_checkout-wrapper input[type="email"],
.mphb_sc_checkout-wrapper input[type="tel"],
.mphb_sc_checkout-wrapper input[type="number"],
.mphb_sc_checkout-wrapper select,
.mphb_sc_checkout-wrapper textarea {
  width: 100%;
  min-height: 54px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 14px;
  background: #fff;
  padding: 12px 16px;
  color: #111111;
  font-size: 15px;
  transition: all 0.25s ease;
  box-shadow: none;
}

.mphb_sc_checkout-wrapper textarea {
  min-height: 120px;
  resize: vertical;
}

.mphb_sc_checkout-wrapper input:focus,
.mphb_sc_checkout-wrapper select:focus,
.mphb_sc_checkout-wrapper textarea:focus {
  border-color: #E90215;
  box-shadow: 0 0 0 4px rgba(233, 2, 21, 0.10);
  outline: none;
}

/* 2 column customer info */
.mphb_sc_checkout-wrapper .mphb-customer-name,
.mphb_sc_checkout-wrapper .mphb-customer-last-name,
.mphb_sc_checkout-wrapper .mphb-customer-email,
.mphb_sc_checkout-wrapper .mphb-customer-phone {
  width: calc(50% - 10px);
  display: inline-block;
  vertical-align: top;
  margin-bottom: 18px;
}

.mphb_sc_checkout-wrapper .mphb-customer-name,
.mphb_sc_checkout-wrapper .mphb-customer-email {
  margin-right: 16px;
}

.mphb_sc_checkout-wrapper .mphb-customer-country,
.mphb_sc_checkout-wrapper .mphb-customer-note {
  width: 100%;
  display: block;
  margin-bottom: 18px;
}

/* required tip */
.mphb_sc_checkout-wrapper .mphb-required-fields-tip {
  margin: -2px 0 18px;
  color: #666;
  font-size: 13px;
}

/* price breakdown card */
.mphb_sc_checkout-wrapper #mphb-price-details {
  background: #111111;
  color: #ffffff;
  border-color: rgba(255,255,255,0.06);
  box-shadow: 0 18px 40px rgba(0,0,0,0.16);
}

.mphb_sc_checkout-wrapper #mphb-price-details h4 {
  color: #ffffff;
}

.mphb_sc_checkout-wrapper .mphb-price-breakdown-title::before {
  background: #FCCE34;
}

/* price table */
.mphb_sc_checkout-wrapper .mphb-price-breakdown {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
}

.mphb_sc_checkout-wrapper .mphb-price-breakdown th,
.mphb_sc_checkout-wrapper .mphb-price-breakdown td {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: #fff;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}

.mphb_sc_checkout-wrapper .mphb-table-price-column {
  text-align: right !important;
  white-space: nowrap;
}

.mphb_sc_checkout-wrapper .mphb-price-breakdown a {
  color: #FCCE34;
  text-decoration: none;
  font-weight: 700;
}

.mphb_sc_checkout-wrapper .mphb-price-breakdown-rate {
  color: rgba(255,255,255,0.70);
  font-size: 13px;
  margin-top: 5px;
}

.mphb_sc_checkout-wrapper .mphb-price-breakdown-total th,
.mphb_sc_checkout-wrapper .mphb-price-breakdown-subtotal th,
.mphb_sc_checkout-wrapper .mphb-price-breakdown-accommodation-total th {
  color: #ffffff;
  font-weight: 800;
}

.mphb_sc_checkout-wrapper .mphb-price,
.mphb_sc_checkout-wrapper .mphb-total-price .mphb-price {
  color: #FCCE34;
  font-weight: 800;
}

/* payment section */
.mphb_sc_checkout-wrapper #mphb-billing-details p {
  margin: 0;
  color: #444;
}

.mphb_sc_checkout-wrapper #mphb-billing-details p:only-child {
  background: #fff1f1;
  border: 1px solid rgba(233, 2, 21, 0.16);
  color: #a11b25;
  padding: 14px 16px;
  border-radius: 14px;
}

/* total card */
.mphb_sc_checkout-wrapper .mphb-total-price {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 20px;
  padding: 20px 22px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
  margin: 0 0 16px 0;
}

.mphb_sc_checkout-wrapper .mphb-total-price output {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  color: #111111;
  font-size: 16px;
  font-weight: 700;
}

.mphb_sc_checkout-wrapper .mphb-total-price strong {
  font-size: 26px;
  line-height: 1;
}

/* errors */
.mphb_sc_checkout-wrapper .mphb-errors-wrapper {
  background: #fff1f1;
  border: 1px solid rgba(233, 2, 21, 0.16);
  color: #9d1520;
  border-radius: 16px;
  padding: 14px 16px;
  margin: 0 0 16px 0;
  font-size: 14px;
  font-weight: 600;
}

/* submit */
.mphb_sc_checkout-wrapper .mphb_sc_checkout-submit-wrapper {
  margin: 0;
}

.mphb_sc_checkout-wrapper .mphb_sc_checkout-submit-wrapper .button,
.mphb_sc_checkout-wrapper .mphb_sc_checkout-submit-wrapper input[type="submit"] {
  width: 100%;
  min-height: 58px;
  border: none;
  border-radius: 999px;
  background: #E90215;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  padding: 0 26px;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 12px 22px rgba(233, 2, 21, 0.20);
}

.mphb_sc_checkout-wrapper .mphb_sc_checkout-submit-wrapper .button:hover,
.mphb_sc_checkout-wrapper .mphb_sc_checkout-submit-wrapper input[type="submit"]:hover {
  background: #c80011;
  transform: translateY(-2px);
  box-shadow: 0 16px 26px rgba(233, 2, 21, 0.24);
}

/* hide hotel-ish guest name if you don't need it */
.mphb_sc_checkout-wrapper .mphb-guest-name-wrapper {
  display: none !important;
}

/* hide children completely */
.mphb_sc_checkout-wrapper input[name*="[children]"] {
  display: none !important;
}

/* rename accommodation feel visually */
.mphb_sc_checkout-wrapper .mphb-room-number {
  font-size: 0;
}

.mphb_sc_checkout-wrapper .mphb-room-number::before {
  content: "Trailer Booking";
  font-size: 18px;
  font-weight: 800;
  color: #111111;
}

.mphb_sc_checkout-wrapper .mphb-room-type-title > span {
  font-size: 0;
}

.mphb_sc_checkout-wrapper .mphb-room-type-title > span::before {
  content: "Trailer Type:";
  font-size: 14px;
  font-weight: 700;
  color: #666;
}

.mphb_sc_checkout-wrapper .mphb-adults-chooser label {
  font-size: 0;
}

.mphb_sc_checkout-wrapper .mphb-adults-chooser label::before {
  content: "Rental Unit";
  font-size: 14px;
  font-weight: 700;
  color: #111111;
}

/* mobile */
@media (max-width: 1024px) {
  .mphb_sc_checkout-wrapper .mphb_sc_checkout-form {
    grid-template-columns: 1fr;
  }

  .mphb_sc_checkout-wrapper #mphb-booking-details,
  .mphb_sc_checkout-wrapper #mphb-customer-details,
  .mphb_sc_checkout-wrapper #mphb-billing-details,
  .mphb_sc_checkout-wrapper #mphb-price-details,
  .mphb_sc_checkout-wrapper .mphb-total-price,
  .mphb_sc_checkout-wrapper .mphb-errors-wrapper,
  .mphb_sc_checkout-wrapper .mphb_sc_checkout-submit-wrapper {
    grid-column: 1;
  }

  .mphb_sc_checkout-wrapper #mphb-price-details {
    position: static;
  }
}

@media (max-width: 767px) {
  .mphb_sc_checkout-wrapper .mphb-checkout-section,
  .mphb_sc_checkout-wrapper .mphb-total-price {
    padding: 18px;
    border-radius: 18px;
  }

  .mphb_sc_checkout-wrapper h3,
  .mphb_sc_checkout-wrapper h4 {
    font-size: 24px;
  }

  .mphb_sc_checkout-wrapper .mphb-customer-name,
  .mphb_sc_checkout-wrapper .mphb-customer-last-name,
  .mphb_sc_checkout-wrapper .mphb-customer-email,
  .mphb_sc_checkout-wrapper .mphb-customer-phone {
    width: 100%;
    display: block;
    margin-right: 0;
  }

  .mphb_sc_checkout-wrapper .mphb-total-price output {
    flex-direction: column;
    align-items: flex-start;
  }
}


select#mphb_room_details-0-adults {
    background: white;
}


select#mphb_country {
    background: #fff;
    color: #000 !important;
}/* End custom CSS */