/* Force the calendar window to stay in front of everything */
#ui-datepicker-div {
    z-index: 99999999 !important;
    display: none; /* Prevents it from showing at the bottom of the page accidentally */
}

/* Make the whole input box clickable for the date picker */
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 5;
}

/* Ensure the parent control doesn't clip the picker */
.control-viewing-date {
    position: relative;
    overflow: visible !important;
}


/* Ensure the native date picker or jQuery UI picker stays on top */
input[type="date"]::-webkit-calendar-picker-indicator {
    z-index: 999999 !important;
}

.datepicker-dropdown {
    z-index: 999999 !important; 
}





/* Container for both Popups */
.fancybox__content[id^="makeEnquiry"] {
    background-color: #fff9f5 !important; /* Light peach background */
    padding: 40px !important;
    border-radius: 30px !important;
    max-width: 600px !important;
    overflow: visible !important; /* Important for date picker visibility */
}

/* Titles and Text */
.fancybox__content[id^="makeEnquiry"] h2 {
    font-family: 'juana-regular', Georgia, serif !important;
    font-size: 32px;
    color: #1a2e2e;
    margin-bottom: 0px;
}

.fancybox__content[id^="makeEnquiry"] p {
    color: #5a6b6b;
    margin-bottom: 10px;
}

/* Form Controls and Labels */
.property-enquiry-form .control label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #1a2e2e;
    text-align: left;
}

/* Shared Input Styling */
.property-enquiry-form input[type="text"],
.property-enquiry-form input[type="email"],
.property-enquiry-form input[type="date"],
.property-enquiry-form textarea,
.property-enquiry-form select {
    width: 100% !important;
    background-color: #fff !important;
    border: 1px solid #f9dec9 !important;
    border-radius: 12px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    color: #1a2e2e !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
}

/* Submit Button Style */
.property-enquiry-form input[type="submit"] {
    width: 100% !important;
    background-color: #1a2e2e !important;
    color: #ffffff !important;
    padding: 16px !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'juana-regular', serif !important;
    font-size: 18px !important;
    cursor: pointer !important;
    text-transform: capitalize !important;
}

/* Uniform Close Button Styling */
.fancybox__content[id^="makeEnquiry"] .is-close-btn {
    top: 15px !important;
    right: 15px !important;
    color: #1a2e2e !important;
    background: transparent !important;
}

.fancybox__content[id^="makeEnquiry"] .is-close-btn svg {
    width: 24px;
    height: 24px;
    stroke-width: 2;
}













.property_actions_wrapper ul{list-style-type:none;width:100%;}
.property_actions_wrapper ul li{display: inline-block;
 }

