html { font-size:14px; }

body { margin:0 auto; padding:0; font: normal 100%/1.33 'Museo Slab', Arial; text-align:center; color:#5e5e5e; max-width:1500px; box-shadow: 0 0 100px #ccc; }

p { margin:1em 0; font-weight:300; }
h2 { font-family:Fuse; font-size:3.5em; line-height:1; margin-bottom:0.5em; text-transform:uppercase; letter-spacing:0.05em; }
h3 { font-family:Isidora; font-size:1.5em; }
h4 { font-weight:600; font-size:1.25em; }
h5 { font-weight:600; font-size:100%; }

a { -webkit-tap-hightlight-color:transparent; }
a.cta { line-height:2; display:inline-block; padding: 0.1em 1em 0; border-radius:1em; text-decoration:none; text-transform:uppercase; font-weight:600; background:#fff; color:#303b8a; }

header { position:relative; overflow:hidden; }
header svg { }
header h1 { font-size:16px; width:14em; height:3.85rem; margin:0.375em auto 0.375em; color:transparent; }
header::after { content:''; display:block; padding-top:31.945%; }
header h2 { position:absolute; width:100%; top:60%; margin-top:-1em; font-size:5em; color:#303b8a; text-shadow:0.05em 0.05em 0 #f9b674; }
header h3 { position:absolute; width:100%; top:60%; margin-top:0.5em; color:#fff; }

header + h3 { text-align:center; max-width:29em; margin:1em auto; }

.eldorado header h1 { background:url(../images/eldorado-logo.svg) center / contain no-repeat; }
.eldorado header::after { background:url(../images/eldorado-header.jpg) center / cover no-repeat; }
.eldorado .schedule { background:url(../images/eldorado-poster.jpg) center / cover no-repeat; }

section { padding:2em 2em 3em; }

.tiles { overflow:hidden; color:#fff; padding:0; }
.tiles div,
.tiles img { width:50%; vertical-align:middle;  }
.tiles h4 { font-size:100%; margin:0 auto; max-width:13em; }
.tiles p { margin:0.5em auto 0; max-width:13em;  }
.tiles h4::before,
.tiles p::after { content:''; display:block; width:8em; height:1px; background:#fff; margin:0.5em auto; }

.tiles > div { position:relative; float:left; background:#8b4eb5; }
.tiles > div::before { content:''; display:block; width:3em; height:3em; position:absolute; margin:-1.5em; left:50%; top:50%; background:#8b4eb5; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.tiles > div > div { position:relative; display:inline-block; padding-top:2em; background:url(../images/icon-racecart.png) center 0em / 4em auto no-repeat; }
.tiles > div:nth-child(2) { background:#1ba6a6;}
.tiles > div:nth-child(2)::before { background:#1ba6a6;}
.tiles > div:nth-child(3) { background:#d95f43; direction:rtl; }
.tiles > div:nth-child(3)::before { background:#d95f43; }
.tiles > div:nth-child(4) { background:#411692; direction:rtl; }
.tiles > div:nth-child(4)::before { background:#411692; }



.special-events { background:#ffcc00; color:#303b8a; overflow:hidden; }
.special-events h2 { color:#d95f43; }



.how-to-bet > p { font-weight:500; }
.how-to-bet-tiles { overflow:hidden; }
.how-to-bet-tiles > div { width:25%; float:left; }
.how-to-bet-tiles p  { max-width:15em; margin:0 auto 1em; min-height:5em;  }
.orange { color:#d95f43; }

.schedule h2 { color:#fff; text-shadow:0.05em 0.05em 0 #8b4eb5; }
.schedule h3 { color:#fff; text-shadow:0.05em 0.05em 0.2em #000; }

.map { padding:0; }
.map iframe { display:block; width:100%; height:20em; }
.map-tiles { padding:0; font-family:Helvetica, Arial, sans-serif; text-align:left; font-size:14px; color:#fff; background:#aba000; }
.map-tiles h4 { margin-bottom:0; }
.map-tiles h4 + p { margin-top:0.5em; }
.map-tiles a { position:relative; display:block; float:left; width:33.333%; box-sizing:border-box; padding:0 2em 2em; text-decoration:none; color:#fff; }
.map-tiles .tile-image { display:block; position:relative; padding-top:77%; margin:0 -2em; }
.map-tiles a .tile-image::after { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; -webkit-transition:opacity 0.25s; }
.map-tiles a:hover .tile-image::after { opacity:0; }
.map-tiles .eldorado .tile-image { background:url(../images/map-tile-eldorado.jpg) center / cover; }
.map-tiles .miami .tile-image { background:url(../images/map-tile-miami.jpg) center / cover; }
.map-tiles .northfield .tile-image { background:url(../images/map-tile-northfield.jpg) center / cover; }
.map-tiles .hollywood .tile-image { background:url(../images/map-tile-hollywood.jpg) center / cover; }

#map_container iframe { pointer-events:none; position:relative; /* IE needs a position other than static */ }
#map_container iframe.clicked{ pointer-events:auto; }

.eldorado .eldorado { display:none; } 
.miami .miami { display:none; } 
.northfield .northfield { display:none; } 
.hollywood .hollywood { display:none; } 
.map-tiles .eldorado .tile-image::after { background:url(../images/map-tile-eldorado-bw.jpg) center / cover; }
.map-tiles .miami .tile-image::after { background:url(../images/map-tile-miami-bw.jpg) center / cover; }
.map-tiles .northfield .tile-image::after { background:url(../images/map-tile-northfield-bw.jpg) center / cover; }
.map-tiles .hollywood .tile-image::after { background:url(../images/map-tile-hollywood-bw.jpg) center / cover; }

/* filter version */
.cssfilters .map-tiles a .tile-image { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition:-webkit-filter 0.25s; transition:filter 0.25s;  }
.cssfilters .map-tiles a:hover .tile-image { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.cssfilters .map-tiles a .tile-image::after { display:none; }


footer { text-align:left; font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#fff; background:#aba000; padding:2em 2em 4em; }
footer a { color:#fff; }

@media screen and (min-width:1024px) {
	html { font-size:16px; }
}
@media screen and (min-width:1250px) {
	html { font-size:21px; }
}
@media screen and (min-width:1400px) {
	html { font-size:24px; }
}
@media screen and (max-width:900px) {
	html { font-size:12px; }
}
@media screen and (max-width:767px) {
	html { font-size:3vw; }
	h2 { font-size:3em; }
	h3 { font-size:1.2em; }
	header + h3 { max-width:21em; }
	header::after { padding-top:50%; }
	header h2 { font-size:3em; }
	header h2,
	header h3 { top:64%; }
	.tiles > div { width:100%;  }
	.tiles > div:nth-child(2) { direction:rtl; }
	.tiles > div:nth-child(3) { direction:ltr; }
	.how-to-bet-tiles > div { width:50%; }
	.map-tiles { font-size:inherit; }
	.map-tiles > a { display:block !important; width:50%; padding:0 1em 1em;  }
	.map-tiles .tile-image { margin:0 -1em;}
	
	.eldorado .eldorado { display:block; } 
	.eldorado .map-tiles .eldorado .tile-image { -webkit-filter: grayscale(0%); filter: grayscale(0%); } 
	.eldorado .eldorado .tile-image::after { display:none; } 
	
	.miami .miami { display:block; } 
	.miami .map-tiles .miami .tile-image { -webkit-filter: grayscale(0%); filter: grayscale(0%); } 
	.miami .miami .tile-image::after { display:none; } 
	
	.northfield .northfield { display:block; } 
	.northfield .map-tiles .northfield .tile-image { -webkit-filter: grayscale(0%); filter: grayscale(0%); } 
	.northfield .northfield .tile-image::after { display:none; } 
	
	.hollywood .hollywood { display:block; } 
	.hollywood .map-tiles .hollywood .tile-image { -webkit-filter: grayscale(0%); filter: grayscale(0%); } 
	.hollywood .hollywood .tile-image::after { display:none; } 
	
	
}
@media screen and (max-width:336px) {
	html { font-size:10px; }
	body { min-width:320px; }
}