.no-sidebar.post-type-archive-room #main,
.no-sidebar.tax-room_cat #main {
max-width: none;
} .hotelier-info,
.hotelier-error,
.cart-errors,
.no-rooms-found {
font-size: 14px;
font-size: 0.875rem;
background-color: rgba(177, 190, 198, 0.2);
border-left: 4px solid #c19b76;
margin-bottom: 2.857em;
padding: 1em 2em;
}
.hotelier-error {
border-color: #FD5252;
list-style: none;
margin-left: 0;
} .hotelier-pagination {
clear: both;
margin: 1.5em 0;
}
.hotelier-pagination ul {
list-style: none;
margin: 0;
padding: 0;
}
.hotelier-pagination li {
display: inline-block;
}
.hotelier-pagination ul .page-numbers {
font-size: 11px;
font-size: 0.6875rem;
background-color: #b1bec6;
border-radius: 7px;
color: #fff;
padding: .7em 1.2em;
}
.hotelier-pagination ul .page-numbers.current,
.hotelier-pagination ul .page-numbers:hover {
background-color: #37464d;
color: #fff;
} #hotelier-datepicker {
margin-bottom: 2.857em;
position: relative;
}
#hotelier-datepicker #hotelier-datepicker-select {
margin-bottom: 1em;
padding-left: 4em;
width: 100%;
}
#hotelier-datepicker .select-icon {
position: relative;
}
#hotelier-datepicker .select-icon:before {
font-size: 16px;
font-size: 1rem;
color: #c19b76;
content: '\f274';
font-family: 'FontAwesome';
left: 20px;
margin-top: -14px;
position: absolute;
top: 50%;
} .js #hotelier-datepicker-checkin,
.js #hotelier-datepicker-checkout {
display: none;
}
.no-js #hotelier-datepicker-select {
display: none;
}
.no-js #hotelier-datepicker .select-icon:before {
display: none;
}
.hdp-wrapper {
font-size: 13px;
font-size: 0.8125rem;
background-color: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-sizing: border-box;
left: 0;
padding: 1.5em;
position: absolute;
width: 240px;
z-index: 999999;
}
.hdp-wrapper .month-name {
text-transform: uppercase;
color: #b1bec6;
}
.hdp-wrapper table {
width: 200px;
border: none;
}
.hdp-wrapper table th,
.hdp-wrapper table td {
border: none;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
}
.hdp-wrapper thead .week-name th {
border-bottom: 1px solid #eee;
}
.hdp-wrapper tr.week-name {
font-size: .7em;
text-transform: uppercase;
}
.hdp-wrapper tr.week-name th {
padding: .5em 0;
}
.hdp-wrapper .day {
padding: .5em;
}
.hdp-wrapper .day.invalid {
color: #ccc;
}
.hdp-wrapper .day.valid {
cursor: pointer;
}
.hdp-wrapper .day.valid:hover {
color: #37464d;
background-color: rgba(193, 155, 118, 0.1);
}
.hdp-wrapper .day.checked {
background-color: rgba(193, 155, 118, 0.6);
color: #fff;
}
.hdp-wrapper .day.day.hovering {
color: #fff;
background-color: rgba(193, 155, 118, 0.3);
}
.hdp-wrapper .day.day.nextMonth,
.hdp-wrapper .day.day.lastMonth {
display: none;
height: 0;
}
.hdp-wrapper .day.real-today {
background-color: #37464d;
color: #ebebeb;
}
.hdp-wrapper .day.real-today.checked {
background-color: rgba(193, 155, 118, 0.6);
color: #fff;
}
.hdp-wrapper .day.real-today.first-date-selected,
.hdp-wrapper .day.real-today.last-date-selected {
background-color: #c19b76;
}
.hdp-wrapper .day.first-date-selected,
.hdp-wrapper .day.last-date-selected {
background-color: #c19b76;
}
.hdp-wrapper tr.caption {
height: 2.5em;
}
.hdp-wrapper .next,
.hdp-wrapper .prev {
cursor: pointer;
padding: 0 .5em;
transition-duration: 0.2s;
transition-property: color, background-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hdp-wrapper .next:hover,
.hdp-wrapper .prev:hover {
background-color: #c19b76;
color: #fff;
}
.hdp-wrapper.two-months.no-prev-next .month1 .next,
.hdp-wrapper.two-months.no-prev-next .month2 .prev {
display: none;
}
.hdp-wrapper .selected-days {
color: #c19b76;
display: none;
font-weight: 700;
}
.hdp-wrapper .drp_top-bar {
margin-bottom: 1.5em;
padding: .7em 0 1em;
text-align: left;
}
.hdp-wrapper .error-top,
.hdp-wrapper .normal-top {
display: none;
}
.hdp-wrapper .error .default-top {
display: none;
}
.hdp-wrapper .error .error-top {
color: #FD5252;
display: block;
}
.hdp-wrapper .normal .default-top {
display: none;
}
.hdp-wrapper .normal .normal-top {
display: block;
}
.hdp-wrapper .apply-btn {
font-size: 10px;
font-size: 0.625rem;
background-color: #b1bec6;
border-radius: 10px;
color: #fff;
font-style: normal;
margin: 1em 0 0;
padding: 8px 20px;
text-transform: uppercase;
}
.hdp-wrapper .apply-btn:hover {
background-color: #37464d;
color: #fff;
}
.hdp-wrapper .date-range-length-tip {
background-color: #37464d;
border-radius: 2px;
color: #fff;
display: none;
font-size: .7em;
line-height: 16px;
margin-top: -14px;
padding: 5px 10px;
position: absolute;
}
.hdp-wrapper .date-range-length-tip:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #37464d;
bottom: -4px;
content: '';
left: 50%;
margin-left: -8px;
position: absolute;
} .price {
display: block;
margin-bottom: .5em;
}
.price .amount {
font-size: 16px;
font-size: 1rem;
color: #37464d;
font-weight: 700;
letter-spacing: -1px;
}
.price del {
color: inherit;
opacity: 0.5;
}
.price del .amount {
font-size: 14px;
font-size: 0.875rem;
border-bottom: none !important;
}
.price ins {
background: none;
} .room-deposit,
.rate-deposit {
font-size: 10px;
font-size: 0.625rem;
background-color: #b1bec6;
border-radius: 7px;
color: #fff;
display: inline-block;
font-weight: 700;
padding: .5em 2.5em;
text-decoration: none;
text-transform: uppercase;
} ul.rooms {
list-style: none;
margin-bottom: 2.857em;
margin-left: 0;
padding: 0;
}
ul.rooms:before,
ul.rooms:after {
content: "";
display: table;
table-layout: fixed;
}
ul.rooms:after {
clear: both;
}
ul.rooms li.room h3 {
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
}
ul.rooms li.room .room-thumbnail {
display: block;
margin-bottom: 1.5em;
}
ul.rooms li.room .room-thumbnail img {
border-radius: 6px;
display: block;
}
ul.rooms li.room .price {
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
padding: .5em 0;
text-transform: uppercase;
}
ul.rooms li.room .price .amount {
color: #c19b76;
}
ul.rooms li.room .view-room-details {
font-size: 10px;
font-size: 0.625rem;
} .hotelier .qty {
min-width: 50px;
}
.form-row abbr.required {
border-bottom: none;
color: #FD5252;
}
.form-row label {
display: block;
}
.form-row input[type="text"],
.form-row input[type="number"],
.form-row input[type="tel"],
.form-row input[type="email"],
.form-row input[type="url"],
.form-row input[type="password"],
.form-row input[type="search"],
.form-row textarea {
width: 100%;
} table.hotelier-table {
font-size: 14px;
font-size: 0.875rem;
}
table.hotelier-table .amount {
font-weight: 700;
}
table.hotelier-table .room-qty {
width: 60px;
}
table.hotelier-table th {
font-size: 12px;
font-size: 0.75rem;
color: #37464d;
font-weight: 700;
text-transform: uppercase;
}
table.hotelier-table td.room-name a {
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
}
table.hotelier-table tfoot th,
table.hotelier-table tfoot td {
padding: 1em .4em;
}
table.hotelier-table tfoot .amount {
font-size: 16px;
font-size: 1rem;
color: #c19b76;
}
table.hotelier-table .room-name small {
font-size: 11px;
font-size: 0.6875rem;
color: #b1bec6;
display: block;
text-transform: uppercase;
}
table.hotelier-table .view-price-breakdown {
font-size: 9px;
font-size: 0.5625rem;
display: block;
text-transform: uppercase;
text-decoration: underline;
}
table.hotelier-table .price_breakdown_td {
border: 0;
padding: 0;
}
table.hotelier-table .price_breakdown_td table {
font-size: 12px;
font-size: 0.75rem;
border-bottom: 1px solid #eee;
border-collapse: separate;
border-left: none;
border-right: 1px solid #eee;
border-top: none;
margin: 0;
padding: 1em;
}
table.hotelier-table .price_breakdown_td table th,
table.hotelier-table .price_breakdown_td table td {
border: 0;
padding: 0.4375em 2em;
}
table.hotelier-table .price_breakdown_td table th.day,
table.hotelier-table .price_breakdown_td table th.cost {
background-color: #c19b76;
color: #fff;
}
table.hotelier-table .price_breakdown_td table th.day {
border-right: 1px solid #fff;
}
table.hotelier-table .price_breakdown_td table tr:nth-child(even) td {
background-color: #f5f5f5;
}
table.hotelier-table .price_breakdown_td table td.day {
border-right: 1px solid #fff;
font-style: italic;
}
table.hotelier-table .price_breakdown_td table .amount {
font-weight: 700;
}  .single-room .room-gallery {
border-bottom: 1px solid #eee;
margin-bottom: 2.857em;
}
.single-room .room-gallery ul {
font-size: 0px;
font-size: 0rem;
list-style: none;
margin-left: -5px;
margin-right: -5px;
padding: 0;
}
.single-room .room-gallery li {
display: inline-block;
padding: 5px;
width: 50%;
}
.single-room .room-gallery img {
border-radius: 6px;
}
.single-room .show-gallery {
font-size: 9px;
font-size: 0.5625rem;
background-color: #b1bec6;
border-radius: 7px;
color: #fff;
display: inline-block;
font-weight: 700;
margin-bottom: 1.5em;
padding: .4em 2.5em;
text-decoration: none;
text-transform: uppercase;
}
.single-room .show-gallery:hover {
background-color: #37464d;
color: #fff;
}
.single-room .room-price {
margin-bottom: 1.5em;
}
.single-room .room-price .price {
font-size: 13px;
font-size: 0.8125rem;
font-weight: 700;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.single-room .room-price .price .amount {
font-size: 20px;
font-size: 1.25rem;
border-bottom: 2px solid #c19b76;
color: #c19b76;
}
.single-room .available-rates a {
font-size: 10px;
font-size: 0.625rem;
background: #c19b76;
border-radius: 30px;
color: #fff;
display: inline-block;
line-height: 1;
padding: 9px 20px;
text-transform: uppercase;
transition-duration: 0.2s;
transition-property: background-color, color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
vertical-align: top;
}
.single-room .available-rates a:hover {
background-color: #ab8866;
color: #fff;
}
.single-room .room-meta-wrapper {
font-size: 12px;
font-size: 0.75rem;
background-color: rgba(177, 190, 198, 0.2);
border-radius: 10px;
margin: 2.857em 0 5em;
padding: 2em 2em .5em;
}
.single-room .room-min-max-stay {
font-size: 15px;
font-size: 0.9375rem;
font-style: italic;
margin-top: 1em;
}
.single-room .room-meta ul,
.single-room .room-conditions ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.single-room .room-meta h3,
.single-room .room-facilities h3,
.single-room .room-conditions h3 {
font-size: 11px;
font-size: 0.6875rem;
color: #b1bec6;
font-weight: 700;
margin-top: 0;
text-transform: uppercase;
}
.single-room .room-description {
font-size: 15px;
font-size: 0.9375rem;
}
.single-room .room-conditions ul {
font-style: italic;
}
.single-room .room-conditions li:before {
content: '\f00c';
font-family: 'FontAwesome';
font-style: normal;
margin-right: .5em;
}
.single-room .room-rates {
margin-top: 5em;
}
.single-room .room-rates h3 {
font-size: 11px;
font-size: 0.6875rem;
color: #b1bec6;
font-weight: 700;
margin-bottom: 3em;
text-transform: uppercase;
}
.single-room .room-rates .price {
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
padding: .5em 0;
text-transform: uppercase;
}
.single-room .room-rates .price .amount {
color: #c19b76;
}
.single-room .room-rates .room-single-rate {
border-top: 1px solid #eee;
padding: 1.5em 0;
}
.single-room .room-rates .room-single-rate:first-child {
border-top: none;
padding-top: 0;
}
.single-room .room-rates .rate-list {
list-style: none;
margin: 0;
padding: 0;
}
.single-room .room-rates .rate-name {
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
}
.single-room .room-rates .rate-description {
font-size: 12px;
font-size: 0.75rem;
background-color: rgba(177, 190, 198, 0.2);
border-radius: 10px;
margin: 1em 0 1.5em;
padding: 1em 1.5em;
}
.single-room .room-rates .rate-description p {
margin-bottom: 0;
}
.single-room .room-rates .rate-conditions {
font-size: 12px;
font-size: 0.75rem;
}
.single-room .room-rates .rate-conditions span {
font-weight: 700;
color: #37464d;
}
.single-room .room-rates .rate-conditions ul {
font-style: italic;
list-style: none;
margin-left: 0;
padding: 0;
}
.single-room .room-rates .rate-conditions li:before {
content: '\f00c';
font-family: 'FontAwesome';
font-style: normal;
margin-right: .5em;
}
.single-room.no-sidebar .room-gallery,
.single-room.no-sidebar .room-details {
text-align: center;
}
.related-rooms {
margin-top: 5em;
}
.related-rooms .rooms {
margin-bottom: 0;
}
.related-rooms > h3 {
font-size: 11px;
font-size: 0.6875rem;
color: #b1bec6;
font-weight: 700;
text-transform: uppercase;
} .hotelier-listing .selected-nights {
font-size: 12px;
font-size: 0.75rem;
display: block;
font-weight: 700;
margin-bottom: .5em;
padding: 1.6em 0;
text-transform: uppercase;
}
.hotelier-listing .selected-nights:before {
background-color: #c19b76;
border-radius: 100%;
color: #fff;
content: '\f00c';
font-family: 'FontAwesome';
margin-right: .75em;
padding: 1em;
}
form.room-list {
border-top: 1px solid #eee;
padding-top: 2.857em;
}
form.room-list #reserve-rooms-button {
text-align: right;
}
form.room-list #reserve-rooms-button input[type="submit"] {
padding: 18px 45px;
}
form.room-list ul.rooms li.room {
border: 1px solid #eee;
margin-bottom: 1.5em;
margin-right: 0;
padding: 2em 1.5em;
text-align: center;
transition-duration: 0.2s;
transition-property: border-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}
form.room-list ul.rooms li.room.selected_room {
border-color: #c19b76;
}
form.room-list ul.rooms li.room h3 {
margin-top: 0;
font-size: 12px;
font-size: 0.75rem;
}
form.room-list ul.rooms li.room h3 a {
color: #37464d;
}
form.room-list ul.rooms li.room h3 a:hover {
color: #c19b76;
}
form.room-list ul.rooms li.room .room-thumbnail {
margin-bottom: .5em;
margin-top: 2em;
}
form.room-list ul.rooms li.room .room-thumbnail img {
margin-left: auto;
margin-right: auto;
max-width: 240px;
}
form.room-list ul.rooms li.room .price-description {
font-size: 10px;
font-size: 0.625rem;
color: #b1bec6;
display: block;
margin-bottom: 1.5em;
margin-top: -1em;
text-transform: uppercase;
}
form.room-list .only-x-left {
font-size: 10px;
font-size: 0.625rem;
border-radius: 7px;
color: #c19b76;
display: inline-block;
font-weight: 700;
margin-bottom: 1.5em;
padding: .1em .5em;
text-transform: uppercase;
}
form.room-list .quantity {
margin-bottom: 1em;
}
form.room-list .add-to-cart-selected {
font-size: 9px;
font-size: 0.5625rem;
display: block;
margin-top: .5em;
}
form.room-list .more-about-room a {
font-size: 10px;
font-size: 0.625rem;
font-weight: 700;
text-decoration: underline;
text-transform: uppercase;
}
form.room-list .more-about-room a:hover {
color: #c19b76;
}
form.room-list .show-gallery {
font-size: 10px;
font-size: 0.625rem;
color: #b1bec6;
display: block;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
form.room-list .show-gallery:hover {
color: #37464d;
}
form.room-list .room-description {
font-size: 14px;
font-size: 0.875rem;
margin-top: 1.5em;
}
form.room-list .room-meta-wrap {
font-size: 12px;
font-size: 0.75rem;
background-color: rgba(177, 190, 198, 0.2);
border-radius: 10px;
margin-bottom: 2em;
padding: 2em 2em .5em;
}
form.room-list .room-meta-wrap > div:last-child {
margin-bottom: 1.5em;
}
form.room-list .room-meta p {
margin-bottom: .5em;
}
form.room-list .room-conditions {
font-size: 12px;
font-size: 0.75rem;
margin-bottom: 1.5em;
}
form.room-list .room-conditions ul {
font-style: italic;
list-style: none;
margin: 0;
padding: 0;
}
form.room-list .room-conditions li:before {
content: '\f00c';
font-family: 'FontAwesome';
font-style: normal;
margin-right: .5em;
}
form.room-list .room-deposit {
margin-bottom: 1.5em;
}
form.room-list .max-guests-recommendation,
form.room-list .room-min-max-stay {
font-size: 12px;
font-size: 0.75rem;
font-style: italic;
font-weight: 700;
margin-top: .5em;
}
form.room-list .room-not-available-info {
color: #FD5252;
font-style: italic;
font-weight: 700;
}
form.room-list .room-max-guests {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: .5em;
text-transform: uppercase;
}
form.room-list .room-max-guests strong {
padding: 1em 0;
color: #67747a;
vertical-align: bottom;
}
form.room-list .room-max-guests .max {
display: inline-block;
text-indent: -9999px;
}
form.room-list .room-max-guests .max:after {
font-size: 14px;
font-size: 0.875rem;
color: #c19b76;
content: '\f007';
float: left;
font-family: 'FontAwesome';
letter-spacing: 3px;
text-indent: 0;
}
form.room-list .room-max-guests .max.max2:after {
content: '\f007\f007';
}
form.room-list .room-max-guests .max.max3:after {
content: '\f007\f007\f007';
}
form.room-list .room-max-guests .max.max4:after {
content: '\f007\f007\f007\f007';
}
form.room-list .room-max-guests .max.max5:after {
content: '\f007\f007\f007\f007\f007';
}
form.room-list .room-max-guests .max.max6:after {
content: '\f007\f007\f007\f007\f007\f007';
}
form.room-list .room-max-guests .max.max7:after {
content: '\f007\f007\f007\f007\f007\f007\f007';
}
form.room-list .room-max-guests .max.max8:after {
content: '\f007\f007\f007\f007\f007\f007\f007\f007';
}
form.room-list .room-max-guests .max.max9:after {
content: '\f007\f007\f007\f007\f007\f007\f007\f007\f007';
}
form.room-list .room-max-guests .max.max10:after {
content: '\f007\f007\f007\f007\f007\f007\f007\f007\f007\f007';
}
form.room-list .rate-room {
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
}
form.room-list .rate-name {
font-size: 12px;
font-size: 0.75rem;
color: #b1bec6;
margin-bottom: .75em;
}
form.room-list .rate-description {
font-size: 12px;
font-size: 0.75rem;
background-color: rgba(177, 190, 198, 0.2);
border-radius: 10px;
margin: 1em 0 1.5em;
padding: 1em 1.5em;
}
form.room-list .rate-description p {
margin-bottom: 0;
}
form.room-list .room-variations {
padding-top: 1.5em;
}
form.room-list .room-single-variation {
border-top: 1px solid #eee;
padding: 1.5em 0;
} #guest-additional-information,
#booking-details,
#booking-table,
#request-booking,
#payment {
margin-top: 2.857em;
}
form.booking h3,
.hotelier-reservation-received .entry-content h3 {
font-size: 11px;
font-size: 0.6875rem;
border-bottom: 1px solid #eee;
color: #b1bec6;
font-weight: 700;
margin-bottom: 3em;
margin-top: 0;
padding-bottom: 1em;
text-transform: uppercase;
}
.hotelier-reservation-received .entry-content header {
margin-top: 2.857em;
}
.hotelier-reservation-received .entry-content address {
font-size: 13px;
font-size: 0.8125rem;
}
#guest-additional-information .description {
font-size: 12px;
font-size: 0.75rem;
display: block;
font-style: italic;
}
#arrival_time_field label {
color: #67747a;
display: inline;
margin-right: 1em;
text-transform: none;
}
#booking-details table td {
font-size: 13px;
font-size: 0.8125rem;
}
#booking-details .hotelier-accepted-credit-cards {
list-style: none;
margin: 0;
padding: 0;
}
#booking-details .hotelier-accepted-credit-cards .card-icon {
display: inline-block;
height: 48px;
margin-bottom: .175em;
position: relative;
text-indent: -99999px;
width: 76px;
}
#booking-details .hotelier-accepted-credit-cards .card-icon:before {
background-color: #fff;
background-position: 0 0;
background-repeat: no-repeat;
border: 1px solid #eee;
content: '';
display: inline-block;
height: 48px;
left: 0;
position: absolute;
top: 0;
width: 76px;
}
#booking-details .hotelier-accepted-credit-cards .card-icon.mastercard:before {
background-image: url(//www.lafonte.toscana.it/wp-content/plugins/hotelier/assets/images/cards/mastercard.svg);
}
#booking-details .hotelier-accepted-credit-cards .card-icon.amex:before {
background-image: url(//www.lafonte.toscana.it/wp-content/plugins/hotelier/assets/images/cards/amex.svg);
}
#booking-details .hotelier-accepted-credit-cards .card-icon.cirrus:before {
background-image: url(//www.lafonte.toscana.it/wp-content/plugins/hotelier/assets/images/cards/cirrus.svg);
}
#booking-details .hotelier-accepted-credit-cards .card-icon.discover:before {
background-image: url(//www.lafonte.toscana.it/wp-content/plugins/hotelier/assets/images/cards/discover.svg);
}
#booking-details .hotelier-accepted-credit-cards .card-icon.maestro:before {
background-image: url(//www.lafonte.toscana.it/wp-content/plugins/hotelier/assets/images/cards/maestro.svg);
}
#booking-details .hotelier-accepted-credit-cards .card-icon.visa:before {
background-image: url(//www.lafonte.toscana.it/wp-content/plugins/hotelier/assets/images/cards/visa.svg);
}
#booking-details .hotelier-accepted-credit-cards .card-icon.visa_e:before {
background-image: url(//www.lafonte.toscana.it/wp-content/plugins/hotelier/assets/images/cards/visa_e.svg);
}
#book-button {
padding: 18px 45px;
}
table.guest-details td {
font-style: italic;
}
.reservation-response {
font-size: 18px;
font-size: 1.125rem;
color: #37464d;
font-weight: 700;
text-transform: uppercase;
}
ul.reservation-details {
font-size: 12px;
font-size: 0.75rem;
list-style: none;
margin-left: 0;
padding: 0;
}
ul.reservation-details li {
font-weight: 700;
text-transform: uppercase;
color: #b1bec6;
}
ul.reservation-details li strong {
color: #67747a;
}
ul.reservation-details .special-requests {
font-style: normal;
margin-top: 2em;
}
ul.reservation-details .special-requests strong {
display: block;
}
ul.reservation-details .special-requests span {
font-weight: 400;
text-transform: none;
color: #67747a;
}
#payment .payment-methods {
list-style: none;
margin: 0 0 2.857em;
padding: 0;
}
#payment .payment-methods label {
cursor: pointer;
display: inline;
margin-bottom: 0;
}
#payment .payment-methods li {
font-size: 12px;
font-size: 0.75rem;
background-color: rgba(177, 190, 198, 0.2);
border-radius: 10px;
margin-bottom: 5px;
overflow: hidden;
padding: 2em;
vertical-align: bottom;
}
#payment .payment-methods li img {
float: right;
}
#payment .payment-methods .single input[type="radio"] {
display: none;
}
.htl-terms-and-conditions {
margin-top: 2em;
}
.htl-terms-and-conditions label {
margin-left: .5em;
cursor: pointer;
display: inline;
}  .widget-hotelier-search input[type="search"] {
margin-bottom: 0;
}
.widget-hotelier-search input[type="submit"] {
display: none;
} .widget-hotelier-booking .change-cart {
font-size: 10px;
font-size: 0.625rem;
background-color: #b1bec6;
border-radius: 10px;
color: #fff;
font-style: normal;
margin: 1em 0 0;
padding: 5px 15px;
text-transform: uppercase;
}
.widget-hotelier-booking .change-cart:hover {
background-color: #37464d;
color: #fff;
}
.widget-hotelier-booking p {
margin-bottom: .5em;
}
.widget-hotelier-booking .dates {
background-color: rgba(177, 190, 198, 0.2);
border-radius: 10px;
display: inline-block;
margin-bottom: 2.5em;
padding: 1em 2em 1.5em;
text-transform: uppercase;
}
.widget-hotelier-booking .date-label {
font-size: 9px;
font-size: 0.5625rem;
color: #37464d;
display: block;
font-weight: 700;
margin-bottom: 1em;
}
.widget-hotelier-booking .date-block {
background-color: #fff;
padding: .5em 1.5em;
}
.widget-hotelier-booking .month-year,
.widget-hotelier-booking .day-name {
font-size: 10px;
font-size: 0.625rem;
display: block;
}
.widget-hotelier-booking .month-year {
font-weight: 700;
}
.widget-hotelier-booking .day {
font-size: 26px;
font-size: 1.625rem;
}
.widget-hotelier-booking .checkin,
.widget-hotelier-booking .checkout {
display: inline-block;
text-align: center;
}
.widget-hotelier-booking .room-list-widget li {
font-size: 11px;
font-size: 0.6875rem;
border-bottom: 1px solid #eee;
margin-bottom: .5em;
padding-bottom: .5em;
}
.widget-hotelier-booking .room-list-widget a {
font-weight: 700;
text-transform: uppercase;
}
.widget-hotelier-booking .room-list-widget small {
font-size: 11px;
font-size: 0.6875rem;
color: #b1bec6;
display: block;
text-transform: uppercase;
}
.widget-hotelier-booking .total {
overflow: hidden;
text-transform: uppercase;
}
.widget-hotelier-booking .amount {
font-size: 18px;
font-size: 1.125rem;
color: #c19b76;
float: right;
font-weight: 700;
} .widget-hotelier-rooms-filter .rooms-filter {
margin-bottom: 2.5em;
}
.widget-hotelier-rooms-filter .filter-label {
font-size: 10px;
font-size: 0.625rem;
background-color: #37464d;
color: #fff;
display: block;
margin-bottom: 1em;
padding: .5em 1em;
text-transform: uppercase;
border-radius: 4px;
}
.widget-hotelier-rooms-filter a {
display: block;
padding: .3em 0;
}
.widget-hotelier-rooms-filter a:before {
transition-duration: 0.2s;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background-color: #b1bec6;
content: '';
display: inline-block;
height: 10px;
margin-right: 14px;
width: 10px;
border-radius: 100%;
}
.widget-hotelier-rooms-filter li a:hover:before,
.widget-hotelier-rooms-filter li.chosen a:before {
background-color: #c19b76;
}
.widget-hotelier-rooms-filter li.chosen a {
color: #c19b76;
}
.widget-hotelier-rooms-filter li.chosen a:hover {
color: #67747a;
}
.widget-hotelier-rooms-filter li.chosen a:hover:before {
background-color: #67747a;
} .widget-hotelier-rooms .room-list-widget li {
margin-bottom: 1.5em;
min-height: 120px;
}
.widget-hotelier-rooms .room-title {
font-size: 12px;
font-size: 0.75rem;
color: #37464d;
display: block;
font-weight: 700;
line-height: 1.15;
margin-bottom: 0;
text-transform: uppercase;
}
.widget-hotelier-rooms .room-title:hover {
color: #c19b76;
}
.widget-hotelier-rooms .room-title,
.widget-hotelier-rooms .price {
margin-left: 140px;
}
.widget-hotelier-rooms img {
width: 120px;
position: absolute;
}
.widget-hotelier-rooms .price {
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
padding: .5em 0;
text-transform: uppercase;
}
.widget-hotelier-rooms .price .amount {
color: #c19b76;
}
@media (min-width: 320px) {
.hdp-wrapper {
width: 300px;
}
.hdp-wrapper .month-wrapper {
position: relative;
}
.hdp-wrapper table {
width: 260px;
}
}
@media (min-width: 450px) {
#hotelier-datepicker #hotelier-datepicker-select {
width: 320px;
}
#hotelier-datepicker .select-icon:after {
content: '';
display: block;
}
}
@media (min-width: 480px) {
.hdp-wrapper {
width: 460px;
}
.hdp-wrapper .month-wrapper {
position: relative;
}
.hdp-wrapper .month-wrapper:before {
background: #eee;
bottom: 0;
content: '';
display: block;
left: 50%;
position: absolute;
top: 0;
width: 1px;
}
.hdp-wrapper .month1 {
float: left;
}
.hdp-wrapper .month2 {
float: right;
}
.hdp-wrapper table {
width: 200px;
}
ul.rooms li.room {
clear: both;
float: left;
margin: 0 4% 1.5em 0;
padding: 0;
width: 48%;
}
ul.rooms li.room:nth-child(even) {
clear: none;
margin-right: 0;
}
.columns-1 ul.rooms li.room {
clear: both;
float: left;
margin: 0 4% 1.5em 0;
padding: 0;
position: relative;
width: 48%;
}
.columns-1 ul.rooms li.room:nth-child(even) {
clear: none;
margin-right: 0;
}
table.hotelier-table .price_breakdown_td table {
padding: 1em 5em;
}
.single-room .room-gallery li {
width: 33.3333333%;
}
.related-rooms .rooms li.room {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
#hotelier-datepicker #hotelier-datepicker-select {
margin-bottom: 0;
}
#hotelier-datepicker #datepicker-button {
margin-left: 1em;
}
#hotelier-datepicker .select-icon:after {
display: none;
}
.hdp-wrapper {
width: 560px;
}
.hdp-wrapper table {
width: 240px;
}
.hdp-wrapper .drp_top-bar {
border-bottom: 1px solid #eee;
margin-bottom: 0;
padding: 1em 2em 1.5em 0;
position: relative;
}
.hdp-wrapper .apply-btn {
position: absolute;
right: 0;
top: 0;
}
ul.rooms li.room {
clear: none;
margin-right: 4%;
}
ul.rooms li.room:nth-child(even) {
margin-right: 4%;
}
ul.rooms li.first {
clear: both !important;
}
ul.rooms li.last {
margin-right: 0 !important;
}
.columns-3 ul.rooms li.room {
width: 30.66%;
}
.columns-4 ul.rooms li.room {
width: 22%;
}
.columns-5 ul.rooms li.room {
width: 16.8%;
}
.form-row.form-row-first {
clear: both;
float: left;
margin-right: 4%;
width: 48%;
}
.form-row.form-row-last {
float: right;
width: 48%;
}
.single-room .room-gallery li {
width: 25%;
}
.single-room .room-single-rate {
overflow: hidden;
}
.single-room .rate-description-wrapper {
float: left;
padding-right: 4%;
width: 50%;
}
.single-room .rate-price-wrapper {
float: right;
text-align: right;
width: 50%;
}
.single-room .room-rates .button {
margin-top: .5em;
}
form.room-list li.room,
form.room-list .room-single-variation {
overflow: hidden;
position: relative;
}
form.room-list .room-gallery {
left: 1.5em;
position: absolute;
top: 2em;
}
form.room-list ul.rooms li.room {
text-align: left;
}
form.room-list ul.rooms li.room .room-thumbnail {
margin-top: 0;
}
form.room-list ul.rooms li.room .room-thumbnail img {
max-width: 85px;
}
form.room-list .room-content {
float: left;
padding-left: 105px;
padding-right: 4%;
width: 70%;
}
form.room-list .room-actions {
float: right;
position: relative;
text-align: right;
width: 30%;
}
form.room-list .room-single-variation .room-content {
padding-left: 0;
}
}
@media (min-width: 992px) {
.single-room .rate-description-wrapper {
width: 70%;
}
.single-room .rate-price-wrapper {
width: 30%;
}
form.room-list ul.rooms li.room .room-thumbnail img {
max-width: 120px;
}
form.room-list .room-content {
padding-left: 140px;
width: 65%;
}
form.room-list .room-actions {
width: 35%;
}
.widget-hotelier-booking p {
text-align: right;
}
.widget-hotelier-booking .dates {
display: block;
padding: 1em 1em 1.5em;
}
.widget-hotelier-booking .date-block {
padding: .5em 1em;
}
.widget-hotelier-booking .dates {
overflow: hidden;
}
.widget-hotelier-booking .checkin {
float: left;
}
.widget-hotelier-booking .checkout {
float: right;
}
}
@media (min-width: 1200px) {
form.room-list ul.rooms li.room .room-thumbnail img {
max-width: 150px;
}
form.room-list .room-content {
padding-left: 170px;
width: 78%;
}
form.room-list .room-actions {
width: 22%;
}
.widget-hotelier-booking .dates {
padding: 1em 2em 1.5em;
}
.widget-hotelier-booking .date-block {
padding: .5em 1.5em;
}
}