#headerShortlist {
background: none;
color: var(--theme--primary-color);
padding: 0.25em 0.5em 0;
margin-right:8px;
}
#headerShortlist i {
font-size: 28px;
}
#headerShortlist {
text-decoration: none;
position: relative;
display: inline-block;
border-radius: 2px;
}
#headerShortlist .badge {
position: absolute;
top: -10px;
right: -10px;
padding: 4px 10px;
border-radius: 50%; background-color: var(--theme--secondary-color);
color: var(--wp--preset--color--white);
font-size: 1.3rem;
}.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 278px;
max-width: none;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 15px;
line-height: 1em;
}
.daterangepicker:before, .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 10px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 10px;
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
float: none;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}
.daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}
.daterangepicker .ranges li:hover {
background-color: #eee;
}
.daterangepicker .ranges li.active {
background-color: #08c;
color: #fff;
} @media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 140px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
float: left;
}
.daterangepicker {
direction: ltr;
text-align: left;
}
.daterangepicker .drp-calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker .drp-calendar.right {
margin-left: 0;
}
.daterangepicker .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker .ranges, .daterangepicker .drp-calendar {
float: left;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker .ranges {
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .drp-calendar.left {
clear: none !important;
}
}.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
height:31px;
line-height:31px;
}
.daterangepicker table tr:nth-child(even),
.daterangepicker table thead {
background:#fff;
}
.daterangepicker td.start-date {
border-radius: 16px 0 0 16px;
}
.daterangepicker td.end-date {
border-radius: 0 16px 16px 0;
}
.daterangepicker td.start-date.end-date{
border-radius: 16px;
}
.daterangepicker td.in-range {
background-color: var(--theme--primary-color-20);
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: var(--theme--primary-color);
}:root{
--booking-calendar--dark-grey: #707070;
}
.booking-widget-holder {
padding-bottom:60px;
}
.daterangepicker table td {
padding: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 30px;
margin: .125rem 0 0;
font-size: 16px;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem
}
.dropdown-menu.show {
display: block
} .sticky-slider {
position:relative;
height:100%;
}
.sticky-slider > #booking-form {
position:sticky;
top: 60px;
z-index:1;
border: 1px solid #dadada;
box-shadow: 0 3px 6px rgba(0,0,0,0.1);
padding: 20px;
border-radius: 8px;
}
.price-summary {
font-size:1.5em;
}
.price-summary p {
padding-bottom: 0;
}
.too-soon {
border: 2px solid #ff7575;
padding:10px 10px 10px 10px !important;
display:block;
background-color: #ffeeee;
}
.too-soon a {
font-weight: 700;
}
.form-footer p {
padding-bottom: 0.25em;
}
.field-border {
display: block;
position: relative;
padding: 8px;
margin:0;
}
.ajax-result .field-border {
padding:8px 0;
}
.field-border.sleeps {
padding: 0;
position:relative;
}
.field-border.sleeps button.button {
width:100%;
padding: 22px 0px 7px;
text-align:left;
background-color: #fff;
color:#666;
font-size: 1.25em;
font-family: IBM Plex Sans;
border:none;
box-sizing:border-box;
}
.field-border.sleeps button.button:hover,
.field-border.sleeps button.button:focus,
.field-border.sleeps button.button:active {
border:none;
outline: none;
}
.outer-border {
padding: 0;
margin-bottom: 15px;
background-color: #fbfbf8;
}
#booking-form .form-header,
#booking-form .form-body,
#booking-form .form-footer {
margin-bottom:15px;
}
#booking-form label{
font-size: 0.75em;
color: #000;
text-transform: uppercase;
margin: 0;
padding: 0 0 8px;
line-height: 0.75em;
}
#booking-form .sleeps label {
position: absolute;
top:5px;
left:0;
}
#booking-form .date-fields input {
width: 100%;
border:
none;
font-size: 1.25em;
color:#666;
padding: 0 0 7px;
background: #fff;
}
#booking-form .date-fields input::placeholder {
color:var(--booking-calendar--dark-grey);
}
#booking-form  .sleeps select {
width: 100%;
border: none;
padding:5px 0;
}
#booking-form input[type="submit"], #booking-form .make-booking {
width: 100%;
font-size: 1.125em;
background-color: #000;
border-color: #000;
color:#fff;
transition-duration: 300ms;
border-style: solid;
text-transform: uppercase;
padding: 10px;
display: block;
text-align:center;
}
#booking-form input[type="submit"].is-disabled, #booking-form input[type="submit"].is-disabled:hover {
background-color:#454545;
border-color:#454545;
}
#booking-form input[type="submit"]:not(.is-disabled):hover, #booking-form .make-booking:hover {
background-color: var(--theme--primary-color);
}
.date-fields {
position:relative;
}
.date-fields > .d-flex {
margin-left:-8px;
margin-right:-8px;
}
#booking-form .daterangepicker-button {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 65px;
z-index: 10;
opacity: 0;
cursor: pointer;
}
.drp-button {
font-size: 1em;
line-height: 1em;
padding:10px 20px;
margin-left: 10px;
background-color: transparent;
border-color: transparent;
}
.drp-button.btn-primary {
border: 2px solid #9aca3c;
background-color: #9aca3c;
}
.drp-button.btn-primary:hover {
background-color: #a8e432;
}
.drp-button.cancelBtn {
text-decoration: underline;
}
.daterangepicker td.hide {
color:#fff !important;
}
#booking-form .highlight{
background:unset;
}
#booking-form .input-group-text {
background-color: #fff;
border:none;
padding: 0;
}
#booking-form .dropdown-menu .input-group {
display:flex;
justify-content:space-between;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
#booking-form .dropdown-menu .input-group:first-child {
margin-bottom: 10px;
}
#booking-form .dropdown-menu .input-group > .input-group-prepend {
width:50%;
display:flex;
justify-content:space-between;
}
#booking-form .dropdown-menu .input-group > .input-group-prepend > button {
width: 32px;
height:32px;
padding:5px;
font-size:0.75em;
}
#booking-form .dropdown-menu .input-group > input {
width:32%;
text-align: center;
background-color: #fff;
font-size: 1em;
height: 32px;
border:none;
}
#booking-form .dropdown-menu .input-group > .input-group-append {
width:18%;
}
#booking-form .dropdown-menu .input-group > .input-group-append > button {
width: 32px;
height:32px;
padding:5px;
font-size:0.75em;
}
#booking-form .dropdown-menu .button-holder button {
background-color: #000;
text-align: center;
padding: 10px;
font-weight:500;
font-family: var(--theme--primary-font);
text-transform:uppercase;
letter-spacing: 1px;
font-size:1em;
color:#fff;
}
#booking-form .dropdown-menu .button-holder button:hover {
background-color: var(--theme--primary-color);
}
.daterangepicker .calendar-table td.hide {
background: none !important;
color:#fff !important;
}
@media only screen and (max-width: 767px){
.field-border.sleeps button.button,
#booking-form .date-fields input {
font-size: 1em;
}
} .sticky-slider > #booking-form {
border: 1px solid #d1d2d3 !important; 
border-radius: 0 !important;
background: #fbfbf8;
}
.daterangepicker .drp-calendar.left .calendar-table {
border-right: 1px solid #dadada !important;
}
.month {
font-weight: 200; 
text-transform: uppercase;
color: #000;
}
#booking-form .date-fields input, #selectGuests {
color: #000 !important;
font-family: var(--theme--primary-font);
font-weight:300 !important;
font-size:1.3em;
background-color: #fbfbf8;
border-bottom: 1px solid var(--booking-calendar--dark-grey);
}
#selectGuests:hover {
background:transparent !important;
}
.pickerLabel {
color: #000;
font-weight: 400;
font-size: 16px;
margin: 0;
padding: 0;
line-height: 0.75em;
}.contact-info-block table td {
padding-top:0;
padding-left:0;
border-bottom:none;
word-break: break-word;
}
.contact-info-block table tr:nth-child(even) {
background: unset;
}
.contact-info-block table td a {
color: var(--theme--text-color);
}
footer.site-footer .contact-info-block table td a {
color: var(--theme--footer-text-color)
}
.contact-info-block i {
color: var(--theme--primary-color);
}
footer.site-footer .contact-info-block i,
footer.site-footer .contact-info-block table td a:hover{
color: var(--theme--footer-highlight-color);
}
.contact-info-block .social-links a {
font-size:1.5em;
}.search-overlay {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index: 999;
background-color: rgba(0,0,0,0.8);
display: flex;
align-items: center;
justify-content: center;
}
.search-content {
width:90%;
max-width: 600px;
position:relative;
}
.search-content #closeSearch {
position:absolute;
top:-50px;
right:0;
font-size: 1.5em;
padding:2px 8px;
width: 40px;
background-color: transparent;
}
.search-content #closeSearch i {
color:#fff;
}
.search-content #closeSearch:hover,
.search-content #closeSearch:focus{
color:#fff;
border-color: #fff;
}
button.quick-search-button {
top: 0;
right: 0;
position: absolute;
height: 50px;
border-radius: 0;
width: 40px;
padding:0;
border:none;
background: transparent !important;
color:#fff;
}
button.quick-search-button:hover {
border:none;
color:white;
background-color:var(--global--color-primary-hover);
}
button.quick-search-button::after {
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
position: absolute;
font-size: 20px;
content: "\f002";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
}
.propertyList.open {
max-height: 320px;
overflow: auto;
}
.propertyList li {
position: relative;
background-color: #fafcfd;
font-size: 0.75em;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
opacity: 1;
margin: 0;
transition-duration: 0ms;
}
.propertyList li:hover {
background-color: var(--theme--primary-color);
}
.propertyList li:hover span {
color: #ffffff;
}
.propertyList li.closed {
max-height: 0;
overflow: hidden;
padding: 0;
opacity: 0;
}
.propertyList {
list-style: none;
margin-top: 50px;
margin-left: 0;
box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
overflow: hidden;
max-height: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
padding-left: 0;
background-color: #f4f4f4;
z-index: 99999;
}
.search-overlay span {
color: #000;
width: 100%;
height: 100%;
padding: 7px 10px;
text-decoration: none;
font-weight: normal;
transition-duration: 0ms;
}
.quickSearchListing span {
width:100%;
}
.quick-menu form {
display:block;
height: 50px;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.chosen-property,
.propertyList {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.chosen-property {
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1em;
height: 50px;
padding: 5px 10px !important;
margin: 0 !important;
background-color: transparent;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
border: none !important;
border-radius: var(--button--border-radius);
background:unset !important;
}
.chosen-property::-webkit-input-placeholder {
color: #fff;
}
.chosen-property:hover {
cursor: pointer;
}
.chosen-property:hover::-webkit-input-placeholder {
color: var(--global--color-primary);
}
.chosen-property:focus,
.chosen-property.open {
box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
outline: 0;
background-color: var(--global--color-primary);
color: #000;
}
.chosen-property.open,
.chosen-property:focus {
color: #fff;
}
.chosen-property:focus::-webkit-input-placeholder,
.chosen-property.open::-webkit-input-placeholder {
color: #fff;
}
.menu-icons {
display:flex;
align-items:center;
}
#headerSearch {
background:none;
color: #fff;
padding: 0.7em 2em;
margin:0;
letter-spacing: 1px;
font-size: 1rem;
line-height: 1rem;
border: 1px solid #fff;
font-family: var(--wp--preset--font-family--barlow-regular);
text-transform:uppercase;
font-weight:400;
}
@media screen and (max-width:767px){
#headerSearch , #masthead .col.right{
display:none;
}
}
@media screen and (max-width:1279px){
#headerSearch {
padding: 0.7em 1.25em;
font-size: 0.8889rem;
white-space:nowrap;
}
}
.transparent-background:not(.sticky) #headerSearch {
color:#fff;
}
#headerSearch i {
font-size: 1rem;
}
.input-holder {
height:50px;
border-bottom:1px solid #fff;
position: relative;
}