/* DESKTOP */
/* settings and overrides above 980px */

@media only screen and (min-width: 980px)
{
	/* global styles */
	html
	{
		font-size: 16px;
	}

	.mobile_show
	{
		display: none;
	}


	/* header styles */

	burger
	{
		display: none;
	}


	/* notification bar styles */

	#notification
	{
		max-width: 45rem;
		margin-left: auto;
		margin-right: auto;
		padding: 0.625rem;
	}


	/* cart styles */

	.icon
	{
		margin-left: 1.25rem;
		margin-right: 0;
	}

	#cart
	{
		width: 50%;
		left: 50%;
		padding: 2.5rem 5rem;
		border-left: solid 1px #000000;
	}

	#warning-cartmodify
	{
		width: 50%;
		left: 50%;
		border-left: solid 1px #000000;
	}


	/* merch styles */

	.shop_row:not(:last-child)
	{
		margin-bottom: 2.5rem;
	}

	.shop_thumb
	{
		width: 32%;
		text-align: center;
	}

	.shop_thumb:nth-child(2)
	{
		margin-right: auto;
		margin-left: 2%;
	}

	.shop_thumb:nth-child(3)
	{
		margin-left: auto;
	}

	.shop_thumb img:hover
	{
		outline: 0.3125rem solid #ffee66;
		outline-offset: -0.3125rem;
	}

	.product
	{
		display: flex;
	}

	.product_images, .product_info
	{
		width: 50%;
	}

	.product_info
	{
		padding-left: 2.5rem;
	}
}


/* settings and overrides above 1680px */

@media only screen and (min-width: 1680px)
{
	div.container
	{
		max-width: 1680px;
    margin: 0 auto;
	}
}



/* TABLET */
/* settings and overrides above 640 and under 980px */

@media only screen and (min-width: 640px) and (max-width: 979px)
{
	/* global styles */

	html
	{
		font-size: 16px;
	}

	h1
	{
		font-size: 4.5rem;
	}


	/* header and footer styles */

	*[id^='footer']
	{
		padding: 5rem;
	}


	/* menu styles */

	#menu header
	{
		padding: 2.5rem 5rem 0 5rem;
	}

	#menu brand img
	{
		content: url('../img/ui/tallarook-hotel-logo-horizontal-reversed.svg');
		height: 3.75rem;
	}

	#menu items
	{
		padding: 0 5rem;
	}

	#menu items a
	{
		font-size: 2rem;
	}

	#menu footer
	{
		bottom: 2.5rem;
		padding: 0 5rem;
	}


	/* notification bar styles */
	
	#notification
	{
		margin-left: 5rem;
		margin-right: 5rem;
		padding: 0.625rem;
	}


	/* breakout section styles */

	#bistro, #bar
	{
		margin-left: 2.5rem;
		margin-right: 2.5rem;
		padding: 5rem 2.5rem;
		background-size: 14rem;
	}

	#bistro
	{
		margin-top: 2.5rem;
	}
	
	#whatson
	{
		margin-left: 2.5rem;
		margin-right: 2.5rem;
	}

	#whatson p:last-of-type
	{
		text-indent: 2.5rem;
	}
	
	#whatson h1
	{
		font-family: gt-america-mono-medium;
		font-size: 2rem;
	}


	/* page styles */

	.wide, .compact
	{
		padding: 0 5rem;
	}


	/* cart styles */

	#cart
	{
		left: 0;
		width: 100%;
		padding: 2.5rem 5rem;
	}

	.icon
	{
		margin-left: 0;
		margin-right: 1.25rem;
	}


	/* merch styles */

	.shop_row:not(:last-child)
	{
		margin-bottom: 2.5rem;
	}

	.shop_thumb
	{
		width: 32%;
		text-align: center;
	}
	
	.shop_thumb:nth-child(2)
	{
		margin-right: auto;
		margin-left: 2%;
	}
	
	.shop_thumb:nth-child(3)
	{
		margin-left: auto;
	}

	.product
	{
		display: block;
	}

	.product_images, .product_info
	{
		width: 100%;
	}

	.product_info
	{
		margin-top: 2.5rem;
	}


	/* utility styles */

	.mobile_hide
	{
		display: none;
	}

	.mobile_show
	{
		display: block;
	}
}



/* SMARTPHONE */
/* settings and overrides under 640px */

@media only screen and (max-width: 639px)
{
	/* global styles */

	html
	{
		font-size: 18px;
	}

	h1
	{
		font-size: 2rem;
	}

	#preloader items
	{
		width: 100%;
		padding: 2.5rem;
	}

	.single
	{
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}


	/* header and footer styles */

	*[id^='header']
	{
		padding: 1.25rem 1.25rem 0 1.25rem;
	}

	brand-tallarookhotel img
	{
		content: url('../img/ui/tallarook-hotel-logo-stacked.svg');
		height: 5rem;
	}

	brand-werkinberk img
	{
		content: url('../img/ui/werkinberk-logo-w.svg');
		height: 3.125rem;
	}

	*[id^='footer']
	{
		padding: 2.5rem 1.25rem 1.25rem 1.25rem;
	}


	/* hamburger menu styles */

	#menu header
	{
		padding: 1.25rem 1.25rem 0 1.25rem;
	}

	#menu brand img
	{
		content: url('../img/ui/tallarook-hotel-logo-stacked-reversed.svg');
		height: 5rem;
	}

	#menu items
	{
		padding: 0 1.25rem;
	}

	#menu items a
	{
		font-size: 1.75rem;
	}

	#menu footer
	{
		bottom: 1.25rem;
		padding: 0 1.25rem;
	}


	/* notification bar styles */

	#notification
	{
		margin-right: 1.25rem;
		margin-left: 1.25rem;
		padding: 0.625rem;
	}

	/* breakout section styles */

	#bistro, #bar
	{
		margin-left: 0;
		margin-right: 0;
		padding: 2.5rem 1.25rem;
		background-image: none;
	}

	#bistro
	{
		margin-top: 2.5rem;
	}

	#bistro h2, #bar h2
	{
		margin-top: 2.5rem;
	}

	#whatson
	{
		margin-left: 0;
		margin-right: 0;
		padding: 1.25rem;
	}

	#whatson p
	{
		font-family: gt-america-mono-light;
		font-size: 1rem;
	}

	#whatson p:last-of-type
	{
		text-indent: 2.5rem;
	}

	#whatson h1
	{
		font-family: gt-america-mono-medium;
		font-size: 2rem;
	}
	

	/* page styles */

	.wide, .compact
	{
		padding: 0 1.25rem;
	}

	.large p
	{
		font-family: 'gt-america-mono-light';
		font-size: 1rem;
	}

	.large p:not(:first-of-type)
	{
		text-indent: 2.5rem;
	}

	.carousel img, .single
	{
		width: 100%;
	}

	.scroller, .scroller img
	{
		height: 12.5rem;
	}


	/* cart styles */

	#cart
	{
		left: 0;
		width: 100%;
		padding: 1.25rem;
	}

	#cart header
	{
		height: 5rem;
	}

	.icon
	{
		margin-left: 0;
		margin-right: 1.25rem;
	}


	/* merch styles */

	.shop_row
	{
		display: block;
	}

	.shop_thumb
	{
		width: 100%;
		margin: 0 0 2.5rem 0;
	}

	.product
	{
		display: block;
	}

	.product_images, .product_info
	{
		width: 100%;
	}

	
	/* utility styles */

	.mobile_hide
	{
		display: none;
	}

	.mobile_show
	{
		display: block;
	}
}