@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(dg.css);

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	height: 100%;
	margin: 0;
}

h1, h2 {
	margin: 0;
}

h1 {
	border-bottom: 1px solid #e2e0e2;
}

h2 {
	color: #AAA;
	font-weight: 500;
	margin-bottom: 20px;
}

.page {
	padding: 1em;
}

.page.full {
	display: table;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
}

.wrapper {
	background: #fff;
	max-width: 640px;
	margin: 0 auto 40px;
	text-align: center;
	width: 100%;
}

.wrapper .row:not(:last-child) {
	margin-bottom: 20px;
}

.section-button {
	font-weight: 500;
	background-color: #f1f1f1;
	display: inline-block;
	text-decoration: none;
	color: black;
	padding: 1em;
	width: 100%;
	margin-top: 1.5em;
}

.row {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
}

.event {
	border: 1px solid #e2e0e2;
}

.event div.away-team,
.event div.home-team {
	padding: .5em;
	border-bottom: 1px solid #e2e0e2;
}

.event div.at {
	
}

.event span.space {
	position: absolute;
}

.event div.at {
	content: '@';
	color: #AAA;
    display: inline-block;
    font-weight: 300;
    text-shadow: 1px 0 0 #fff, 2px 0 0 #fff, -1px 0 0 #fff, -2px 0 0 #fff, 0 1px 0 #fff, 0 2px 0 #fff, 0 -1px 0 #fff, 0 -2px 0 #fff;
    margin-top: -13px;
    float: left;
    width: 100%;
}

.winner {
	font-weight: 500;
	background-color: #f1f1f1;
}

.winner span {
	color: #AAA;
	font-weight: 300;
}

a.selecttext {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .5em;
    text-decoration: none;
    text-align: center;
    background-color: gainsboro;
    color: #000;
    text-transform: uppercase;
}

a.prevDay,
a.nextDay {
    font-size: .85em;
    position: fixed;
    top: 0;
    padding: .5em;
    text-decoration: none;
    text-align: center;
    border-bottom: 1px solid gainsboro;
    color: #000;
}

a.prevDay {
    left: 0;
}

a.nextDay {
    right: 0;
    text-align: right;
}

@media only screen and (min-width: 680px) {
	.row {
	    display: inline-block;
	    width: calc(50% - 10px);
	}

	.row:nth-of-type(odd) {
	    margin-right: 20px;
	}

	.event {
		border-width: 1px;
	}
}


table {
    border-spacing: 0;
}

.conference-table {
    width: 100%;
    font-weight: 700;
}

.table-head th {
	color: #555;
	background-color: #f1f1f1;
    border-bottom: 1px solid #e2e0e2;
}

.conference-table th,
.conference-table td:not(.team) {
    text-align: center;
}

.conference-table td {
    border: solid #e2e0e2;
    border-width: 0 1px 1px 0;
    padding: 2px 2px;
}

.conference-table td.rank {
    border-left: 1px solid #e2e0e2;
}

.table-row:nth-child(odd) {
    background-color: #f1f1f1;
}

.table-row:nth-child(9n) td {
    border-bottom: 2px solid #888;
}

.table-row:nth-child(n+10) {
    color: #777;
}

td.rank {
	color: #AAA;
	font-weight: 300;
}

td.team {
	padding-left: 5px !important;
}

td.pct,
td.gb,
td.home,
td.away,
td.l5,
td.l10,
td.streak {
	font-weight: 300;
}

.home, .away, .l5, .l10 {
	display: none;
}

@media only screen and (min-width: 520px) {
	.home, .away {
		display: table-cell;
	}
}

@media only screen and (min-width: 680px) {
	.l5, .l10 {
		display: table-cell;
	}
}