/*
	The little this demo needs on top of the app's own stylesheets - app.css now carries the floor
	(body, the #divAppBody scroll container, the text classes), so nothing here duplicates it.

	There is deliberately no global border-box reset. The app does not have one, and the cards are
	measured the way the app measures them - see the same warning in index.html.
*/

/*
	ScrollUtil.disable() toggles this class on #divAppBody while a card or the menu is open, but the
	app has no .noScroll rule of its own for it - scrolling in the app dies through other layers.
	Here the page scrolls inside #divAppBody, so the class has to actually stop it: without this a
	zoomed card can be scrolled out of its own overlay.
*/
#divAppBody.noScroll
{
	overflow-y:hidden;
}

/*
	A quiet line under the page saying what this is, so nobody mistakes the demo for the live
	product. It sits outside #luckySportsPage so that none of the page's own rules reach it.
*/
#divDemoFooter
{
	color:#5d616a;
	font-size:12px;
	letter-spacing:0.3px;
	padding:0px 20px 40px 20px;
	position:relative;
	text-align:center;
	z-index:1;
}

/*
	The home screen's placeholder. The app's home page is a live casino lobby driven by its API and
	cannot be copied into a static page, so this stands in for it - enough of a page to open the
	side menu from and to come back to.
*/
#divDemoHomeNotice
{
	color:#b9aed0;
	margin:0px auto;
	max-width:640px;
	padding:90px 20px 140px 20px;
	text-align:center;
}

#divDemoHomeNotice h1
{
	color:#ffffff;
	font-size:28px;
	letter-spacing:1px;
	margin:0px 0px 18px 0px;
}

#divDemoHomeNotice p
{
	line-height:1.6;
	margin:0px 0px 12px 0px;
}

#divDemoHomeNotice strong
{
	color:#edc967;
}

@media (max-width:600px)
{
	#divDemoHomeNotice
	{
		padding:50px 10px 90px 10px;
	}

	#divDemoHomeNotice h1
	{
		font-size:22px;
	}
}