.elementor-712 .elementor-element.elementor-element-7e496734{--display:flex;--padding-top:30px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-712 .elementor-element.elementor-element-10d31ec{text-align:center;}.elementor-712 .elementor-element.elementor-element-10d31ec .elementor-heading-title{color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-712 .elementor-element.elementor-element-7e496734{--padding-top:20px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-712 .elementor-element.elementor-element-7e496734{--padding-top:10px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-712 .elementor-element.elementor-element-10d31ec.elementor-element{--align-self:flex-start;}.elementor-712 .elementor-element.elementor-element-10d31ec{text-align:start;}}/* Start custom CSS */.elementor-shortcode p, .elementor-shortcode span, .listing-amenities, .review, .haway-cal-month-bar, .haway-cal-week-name, .haway-cal-cell-date, .reservation-info-outer, .reservation_select_field, .result_count {
    font-family: "PT Serif", Sans-Serif;
}
.listing-title{
      font-family: "PT Serif", Sans-Serif;
}
.reservation_select_field {
    background-color: #f3f3f3;
    border:0 !important;
}
.booking-form button[type="submit"], .hostaway-listing-book-btn {
    background-color: #A4A78F !important;
    border:2px solid #A4A78F !important;
}
.booking-form button[type="submit"]:hover {
    background-color: #fff !important;
    color: #A4A78F !important;
}
.haway-cal-cell-price {
     color: #A4A78F !important;
   
}
@media screen and (max-width: 767px) {
    html body .haway-single-wrapper {
        padding: 10px  !important;
    }
}
html body .haway-single-card .haway-meta-items span {
    margin-left: 0 !important;
}
.haway-cal-month-next:before, .haway-cal-month-prev:before {
  
    filter: saturate(0) !important;
}
.booking-form {
    position: sticky;
    top: 240px;
}

.hostaway_bed_icon::before, .hostaway_bath_icon::before, .hostaway_person_icon::before, .hostaway_sq_icon::before, .hostaway_property_type_icon::before, .hostaway-card-content p::before  {
    filter: brightness(0) saturate(100%)
            invert(69%) sepia(8%)
            saturate(518%) hue-rotate(27deg)
            brightness(94%) contrast(89%);
}
.hostaway-card-content .hostaway-listing-amenities {
    column-gap: 7px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.hostaway-listing-amenities li:nth-child(1)::after, .hostaway-listing-amenities li:nth-child(2)::after, .hostaway-listings-wrapper.list-view .hostaway-listing-amenities li:nth-child(1)::after, .hostaway-listing-amenities li:nth-child(2)::after, .hostaway-listing-amenities li:nth-child(4)::after  {
    display:none;
}
.hostaway-card-content p::before {
    width:15px;
top:2px;}
.hostaway-listing-location span {
 
     font-size:12px ;
 }
 /* =========================================
   HOSTAWAY SEARCH BAR - MCVR STYLE
   ========================================= */

.search-wrap {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    background: #f7f6f0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    min-height: 58px !important;
}


/* =========================================
   FIELDS
   ========================================= */

.search-wrap .field {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 0 !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 24px !important;

    background: transparent !important;
    border: none !important;
}


/* vertical separators */

.search-wrap .field::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 16px !important;
    bottom: 16px !important;
    width: 1px !important;
    background: rgba(35, 35, 35, 0.18) !important;
}


/* =========================================
   REMOVE EXISTING LABELS
   ========================================= */

.search-wrap .label {
    display: none !important;
}


/* =========================================
   REMOVE BLUE ICONS
   ========================================= */

.search-wrap .field > svg,
.search-wrap .field > .ico {
    display: none !important;
}


/* =========================================
   META
   ========================================= */

.search-wrap .meta {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   VALUE WRAPPER
   ========================================= */

.search-wrap .value {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* =========================================
   INPUTS
   ========================================= */

.search-wrap input {
    width: 100% !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;

    color: #25251f !important;

    font-family: "Montserrat", Sans-Serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}


/* placeholders */

.search-wrap input::placeholder {
    color: #25251f !important;
    opacity: 1 !important;
}


/* =========================================
   PROPERTY TYPE SELECT
   ========================================= */

.search-wrap select {
    width: 100% !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 0 22px 0 0 !important;

    background-color: transparent !important;

    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;

    color: #25251f !important;
 font-family: "Montserrat", Sans-Serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;

    cursor: pointer !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-image:
        linear-gradient(45deg, transparent 50%, #25251f 50%),
        linear-gradient(135deg, #25251f 50%, transparent 50%) !important;

    background-position:
        calc(100% - 7px) 27px,
        calc(100% - 3px) 27px !important;

    background-size:
        4px 4px,
        4px 4px !important;

    background-repeat: no-repeat !important;
}


/* =========================================
   GUEST FIELD
   ========================================= */

.search-wrap #guests > svg {
    display: none !important;
}

.search-wrap #guestBtn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    color: #25251f !important;
transition: all .2s ease-in-out !important;
 font-family: "Montserrat", Sans-Serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}


/* guest dropdown arrow */

.search-wrap #guestBtn img {
    width: 9px !important;
    height: auto !important;
    margin-left: 12px !important;
    opacity: 0.75 !important;
}


/* =========================================
   SEARCH BUTTON
   ========================================= */

.search-wrap #search-listing {
    position: relative !important;

    flex: 0 0 135px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 58px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    background: #A4A78F !important;

    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #ffffff !important;

    cursor: pointer !important;
transition:all .2s ease-in-out !important;
    font-size: 0 !important;
}


/* remove search icon */

.search-wrap #search-listing svg {
    display: none !important;
}


/* add SEARCH text */

.search-wrap #search-listing::after {
    content: "SEARCH" !important;

    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 500 !important;

    letter-spacing: 0.08em !important;

    color: #ffffff !important;
}


/* hover */

.search-wrap #search-listing:hover {
    background: #93967f !important;
}


