/*
 HTML5 Reset
 --------------------------------------------- */
 article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
 
 /* Box Sizing
 --------------------------------------------- */
 *, input[type="search"] {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing:    border-box;
 	box-sizing:         border-box;
 }
 
 /* Float Clearing
 --------------------------------------------- */
 .archive-pagination:before,
 .clearfix:before,
 .entry:before,
 .entry-pagination:before,
 .footer-widgets:before,
 .nav-primary:before,
 .nav-secondary:before,
 .site-container:before,
 .site-footer:before,
 .site-header:before,
 .site-inner:before,
 .wrap:before {
 	content: " ";
 	display: table;
 }
 
 .archive-pagination:after,
 .clearfix:after,
 .entry:after,
 .entry-pagination:after,
 .footer-widgets:after,
 .nav-primary:after,
 .nav-secondary:after,
 .site-container:after,
 .site-footer:after,
 .site-header:after,
 .site-inner:after,
 .wrap:after {
 	clear: both;
 	content: " ";
 	display: table;
 }
 
 
 /* Typographical Elements
 --------------------------------------------- */
 body, html {
   height: 100%;
 }
 
 html {
 	font-size: 62.5%; /* 10px browser default */
 }
 
 body {
 	background: #EEE;
 	color: #414142;
 	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	font-size: 18px;
 	font-weight: 300;
 	line-height: normal;
 }
 
 p {
 	line-height: 1.4;
 	margin: 0 0 1em;
 }
 
 
 /* Links
 --------------------------------------------- */
 a,
 button,
 input:focus,
 input[type="button"],
 input[type="reset"],
 input[type="submit"],
 textarea:focus,
 .button {
 	-webkit-transition: all 0.1s ease-in-out;
 	-moz-transition:    all 0.1s ease-in-out;
 	-ms-transition:     all 0.1s ease-in-out;
 	-o-transition:      all 0.1s ease-in-out;
 	transition:         all 0.1s ease-in-out;
 }
 
 a {
 	color: #cd2032;
 }
 
 a:hover {
 	text-decoration: none;
 }
 
 .row.red a {
 	color: #FFF;
 }
 
 
 /* Headings
 --------------------------------------------- */
 h1, h2, h3, h4 {
 	font-weight: normal;
 	margin: 0 0 10px;
 }
 
 h1#page-title {
 	font-size: 30px;
 	font-weight: bold;
 	text-align: center;
 }
 
 /* Forms
 --------------------------------------------- */
 ::-webkit-input-placeholder {
 	color: #414142;
 }
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 	color: #414142;
 }
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
 	color: #414142;
 }
 :-ms-input-placeholder { /* Internet Explorer 10+ */
 	color: #414142;
 }
 
 input[type="text"], input[type="email"], input[type="submit"], textarea {
     border: 1px solid #ABA8A8;
     box-shadow: inset 0 0 2px #EEE;
     color: #414142;
     float: left;
     font-size: 0.9em;
     height: 42px;
     margin: 0;
     padding: .5em 1em;
     width: 270px;
 }
 
 input[type="submit"], #control {
 	background: #CD2032;
 	border: 0;
 	color: #FFF;
 	float: right;
 	font-size: 1em;
 	width: 132px;
 }
 
 textarea {
 	font-size: .8em;
 	height: 90px;
 	padding: 1em;
 	width: 100%;
 }
 
 /* Containers & Rows
 --------------------------------------------- */
 #wrapper {
 	height: 100%;
 	margin: 0 auto;
 	max-width: 600px;
 	width: 100%;
 }
 
 #container {
 	background: #D8D0C5;
 	border: 4px solid #414142;
 	border-top: 0;
 	float: left;
 	font-size: 1em;
 	width: 100%;
 }
 
 .header.row {
 	background: url({boomtime_path}/img/jslot_images/tinpot-image.jpg) no-repeat center center #FFF;
 	background-size: 100%;
 	border-bottom:0px;
 	padding-bottom: 2em;
         padding-top: 1.4em;
 }
 
 .header img {
 	display: block;
 	margin: 0 auto;
 	max-width: 100%;
 }
 
 .game p {
 	font-size: .9em;
 	margin: .5em 0 1em;
 	text-align: center;
 }
 
 .game p:last-child {
 	margin-bottom: 0;
 }
 
 .row {
 	border-bottom: 1px solid #a1a1a1;
 	float: left;
 	padding: 2em;
 	width: 100%;
 }
 
 
 .row.copyright {
 	border: 0;
 	border-top: 1px solid #a1a1a1;
 	font-size: .7em;
 	padding: 1em;
 	text-align: center;
 }
 
 .row.copyright p {
 	margin-bottom: 0;
 }
 
 .inner {
 	margin: 0 auto;
 	max-width: 408px;
 	width: 100%;
 }
 
 .row.white {
 	color: #cd2032;
 }
 
 .row.gray {
 	background: #f1f1f1;
 }
 
 .row.dark-gray {
 	background: #aba8a8;
 }
 
 .row.dark-gray p {
 	margin-bottom: 0;
 }
 
 .row.white h1, .row.white h2 {
 	color: #414142;
 }
 
 .row.red {
 	background: #cd2032;
 	color: #FFF;
 }
 
 .box {
     float: left;
     margin: 1em 0;
     width: 100%;
 }
 
 .one-third {
 	float: left;
 	margin-left: 2.564102564102564%;
 	width: 31.623931623931625%;
 }
 
 .first {
 	margin-left: 0;
 	padding-top: 0;
 }
 
 .stars {
 	float: left;
 	margin-bottom: 1em;
 	text-align: center;
 	width: 100%;
 }
 
 .social-media a, .footer a {
 	text-decoration: none;
 }
 
 .social-media img {
 	margin-right: .8em;
 }
 
 .social-media img:hover {
 	opacity: .7;
 }
 
 .footer {
 	font-size: .75em;
 	padding: 1em;
 }
 
 .footer p {
 	margin: 0;
 	padding: 0;
 }
 
 .footer span {
 	margin-right: 1em;
 }
 
 .footer a {
 	color: #414142;
 }
 
 .footer a:hover {
 	text-decoration: underline;
 }
 
 .one-third-container:after,
 #low-rating:after{
 	content: ".";
 	display: block;
 	clear: both;
 	visibility: hidden;
 	line-height: 0;
 	height: 0;
 }
  
 .one-third-container,
 #low-rating{
 	display: inline-block;
 }
  
 html[xmlns] .one-third-container,
 html[xmlns] #low-rating{
 	display: block;
 }
  
 * html .one-third-container,
 * html #low-rating{ 
 	height: 1%;
 }
 
 
 .one-third-container,
 #low-rating{
     display: block;
 }
 /* Slot Machine
 --------------------------------------------- */
 .row.slotmachine {
 	background: url({boomtime_path}/img/jslot_images/tinpot-image.jpg) no-repeat center center #FFF;
 	background-size: 100%;
 	position: relative;
 }
 
 .container {
 	float: left;
 	margin:0 auto;
 	position: relative;
 	text-align: center;
 	width: 100%;
 }
 
 .slot-wrapper {
 	 display: block;
 	 margin: 0 auto;
 	 text-align: center;
 }
 
 .slot {
 	background:url({boomtime_path}/img/jslot_images/reel_normal_transparent_white.png) repeat-y 0 4px;
     border: 3px solid #3a3a3c;
     box-shadow: 0 0 6px #333 inset;
     display: inline-block;
     height: 154px;
 	-webkit-transition: background-image .8s ease-in-out;
 	-moz-transition: background-image .8s ease-in-out;
 	-ms-transition: background-image .8s ease-in-out;
 	-o-transition: background-image .8s ease-in-out;
 	transition: background-image .8s ease-in-out;
     width: 132px;
 }
 
 .motion {
 	background-image:url({boomtime_path}/img/jslot_images/reel_blur_transparent_white.png) #D8D0C5;
 }
 
 button {
     cursor: pointer;
     display: block;
     font-size: 16px;
     height: 33px;
     margin: 20px auto;
     width: 138px;
 }
 
 #result {
     font-weight: bold;
     margin: 20px 0;
 }
 
 #jackpot {
 	background: rgba(255, 255, 255, .5);
     color: #414142;
     display: none;
     float: left;
     font-weight: 400;
     margin: 0 auto;
     max-width: 408px;
     min-height: 155px;
     padding: 1em 2em 0;
     position: absolute;
     top: auto; left: 0; right: 0;
     text-align: center;
     vertical-align: middle;
     width: 100%;
     z-index: 10;
 }
 }
 
 #jackpot .wrapper {
 	/*border: 5px solid #FFF;
 	margin: 1em;*/
 	padding: 1em;
 }
 
 #jackpot h1 {
 	color: #CD2032;
 }
 
 #jackpot p {
 	margin-bottom: 0;
 }
 
 #jackpot p + p {
 	margin-top: 0;
 }
 
 .clear {
 	clear: both;
 }
 
 
 /* Media Queries
 --------------------------------------------- */
 
 
 /* HD/Retina CSS */
 @media
 only screen and (-webkit-min-device-pixel-ratio: 1.25),
 only screen and ( min--moz-device-pixel-ratio: 1.25),
 only screen and ( -o-min-device-pixel-ratio: 1.25/1),
 only screen and ( min-device-pixel-ratio: 1.25),
 only screen and ( min-resolution: 200dpi),
 only screen and ( min-resolution: 1.25dppx){
     #wrapper {
         max-width: 100%;
         width: 100%;
     }
     
     #container{
         border:none;
     }
 }
 
 
 /* iPads (portrait and landscape) ----------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
 	#wrapper {
 		max-width: 100%;
 	}
 	
 	#container {
 		border: 0;
 		min-width: 100%;
 	}
 }
 
 @media screen and (max-width: 650px) {
 	#wrapper {
 		max-width: 100%;
 	}
 	
 	#container {
 		border: 0;
 		min-width: 100%;
 	}
 }
 
 @media screen and (max-width: 485px) {
 	h1#page-title {
 		font-size: 31px;
 	}
 	
 	.row {
 		padding: 2em 1em;
 	}
 	
 	.inner {
 		max-width: 341px;
 	}
 	
 	input[type="submit"], #control {
 		width: 110px;
 	}
 	
 	input[type="email"] {
 		width: 224px;
 	}
 	
 	.slot {
 		background-size: 104px 1730px;
 		height: 128px;
 		width: 110px;
 	}
 	
 	#jackpot {
 		top: 22px;
 	}
 	
 	#jackpot p {
 		line-height: normal;
 	}
 	
 	#jackpot p:last-child {
 	    line-height: 15px;
 	    margin-top: 5px;
 	}
 	
 	textarea {
 		font-size: .72em;
 		height: 130px;
 	}
 }
 
 @media screen and (max-width: 380px) {
 	.inner {
 		width: 282px;
 	}
 	
 	input[type="submit"], #control {
 		width: 90px;
 	}
 	
 	input[type="email"] {
 		width: 186px;
 	}
 	
 	.slot {
 		background-size: 84px 1400px;
 		height: 105px;
 		width: 90px;
 	}
 	
 	#jackpot {
 		font-size: .85em;
 		min-height: inherit;
 		padding-bottom: .5em;
 	}
 }
 @media screen and (max-width: 340px) {
 	p {
 		font-size: 16px;
 	}
 	
 	.one-third {
 		margin-left: 0;
 		width: 100%;
 	}
 	
 	.one-third p {
 		margin: 0;
 	}
 	
 	.stars img {
 		max-width: 40px;
 	}
 }
 