.clearfix:after {visibility: hidden;display: block; font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

a {color:#fff}
img {display: block; max-width: 100%;  height: auto;}
h1, h2, h3, h4, h5 {color:#fff;font-family: 'Boogaloo', cursive; letter-spacing: .1em;text-shadow: 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000; }
h1 {font-size: 4em;}

html {position: relative;min-height: 100%;}
body {margin:0; padding-bottom: 80px; display: flex; min-height: 100vh; flex-direction: column;
/*background-image: url('/assets/images/bg-2560.jpg');
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;*/
background-color: #464646;
color:#000; font-size: 16px; font-family: Verdana, Roboto, Arial, sans-serif}
body:after {
	content:"";
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:-1;
	display:block;
	background:url('/assets/images/bg.jpg?r=1') no-repeat 50% 50%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: top center;
}
main {flex: 1;}
@media only screen and (min-width: 1800px) {
	body:after {background-position-y: -100px;}
}
@media only screen and (orientation : portrait) {
	body:after {background-image: url('/assets/images/bg2-v.jpg?r=1');}
	/*a.navbar-brand span{color:red;}*/
}
@media only screen and (max-width: 415px) {
	body:after {background-image: url('/assets/images/bg2-v.jpg?r=1');}
	/*a.navbar-brand span{color:yellow;}*/
}

.footer {z-index:500;position: fixed;bottom: 0;width:100%;display:table-cell;vertical-align: middle;text-align: center; font-size: .8em; padding: 10px; background-color:rgba(0, 0, 0, 0.7);color:#fff;}
@media only screen and (max-width: 500px) {
	.footer {padding: 4px;}
}
.footer a:hover {color:orange; text-decoration: none}

/*.row {margin: 0}*/

.noselect {-moz-user-select: none;-webkit-user-select: none;user-select: none;}

.form_errors {background: red; opacity: 0.6; color: #fff; border:1px solid #000; padding: 3px; border-radius: 5px; margin: 0 0 10px 0; font-weight: bold;}
.form_errors .form_error {padding: 5px;}
.form-control {border:1px solid #333;}

.pagination {display: block; text-align: center}
.pagination strong {display: inline-block; padding: 6px 10px; background: #FDD75F; border:1px solid #EB5A2E; border-radius: 5px;}
.pagination a {display: inline-block; padding: 6px 10px; border-radius: 5px; margin: 2px 2px; border:1px solid #fff;}
.pagination a:hover {background:#ccc; border:1px solid #EB5A2E;}

/* Lister */
.filter_section {font-size: .8em; padding: 10px; background-color:rgba(0, 0, 0, 0.2);}
.table {color:#fff}

.btn {font-weight:bold; color:#fff; background-color: #d89000;}
.btn-danger {border-color: #dc3545;background-color: #dc3545}
.btn:hover {background-color: #a87000}

.card {background: none}
.card-header {background: #1E231C;font-family: 'Boogaloo', cursive; letter-spacing: .06em; font-size: 22px;color:#fff;}
.card-body {background-color:rgba(50, 50, 50, 0.9);}
.card-footer {background: #1E231C; color:#fff;}
.card-body {color: #fff}
.card-body label {font-weight:bold; color: #fff}
.card-body input {border:1px solid #4f442e}

#header-nav {z-index:100;position: relative; color: #fff; background-color:rgba(0, 0, 0, 0.7); font-family: 'Boogaloo', cursive;}
#header-nav a{color:#fff; font-size: 25px;}
#header-nav a:hover{color:#9bc6ff;}
#header-nav .dropdown-menu {background-color: #006aff}
#header-nav .dropdown-menu a:hover {background-color: #0051c4}
.navbar {padding: .5rem}
#logo-tagline {display: block;font-size: .7em}
@media only screen and (max-width: 500px) {
	#logo-tagline {font-size: .6em}
}

#home_video_overlay {position: absolute;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 1;}
#home_video {object-fit: cover;width: 100%;height: 100%;position: fixed;top: 0; left: 0;}

#home_content_block {}
#home_vid_pad {position:relative; z-index: 2; text-align: center; padding-top: 20px; margin-bottom: 600px;}
#home_map {z-index: 10;position:relative;border:0;display: block; margin:30px auto; width:80%; height: 400px;}

@media only screen and (max-width: 768px) {
	#home_map {width:90%;}
}
@media only screen and (max-width: 575px) {
	#home_map {margin:10px auto;}
}

.star-rating {width:260px; height: 48px; background: url('/assets/images/star-rating.png') repeat-x}


/* Calendar */
.cal_container {margin: 25px auto; background-color: rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 768px) {
	.cal_container .cal1 .float-right {float:none !important;}
	.cal_container .cal1 .float-right .table-responsive {display:table;}
	.cal_container .cal2 .float-left {float:none !important;}
	.cal_container .cal2 .float-left .table-responsive {display:table;}
}
.cal_container a {color:#000}
.cal_container table {border-collapse: collapse;background:#fefefe; color:#000;font-family: 'Boogaloo', cursive; letter-spacing: .1em;}
.day_clickable {cursor: pointer !important; background-color: rgba(255, 255, 0, 0.2);}
.day_clickable:hover {}
.cal_container th {text-align: center}
.cal_container td {position: relative; padding: 0; vertical-align: middle; text-align: center}
@media only screen and (max-width: 620px) {
	.cal_container td {}
	/*.container {margin-left: 0; margin-right:0;padding-left: 0; padding-right:0;}
	.container-fluid {padding-left: 0; padding-right:0;}*/
}
.cal_container tbody td {min-width: 40px; height:40px; user-select: none;}
.cal_container .rate {display: block;text-align: center;font-size: 12px; font-style: italic; letter-spacing: normal}
.cal_container .booked {display: block;text-align: center;font-size: 12px; font-style: italic}
.cal_container .notopen .rate {display: block}
.cal_container .blackout .rate {display: block}
/* Rate Colors */
.rate_green {background:green}
.rate_blue {background:blue}
.rate_default {background:#cbe9ca}
/* Click Active Ranges Of Dates */

.cal_active_range {background-color:#bee2f1 !important; border-top: 2px solid blue !important; border-bottom: 2px solid blue !important;}
.cal_active_start {background-color:#9ecfe4 !important; border-left:1px solid blue !important; background-repeat: no-repeat !important; background-position: left center !important; background-image: url('/assets/images/cal-bg-start.png') !important;}
.cal_active_end {background-color:#9ecfe4 !important; border-right:1px solid blue !important; background-repeat: no-repeat !important; background-position: right center !important; background-image: url('/assets/images/cal-bg-end.png') !important;}
.cal_active_start.cal_active_end {background-position: center center !important; background-image: url('/assets/images/cal-bg-start-end.png') !important;}
/* Cell Status - Override Rate Colors */
.notopen {background: #bbb; }
.blackout {background:#bbb; }
/* Half Booked */
.cal_container .open_1 {background: linear-gradient(to right bottom, #cbe9ca 50%, #bbb 50%);}
.cal_container .open_2 {background: linear-gradient(to right bottom, #bbb 50%, #cbe9ca 50%);}
.cal_container .open_1.cal_active_range {background: linear-gradient(to right bottom, #9ecfe4 50%, #bbb 50%);}
.cal_container .open_2.cal_active_range {background: linear-gradient(to right bottom, #bbb 50%, #9ecfe4 50%);}
#calendarAlertModal .modal-header {background-color: #ffc107 !important;}
#calendarAlertModal .modal-body, #calendarAlertModal .modal-footer {background-color: #f8f9fa !important;}
#calendarAlertModal .modal-body p {color: #333 !important;}

#btn_reserve_dates {width:100%; display:block}

/* Amenities */
.amenities {color: #fff; letter-spacing: .15em; font-size: .9em}
.amenities li {padding: 5px 0 5px 5px; background-color:rgba(0, 0, 0, 0.8);}
.amenities li.active {padding: 15px 0 15px 20px;}
.amenities .list-group-item:hover {background-color:#a87000; color:#fff}
#p_amenities .card-title {margin-top: 10px;}


#rental-gallery {margin:0;}

.show_moreless {font-size: .8em; color: #000; text-decoration: underline;}
.show_moreless:hover {color: #fff; text-decoration: none;}