/*--------------------------------------------------------------
##  Booking form style
--------------------------------------------------------------*/

#kembleinn-booking {
	float: left;
    width: 60%;
    margin-top: 20px;
}

#kembleinn-booking  #booking-widget,
#kembleinn-booking  #booking-widget .input-inner,
#kembleinn-booking  #booking-widget .input-holder {
	float: left;
	width: 100%;
}

#kembleinn-booking  #booking-widget .input-holder {
	width: 25%;
	padding: 10px 20px;
	background: #fff;
	text-align: center;
}

#kembleinn-booking  #booking-widget .input-holder .book-form-label,
#kembleinn-booking  #booking-widget .input-holder .book-form-month {
	font-weight: 600;
    color: #9c9c9c;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
}

#kembleinn-booking  #booking-widget .input-holder .book-form-month {
	text-transform: capitalize;
}

#kembleinn-booking  #booking-widget .input-holder .book-form-day{
	font-size: 40px;
    font-weight: 300;
    color: #44473E;
    line-height: 50px;
    font-family: "Verdana";
    margin-bottom: 0;
    margin-top: 0px;
    position: relative;
}

#kembleinn-booking  #booking-widget .input-holder .book-form-day:after{
    content: "\f073";
    color: #3a5070;
    font-size: 20px;
    font-family: 'FontAwesome';
    position: relative;
    top: -6px;
    margin-left: 10px;
}

#kembleinn-booking  #booking-widget .input-holder.check-in {
	border-right: 1px solid #ddd;
}

#kembleinn-booking  #booking-widget .input-holder.submit-holder {
	width: 50%;
	background: #3a5070;
	padding: 42px 20px;
}

#kembleinn-booking  #booking-widget .input-holder.submit-holder input[type="submit"]{
	color: #3a5070;
    background: #fff;
    border: none;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 40px;
    border-radius: 3px;
    border: 1px solid transparent;
    text-transform: uppercase;
}

#kembleinn-booking  #booking-widget .input-holder.submit-holder input[type="submit"]:focus {
	outline: none;
}

#kembleinn-booking  #booking-widget .input-holder.submit-holder input[type="submit"]:hover {
	background: #536681;
	color: #fff;
}

#kembleinn-booking  #booking-widget .input-holder.submit-holder input[type="submit"],
#kembleinn-booking  #booking-widget .input-holder.submit-holder input[type="submit"]:hover{
	-webkit-transition:0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

/* Media css */

@media screen and (max-width: 1050px){

	#kembleinn-booking {
		width: 80%;
	}
}

@media screen and (max-width: 767px){

	#kembleinn-booking {
		width: 100%;
	}

	#kembleinn-booking  #booking-widget .input-holder {
		width: 50%;
	}

	#kembleinn-booking  #booking-widget .input-holder.submit-holder {
		width: 100%;
	}
}