/* GENERAL */
/* ************************************ */


body {font-size: 1rem; }

.container {max-width:1440px!important;}
.row-alt {background: #c1d8ef;}
.pattern-blue {background-color: #EFEFF2; }
#hero-2 {background: #ccc;}

/* PROPERTY LISTINGS */
/* ************************************ */

.list-group-item { padding: 4px 15px;}
.list-group {max-height: 200px; margin-bottom: 10px;}
.property_container {position: relative; background: #fff; padding: 0px!important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15)!important; margin-bottom: 15px; }
.filters {font-size: 100%; background: #fff; padding: 40px 20px 20px 20px;  box-shadow: 0 5px 10px 0 rgba(14,84,98,.1); border-radius: 5px;}
.filters ul {  list-style-type: none; padding:0px;}
.filters ul.singlecol { column-count: 1; column-gap: 0rem; list-style-type: none; padding:0px;}
.filters .card {    margin: 10px; padding: 10px!important; border: 1px solid #ccc; }
.filters .card-body {padding: 10px 0px 0px 0px;}
.filters .card-header {font-size: 1rem;}
.filters h5 {color: #F04500;}
.row_count {padding-bottom: 20px; }
.wish-list { font-size: 20px; position: absolute; top: 20px; right: 0px;}
.wish-list a {color: #ffffff; background: #00000060; padding: 5px 10px 5px 10px;}
.property-title-listing a { font-size: 19px; color: #252525; line-height: 20px;}
.property-title-listing { margin-bottom: 0px!important;}
.property-description-listing {padding: 15px; }
.property-description-listing-featured {padding: 15px; }
.property-facts-listing { padding-bottom: 12px; font-size: 13px;}
.property-facts-listing span { color: #ccc; padding-left: 5px; padding-right: 5px;}
.property-image-listing a:hover { opacity: .9; }
.property-teaser-listing {font-size: 13px;  min-height: 60px; line-height: 15px; }
.property-location-listing {padding-top: 3px;padding-bottom: 8px; font-size: 12px;}
.check-availability-button {font-size: 12px!important; margin-top: 5px; position: absolute; bottom: 10px; }
.check-availability-button a {color: #fff; }
.property-details { font-size: 14px; color: #000; line-height: 1.25rem;}
.property-location-listing span {font-size: 11px; padding-left: 10px; color: #CA3C00;}

.property-price-listing {font-weight: 700; font-size: 26px; } 

.Stars { --percent: calc(var(--rating) / 5 * 100%); display: inline-block;line-height: 1.5rem; font-size: 23px;}
.Stars::before { content: "★★★★★";    background: linear-gradient(90deg, #fc0 var(--percent), #ccc var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.Stars span {font-size: 12px;}
.card-header {background: #64C5E1;}
.card-header, .card-header a {color: #fff;}
.guests-input input, .guests-input select {background: #fff; padding: 10px 10px 10px 35px; width: 100%;  border: 0.063rem solid #9B9B9B; border-radius: 0.188rem;}
.max_price::before { content: "£"; }
.filterblock {font-size:90%;}
.filterblock h2 {font-size: 18px; font-weight: 600; color: #5086ad;}
.filterblock .ul2col {columns: 2; -webkit-columns: 2; -moz-columns: 2;}
.filterblock .ul3col {columns: 3; -webkit-columns: 3; -moz-columns: 3;}
.filterblock .ul4col {columns: 3; -webkit-columns: 3; -moz-columns: 3;}

.ribbon { width: 100px; height: 100px; overflow: hidden; position: absolute; z-index:3; }
.ribbon-top-left span { right: 0px; top: 12px; }
.ribbon span {
    position: absolute;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    width: 100px;
    padding: 13px 0;
    background-color: #CA3C00;
    color: #fff;
    font: 700 11px/1 'Lato', sans-serif;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.411);
    text-transform: uppercase;
    text-align: center;
}

.ribbon-deals { width: 100px; height: 100px; overflow: hidden; position: absolute; z-index:3; }
.ribbon-top-left-deals span { right: 0px; top: 52px; }
.ribbon-deals span {
    position: absolute;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    width: 100px;
    padding: 13px 0;
    background-color: #34a567;
    color: #fff;
    font: 700 11px/1 'Lato', sans-serif;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.411);
    text-transform: uppercase;
    text-align: center;
}
.filterblock .accordion-body {padding:10px 0px 0px 0px; color: #474747;}
.filterblock .accordion-button {padding: 0px;}

.propertySearchReviews {font-size: 80%;}

/* PROPERTY DETAIL */
/* ************************************ */

/* SLIDESHOW */
.splide__slide { border-radius: 10px};

.calendar-col { position: sticky!important;   height: calc(100vh - 7rem);}
.featured {background: #BB2D3B; padding: 8px; color: #fff; margin-left: 10px; margin-right:10px; border-radius: 5px; font-size: 15px;}
.property-facts {align-items: center;}
.property-facts ul {  padding-left: 0px; display: flex; flex-wrap: wrap; grid-column-gap: .625rem; -moz-column-gap: .625rem; column-gap: .625rem;}
.property-facts li {list-style: none; background: #f0f0f0; border-radius: 5px; padding: 10px 15px 10px 15px;}

.property-description {background-color: #fff; margin-top: 20px; font-size: 16px;  }
.property-description h3 {color: #030303; margin-bottom: 30px!important; font-weight: 700; font-size: 23px;}
.description_colap #collapseExample.collapse:not(.show) { display: block; height: 8rem; overflow: hidden; }
.description_colap #collapseExample.collapsing { height: 8rem; }
.description_colap a.collapsed::after { content: '+ Show More'; }
.description_colap a:not(.collapsed)::after { content: '- Show Less'; }
label {font-weight: 500; font-size: 15px;}
.FormMessages {display: none;}
#EnquiryWrap {background: #1d4d75; color: #fff; font-size: 13px;}
#EnquiryWrap .GuestEmail, #EnquiryWrap label[for=GuestEmail] {color: #737373 !important;} 

.choosefrom {float: left; padding-bottom: 10px;}
.orderby {float: right; padding-bottom: 10px;}

/* HOTEL DATE PICKER ON FRONT PAGE */
.datepicker {z-index:10; box-shadow: 0 0 2.25rem rgb(0 0 0);}
.datepicker__info--help { color: red!important; }

.facilities {margin-bottom: 30px; margin-top: 30px;}
.right-wrapper {background: #fff; padding:20px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #979797; box-shadow: 0 0 2.25rem 0 rgba(0, 0, 0, .15);}
.holiday-details {background: #408633; color: #fff; padding: 15px; }
.holiday-details h3 {text-shadow: 1px 1px #000; }
.modal-content {background: #fff; color: #292929;}
.modal-content a {border-bottom: 1px dotted #ccc;}
.reviews_table {font-size: 11px;}
   
.input-wrapper { position: relative; }
.theicon { position: absolute; top: 16px; left: 8px; font-size: 15px; color: #848484;}
.latedealrow {background: #98f0f0;}
.verifiedTick {}
.fromPerNight {background: #2B576B; color: white; padding: 10px; margin-bottom: 10px; font-size: 16px; text-align: center;}
.contactOwnerBut {width: 100%; font-size: 20px;  background: #4CAF50; border:0px; color: #fff!important;}



/* CONTACT FORM FROM GUEST */
.contactOwnerForm {margin-left: 25%; margin-right: 25%; padding: 40px 10px 20px 10px; background: #f2f2f2; padding: 40px 10px 20px 10px; border: 1px solid #ccc; border-radius: 10px;  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);}
.form-label { margin-bottom: 0rem;}
.form-select { font-size: 0.8rem;}

/* FULL CALENDER.IO CUSTOM STYLES */

.fc-event-title2 {font-weight: 200!important; font-size: 13px; background: #ffe20066;  }

/* AVAILABILITY TABLE*/

.availability_table {font-size: 75%; width: 100%; }
.availability_table .col-md-4, .availability_table .col-md-3, .availability_table .col-md-2, .availability_table .col-md-1 {border: 1px solid #e6e6e6;}

.availability_table_latedeals {font-size: 75%; width: 100%; background-color: #1d4d75; color: #ffffff; }

/* LATE DEALS */
.lateDealsContainer img {width: 100%; height: 270px; object-fit: cover; }
.lateadealDesc {}
.latedealThumb {height: 150px; width: 200px; }

/* WISHLIST */
.wishlist_image {}
.reviewLink {font-size: 20px;}

/* BUTTONS */
/* ************************************ */
.button1 { background: #3788D8; padding: 15px; display: inline-block; border-radius: 10px;}
.button1 a {color: #fff;}

/* MAP */
#mapid { height: 400px; }
#map-all { height: 700px; } /* MAP HEIGHT OF THE MAP ON THE LOCATIONS PAGE */


/* FRONT PAGE  */
/* ************************************ */

.searchbox {margin-top: 20px!important; padding: 15px; background: #ffffff4f; border-radius: 5px; box-sizing: border-box; box-shadow: 0 0 1.25rem rgb(0 0 0 / 30%); margin:auto; width: 81%; font-size: 14px;}
.searchbox h1 {font-size: 31px!important; color: #4c94a1!important; line-height: 2.4rem!important;}
.searchbox h2 {font-size: 18px!important; color: #000!important; text-transform: none!important;}

.front-search select, .widebox { 
    padding: 10px 10px 10px 30px;
    width: 100%;
    border: 1px solid #9B9B9B;
    border-radius: 5px!important;
    background: #F5F4F3;
    color: #1f1f1f!important;
 }

 ::placeholder {
  color: #1f1f1f;
  opacity: 1; /* Firefox */
}

.btn-submit { padding: 10px 20px; background: var(--staycationTwo);  color: #fff;  font-size: 15px;  border-radius: 5px; border: 0; height: 50px;}
.input-group { padding-bottom: 10px;}

.back-blue {background: #ededed; color: #565656;}
.guests {}
.guests span {cursor:pointer; }
.guests .number{  }
.guests .minus, .guests .plus{ width:20px; height:30px; background:#f2f2f2; border-radius:4px; padding:8px 5px 8px 5px; border:1px solid #ddd;
      display: inline-block; vertical-align: middle; text-align: center; font-size: 15px; line-height: 10px; }
.guests input{ height:34px; width: 50px; text-align: center; font-size: 15px; border:1px solid #ddd; border-radius:4px; display: inline-block; vertical-align: middle; }
.guests .number strong {padding-left: 10px; font-size: 17px;}
.count_buttons {margin-top: 20px;}

.teaserImages {margin-top: 20px;}
.teaserImages img {border: 8px solid #f1f1f1;}


/* BUTTONS */

.button-1 {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 25px;
    transition: 0.5s;
    background: linear-gradient(60deg,#ff6a3f,#df1238);
    border-color: transparent;
    color: #ffffff!important;
    box-shadow: 0 4px 4px rgb(0 0 0 / 20%);
}

.button-2 {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 25px;
    transition: 0.5s;
    background: linear-gradient(60deg,#61c100,#428400);
    border-color: transparent;
    color: #ffffff!important;
    box-shadow: 0 4px 4px rgb(0 0 0 / 20%);
    border-radius: 0.3;
    color: #fff;
}

/* ADMIN */
.admin-menu {}
.admin-menu ul {margin:0; padding: 0;}
.admin-menu li {
    list-style: none; 

    font-family: "Raleway", sans-serif;  font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 10px; 
    width: 100%;
    }

 .admin-menu li a {display: block; color: #2b2b2b; padding: 8px 28px; border-radius: 10px; border: 2px solid #2e2e2e; font-weight: 700; font-size: 1rem;}  
 .admin-menu li a:hover {background: #b0dbff;}
 
.form-control {
  font-size: .8rem;
}

#hero-admin {
  width: 100%;
  height: 0vh;
  position: relative;
  background: var(--staycationOne);
  padding: 40px;
  border-bottom: 10px solid var(--staycationTwo);
}

#hero-admin h1 {color: #fff; font-size: 25px;}

.edit-property-block {background: #f5f5f5; padding: 20px; box-shadow: 0 20px 48px 0 rgba(0,0,0,.11),0 12px 24px 0 rgba(0,0,0,.08)!important; margin-bottom: 15px; overflow: auto; 
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

  }
.edit-property-block-header h2 {font-size: 22px; background: #0b7395; width: 100%; display: block; padding: 20px; margin-bottom: 0; color: #fff;
border-top-left-radius: 10px;
    border-top-right-radius: 10px;}

.grey-back {background-color: #fff;}
.background-white {background: #fff; padding: 0 20px 20px 20px;}

.gallery ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
.gallery ul li {
    padding: 7px;
    border: 2px solid #ccc;
    float: left;
    margin: 10px 7px;
    background: none;
}

.gallery img {height: 150px;}

.imgGallery img {height: 120px; margin-right: 10px;}

.more-facilities, .facilities, .property-details-row {margin-top:20px; margin-bottom: 10px;}
.facilities ul, .pets-groups ul {list-style: none; margin:0; padding: 0; columns: 5;}
.facilities li, .pets-groups li {margin-bottom: 5px;}

.label { font-weight: 600;}

/* LOGIN BOX */

.loginBox {background: #e8e8e8; padding: 20px; margin-top: 20px; margin-bottom: 20px;}
.registerBox {background: #e8e8e8; padding: 20px; margin-top: 20px; margin-bottom: 20px;}

/* PAYMENT PANEL */

.payment-panel { width: 350px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border-color: #ddd;
}

.payment-panel-title { margin-top: 0; margin-bottom: 10px; font-size: 20px;color: #333; font-weight: 600; }
.payment-panel > .payment-panel-heading {color: #333;background-color: #f5f5f5; border-color: #ddd;     padding: 10px 15px;  border-bottom: 1px solid transparent;  border-top-left-radius: 3px; border-top-right-radius: 3px; }
.payment-panel-body {padding: 15px; background: #fff;}
.payment-field { display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 15px; line-height: 1.2; color: #555; background-color: #fff; background-image: none;  border: 1px solid #ccc;
    border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
 #paymentResponse {color: red; font-weight: bold;} 
 .row2 .payment-left { width: 45%; float: left; }
 .row2 .payment-right { width: 35%; float: right;}

 /* *************************************** */

/* TABS */