/*GENERAL*/
.no-gutters{padding:0!important; margin:0!important;}

/* Booking Search Form */
.hotel-booking-search {
	padding:0px;

	& > h3 {text-transform: uppercase; margin-bottom: 20px; font-size: 16px; color: rgba(0,0,0,0.6);}

	button,
	button:focus {
		font-weight:500;
		letter-spacing:0.2px;
		border: none;
		background-color: transparent;
		color:#fff;
		opacity:1;
		border-radius: 4px;
		text-transform:uppercase;
		text-align:center;
		text-decoration:none;
		outline:0;
		height:50px;
		padding:0 55px;
		margin-left:0px;
		margin-top:24px;
	}
	button:hover,
	button:focus{
		opacity:0.8;
	}

	.hb_input_field{
		width:100%;
	}

	input,
	select {
		border:none;
		border-radius: 0px;
		width: 100%;
		border-bottom:2px solid #E5E5E5;
		min-width: 0;
	}
	input:focus,
	select:focus,
	input:hover,
	select:hover{
		border-bottom:2px solid #222;
		border-radius:0px;
	}

	label{
		display:block;
		color:#222;
		text-transform:uppercase;
		line-height: 1;
		margin-bottom: 10px;
	}

	input,
	select,
	button {
		height:50px;
	}

	/* Inline Form */
	@at-root {
		.search-form--inline .widget_hb_widget_search {
			margin-bottom: 0;
		}
		.search-form--inline form::before,
		.search-form--inline form::after {
			content: " ";
			display: table;
		}
		.search-form--inline form::after {
			clear: both;
		}
	}
	.search-form--inline & .hb-form-table {
		width: calc(80% - 20px);
		float: left;
	}
	.search-form--inline & .hb-form-field {
		float: left;
		width:calc(25% - 15px);
		margin-left: 20px;
	}
	.search-form--inline & .hb-form-field:first-child {
		margin-left: 0;
	}

	.search-form--inline & .hb-submit {
		width: 20%;
		float: left;
		margin-left: 20px;
	}
	.search-form--inline & .hb-submit button {
		width: 100%;
		min-width:auto;
	}
	@media (max-width: 767px){
		.search-form--inline & .hb-form-table{
			width:100%;
		}
	    .search-form--inline & .hb-form-field{
	        width:100%;
			margin-left: 0;
	    }
	    .search-form--inline & .hb-submit{
	        width:100%;
			margin-left: 0;
	    }
	}
}

// Gradient Button
.hotel-booking-search button,
.hotel-booking-search button:focus,
.gradient-btn--simple,
.gradient-btn .btn.zn_contact_submit,
.gradient-btn .btn.btn-element,
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit],
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover {
	color: #FFF;
	font-weight:500;
	letter-spacing:0.2px;
	text-align: center;
	height: 50px;
	outline:none;
	border:none;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 55px;
	padding-right: 55px;
	&:hover,
	&:focus{
		opacity:0.8;
	}
	span {color:#fff;}
}

/*RESULTS PAGE*/
#hotel-booking-results > h3 {display:none;}
#hotel-booking-results .hb-search-results>.hb-room{
	background:#fff;
	padding-bottom:0;
	border: 1px solid #efefef;
}
#hotel-booking-results .hb-search-results>.hb-room .hb-room-name{
	font-size:18px;
	line-height:22px;
	margin-bottom:20px;
}
#hotel-booking-results .hb-search-results>.hb-room .hb-room-info{
	padding: 30px;
}
#hotel-booking-results .hb-search-results>.hb-room .hb-room-meta li{
	margin-bottom:25px;
}
#hotel-booking-results .hb-search-results>.hb-room .hb-room-thumbnail{
	width:370px;
}
#hotel-booking-results .hb-search-results>.hb-room .hb-room-thumbnail img{
	max-width: 370px;
}
#hotel-booking-results .hb-search-results>.hb-room .hb-room-info{
	width: calc(100% - 370px);
}
@media (max-width: 991px){
	#hotel-booking-results .hb-search-results>.hb-room .hb-room-info{
		width: calc(100%);
	}
	#hotel-booking-results .hb-search-results>.hb-room .hb-room-thumbnail{
		width:100%;
	}
	#hotel-booking-results .hb-search-results>.hb-room .hb-room-thumbnail img{
		width:100%;
		max-width: 100%;
	}
}
#hotel-booking-results .hb-search-results>.hb-room .hb-room-meta li>label{
	text-transform:uppercase;
	font-size:12px;
}

