body {
	margin:0;
	font-family: "PTSansUC",Arial,sans-serif;
	background-color: #92a1b2;
	color: #333366;
	font-size: 14px;
}

a, a:link, a:visited, a:active {
	color: #E75200;
	font-weight:bold;
	font-size: 14px;
	font-family: "PTSansUC",Arial,sans-serif;
}
	a:hover {
		color: #FFB700;
	}

#body {
	background-color: #92a1b2;
}

#header, #main-container {
	background-color: #FFF;
	padding-bottom: 30px;
}

header {
	background-image: url(../images/background.png); /* fallback */
	background: linear-gradient(to right, rgba(255,255,255,.2) 30%,  rgba(255,255,255,1)), url(../images/background.png);
	padding: 20px 20px 20px 20px;
}

#uclogo img, #daysheetlogo img {
	max-height: 80px;
}

#nav {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72a6cd+0,347cb9+100 */
	background: #72a6cd; /* Old browsers */
	background: -moz-linear-gradient(top, #72a6cd 0%, #347cb9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #72a6cd 0%,#347cb9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #72a6cd 0%,#347cb9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72a6cd', endColorstr='#347cb9',GradientType=0 ); /* IE6-9 */
}

.nav-item {
	border-right: 1px solid #005da8;
}
	.nav-item:last-child {
		border-right: none;
	}

.nav-item a {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

.navbar-toggler {
	background-color: rgba(0,0,0,.2);
}

	@media (max-width: 991.98px) {
		#header {
			border-bottom: 4px solid #72a6cd;
		}
		
		#uclogo {
			display: none;
		}
		
		#nav {
			padding-right: 0;
			padding-left: 0;
		}
		
		.navbar-toggler {
			margin: 15px;
		}
		
		.navbar-expand-lg {
			margin: 0;
			padding: 0;
		}

		.navbar-collapse li {
			text-align: left !important;
			border-top: 1px solid #F7F8F9;
			border-right: none;
			padding-right: 15px;
			padding-left: 15px;
		}
		
			.navbar-collapse li:first-child {
				border-top: none;	
			}
		
		.navbar-collapse li a, .navbar-collapse li a:hover, .navbar-collapse li a:visited, .navbar-collapse li a:active  {
			font-weight: normal;
			font-size: 18px;
			line-height: 56px;
			text-decoration: none;
		}
		
	}
	
div.bannerimage{
	position:relative;
	background-image:url('../images/sports-banner-home.jpg');
	background-repeat:no-repeat;
}

#footer {
	border-bottom: 3px solid #0c223f;
	border-top: 1px solid #e5e5e5;
	background-color: #f5f5f5;
	padding-top: 15px;
	padding-bottom: 15px;
}

#footer a, #footer a:active, #footer a:link, #footer a:hover, #footer a:visited {
	text-decoration: none;
	color: #00acc8;
}

	#footer a:hover {
		color: #ffb700;
	}

	@media (min-width: 992px) {
		#footer .col-lg-1 {
			-ms-flex: 0 0 11%; flex: 0 0 11%; max-width: 11%;
		}
	}

div.archive {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 0 5px 0;
    background-color: #000;
    color: white;
    text-align: center;
}

.bg-light {
	background-color: #F7F9FB;
}

h1 {
	border-bottom: 1px solid #a0abb3;
	padding-bottom: 0.5em;
	margin-bottom: 30px;
	color: #005da8;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

	#footer h1 {
		color: #0c223f;
	}

h2 {
	border-bottom: 1px solid #a0abb3;
	padding-bottom: 0.5em;
	margin-bottom: 30px;
	color: #005da8;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

	h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited {
		color: #005da8;
		font-size: 24px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}

h3, h3 a:link, h3 a:active, h3 a:hover, h3 a:visited {
	color: #000;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.pt-x2 {
	padding-top: 30px;
}

.mb-x1 {
	margin-bottom: 15px;
}

.mb-x2 {
	margin-bottom: 30px;
}

.mt-x2 {
	margin-top: 30px;
}

.mt-x4 {
	margin-top: 60px;
}

.mb-x4 {
	margin-bottom: 60px;
}

blockquote {
    font-family: Georgia, serif;
    position: relative;
    margin: 0.5em;
    padding: 0.5em 2em 0.5em 3em;
}
/* Thanks: http://callmenick.com/post/styling-blockquotes-with-css-pseudo-classes */
blockquote:before {
    font-family: Georgia, serif;
	color: #6c757d;
    position: absolute;
    font-size: 6em;
    line-height: 1;
    top: 0;
    left: 0;
    content: "\201C";
}
blockquote:after {
    font-family: Georgia, serif;
	color: #6c757d;
    position: absolute;
   /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float:right;
    font-size:6em;
    line-height: 1;
    right:0;
    bottom:-0.5em;
    content: "\201D";
}
blockquote footer {
    padding: 0 2em 0 0;
    text-align:right;
}
blockquote cite:before {
    content: "\2013";
}