#sportHeader {
	
}

.page.sports {
	padding: 0;
	padding-bottom: 15px;
}

.sport-name {
	padding-left: 10px;
	padding-right: 10px;
	/*background-color: #eceff0;*/
	display: flex;
	align-items: center;	
	position: relative;
	z-index: 2;
}

.sport-name:before {
	content: "";
	background-color: #dbdff0;
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	transform: skew(-30deg);
	/*transform-origin: top;*/
}

.sport-name h2 {
	font-size: 1.25rem;
	color: #3b6aa0;
	margin: 0;
	line-height: 58px;
}

/*a.name-link {
	border-bottom: 6px solid #dbdff0;
}

.sport-name:hover a.name-link {
	box-sizing: box;
	border-bottom: 6px solid #3b6aa0;
}*/

.sport-links {
	background-color: #fff;
	flex: 1 1 auto;
	align-self: center;
}

.sport-links button:focus {
	box-shadow: none;
}

.sport-links .dropdown a {
	font-size: 1.5rem;
	padding: 1rem 4rem;
}

/*All Stars*/
	.awards {
		display: grid;
		grid-template-columns: 1fr;
	}

	.award-winners {
		display: grid;
		grid-column-gap: 20px;
		grid-template-columns: 1fr 1fr;
	}

	.award-winners:not(:last-child) {
		margin-bottom: 30px;
	}

	.allstars .card-header {
		background-color: #dbdff0;
	}

	.span2 {
		grid-column: span 2;
	}

/*Archives*/
	.archive-head, .standings-head, .allstars-head, .scoreboard-head {
		display: grid;
		grid-template-columns: 1fr;
	}

	.archive-head h3 {
		align-self: center;
	}

	.articles-header {
		background-color: #dbdff0;
		text-transform: uppercase;
	}

	.archive-filters select {
		width: auto;
		margin-right: 20px;
		margin-bottom: 10px;
	}

	.apply-filter {
		margin-bottom: 10px;
	}

	.article-link:hover {
		cursor: pointer;
	}

	.full-standings-header {
		background-color: #dbdff0;
	}

	table.expanded-standings td {
		padding: .25rem;
		font-size: .85rem;
	}

	a.front-article-link {
		color: black;
	}

	.post-photo {
		position: relative;
	}

	.post-photo:before {
		position: absolute;
		z-index: 22;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		content: "";
		background-color: rgba(0,0,0,0.6);
		opacity: 0;
		transition: opacity 0.25s;
	}

	.post-photo:after {
		font-family: 'Roboto Condensed', sans-serif;
	    font-size: 1.125rem;
	    font-weight: 400;
	    font-style: normal;
	    -webkit-transform: translate(-50%, -50%) scale(0.75);
	    transform: translate(-50%, -50%) scale(0.75);
	    -ms-transformn: translate(-50%, -50%) scale(0.75);
	    -webkit-transition: transform 0.3s, opacity 0.3s;
	    transition: transform 0.3s, opacity 0.3s;
	    line-height: 1.5;
	    position: absolute;
	    z-index: 25;
	    top: 50%;
	    left: 50%;
	    height: 48px;
	    padding: 11px 24px 10px;
	    content: 'Read Story';
	    white-space: nowrap;
	    opacity: 0;
	    color: white;
	    border-radius: 24px;
	    background: #007ab8;
	}

	.front-article-link:hover .post-photo:before {
		opacity: 1;
	}

	.front-article-link:hover .post-photo:after {
		transform: translate(-50%, -50%);
		opacity: 1;
	}

	.date-scores i {
		color: #3b6aa0;
	}

	.date-scores .fas {
		font-size: 3rem;
		position: relative;
		top: 8px;
	}

	.far {
		font-size: 2.5rem;
	}

	.sport-scores {
		display: grid;
		grid-gap: 20px 10px;
	}

	.daily-score-box {
		border: 1px solid #dbdff0;
		box-shadow: 3px 3px 3px #dbdff0;
		display: grid;
		grid-template-columns: 1fr 2fr auto auto;
	}

	.daily-score-box.ppnd {
		border-color: rgba(220,53,69,.75);
	}

	.daily-score-box.ppnd > div:not(:nth-child(12)) {
	    text-decoration: line-through;
	    text-decoration-color: red;
	}

	.title, .status, .location {
		grid-column: span 4;
	}

	.score {
		grid-column-start: 3;
	}

	.league-box {
		border: 1px solid black;
	    border-radius: 3px;
	    background-color: #444;
	    color: white;
	    font-size: 10px;
	    font-weight: normal;
	    padding: 1px 3px;
	    position: relative;
	    top: 5px;
	}

	.footer-ad img {
		width: 100%;
	}

@media (min-width: 768px) {
	.sport-name h2 {
		font-size: 1.5rem;
	}

	.sport-name {
		padding-right: 50px;
	}

	.sport-menu {
		padding-left: 100px;
	}

	.sport-links ul {
		line-height: 48px;
	}

	.sport-links ul a {
		font-size: 1.25rem;
		color: black;
	}

	.archive-filters {
		display: flex;
	}

	.sport-scores {
		grid-template-columns: 1fr 1fr;
	}

	.scoreboard-sport-name {
		grid-column: span 2;
	}

	.footer-ad img {
		max-width: 728px;
	}
}

@media (min-width: 1024px) {

	.sport-name {
		padding-right: 50px;
	}

	.sport-menu {
		padding-left: 230px;
	}

	.sport-links ul {
		line-height: 60px;
	}

	.sport-links ul a {
		font-size: 1.5rem;
		color: black;
	}

	.awards {
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 10px;
	}

	.archive-head {
		grid-template-columns: 1fr 1fr;
	}

	.standings-head, .allstars-head, .scoreboard-head {
		grid-template-columns: 1fr auto;
	}

	table.expanded-standings td {
		padding: .75rem;
		font-size: 1rem;
	}
}

@media (min-width: 1280px) {

	.sport-name {
		padding-right: 75px;
	}

	.sport-menu {
		padding-left: 275px;
	}

	/*.sport-scores {
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}*/
}

@media (min-width: 1440px) {

	.sport-name {
		padding-right: 100px;
	}

	.sport-menu {
		padding-left: 325px;
	}
}

@media (min-width: 1600px) {

	.sport-name {
		padding-right: 100px;
	}

	.sport-name h2 {
		font-size: 1.75rem;
	}

	.sport-menu {
		padding-left: 325px;
	}

	.sport-scores {
		grid-gap: 20px 20px;
	}
}

@media (min-width: 1920px) {

	.sport-name {
		padding-right: 125px;
	}

	.sport-name h2 {
		font-size: 1.75rem;
	}

	.sport-menu {
		padding-left: 500px;
	}
}