#hotel-booking-results .hb_package_title label{
	font-weight:700;
	font-size:14px;
}
#hotel-booking-results .hb_addition_packages input[type=checkbox],
.hb_addition_packages input[type=radio]{
	cursor: pointer;
	text-align: center;
	height: 14px;
	width: 14px;
	min-width: 14px;
	-webkit-appearance: none;
	transition: .05s border-color ease-in-out;
	outline: 0 !important;
}
#hotel-booking-results .hb_addition_package_extra input[type=checkbox]:checked:before{
	margin-top: -9px;
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	font: 400 20px/1 dashicons;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
.rooms-pagination .page-numbers li span.current {
	background: #efefef;
	font-weight:700;
}
.rooms-pagination .page-numbers li a:hover{
	background: #efefef;
}
.rooms-pagination .page-numbers li a.next,
.rooms-pagination .page-numbers li a.prev{
	font-size:10px;
	font-weight:700;
	letter-spacing:0.5px;
}
/*End of Results page*/

#hotel-booking-results form button.hb_add_to_cart{
	border-radius: 3px;
	box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08);
	color:#fff;
	opacity:1;
	text-transform:uppercase;
	font-weight:700;
	font-size:12px;
	letter-spacing:1px;
}
#hotel-booking-results form button.hb_add_to_cart:hover{
	box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08);
	opacity:0.8;
	color:#fff;
 }
#hotel-booking-results .hb-search-results>.hb-room .hb-room-meta li select{
	 border:0px;
 }
#hotel-booking-results .hb-search-results>.hb-room .hb-room-name label{
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:14px;
	font-style:italic;
	color:red;
	font-weight:700;
}
.hb_addition_packages{
	margin-bottom: 30px;
	border:0px;
	border-top:1px solid #E5E5E5;
}
.hb_addition_packages{
	margin-bottom: 0px;
}
.hb_addition_package_extra a.hb_package_toggle{
	margin-left: 30px;
	font-size:18px;
	font-weight:400;
}

/*Right side search widget*/
.sidebar .hotel-booking-btn button{
    min-width: 100%;
    border: 0px solid #ccc;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f82f0+0,5ad2d4+100 */
    background: #43CCD5; 

    /*background: -moz-linear-gradient(left, #7f82f0 0%, #5ad2d4 100%); */
    /*background: -webkit-linear-gradient(left, #7f82f0 0%,#5ad2d4 100%); */
    /*background: linear-gradient(to right, #7f82f0 0%,#5ad2d4 100%); */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f82f0', endColorstr='#5ad2d4',GradientType=1 );*/

    box-shadow: 0px 11px 27px 0px rgba(154, 49, 188, 0.33);
    opacity:1;
    border-radius: 4px!important;
    height:50px;
    opacity:1;
    color:#fff;
    text-transform:uppercase;
    font-family:Montserrat;
}
.sidebar .hotel-booking-btn button:hover{
    opacity:0.8;
}

 /*Mini cart*/
.sidebar .hotel_booking_mini_cart h3{
	margin-top:0px;
	font-size:18px;
	color:#222;
}

.sidebar .hotel_booking_mini_cart .hb_mini_cart_item .hb_title{
	font-size:14px;
	color:#222;
	font-weight:400;
	margin:0px;
}
.sidebar .hotel_booking_mini_cart .hb_mini_cart_item{
	margin-bottom: 20px;
}
.sidebar a.hb_button {
	width:100%;
}
.sidebar a.hb_button.hb_checkout{
	margin-bottom:10px;
}
/*End of Right side search widget*/


/* SINGLE ROOMS PAGE */
.hb_single_room{
	padding-top:70px;
	background:#fcfcfc;
	padding-bottom:30px;
}

/*Container Width*/
#title-price,
.camera_command_wrap,
.hb_related_other_room{
	width:90%;
	margin:0 auto;
}

