/* Mobile header background */
#qodef-page-mobile-header {
  background-color: #4F6E6A;
}

/* Hamburger icon lines */
.qodef-mobile-header-opener svg rect {
  fill: #FDD496;
}

/* Mobile menu (dropdown/pushout) background */
.qodef-mobile-header-navigation {
  background-color: #4F6E6A;
}

/* Mobile menu text */
.qodef-mobile-header-navigation .qodef-menu-item-text {
  color: #FDD496;
}

/* Mobile header inner container (logo + hamburger row) */
#qodef-page-mobile-header-inner {
  background-color: #4F6E6A;
}

@media (max-width: 600px) {
  .espl-show-payment-widget-btn {
    position: fixed !important;
    bottom: 80px !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    max-width: 90% !important;
    background-color: #FDD496 !important;  /* Brand gold */
    color: #4F6E6A !important;              /* Brand green/teal */
    font-weight: bold;
    padding: 14px 24px !important;
    text-align: center;
    border-radius: 12px !important;         /* Rounded corners */
    z-index: 9999 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: none; /* will be shown by JS */
  }

  .espl-show-payment-widget-btn:hover {
    background-color: #fcd07c !important;  /* Slightly darker gold on hover */
    color: #4F6E6A !important;
  }

  body {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 600px) {
  .espl-show-payment-widget-btn {
    position: fixed !important;
    bottom: 80px !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    max-width: 90% !important;
    background-color: #FDD496 !important;  /* Brand gold */
    color: #4F6E6A !important;              /* Brand green/teal */
    font-weight: bold;
    padding: 14px 24px !important;
    text-align: center;
    border-radius: 12px !important;
    z-index: 9999 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: none;
  }

  .espl-show-payment-widget-btn:hover {
    background-color: #fcd07c !important;
    color: #4F6E6A !important;
  }

  body {
    padding-bottom: 100px !important;
  }

  .espl-form-input-style,
  .espl-form-input-control,
  .espl-guests-counter-container {
    font-family: Georgia, serif !important;
    font-size: 1rem;
    color: #4F6E6A;
    border: 1px solid #4F6E6A;
    border-radius: 8px;
    padding: 10px;
    width: 100%;
  }

  .espl-search-uplisting-property-btn,
  .espl-search-uplisting-property-btn * {
    font-family: Georgia, serif !important;
    font-weight: normal !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    color: #FDD496 !important;
  }

  input[name="espl-search-input-dates"] {
    font-family: Georgia, serif !important;
    font-size: 1rem !important;
    color: #4F6E6A !important;
  }

  input[name="espl-search-input-dates"]::placeholder {
    font-family: Georgia, serif !important;
    color: #4F6E6A !important;
    opacity: 1 !important;
  }

  .espl-guest-count-input-text {
    font-family: Georgia, serif;
    color: #4F6E6A;
    font-size: 1rem;
    margin-bottom: 6px;
    display: block;
  }
}



.qodef-header-navigation > ul > li.header-properties-btn {
  border: 2px solid #FFFFFF;
  padding: 10px 28px;
  height: unset;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.qodef-header-navigation > ul > li.header-properties-btn:hover {
  background-color: #4F6E6A;
  color: #000000;
}

.qodef-mobile-header-navigation ul li.header-properties-btn {
  border: 2px solid #FDD496;
  padding: 10px 15px;
  height: unset;
  text-align: center;
  margin-top: 10px;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.qodef-mobile-header-navigation ul li.header-properties-btn:hover {
  background-color: #000000;
  color: #FFFFFF;
}

@media (max-width: 680px) {
  /* Centre footer column 2 (link list) */
  #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(2),
  #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(4) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Make paragraphs in column 2 and 4 behave responsively */
  #qodef-page-footer-top-area .qodef-grid-item:nth-child(2) .widget_text p,
  #qodef-page-footer-top-area .qodef-grid-item:nth-child(4) .widget_text p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
}

/* Change footer text and link colour */
#qodef-page-footer,
#qodef-page-footer p,
#qodef-page-footer a {
  color: #FDD496 !important; /* Your brand yellow */
}




/* menu settings start here*/
@media (min-width: 768px) {
    .menu-item .sub-menu {
        position: absolute !important;
        top: 100% !important;       /* directly below the main item */
        left: 0 !important;         /* aligns left edges */
        margin-top: -25px !important; /* brings it a bit closer */

        background-color: rgba(0, 0, 0, 0.5) !important; /* semi-transparent dark */
        border: 2px solid #cccccc !important;
        border-radius: 6px !important;
        padding: 4px 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    .menu-item .sub-menu a {
        display: block;
        padding: 0px 0px !important;
        font-size: 15px;
        color: #ffffff !important; /* white text */
        text-decoration: none;
        border: none;
        background-color: transparent !important;

        white-space: normal !important; /* allow text to wrap */
        overflow: visible !important;
        word-wrap: break-word; /* break long words if needed */
    }
	
/* Normal menu text colour */
.qodef-menu-item-text {
    color: #FDD496 !important; /* Replace with your base menu colour */
}

/* Hover state */
.qodef-menu-item:hover .qodef-menu-item-text {
    color: #C15627 !important; /* Replace with your brand colour */
}

/* Current page */
.qodef-menu-item.current-menu-item .qodef-menu-item-text {
    color: #C15627 !important;
}
	/* Centre text in Hendon footer widgets */
#qodef-page-footer-top-area .widget {
  text-align: center;
}
/* Force all text inside footer top area to brand gold */
#qodef-page-footer-top-area,
#qodef-page-footer-top-area .widget,
#qodef-page-footer-top-area .widget * {
  color: #FDD496 !important;
}

/* Footer bottom text */
#qodef-page-footer-bottom-area,
#qodef-page-footer-bottom-area * {
  color: #FDD496 !important;
}

/* Links in footer (normal + hover) */
#qodef-page-footer-top-area a,
#qodef-page-footer-bottom-area a {
  color: #FDD496 !important;
  text-decoration: none;
}
#qodef-page-footer-top-area a:hover,
#qodef-page-footer-bottom-area a:hover {
  color: #FDD496 !important;
  text-decoration: underline;
}

