/*
Theme Name: Hoteller
Theme URI: https://themes.themegoods.com/hoteller/landing
Description: Premium Hotel WordPress Theme
Version: 2.1
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: hoteller
*/

/*---------------------*/
/* General Custom CSS */
/*-------------------*/

/* HIDE CONTENT ELEMENTOR BOOKING */
.room_grid_attr_wrapper
{
	display:none;
}

.room_grid_wrapper h3
{
	padding:0px;
}

.room_grid_link_wrapper
{
	margin-top:0px;
}

/* ALIGN CENTER IMAGE GALLERY */
.gallery_grid_content_wrapper img
{
	margin:auto;
}

/* FOOTER COPYRIGHT */
.footer_by                  { display: inline-flex; }
.footer_bottom a            { font-weight: 400; display: flex;}
.footer_bottom img          { width: 30px; height: 30px; margin-left: 5px; position: relative; bottom: 5px;}

#footer_menu
{
	padding-top:0px;
}

/* CUSTOM BOOKING BUTTON */
.booking-custom-button 
{
	background-color: #f1ae1d;
  	border: none;
  	color: white;
  	padding: 15px 32px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 16px;
  	width: 75%;
  	cursor: pointer;
}

/* MAIN MENU ALIGN*/
html[data-menu=leftalign] #menu_wrapper
{
	float:right;
} 

#menu_wrapper div .nav li > a:first-child
{
	font-size: 16px;
}

/* SIDE MENU BACKGROUND COLOR */
.mobile_menu_wrapper
{
	background-color: #f1ae1dcc;
}

/* FOOTER ALIGN WIDGET */
#footer .sidebar_widget.three > li
{
	text-align: center;
}

/* ACCOMODATION BUTTON CUSTOM */
.room_grid_book
{
	border: 2px solid #f1ae1d;
	background: #f1ae1d;
	padding:10px 25px;
	border-radius: 5px;
	color: white;
}

.room_grid_book:hover,
.room_grid_book:focus
{
	border: 2px solid #f1ae1d;
	background: white;
	padding:10px 25px;
	border-radius: 5px;
	color: #f1ae1d;
}

/* ACCOMODATION FULLWIDTH BUTTON CUSTOM */
#rooms-button-width .room_grid_book,
#room-one
{
	width: 100%;
}

/* ACCOMODATION RIGHT BORDER CUSTOM */
.room_grid_wrapper .room_grid_attr_wrapper .child_one_third
{
	border-right: 1px solid #e2e2e2;
}

/* FULL HEIGHT HOME SLIDER */
#home-slider-vh
{
	height: 100vh;
}

/* ONE COLUMN SERVICES */
.singleroom_amenities_label,
.singleroom_amenities_list_wrapper
{
	width: 100%;
	padding: 0px;
}

.singleroom_amenities_label
{
	padding-top: 20px;
	padding-bottom: 20px;
}

.singleroom_amenities_list_wrapper
{
	margin-left: 0px
}

.singleroom_amenities_wrapper
{
	text-align: center;
}

.singleroom_amenities_list li:before
{
	display: none;
}

.singleroom_amenities
{
	background: #139384;
}

/*-----------------------------------------*/
/* Media Queries - Custom CSS for Devices */
/*---------------------------------------*/

/* Device = Desktops #### Screen = 1281px to higher resolution desktops */
@media (min-width: 1281px) 
{
	/* HIDE BURGER MENU */
	  #logo_right_wrapper
	{
		display:none !important;
	}
	
	/* MENU LOGO RESIZE */
	.logo_align>a>img
	{
		width: 200px;
		height: 60px;
		margin-top: 10px;
	}
}

/* Device = Laptops, Desktops #### Screen = B/w 1025px to 1280px */
@media (min-width: 1024px) and (max-width: 1280px) 
{
	/* HIDE BURGER MENU */
	  #logo_right_wrapper
	{
		display:none !important;
	}
	
	/* MENU LOGO RESIZE */
	.logo_align>a>img
	{
		width: 200px;
		height: 60px;
		margin-top: 10px;
	}
}

/* Device = Tablets, Ipads (portrait) #### Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) 
{
	/* MENU LOGO RESIZE */
	.logo_align>a>img
	{
		width: 200px;
		height: 60px;
		margin-top: 18px;
	}
	
	/* BURGER MENU CUSTOM */
	#menu_wrapper .nav ul li, #menu_wrapper div .nav li, html[data-menu=centeralogo] #logo_right_button, html[data-menu=leftalign] #logo_right_wrapper
	{
		padding-top: 14px !important;
    	font-size: 30px;
	}

	/* ACCOMMODATION 50% WIDTH */
	.room_grid_wrapper.one_fourth
	{
		width: 50%;
		padding: 20px;	
    	margin: 0px
	}
	
	#footer ul.sidebar_widget
	{
		padding:40px 0px;
	}
	
}

/* Device = Tablets, Ipads (landscape) #### Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) 
{
	/* HIDE BURGER MENU */
	  #logo_right_wrapper
	{
		display:none !important;
	}
}

/* Device = Low Resolution Tablets, Mobiles (Landscape) #### Screen = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) 
{
	/* MENU LOGO RESIZE */
	.logo_align>a>img
	{
		width: 200px;
		height: 60px;
		margin-top: 0px;
	}
	
	/* BURGER MENU CUSTOM */
	#menu_wrapper .nav ul li, #menu_wrapper div .nav li, html[data-menu=centeralogo] #logo_right_button, html[data-menu=leftalign] #logo_right_wrapper
	{
		padding-top: 0px !important;
    	font-size: 30px;
	}
}

/* Device = Most of the Smartphones Mobiles (Portrait) #### Screen = B/w 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) 
{
	/* MENU LOGO RESIZE */
	.logo_align>a>img
	{
		width: 200px;
		height: 60px;
		margin-top: 0px;
	}
	
	/* BURGER MENU CUSTOM */
	#menu_wrapper .nav ul li, #menu_wrapper div .nav li, html[data-menu=centeralogo] #logo_right_button, html[data-menu=leftalign] #logo_right_wrapper
	{
		padding-top: 0px !important;
    	font-size: 30px;
	}
}