@media (min-width: 1200px){
	#title-price,
	.camera_command_wrap,
	.hb_related_other_room{
		width:1170px;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	#title-price,
	.camera_command_wrap,
	.hb_related_other_room{
		width:768px;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	#title-price,
	.camera_command_wrap,
	.hb_related_other_room{
		width:640px;
	}
}


.hb_related_other_room {
	margin-bottom:100px;
}
.camera_commands,
.camera_next,
.camera_nextThumbs,
.camera_prev,
.camera_prevThumbs,
.camera_thumbs_cont{
	background: #ffffff;
	background: rgba(255, 255, 255, 0.85);
}
.hb_single_room .hb_room_gallery{
	z-index:1;
	margin-bottom:140px!important;
}
.hb_single_room .title h4{
	margin: 21px 43px 22px;
}
.hb_single_room .title h4 a{
	margin-left:30px;
	font-size:24px;
	font-weight:400;
}
.hb_single_room .price span.title-price{display:none;}
.hb_single_room .price{
	margin-right:30px;
	font-size:18px;
	top: 7px;
	position: relative;
}
.camera_command_wrap{
	margin-top:-50px;
	background:white;
	padding:20px;
	box-shadow: 0px 15px 76px 0px rgba(0, 0, 0, 0.06);
}
.hb_single_room .hb_room_gallery .camera_thumbs .camera_thumbs_cont ul{
	max-height:170px;
}
.hb_single_room .hb_room_gallery .camera_thumbs .camera_thumbs_cont ul li{
	width: 100%;
	margin-top:0px;
	max-width:120px;
}
.hb_single_room .hb_room_gallery .camera_thumbs .camera_thumbs_cont{
	margin:0 6px;
}
.hb_single_room .hb_room_gallery .camera_thumbs .camera_prevThumbs{
	left:0px;
	top:55px;
}
.hb_single_room .hb_room_gallery .camera_thumbs .camera_nextThumbs{
	right:0px;
	top:55px;
}
.camera_nextThumbs,.camera_prevThumbs{
	height:40px;
	background: #fff;
	box-shadow: 0px 11px 27px 0px rgba(0, 0, 0, 0.2);
}


/*ROOMS CATALOG*/
.rooms{
	margin-top:110px;
	margin-right:20px;
}
.rooms .hb_room .title h4 a{
	font-weight:400;
}
.rooms .hb_room .summary{
	overflow:hidden;
}
.rooms .hb_room .summary .media a:before {
	border-bottom-style: solid;
	border-bottom-width: 70px;
	border-left-style: solid;
	border-left-width: 70px;
}
.rooms .hb_room .summary:hover .media a:before {
	border-bottom-style: solid;
	border-bottom-width: 500px;
	border-left-style: solid;
	border-left-width: 500px;
}
.rooms .hb_room .price span{
	font-size: 16px;
}
.rooms .hb_room .price span.unit{
	font-size: 9px;
}
.hb_related_other_room .navigation{
	position:relative;
	z-index:100;
}
.hb_single_room .thim-list-in-room {
	background: #F7F7F8;
	padding: 30px 40px 40px;
}
.hb_single_room .thim-list-in-room ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hb_single_room .thim-list-in-room h4{
	font-size: 16px;
	color:#333;
}
.hb_single_room .thim-list-in-room ul li{
	color:#333;
	line-height:40px;
}
.hb_single_room .thim-list-in-room ul li i{
	padding-right: 10px;
}

.hb_single_room .hb_single_room_tab_details{
	padding: 60px;
	background:white;
	box-shadow: 0px 15px 76px 0px rgba(0, 0, 0, 0.06);
	margin-bottom:50px;
}
.hb_single_room .hb_single_room_details .hb_single_room_tabs{
	background:#fff;
	z-index:1;
	position:relative;
}
.hb_single_room .hb_single_room_details .hb_single_room_tabs_content{
	padding:0px;
}
.hb_single_room .hb_single_room_details .hb_single_room_tabs>li a{
	line-height: 54px;
	padding-bottom: 0px;
}

.hb_single_room .price span.unit{color:#999; font-size:11px;}

/*Reviews*/
#hb_room_pricing_plans h4{
	font-weight:700;
	color:#222;
}
#hb_room_reviews .comment-text{
	float:right;
	width:calc(100% - 100px);
}
#hb_room_reviews ol.commentlist{list-style-type: none ;}
#hb_room_reviews .comment_container{
	padding:20px 0;
	border-bottom:1px solid #efefef;
}
#hb_room_reviews #comments h2{
	color:#222;
	font-size:20px;
}
#hb_room_reviews #respond h3{
	color:#222;
}


/*Other Rooms*/
.hb_related_other_room .tp-hotel-booking{
	padding:0px;
}
.hb_related_other_room .rooms li.hb_room{
	min-width: 380px;
}

/*###############*/
/*    Account  */
/*###############*/
.table>tbody>tr>td{padding: 12px;}