.property_actions_wrapper ul li a{
    border: 1px solid #FFCEB6 !important;
    font-family: 'juana-regular';
    padding: 12px;
    margin-right: 14px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 15px 30px;
    border: unset;
    cursor: pointer;
    transition: .2s all ease-in-out;
    text-transform: capitalize;
    background-color: #FFE7DB;
    color: #000;
    display: block;
}
.property_actions_wrapper ul li a:hover{
    background-color:#fff;
}
.custom_price .price-qualifier{margin-left:0;width:100%;display:block;}
.custom_price .custom_price_wrapper .price_value,.custom_price .custom_price_wrapper .lettings-fees,.custom_price .custom_price_wrapper .propertyhive_lettings_fees_popup{width:100%;display:block;}
.custom-property-detail .summary-details .description-contents-custom p{line-height:24px!important;display:inline-block;font-weight:500;color:#656A6B;font-size:16px}
.view-local-section #property_map_canvas{border-radius:16px;max-width:721px;height:530px;object-fit:cover}
.custom-property-detail .features-section .ul-section ul.property-features-list{margin-left:15px}
.custom-property-detail .features-section .ul-section ul.property-features-list li{list-style-type:square;margin-bottom:5px}
.custom-property-detail .mortgage-calculator button{font-weight:500;width:100%;border-radius:5px;padding:15px 30px;border:unset;cursor:pointer;transition:.2s all ease-in-out;text-transform:capitalize;background-color:#F2CCB1;color:#000;font-size:16px}
.custom-property-detail .mortgage-calculator button:hover{background-color:#fff;color:#000}
.custom-property-detail .mortgage-calculator-results h4{color:#FFF}
.custom-property-detail .calculator-box .mortgage-calculator input{padding:15px 14px;border:1px solid #D9D9D9;background:#FFF;margin-bottom:16px}
.custom-property-detail .print_wrapper span{vertical-align:middle}
.gallery_wrapper{display:none}
.gallery_wrapper img{width:100px;height:100px}
.property-summary-section .left-box{z-index:9999999}
.custom-property-detail a.propertyhive-main-image{display:block}
.fancybox__container{z-index:9999999999 !important;}
.property-share-wrapper{width:auto;height:100%;display:inline-block;cursor:pointer;vertical-align:bottom;margin-left:10px}
.property-share-wrapper .social_share_wrapper{transform-origin:50% 0;transform:scale(0) translateY(-190px);opacity:0;display:none;transition:.5s;position:absolute;max-width:100%;top:33px}
.property-share-wrapper .social_share_wrapper.show{opacity:1;display:block;transform:scale(1) translateY(-90px)}
.property-share-wrapper .social_share_wrapper .social_share_close{position:absolute;color:#310964;right:-8px;top:-8px;background-color:#fff;height:20px;width:20px;text-align:center;border-radius:50%;cursor:pointer}
.property-share-wrapper .social_share_wrapper .social_share_close i{top:50%;position:absolute;left:0;right:0;transform:translateY(-50%);font-size:18px}
.property-share-wrapper .label.show::after{visibility:visible;transform:scale(1) translateY(0px);transition-delay:.2s!important;transition:.5s}
.entypo-export{cursor:pointer}
.property-share-wrapper .label img{vertical-align:unset}
.property-share-wrapper .addtoany_shortcode{border-radius:8px;background-color:#fff;display:flex;margin:0 auto!important;padding:8px!important}
.property-share-wrapper .addtoany_shortcode .addtoany_list{line-height:normal!important;border-radius:8px;background-color:#1D333A;padding:8px;display:flex;flex-wrap:wrap;margin:0 auto!important;padding:0!important}
.property-share-wrapper .addtoany_shortcode .addtoany_list a{padding:8px 3px 2px!important;border-radius:0;height:auto;vertical-align:unset;line-height:unset;font-size:unset}
.property-share-wrapper .addtoany_shortcode .addtoany_list a .a2a_label{display:none}
.fancybox__content form.property-enquiry-form input{padding:15px 14px;border:1px solid #D9D9D9;background:#FFF;margin-bottom:16px}
.fancybox__content form.property-enquiry-form textarea{padding:15px 14px;border:1px solid #D9D9D9;background:#FFF;margin-bottom:16px}
.fancybox__content > p{margin-bottom:5px}
.fancybox__content .property-enquiry-form input[type="submit"]{font-family: 'juana-regular', Georgia, "Times New Roman", serif !important;font-weight:500;width:100%;border-radius:5px;padding:15px 30px;border:unset;cursor:pointer;transition:.2s all ease-in-out;text-transform:capitalize;background-color:#F2CCB1;color:#000;font-size:16px;height:auto}
.fancybox__content .property-enquiry-form input[type="submit"]:hover{background-color:#F2CCB1;color:#000}
.fancybox__content{background:linear-gradient(180deg,#F2CCB1 0%,#FFF 100%)}
/* ---- css start ---- */
.fancybox__container *{--fancybox-bg:#000000de!important}
.fancybox__container .fancybox__slide .fancybox-image{border-radius:16px!important}
body{margin:0}
*,:focus,:hover{outline:none}
*,::after,::before{box-sizing:border-box}
/**{font-family:'din-body';box-sizing:border-box}*/
.container{width:100%;max-width:1299px;margin:0 auto;padding-right:15px;padding-left:15px}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col-common{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-12{flex:0 0 100%;max-width:100%}
.col-8{flex:0 0 66.66667%;max-width:66.66667%}
.col-4{flex:0 0 33.33333%;max-width:33.33333%}
.col-7{flex:0 0 58.33333%;max-width:58.33333%}
.col-5{flex:0 0 41.66667%;max-width:41.66667%}
.col-6{flex:0 0 50%;max-width:50%;flex:0 0 50%;max-width:50%}
.col-3{flex:0 0 25%;max-width:25%}
.col-9{flex:0 0 75%;max-width:75%}
.font-40{font-size:40px}
.font-34{font-size:34px}
.font-36{font-size:36px}
.font-30{font-size:30px}
.font-32{font-size:32px}
.font-24{font-size:24px}
.font-20{font-size:20px}
.font-18{font-size:18px}
.font-16{font-size:16px}
.font-14{font-size:14px}
.white-color{color:#fff}
.black-color{color:#000}
.primary-color{color:#1D333A}
.light-grey-color{color:#656A6B}
.secondary-color{color:#F2CCB1}
.light-white-color{color:#F4F0EC}
.light-green-color{color:#0F4F64}
.background-secondary{background-color:#F2CCB1;color:#000}
.background-secondary:hover{background-color:#fff;color:#000}
.background-primary{background-color:#1D333A !important;color:#F4F0EC}
.background-dark-green{background-color:#3A6472;color:#fff}
.background-dark-green:hover{background-color:#796353}
.background-light-green{background-color:#E1F0F5;color:#1D333A}
.background-light-orange{background-color:#FFF5F0;color:#1D333A}
.background-other-secondary{background-color:#FFE7DB;color:#000}
.background-white{background-color:#fff;color:#1D333A}
.background-white:hover{background-color:#F2CCB1}
.background-grey{background-color:#F4F4F4 !important}
.dark-secondary-border{border:1px solid #FFCEB6!important}
.orange-border{border:1px solid #F2CCB1}
.text-uppercase{text-transform:uppercase}
.text-capital{text-transform:capitalize}
.text-decoration{text-decoration:underline}
.btn{border-radius:5px;padding:15px 30px;border:unset;cursor:pointer;transition:.2s all ease-in-out}
.w-100{width:100%}
.h-100{height:100%}
.object-cover{object-fit:cover}
.font-bold{font-weight:700}
.font-normal{font-weight:400}
.font-500{font-weight:500}
.font-d-din{font-family:'din-body'}
.font-juana-alt{font-family:'juana-regular'}
.font-juana{font-family:'juana-regular'}
.d-inline-block{display:inline-block}
.d-block{display:block}
.d-flex{display:flex;flex-wrap:wrap}
.align-items-center{align-items:center}
.align-self-center{align-self:center}
.justify-content-start{justify-content:flex-start}
.justify-content-end{justify-content:flex-end}
.justify-content-center{justify-content:center}
.justify-content-between{justify-content:space-between}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.position-relative{position:relative}
.m-0{margin:0}
.mr-2{margin-right:15px}
.mr-1{margin-right:8px}
.mb-1{margin-bottom:8px}
.mb-2{margin-bottom:15px}
.ml-1{margin-left:8px}
.ml-2{margin-left:15px}
.mt-1{margin-top:8px}
.mt-2{margin-top:15px}
.mt-3{margin-top:21px}
.p-0{padding:0}
.pr-2{padding-right:15px}
.pr-1{padding-right:8px}
.pb-1{padding-bottom:8px}
.pb-2{padding-bottom:15px}
.pl-1{padding-left:8px}
.pl-2{padding-left:15px}
.pt-1{padding-top:8px}
.pt-2{padding-top:15px}
.padding-top-bottom{padding-top:50px;padding-bottom:50px}
.cursor{cursor:pointer}
.text-border-group{position:relative;z-index:0}
.text-border-group span{background-color:#f4f4f4;padding-right:20px}
.text-border::before{position:absolute;content:"";width:100%;bottom:18px;height:1px;background-color:#5695A9;z-index:-1}
.z-index-1{z-index: 999999 !important;position:relative}
#main-header{z-index: 99999999 !important;}

/* ---- css end ---- */


body{
    overflow-x: hidden;
}
.department-type{
    display: flex;
    margin-right: 30px;
}
.department-type label{
    background: #d9f1f0;
    color: #1d333a;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    height: 54px;
    line-height: 56px;
    text-align: center;
    padding: 0px 20px;
    border-right: 1px solid #2b5762;
    white-space: nowrap;
}
.department-type label input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.department-type label.active{
    background: #eccdb4;
    color: #1d333a;
    font-weight: 500;
}
.department-type label:first-child{
    border-radius: 6px 0 0 6px;
}
.department-type label:last-child{
    border-radius: 0px 6px 6px 0px;
    border-right: 0;
}
.mobile-filter {
    align-items: center;
    display: flex !important;
}
.control-address_keyword{
    margin-right: 30px;
}
.control-address_keyword input::placeholder {
    color: #4d676f;
    opacity: 1;
}
.control .select2-container--default .select2-selection--single {
    border: 0;
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.property-search-form .control-address_keyword #address_keyword {
    border-radius: 5px;
}
.control .select2-selection__arrow::after {
    color: #fff;
}
.select2-selection__arrow::after {
    font-family: 'ETmodules';
    content: "3";
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 800;
    color: #000;
}
.propertyhive-ordering .select2-selection__arrow::after {
    right: 10px;
}
/*.select2-container--open .select2-selection__arrow::after{
    transform: rotate(180deg);
}*/
.propertyhive-ordering .select2-container--default .select2-selection--single {
/*    border: 0;*/
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
}
.property-search-form.property-search-form-default {
    background-color: #1b292e;
}
.property-search-form .control label {
    color: #fff;
    font-weight: 600;
}
.control .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    padding-left: 0px;
    font-size: 14px;
}
.control .select2-container--open .select2-selection__arrow::after {
    transform: rotate(180deg);
}
.residential-only, .sales-only, .lettings-only{
    border-left: 1px solid rgba(149,198,214,.302);
    text-transform: capitalize;
    padding-left: 12px !important; 
    margin-right: 30px;
}
.select2-search--dropdown {
    display: none !important;
}
.select2-results {
    background-color: #1b292e;
    color: #fff;
    min-width: 190px;
    width: 100%;
    margin-left: -10px;
}
.orderby .select2-results {
    margin-left: 0px;
}
.select2-container--default .select2-results > .select2-results__options {
    padding: 3px 3px 0px;
    font-family: "Inter";
} 
.select2-container--default .select2-results__option--selected {
    background-color: transparent !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent !important;
    color: #f2ccb1 !important;
}
.select2-container--open .select2-dropdown--below {
    border: 0;
}
.property-search-form .select2-container {
    width: 100% !important;
}
.orange_btn {
    background-color: #f2ccb1;
    color: #1d333a;
    width: 100%;
}
.orange_btn:hover {
    background-color: #fff;
}
.property-search-form .btnReset:hover, .light_green_btn:hover {
  background-color: #2b5762 !important;
}
.filter-btns {
    width: 20% !important;
    display: flex !important;
    justify-content: end;
    align-items: center;
}
.filter-btns .control-property_submit button, .property-search-form .filter-btns .btnReset, .filter-btns .control-property_filter .btn-more-filter{
    font-size: 1rem !important;
    height: 100%;
    padding: 15px !important;
    font-weight: 400 !important;
    line-height: 20px;
    font-family: 'juana-regular', Georgia, "Times New Roman", serif !important;
}
.filter-btns .control-property_submit, .filter-btns .control-property_reset {
    width: auto !important;
}
.property-search-form .control-address_keyword #address_keyword {
    min-width: 400px !important;
}
.mobile-filter .control, .mobile-filter .department-type{
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 1800px) {
  .residential-only, .sales-only, .lettings-only{
    flex: none;
    width: 11%;
    min-width: 164px;
  }
}
@media (max-width: 1799px) {
    .select2-results {
        min-width: auto;
        width: 100%;
        margin-left: 0px;
    }
    .residential-only, .sales-only, .lettings-only{
        width: 18%;
    }
    .residential-only, .sales-only, .lettings-only {
        margin-right: 10px;
    }
}
@media (min-width: 1401px) and (max-width: 1799px) {
  .control-address_keyword, .department-type{
    margin-right: 10px;
  }
  .property-search-form .control-address_keyword #address_keyword {
    min-width: 250px !important;
  }
}
@media (max-width:1399px){
    .filter-btns .control-property_submit button, .property-search-form .filter-btns .btnReset {
        white-space: nowrap;
    }
    .mobile-filter{
        flex-wrap: wrap;
    }
    .control-address_keyword {
        width: calc(100% - 328px);
    }
    .control-property_type.residential-only{
        border: 0px;
    }
}
@media (max-width:1024px){
    .mobile-filter .control-property_type.residential-only {
        margin-bottom: 5px !important;
    }
    .mobile-filter {
        flex-wrap: wrap;
        margin-top: 5px;
    }
    .mobile-filter .control-address_keyword {
        margin-right: 0px;
        width: calc(100% - 278px);
    }
    .mobile-filter .department-type{
        margin-bottom: 15px;
        margin-right: 15px;
        margin-top: 0px;
    }
    .property-search-form .control-address_keyword #address_keyword {
        min-width: auto !important;
    }
    .filter-btns {
         margin-bottom: 0px !important;  
    }
    .property-search-form .control {
        width: 100%;
        margin-right: 0px;
        border-left: 0px;
    }
    .select2-results {
        background-color: #fff;
        color: #000;
    }
    .orderby .select2-results {
        background-color: #2b5762;
        color: #fff;
    }
    .filter-btns {
        width: 100% !important;
    }
}
@media (max-width: 1023px) {
  .post-type-archive-property .property-search-form {
    margin: 90px 0px 30px !important;
  }
  .propertyhive-ordering {
    margin-bottom: 30px !important;
  }
}
@media (max-width:575px){
    .mobile-filter {
        flex-direction: column;
    }
    .mobile-filter .department-type {
        width: 100%;
        margin-right: 0px;
    }
    .department-type label {
        width: 33.33%;
        padding: 0px 5px;
    }
    .mobile-filter .control-address_keyword {
        margin-top: 0px;
        width: 100%;
    }
    .filter-btns .control-property_submit button, .property-search-form .filter-btns .btnReset, .filter-btns .control-property_filter .btn-more-filter {
        padding: 15px 5px !important;
    }
    .filter-btns{
        gap: 5px !important;
    }
}