/*
Theme Name: Los Laureles
Theme URI:
Author: JKNetDesign
Author URI:
Description: Theme for Los Laureles Lodge
Version: 1
Template: leisure
*/

#restaurant {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}
.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-block.vc_btn3-color-chino {
	color: #141414;
}

.pum-content p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

#ava h4 {
	margin-top: 0;
}
#logo img {
	max-width: 365px;
}
#hide-desktop {
	display: none;
}
.check p {
	margin-top: 10px;
	margin-bottom: 3px;
}
.check-btn {
    height: 36px !important;
}

.hide {display: none;}

.home small,
.page-id-21 small {
	display: none;
}

form {
	float: left;
}
.acc {
	font-size: 12px;
	margin-top: 12px;
	display: inline-block;
}

/* Header */
.absolute-header .pull-left {
	color: #fff;
}

/* Content */
#page-heading .page-title {
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.82) !important;
}
h2#sideview.text-uppercase.text-center {
	margin-bottom: 3.2rem;
}
.wrapper-content-padding #content {
	padding-top: 3.8rem !important;
}
#content h2.text-center::after {
   	border-bottom: 0 !important;
 }
.grey-text, .grey-text h2, .grey-text h3 {
	color: #141414;
}
/* 
.white-box.content-padding.content-padding, .well.content-padding.content-padding {
	padding: 6.5rem 5.8rem !important;
}
*/

/* Available Form */
#ava {
	background: rgba(20,20,20,0.8);
	padding: 20px;
	display: inline-block;
	position: relative;
	top: 260px;
}
#ava form {
	width: 100%;
}
#ava .check {
	margin-right: 40px;
	float: none;
}
#ava .check-btn {
	margin-right: 0 !important;
    margin-top: 19px !important;
}

#widgiwrap, #date1, #date2, #widgiwrap select {
	color: #ffffff;
}
#ava input[type="text"], #ava select,
#custom_html-2 input[type="text"], #custom_html-2 select{
	border-color: #ffffff !important;
}
.check {
    float: left;
    margin-right: 10px;
}
.check-btn {
    background-image: url("images/search.jpg");
    clear: right;
    cursor: pointer;
    float: left;
    height: 36px !important;
    margin-right: 44px;
    position: relative;
    text-indent: -999px;
    margin-top: 11px;
    width: 126px;
}
.check-btn:hover {
    background-position: 0 -34px;
    cursor: pointer
}
.btnSub {
	background:url('images/submit.png') no-repeat scroll 0 0 transparent;
	width:100px;
	height:25px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	vertical-align:middle;
}
.btnSub:hover {
	background-image: url('images/submit_over.png');	
}

/* Sidebar */
.page #side {
	padding-top: 5.8rem !important;
}

/* Footer */
.fa-yelp {background-color: #af0606 !important}
.fa-tripadvisor {background-color: #00af87 !important}

@media (max-width: 767px) {
	#hide-desktop {
		display: inline;
	}
	.absolute-header {
		padding-bottom: 0;
		line-height: 1;
		padding-bottom: 2px;
	}
	#ava {display: none;}
	 #header .absolute-header 	.pull-right {
		display: none !important;
	}
	.white-box.content-padding.content-padding, .well.content-padding.content-padding {
		padding: 1.8rem 1.8rem !important;
	}
	.vc_row.wpb_row.vc_row-fluid.daily.content-padding {
		padding-top: 0;
	}
	.pull-right {
		float: none !important;
		display: inline-block;
		margin-top: 20px;
	}
}

//SINGLE ROOM PAGE - SIDEBAR - CHECK AVAILABILITY CALENDAR SECTION

.single-room #side .widgicenter:after {
    content: '';
    clear: both;
    display: table;
}

.single-room #side #widgiwrap .check {
	display: flex;
    flex-wrap: wrap;
    max-width: 230px;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 10px;
}

.single-room #side #widgiwrap .check > p {
	width: 100%;
}

.single-room #side #widgiwrap .check .hasDatepicker {
	    width: calc(100% - 25px);
}

.single-room #side #widgiwrap .check select {
	padding: 10px;
}

.single-room #side #widgiwrap .check .btnCal1 {
	    height: 15px;
    width: 20px;
}

.single-room #side .sidebar-widget input.check-btn {
	clear: both;
}

.single-room #side .sidebar-widget form {
	float: none;
}

.single-room #side .sidebar-widget form:after {
	content: '';
	display: table;
	clear: both;
}

.single-room #side .sidebar-widget form + p {
	width: 100%;
	clear: both;
}


@media screen and (min-width: 992px) {
	.single-room #side #widgiwrap .check {
		max-width: 140px;
	}
	.single-room #side #widgiwrap .check select {
		max-width: 45px;
	}
}

@media screen and (min-width: 1200px) {
	.single-room #side #widgiwrap .check {
		max-width: 140px;
	}
	
	.single-room #side #widgiwrap .check:last-of-type {
		margin-right: 0;
		max-width: 45px;
	}
	
	
	.single-room #side #widgiwrap .check select {
		max-width: 50px;
	}
}