/*

Theme Name: Home Style Inn

Theme URI: 

Author: 

Author URI: https://wordpress.org/

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/**

 * Table of Contents:

 *

 * 1.0 - Reset

 * 2.0 - Repeatable Patterns

 * 3.0 - Basic Structure

 * 4.0 - Header

 * 5.0 - Navigation

 * 6.0 - Content

 *   6.1 - Post Thumbnail

 *   6.2 - Entry Header

 *   6.3 - Entry Meta

 *   6.4 - Entry Content

 *   6.5 - Galleries

 *   6.6 - Post Formats

 *   6.7 - Post/Image/Paging Navigation

 *   6.8 - Attachments

 *   6.9 - Archives

 *   6.10 - Contributor Page

 *   6.11 - 404 Page

 *   6.12 - Full-width

 *   6.13 - Singular

 *   6.14 - Comments

 * 7.0 - Sidebar

 *   7.1 - Widgets

 *   7.2 - Content Sidebar Widgets

 * 8.0 - Footer

 * 9.0 - Featured Content

 * 10.0 - Multisite

 * 11.0 - Media Queries

 * 12.0 - Print

 * -----------------------------------------------------------------------------

 */





/**

 * 1.0 Reset

 *

 * Resetting and rebuilding styles have been helped along thanks to the fine

 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.

 *

 * -----------------------------------------------------------------------------

 */
 
p.hb-check-dates-wrapper, p.hb-people-wrapper {
	margin:0 !important;
}
.booking-form .hb-search-fields.hb-clearfix, .entry-content .hb-search-fields.hb-clearfix {
	float: left;
	width: 100%;
}
.booking-form .hb-search-fields.hb-clearfix p.hb-check-dates-wrapper.col.s12.m3,
.booking-form .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-adults.col.s12.m3,
.booking-form .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-children.col.s12.m3 {
	width:100% !important;
}

.entry-content .hb-search-fields.hb-clearfix p.hb-check-dates-wrapper.col.s12.m3,
.entry-content .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-adults.col.s12.m3,
.entry-content .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-children.col.s12.m3 {
	width:100% !important;
}

.hb-booking-search-submit.col.s12.m3 {
    width: 100%;
}
.hb-booking-search-submit.col.s12.m3 > input {
    display: block;
    float: none !important;
    width: auto; margin:5px auto;
}

.hb-search-error {
    margin: 0;
    padding: 0 10px;
}
.book form input[type="text"], .hbook-wrapper input[type="text"] {
	background: #fff url("images/calender.png") no-repeat scroll right center;
}
.hb-check-dates-wrapper input, .hb-people-wrapper select {
	margin:8px 0 0px !important; border:1px solid #ccc;
}
.hb-vertical-search-form .hb-search-fields p.hb-people-wrapper {
	width:100% !important
}

.hb-searched-summary, .hb-search-no-result, .hb-search-error, .hb-accom-list{ padding:0 10px;}

 @media only screen and (min-width : 601px) {
.booking-form .hb-search-submit-section.hb-clearfix {
	top: 10px;
	width: 30%;
}
.booking-form .hb-search-fields.hb-clearfix p.hb-check-dates-wrapper.col.s12.m3,
.booking-form .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-adults.col.s12.m3,
.booking-form .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-children.col.s12.m3 {
	width:50% !important;
}
.entry-content .hb-search-fields.hb-clearfix p.hb-check-dates-wrapper.col.s12.m3,
.entry-content .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-adults.col.s12.m3,
.entry-content .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-children.col.s12.m3 {
	width:50% !important;
}

}
 @media only screen and (min-width : 970px) {
	 
.booking-form .hb-search-fields.hb-clearfix p.hb-check-dates-wrapper.col.s12.m3,
.booking-form .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-adults.col.s12.m3,
.booking-form .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-children.col.s12.m3 {
	width:20% !important;
}

.entry-content .hb-search-fields.hb-clearfix {
	float: left;
	width: 80%;
}

.entry-content .hb-search-fields.hb-clearfix p.hb-check-dates-wrapper.col.s12.m3,
.entry-content .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-adults.col.s12.m3,
.entry-content .hb-search-fields.hb-clearfix p.hb-people-wrapper.hb-people-wrapper-children.col.s12.m3 {
	width:20% !important;
}

.hb-booking-search-submit.col.s12.m3 > input { width:100%;}
.hb-booking-search-submit.col.s12.m3 {
	width: 20%; margin:0;
}

.entry-content  .hb-booking-search-submit.col.s12.m3 > input { width:100%;}
.entry-content  .hb-booking-search-submit.col.s12.m3 {
	width: 20%; margin:0;
}
.booking-form .hb-search-submit-section.hb-clearfix {
	top:0;
}
.hb-vertical-search-form .hb-search-fields p.hb-people-wrapper {
	width:49% !important
}

}
 @media only screen and (min-width : 1150px) {
}