/*PROPERTY GRID PAGE*/

/* Page 8557 — Custom StayShropshire Header */
body.page-id-8557 #qodef-page-header,
body.page-id-8557 #qodef-page-header-inner,
body.page-id-8557 .qodef-header-sticky,
body.page-id-8557 .qodef-header-sticky-inner {
  background-color: #4F6E6A !important;
  background-image: none !important;
}

/* Logo adjustments
body.page-id-8557 .qodef-header-logo-image {
  max-height: 70px !important;
  height: auto !important;
} */

body.page-id-8557 .qodef-header-logo-link {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

/* Menu text in brand yellow */
body.page-id-8557 .qodef-menu-item-text {
  color: #FDD496 !important;
}

	/* Page 8557 — Style custom property search form */
body.page-id-8557 .espl-property-search-form select,
body.page-id-8557 .espl-property-search-form input[type="text"],
body.page-id-8557 .espl-property-search-form .espl-guests-counter-text,
body.page-id-8557 .espl-property-search-form button,
body.page-id-8557 .espl-property-search-form .espl-guest-count-input-text {
  font-family: Georgia, serif !important;
  font-size: 1rem;
  color: #4F6E6A;
}

/* Style the submit button */
body.page-id-8557 .espl-search-uplisting-property-btn {
  background-color: #4F6E6A !important;
  color: #FDD496 !important;
  font-family: Georgia, serif !important;
  font-size: 1rem;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Button hover effect */
body.page-id-8557 .espl-search-uplisting-property-btn:hover {
  background-color: #3f5753 !important;
}
	
@media (max-width: 600px) {
  html body.page-id-8557 .espl-search-uplisting-property-btn {
    background: #4F6E6A !important;  /* ← overrides background: #333 */
    color: #FDD496 !important;
    font-family: Georgia, serif !important;
    font-size: 1rem !important;
    font-weight: bold !important;
    border-radius: 6px !important;
    padding: 14px 20px !important;
    border: none !important;
    width: 100% !important;
    text-align: center !important;
  }

  html body.page-id-8557 .espl-search-uplisting-property-btn:hover {
    background: #3f5753 !important;
    color: #FDD496 !important;
  }
}

/* Global — StayShropshire Header for all single_property listings */
body.single-property #qodef-page-header,
body.single-property #qodef-page-header-inner,
body.single-property .qodef-header-sticky,
body.single-property .qodef-header-sticky-inner {
  background-color: #4F6E6A !important;
  background-image: none !important;
}

/* Logo sizing */
body.single-property .qodef-header-logo-image {
  max-height: 70px !important;
  height: auto !important;
}

/* Logo vertical alignment */
body.single-property .qodef-header-logo-link {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

/* Menu text in brand yellow */
body.single-property .qodef-menu-item-text {
  color: #FDD496 !important;
}

/* Global — StayShropshire Header for all single_property listings */
body.single-single_property #qodef-page-header,
body.single-single_property #qodef-page-header-inner,
body.single-single_property .qodef-header-sticky,
body.single-single_property .qodef-header-sticky-inner {
  background-color: #4F6E6A !important;
  background-image: none !important;
}

/* Logo sizing */
body.single-single_property .qodef-header-logo-image {
  max-height: 70px !important;
  height: auto !important;
}

/* Logo vertical alignment */
body.single-single_property .qodef-header-logo-link {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

/* Menu text in brand yellow */
body.single-single_property .qodef-menu-item-text {
  color: #FDD496 !important;
}

	
.espl-property-city-input {
    min-width: 220px;
}
	
/* StayShropshire style for Book Now button */
#espl-book-property-btn.espl-property-book-now-button {
    background-color: #FDD496 !important;
    color: #4F6E6A !important;
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    transition: background-color 0.2s ease, color 0.2s ease;
    bbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Hover effect */
#espl-book-property-btn.espl-property-book-now-button:hover {
    background-color: #4F6E6A !important;
    color: #FDD496 !important;
}

	
	
.espl-guests-counter-container {
    min-width: 185px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.espl-guest-count-input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.espl-guests-counter-text {
    text-align: center;
    flex: 1;
}

.espl-uplisting-input-increment,
.espl-uplisting-input-decrement {
    flex: 0 0 auto;
}

/* Enhanced styling for the embedded map on single property pages */
#property-map {
  border-radius: 12px;
  box-shadow: 10px 10px 12px rgba(0,0,0,0.5);
}


.espl-single-page-location-map-wrapper,
.espl-single-page-policies {
  margin-top: 60px;
  margin-bottom: 40px;
}

.espl-single-page-policies ul {
  list-style: none;
  padding-left: 0;
}

.espl-single-page-policies li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 10px;
  line-height: 1.6;
}

.espl-single-page-images-grid img {
  border-radius: 12px;
  display: block;
}

.open-image-slider-modal.image {
  overflow: hidden;
  border-radius: 12px;
}

/* Policies font size */
.espl-single-page-policies {
  font-size: 16px; /* or try 17px / 18px if you want it larger */
}

	document.body.classList.add('ss-filtering-initial-load');
	
	/* === StayShropshire Calendar Styling (Single Property Page) === */
.daterangepicker td {
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

.daterangepicker td.today {
  background-color: #f0f0f0 !important;
}

.daterangepicker td.start-date,
.daterangepicker td.end-date {
  background-color: #FDD496 !important;
  color: #4F6E6A !important;
  font-weight: bold;
}

.daterangepicker td.end-date {
  box-shadow: inset 0 0 0 2px #4F6E6A !important;
}

.daterangepicker td.in-range {
  background-color: #fff7e0 !important;
}

/*.daterangepicker .drp-buttons {
  display: none !important;
} */

/* === Mobile calendar layout (match grid/home) === */
@media (max-width: 768px) {
  .daterangepicker {
    left: 50% !important;
    top: 20% !important;
    transform: translateX(-50%) !important;
    position: fixed !important;
    z-index: 9999 !important;
    max-width: 320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    background: white !important;
    flex-direction: row !important;
  }

  .daterangepicker .drp-calendar.right {
    display: none !important;
  }

  .daterangepicker .drp-calendar.left {
    width: 100% !important;
    padding: 0 !important;
  }

  .daterangepicker .calendar-table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  .daterangepicker .calendar-table th,
  .daterangepicker .calendar-table td {
    width: 14.2857% !important;
    text-align: center !important;
    padding: 0.5rem 0 !important;
  }
}
	
.espl-single-page-policies ul {
  list-style: disc;
  padding-left: 0.5em;
}

.espl-single-page-policies li {
  margin-bottom: 10px;
  line-height: 1.6;
}