/* =========================================
   GUEST DROPDOWN
   ========================================= */

.search-wrap #guestMenu {
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 8px) !important;

    width: 250px !important;

    padding: 18px !important;

    background: #f7f6f0 !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;

    z-index: 9999 !important;
}


.search-wrap #guestMenu .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}


/* stepper */

.search-wrap #guestMenu .stepper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
#guestSummary {
        font-family: "Montserrat", Sans-Serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}
.search-wrap #guestMenu .stepper button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 1px solid rgba(37, 37, 31, 0.35) !important;
    border-radius: 50% !important;

    color: #25251f !important;

    font-size: 16px !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .search-wrap {
        flex-wrap: wrap !important;
    }

    .search-wrap .field {
        flex: 1 1 50% !important;
        min-width: 50% !important;

        border-bottom: 1px solid rgba(35, 35, 35, 0.12) !important;
    }

    .search-wrap #search-listing {
        flex: 1 1 50% !important;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .search-wrap {
        display: block !important;
        width: 100% !important;
    }

    .search-wrap .field {
        width: 100% !important;
        min-width: 100% !important;

        padding: 0 18px !important;

        border-bottom: 1px solid rgba(35, 35, 35, 0.14) !important;
        border-radius: 0 !important;
    }

    .search-wrap .field::after {
        display: none !important;
    }

    .search-wrap input,
    .search-wrap select,
    .search-wrap .value,
    .search-wrap #guestBtn {
        height: 40px !important;
        min-height: 40px !important;
        text-align: left;
    }

    .search-wrap #search-listing {
        width: 100% !important;
        min-height: 54px !important;
    }

    .search-wrap #guestMenu {
        width: calc(100vw - 36px) !important;
        max-width: 320px !important;
    }
}
/* =========================================
   HOSTAWAY DATEPICKER
   Colours + PT Serif only
   ========================================= */

#ui-datepicker-div,
#ui-datepicker-div * {
    font-family: "PT Serif", serif !important;
}


/* Main calendar */
#ui-datepicker-div.ui-datepicker {
    background: #f7f6f0 !important;
    color: #222222 !important;
}


/* Month / year header */
#ui-datepicker-div .ui-datepicker-header {
    background: #A4A78F !important;
    color: #ffffff !important;
    border-color: #A4A78F !important;
}


/* Month and year */
#ui-datepicker-div .ui-datepicker-title,
#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year {
    color: #ffffff !important;
}


/* Day headings: M T W T F S S */
#ui-datepicker-div .ui-datepicker-calendar th,
#ui-datepicker-div .ui-datepicker-calendar th span {
    color: #222222 !important;
}


/* Normal selectable dates */
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-default {
    background: #ffffff !important;
    color: #222222 !important;
    border-color: #e5e5e0 !important;
}


/* Hovered date */
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-hover {
    background: #A4A78F !important;
    color: #ffffff !important;
    border-color: #A4A78F !important;
}


/* Today's date */
#ui-datepicker-div .ui-datepicker-today a.ui-state-default,
#ui-datepicker-div .ui-datepicker-today a.ui-state-highlight {
    background: #A4A78F !important;
    color: #ffffff !important;
    border-color: #A4A78F !important;
}


/* Selected date */
#ui-datepicker-div .ui-datepicker-current-day a.ui-state-default,
#ui-datepicker-div .ui-datepicker-current-day a.ui-state-active {
    background: #A4A78F !important;
    color: #ffffff !important;
    border-color: #A4A78F !important;
}


/* Disabled / unavailable dates */
#ui-datepicker-div .ui-datepicker-unselectable .ui-state-default {
    background: #f2f1ed !important;
    color: #b4b4ad !important;
    border-color: #e7e6e1 !important;
}


/* Previous / next month blank dates */
#ui-datepicker-div .ui-datepicker-other-month {
    color: #b4b4ad !important;
}


/* Previous + next buttons */
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    background: transparent !important;
    border-color: transparent !important;
}


/* Previous + next hover */
#ui-datepicker-div .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-next:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: transparent !important;
}


/* Disabled previous/next */
#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled,
#ui-datepicker-div .ui-datepicker-next.ui-state-disabled {
    opacity: 0.4 !important;
}
/* =========================================
   LISTINGS SEARCH BAR - MATCHING DASHICON ARROWS
   ========================================= */

/* Property type wrapper */
.search-wrap .field:has(select[name="propertyType"]) .value {
    position: relative !important;
}

/* Remove native browser arrow */
.search-wrap select[name="propertyType"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
    padding-right: 30px !important;
}

/* Add Dashicons arrow */
.search-wrap .field:has(select[name="propertyType"]) .value::after {
    content: "\f347" !important;
    font-family: "dashicons" !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-style: normal !important;
    line-height: 1 !important;

    color: #25251f !important;
    opacity: 0.75 !important;

    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 14px !important;
    height: 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    pointer-events: none !important;
}


/* =========================================
   GUESTS - REMOVE IMAGE & USE DASHICON
   ========================================= */

.search-wrap #guestBtn {
    position: relative !important;
    padding-right: 24px !important;
}

/* Hide existing PNG arrow */
.search-wrap #guestBtn img {
    display: none !important;
}

/* Add matching Dashicon */
.search-wrap #guestBtn::after {
    content: "\f347" !important;
    font-family: "dashicons" !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-style: normal !important;
    line-height: 1 !important;

    color: #25251f !important;
    opacity: 0.75 !important;

    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 14px !important;
    height: 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    pointer-events: none !important;
}/* End custom CSS */