/*###############*/
/*     Cart      */
/*###############*/
#hotel-booking-cart td,
#hotel-booking-payment td {
	padding: 40px 17px;
}
#hotel-booking-cart button[type=submit],
#hotel-booking-cart .hb_button.hb_checkout{
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
}
.table-bordered,.table-bordered>tbody>tr>td,
.table-bordered>thead>tr>th {
	border: 1px solid #EFEFEF!important;
}

/*###############*/
/*   Checkout    */
/*###############*/
.hb-col-border{
	border: 1px solid #EFEFEF;
}
#hotel-booking-payment button[type=submit]{
	color:#fff;
}

/*###############*/
/*   CUSTOMISATIONS    */
/*###############*/

/* FONT-FAMILY CUSTOMISATIONS */

/* Font Family styles - Montserrat
* replace "Montserrat" with the custom font you want
*/
.hotel-booking-search button,
.hotel-booking-search button:focus,
.gradient-btn--simple,
.gradient-btn .btn.zn_contact_submit,
.gradient-btn .btn.btn-element,
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit],
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover,
.rooms-pagination .page-numbers li a.next,
.rooms-pagination .page-numbers li a.prev,
.sidebar .hotel_booking_mini_cart h3,
.sidebar .hotel_booking_mini_cart .hb_mini_cart_item .hb_title,
.hb_single_room .title h4 a,
.rooms .hb_room .price span,
.hb_single_room .thim-list-in-room h4,
#hotel-booking-cart button[type=submit],
#hotel-booking-cart .hb_button.hb_checkout
{ font-family: "Montserrat", Helvetica, Arial, sans-serif; }

/* Font Family styles - Poppins
* replace "Poppins" with the custom font you want
*/
#hotel-booking-results .hb-search-results>.hb-room .hb-room-name,
#hotel-booking-results .hb_package_title label,
#hotel-booking-results form button.hb_add_to_cart,
.hb_addition_package_extra a.hb_package_toggle
{ font-family: "Poppins", Helvetica, Arial, sans-serif; }

/* COLOR CUSTOMISATIONS */

/* Text Color - "Blue" */
#hotel-booking-results .hb-search-results>.hb-room .hb-room-meta li .hb-view-booking-room-details,
#hotel-booking-results .hb-search-results>.hb-room .hb-room-meta li.hb_search_capacity>div,
#hotel-booking-results .hb-search-results>.hb-room .hb-room-meta li.hb_search_max_child>div,
.hotel_booking_mini_cart .hb_mini_cart_item .hb_mini_cart_price span,
.rating-input:before,
.thim-color
{
    color:#5AD2D4;
}
/* Background Color - "Blue" */
.hb_single_room .hb_single_room_details .hb_single_room_tabs>li a.active:after,
#hotel-booking-results form button.hb_add_to_cart,
#hotel-booking-results form button.hb_add_to_cart:hover,
.btn.gradient-btn--simple,
#hotel-booking-cart button[type=submit],
#hotel-booking-cart .hb_button.hb_checkout,
#hotel-booking-payment button[type=submit]
{
	background: #5AD2D4;
}
/* Border-color - "Blue" */
.rooms .hb_room .summary .media a:before {
	border-bottom-color: #5AD2D4;
	border-left-color: #5AD2D4;
}

/* Text Color - "Purple" */
#hotel-booking-results .hb-search-results>.hb-room .hb-room-meta li .hb_search_item_price,
#hotel-booking-results .hb_extra_detail_price strong,
#hotel-booking-results .hb_addition_package_extra input[type=checkbox]:checked:before,
.rooms-pagination .page-numbers li a.next:hover,
.rooms-pagination .page-numbers li a.prev:hover,
.hb_single_room .price,

{
	color:#8973F4;
}
/* Background Color - "Purple" */
.hb_button {
	background:#8973F4;
}
/* Border-color - "Purple" */
.rooms .hb_room .summary .media a:before {
	border-bottom-color: #8973F4;
	border-left-color: #8973F4;
}

/* GRADIENT BUTTONS */
.hotel-booking-search button,
.hotel-booking-search button:focus,
.gradient-btn--simple,
.gradient-btn .btn.zn_contact_submit,
.gradient-btn .btn.btn-element,
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit],
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover {
	background: linear-gradient(to right, #7f82f0 0%,#5ad2d4 100%);
	box-shadow: 0px 11px 27px 0px rgba(154, 49, 188, 0.33);
}
