/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@charset "utf-8";
.book-wrapper { width: 40%; background: #fff; box-shadow: 0 .625rem .75rem 0 rgba(0, 0, 0, .1); padding: 20px; }
@media only screen and (max-width: 480px) { .book-wrapper { width: auto; } }
.m0 { margin: 0 !important; }
.p0 { padding: 0 !important; }
.mtb0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.ptb0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.booking h1 { margin: 0; font-size: 20px; font-size: 2rem; color: #000; }
.booking label { color: #000; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); font-weight: 500; font-size: 12px; line-height: 1; text-transform: uppercase; text-align: left; margin: 0 0 5px; display: block; }
.booking input[type="text"],
.booking select { position: relative; margin: 0; font-weight: 300; text-transform: uppercase; border: none; width: 100%; height: 40px; cursor: pointer; border: solid 1px #000; border-radius: 0; background-color: #fff; }
.booking select.clean { cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding-left: 5px; }
.booking select.clean::-ms-expand { display: none; }
.booking select.clean option { padding: 7px 5px; font-size: 16px; color: #222; border-bottom: solid 1px #999; background: #ccc; }
.booking input[type="text"] { padding-left: 10px; }
.booking input[type="text"].cal { background: #fff url(calendar.png) no-repeat 95% 50%; border-radius: 0; }
.booking input[type="text"]:focus,
.booking select:focus { color: inherit; }
.booking input[type=submit] { width: 100%; background: #000; border: solid 2px #000; color: #fff; padding: 0 15px; height: 40px; font-weight: 500; text-shadow: 1px 1px 1px #000; text-transform: uppercase; border-radius: 0; box-shadow: none; }
.booking input[type=submit]:hover,
.booking input[type=submit]:focus { background: #fff; border-color: #000; color: #000; text-shadow: none; }
select.clean { cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding-left: 0 !important; }
select.clean::-ms-expand { display: none; }
select.clean optgroup { font-style: normal; font-weight: 500; }
select.clean optgroup:before { content: attr(label); display: block; padding: 3px 5px; background-color: #f3f3f3; }
select.clean option { padding: 5px; border-bottom: solid 1px #ddd; }
select.clean option[data-default] { display: none; }
.error { border-color: red !important; background-color: pink !important; }
.error::-webkit-input-placeholder { color: red; font-size: 12px !important; font-weight: 300 !important; }
.error:-moz-placeholder { color: red; font-size: 12px !important; font-weight: 300 !important; opacity: 1; }
.error::-moz-placeholder { color: red; font-size: 12px !important; font-weight: 300 !important; opacity: 1; }
.error:-ms-input-placeholder { color: red; font-size: 12px !important; font-weight: 300 !important; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.section { clear: both; padding: 6px; margin: 0px; }
.group:before,
.group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }
.span_8_of_8 { width: 100%; }
.span_7_of_8 { width: 87.37%; }
.span_6_of_8 { width: 74.75%; }
.span_5_of_8 { width: 62.12%; }
.span_4_of_8 { width: 49.5%; }
.span_3_of_8 { width: 36.87%; }
.span_2_of_8 { width: 24.25%; }
.span_1_of_8 { width: 11.62%; }
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%; }
	.span_8_of_8,
	.span_7_of_8,
	.span_6_of_8,
	.span_5_of_8,
	.span_4_of_8,
	.span_3_of_8,
	.span_2_of_8,
	.span_1_of_8 { width: 100%; }
}
#ui-datepicker-div { min-width: 990px !important; }
#ui-datepicker-div { display: none; border-radius: 0; border-color: #ddd; background: #fff !important; z-index: 5 !important; }
.ui-datepicker { border: none !important; border-radius: 0 !important; padding: 0 !important; }
.ui-datepicker .ui-datepicker-title { color: #000; text-transform: capitalize; font-weight: 700; }
.ui-datepicker-header { background: none !important; border: none !important; border-radius: 0 !important; }
.ui-datepicker table { border: none; }
.ui-datepicker th { color: #000; text-transform: capitalize; font-weight: 700; }
.ui-datepicker-calendar thead { border-bottom: none; background: none; }
.ui-datepicker-calendar tbody tr { background: none !important; }
.ui-datepicker-calendar tbody tr:last-child { border: none; }
.ui-datepicker-calendar tbody td { border: solid 1px #ddd; padding: 0; }
.ui-datepicker-calendar tbody td a,
.ui-datepicker-calendar tbody td span { text-align: center; }
.ui-datepicker-calendar tbody td a:hover { background: #000 !important; color: #fff !important; }
.ui-datepicker-calendar .ui-state-default { background: none !important; border: none !important; color: #555 !important; }
.ui-datepicker-calendar .ui-state-default.ui-state-highlight { background: #000 !important; color: #fff !important; }
.ui-datepicker-calendar td a[data-custom]::after { content: '' attr(data-custom); display: block; font-size: 10px; font-weight: normal; }
.ui-datepicker-calendar td[data-allotment]::before { content: ''; left: 42%; top: 100%; width: 0; height: 0; border-left: 10px solid transparent; border-top: 10px solid red; clear: both; float: right; }
.ui-state-default,
.ui-widget-content .ui-state-default { font-weight: bolder !important; }
.ui-datepicker-calendar td { height: 70px; width: 70px; line-height: 1.9; vertical-align: middle; }
#latest-av-room { font-size: 11px; font-weight: 300; padding: 0 10px; text-transform: uppercase; margin: 10px 0; }
#latest-av-room span::before { content: ''; left: 42%; top: 100%; width: 0; height: 0; border-left: 9px solid transparent; border-top: 9px solid red; clear: both; display: inline-block; margin-right: 3px; }
.ui-datepicker-week-end { background-image: none; }
.ui-datepicker-week-end:nth-child(1) .ui-state-default { color: red !important; }
.ui-datepicker-week-end:nth-child(1) .ui-state-default.ui-state-hover, 
.ui-datepicker-week-end:nth-child(1) .ui-state-default.ui-state-hover::after { color: #fff !important; }
.ui-datepicker-week-end:nth-child(1) .ui-state-default::after { color: #555 !important; }
.ui-datepicker th:first-child { color: red; }
.ui-datepicker-calendar tr td:first-child .ui-state-default,
a.ui-state-default.public-holiday { color: red !important; }
.ui-datepicker-calendar tr td:first-child a.ui-state-default::after,
a.ui-state-default.public-holiday::after { color: #454545 !important; }
a.ui-state-active::after,
/*a.ui-state-hover::after,*/
.ui-datepicker-calendar tr td:first-child a.ui-state-hover::after,
.ui-datepicker-calendar tr td:first-child a.ui-state-active::after,
a.ui-state-active.public-holiday::after,
a.ui-state-hover.public-holiday::after { color: #fff !important; }
.ui-datepicker-current-day .ui-state-default.ui-state-active { background-color: #003d69 !important; }
.ui-datepicker-current-day .ui-state-default { color: #fff !important }
@media only screen and (max-width: 480px) {
	.ui-datepicker-group { width: 100% !important; clear: both; }
	#ui-datepicker-div { left: 0 !important; width: 100% !important; min-width: inherit !important; }
	.ui-datepicker-calendar td { height: 50px; width: 50px; }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}