.hb-accom {
	border-radius:0 !important;
}
.hb-accom-price-caption {
	float:none !important;
}
.hb-accom-desc {
	font-weight:100;
}
.hb-search-submit-section p {
	float:none !important;
	margin:0;
}
.hb-booking-search-submit input[type="submit"] {
	position:relative;
}
.hb-detail-field {
	max-width:100% !important;
}
.hb-accom-img {
	height: 200px !important;
	margin-bottom: 15px !important;
	margin-left: 0px !important;
	width: auto !important;
	float:none !important;
}
.hb-accom-price {
	display: block !important;
	float: none !important;
	font-size: 25px;
	font-weight: bold;
	line-height: 35px;
	margin:5px 0 0;
	color:#B40904;
}
.hb-accom .hb-accom-title {
	font-size:20px;
	font-weight:400;
	line-height:30px;
}
.hb-accom .hb-accom-desc, .hb-accom .hb-accom-price-caption {
	font-size:14px !important;
	line-height:20px;
	margin:5px 0 0;
}
.hb-booking-change-search > input {
	float: none !important;
}
.entry-content p.hb-check-dates-wrapper, .entry-content p.hb-people-wrapper {
	margin-right : 0 !important;
}
.hb-accom:hover {
	background-color:#f8f8f8;
	box-shadow:2px 3px 3px #666
}
.hb-resa-summary-content .hb-summary-total-price {
	font-size:24px;
}
.hb-booking-search-submit.col.s12.m2 {
	text-align: center;
}
.hb-booking-search-submit input[type="submit"] {
	margin-bottom: 5px !important;
	margin-top: 5px !important;
	width: 140px;
}
.hb-booking-search-submit.col.s12.m3 > input {
	float: none;
}
 @media only screen and (min-width : 970px) {
.hb-accom-img {
	float:right !important;
	margin-left: 15px !important;
}
.banner.home .hb-vertical-search-form .hb-search-fields p.hb-people-wrapper, .banner.home .hb-vertical-search-form .hb-search-fields p.hb-check-dates-wrapper {
	width:100% !important;
	float:none !important;
	margin-bottom:20px !important;
}
}
@media only screen and (min-width : 1000px) {
.booking-form .hb-search-submit-section p {
	float:left !important;
}
.hb-check-dates-wrapper input, .hb-people-wrapper select {
	margin:5px 0 !important;
}
}
 @media only screen and (min-width : 1150px) {
.hb-booking-search-submit input[type="submit"] {
	width:180px;
}
}

/*booking-form*/
	.entry-content .hb-search-fields.hb-clearfix {
	float: left;
	width: 100%;
}

 @media only screen and (min-width : 601px) {
}
 @media only screen and (min-width : 970px) {

.hb-search-submit-section.hb-clearfix {
	float: left;
	width: 20%;
}
}
 @media only screen and (min-width : 1150px) {
}

/*form*/
.hb-details-fields h3 {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	margin: 0;
	text-align: left;
}
.hb-resa-summary h3 {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 20px;
	text-align: left;
}
.hb-detail-field {
	background-image:none !important;
}
.hbook-wrapper input[type="text"], .hbook-wrapper .hb-detail-field {
	border:1px solid #ccc;
}
.hb-confirm-button > input {
	float: none !important;
	margin: 0 !important;
}

/*amp booknow css*/
.reservation form.booking-detail input[type="submit"] {
    width: 100%;
}
.reservation.book{
	margin:0 !important;
}