@import url('//fonts.googleapis.com/css?family=Abril+Fatface&display=swap');


/*******************************************

		COLORS

*******************************************/
	/*Define Colors*/
		:root {
			--darkblue: rgb(7,55,99);
			--darkblue-body: rgba(7,55,99,.15);
			--green: rgb(0,100,0);
			--green-body: rgba(0,100,0,.15);
			--orange: rgb(255,131,0);
			--orange-body: rgba(255,131,0,.25);
			--maroon: rgb(107,3,0);
			--maroon-body: rgba(50,3,0,.2);
			--red: rgb(204,0,0);
			--red-body: rgba(50,0,0,.25);
			--royal: rgb(0,35,102);
			--royal-body: rgba(0,35,102,.15);
		}

	/*Define Color Styles*/
		.bg-orange {
			background-color: var(--orange);
		}

		.orange-text {
			color: var(--orange);
		}

		.body-orange {
			background-color: var(--orange-body);
		}

		.bg-red {
			background-color: var(--red);
		}

		.red-text {
			color: var(--red);
		}

		.body-red {
			background-color: var(--red-body);
		}

		.bg-green {
			background-color: var(--green);
		}

		.green-text, .P-green, .H-green {
			color: var(--green);
		}

		.body-green {
			background-color: var(--green-body);
		}

		.bg-darkblue {
			background-color: var(--darkblue);
		}

		.darkblue-text {
			color: var(--darkblue);
		}

		.body-darkblue {
			background-color: var(--darkblue-body);
		}

		.bg-royal {
			background-color: var(--royal);
		}

		.royal-text {
			color: var(--royal);
		}

		.body-royal {
			background-color: var(--royal-body);
		}

		.bg-maroon {
			background-color: var(--maroon);
		}

		.maroon-text {
			color: var(--maroon);
		}

		.body-maroon {
			background-color: var(--maroon-body);
		}

		.A-orange, .A-red, .A-green, .A-darkblue, .A-royal, .A-maroon {
			color: gray;
		}

/************************************************

		PAGE LAYOUT

************************************************/
	body {
		padding-top: 95px;
		color: black;
	}

	.bottom-cta {
		background-color: rgba(0,0,0,.5);
		width: 100%;
		height: 75px;
		display: grid;
		align-items: center;
		justify-content: center;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 500;
		transition: .5s;
	}

	.bottom-cta img {
		max-width: 100%;
	}

	.bottom-cta.unpinned {
		transform: translate(0, 110%);
		transition: 1s;
	}

	.list-reset {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	a:hover {
		text-decoration: none;
	}

	.d-grid {
		display: grid;
	}

	.page {
		padding: 15px 0;
		margin: 0 auto;
	}

	.alert {
		/*margin-bottom: 0;*/
	}

	.spanAll {
		grid-column: 1 / -1;
	}

	/*CONTAINER DIVS*/
	/*HOLDS CONTENT AND ADS*/
		#grid {
			display: grid;
			grid-template-columns: 1fr;
			grid-gap: 8px;
		}

		.home-top {
			display: grid;
		}

		/*INSIDE #GRID, CAN HAVE A LEFT SIDEBAR AT HIGHER RESOLUTIONS*/

			.split-content {
				display: grid;
				grid-gap: 8px;
			}

				/*NOT USED AT LOWER RESOLUTIONS*/
				.left-sidebar {
					
				}

				.middle {
					
				}

	/*Building Blocks*/
		.block-head {
		    padding: .25rem;
		    text-transform: uppercase;
		    font-weight: 600;
		    font-size: 1.25rem;
		    /*display: grid;*/
		    align-items: center;
		}

		.sport-title {
			display: inline;
		}

		.print-export {
			display: inline-block;
			margin-left: 40px;
		}

	.banner {
		margin-bottom: 15px;
	}

	.banner img {
		max-width: 98vw;
		/*margin: 0 auto;*/
	}


	/*SCHOOL HOME PAGE*/
	/*Left to Right, Top to Bottom*/
		/*Mini-Scoreboard*/
			.today-scoreboard {
				display: none;
			}

		/*Records*/
			table.school-records.table th {
				border-top: none;
			}

		/*Photo Slider*/
			#photos {
				grid-row: 1;
			}

			.photo-slider {
				width: 300px;
				margin: 0 auto;
			}

				/*put a little space above the top of the slide show photos*/
				.photos.block-body {
					padding-top: 5px;
				}

			/*.slick-slide {
				height: 320px;
			}*/

			.slick-prev {
				left: -40px;
			}			

			.slick-prev:before, .slick-next:before {
			    color: #3b6aa0;
			    font-size: 2rem;
			}

			.slick-initialized .slick-slide {
				display: grid;
			}

			.photo-slider img {
				max-width: 100%;
				margin: 0 auto;
				place-self: center;
				max-height: 310px;
			}

			.photo-slider img:hover {
				cursor: pointer;
			}

			/* Overlay For Displaying Pictures */
				.close-img {
					background: none;
					color: black;
					border: 0;
				}

				.overlay {
					position: fixed;
					background: rgba(0,0,0,0.7);
					top:0;
					bottom:0;
					right:0;
					left:0;
					display: none;
					z-index: 1125;
				}

				.overlay.open {
					display: grid;
					align-items: center;
					/*justify-items: center;*/
					grid-template-columns: 1fr auto 1fr;
				}

				.overlay-inner {
					background: white;
					max-width: 85vw;
					padding: 20px;
				}

				.overlay img {
					max-height: 100vh;
					max-width: 100%;
				}

				.overlay .fas {
					font-size: 4rem;
				}

				.next-photo:hover, .prev-photo:hover {
					cursor: pointer;
				}

		/*ADS*/
			/*.right-sidebar {
				display: grid;
				grid-template-columns: 1fr 1fr;
				margin-top: 20px;
			}

				.right-sidebar img {
					width: 45vw;
				}*/

		/*Ads 1 & 2*/
			.right-sidebar {
				display: grid;
				grid-template-columns: 1fr;
				margin-top: 20px;
			}

			.split-content .duck-1 {
				grid-row: 2;
			}

			.split-content .duck-2 {
				grid-row: 4;
			}

			.split-content .duck-3 {
				grid-row: 6;
			}

			.split-content .duck-4 {
				grid-row: 8;
			}

			.ducks {
				margin-top: 15px;
				margin-bottom: 15px;
			}

		/*HEADLINES*/
			.news {
				grid-row: 5;
			}

			/*News Slider*/
				.teaser {
					display: grid;
					grid-template-columns: 1fr 3fr;
				}

				.teaser:hover {
					cursor: pointer;
				}

				.photo-slider .post-photo img {
					height: 60px;
				}

		/*TWITTER*/

		/*ABOUT*/
			.about-details img {
				max-width: 100%;
			}

			.school-address {
				text-align: center;
			}
			
			.school-details{
				margin-top: 20px;
			}

			.school-details div:nth-child(odd) {
			    font-weight: 500;
			}

			.school-details div:nth-child(even) {
			   padding-left: 50px;
			   margin-bottom: 20px;
			}
		/*ADS*/

	/**************************************
	/									  *
	/		SHOW/HIDE EVENTS 	     	  *
	/									  *
	**************************************/
		.event-filters {
			display: grid;
			grid-template-columns: auto auto auto;
		}

			.filters-label {
				grid-column: span 3;
			}

			.event-filters div {
				margin-bottom: 10px;
			}

	/**************************************
	/									  *
	/		SCHOOL CALENDAR PAGE     	  *
	/									  *
	**************************************/
		.calendar-block h4, .monthly-calendar h4 {
		    font-size: 1.75rem;
		    line-height: 2.5rem;
		}

		/*Monthly/Daily Button*/
			.btn-outline-secondary:hover {
			    color: #333;
			    border-color: #6c757d;
			}

		/*Calendar Daily View*/
			/* Each entry is formatted as a table */
			.event-info {
				display: table;
				vertical-align: middle;
			}

			/* format display of event info sections as table cells */
			.event-info > div {
				display: table-cell;
				vertical-align: middle;
			}

			.calendar-daily-sport-logo {
				text-align: right;
				width: 35px;
			}

			.calendar-daily-sport-logo img {
				width: 35px;
			}

			.calendar-daily-event {
				width: 290px;
			}

			.calendar-daily-depart {
				text-align: center;
				width: 80px;
			}

			.calendar-daily-location {
				padding-left: 10px;
			}
	
			.calendar-daily-location img {
				width: 25px;
			}

			.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: -3px;
			}

			/* each entry div */
			.event-row {
				border-bottom: 1px solid #ccc;
				position: relative;
			}

			/*Triangle in top left for home/away/neutral*/
				.venue, .school-venue {
					position: absolute;
				    left: 0px;
				    top: 0px;
				    width: 20px;
				    font-size: 12px;
				    line-height: 18px;
				    text-decoration: none!important;
				    text-align: center;
				}

				.venue:before, .school-venue:before {
					content: '';
				    position: absolute;
				    left: 0;
				    top: 0;
				    border-right: solid 36px transparent;
				    border-top: solid 36px;
				    cursor: default;
				}

				.venue:after, .school-venue:after {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					display: block;
					width: 36px;
					height: 36px;
				}

		/*Calendar Monthly View*/
			/*Calendar Header*/
			.monthly-calendar, .daily-calendar {
				position: relative;
			}

				a i.fa-caret-left, a i.fa-caret-right {
					color: white;
				}

				/*Button to daily view*/
				a.view-button {
					position: absolute;
					right: 0;
				}

			/*Calendar Styles*/
			.calendar .day {
			    background-color: #ddd;
			    font-size: .875rem;
			    width: 14.28%;
			    padding: 6px;
			}

			/*Schedule Entries*/
				.sched-entry {
				    background-color: #fff;
				    border: 1px solid black;
				    position: relative;
				    box-shadow: 1px 1px 1px #999;
				}

				.school-sport-logo {
				    width: 28px;
				    position: absolute;
				    right: 2px;
				    top: 2px;
				    opacity: .75;
				    z-index: 0;
				}

				/*Status Indicators*/
					.canc, .pp, .rschd {
						background-repeat: no-repeat;
						background-position: center bottom;
						-webkit-background-size: auto;
						background-size: auto;
					}

					.canc {
						background-image: url("https://georgetown.mascores.com/school/assets/img/canceled.png");
					}

					.pp {
						background-image: url("https://georgetown.mascores.com/school/assets/img/pp.png");
					}

					.rschd {
						background-image: url("https://georgetown.mascores.com/school/assets/img/rschd.png");
					}

				/* formatting for unsual event status */
				.event-row.postponed, .sched-entry.postponed {
					outline: 1px solid red;
					border-color: red;
					background-color: rgba(150,0,0,.1);
				}

					/* Strikethrough */
					.postponed .linethrough {
						text-decoration: line-through;
					}

			/*Event info for hover pop ups*/
				.sched-info {
					border: 3px solid gray;
					padding: 20px 20px 10px 30px;
					position: absolute;
					background-color: #fff;
				}

				.sched-info h4 {
					font-size: 1.15rem;
				}

				.sched-entry:hover {
					cursor: zoom-in;
				}
		
	/**************************************
	/									  *
	/			TEAMS PAGE     			  *
	/									  *
	**************************************/
		/*Sport Header*/
			.sport-name {
				position: relative;
				z-index: 2;
				padding-left: 20px;
			}

			.sport-name:before {
				content: "";
				background-color: darkgray;
				width: 1000px;
				height: 100%;
				position: absolute;
				top: 0;
				right: -40px;
				z-index: -1;
			}

			.sport-name h2 {
				font-size: 1.25rem;
				margin: 0;
				line-height: 60px;
				color: black;
			}

			.sport-name h2 img {
				height: 50px;
			}

			.sport-links {
				align-self: center;
			}

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

			.sport-block, .team-record, .calendar-block {
				border-bottom-style: solid;
				border-bottom-width: 8px;
			}

		/*Team Header*/
			.sport-block h4 {
				font-size: 1.15rem;
				line-height: 2.5rem;
			}

			.sport-links .dropdown-menu {
				width: 220px;
				padding-right: 20px;
			}

			.sport-links .dropdown-menu a {
				line-height: 3rem;
			}

			.team-record {
				display: grid;
				grid-template-columns: 1fr 1fr;
			}

			select#jump-to-season {
				border: none;
				color: white;
			}

			select#jump-to-season:focus {
				outline: none;
			}

			select#jump-to-season option {
				background-color: #fff;
				color: black;
			}

			.select-wrapper {
				display: inline;
				position: relative;
			}

			.select-wrapper:after {
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			  	content: '\f0d7';
			  	font-size: 32px;
			  	position: absolute;
			  	right: -5px;
			  	color: #fff;
			  	pointer-events: none;
			}

			select.styled-select {
				padding: 0 20px;
				/* Here's the code we need */
				-webkit-appearance: none;
				-moz-appearance: none;
				-ms-appearance: none;
				-o-appearance: none;
				appearance: none;
			}

			.record-box {
				box-shadow: 1px 0 0 0 #cccccc, 0 1px 0 0 #cccccc, 1px 1px 0 0 #cccccc, 1px 0 0 0 #cccccc inset, 0 1px 0 0 #cccccc inset;
				text-align: center;
				padding: 8px;
			}

		/*Tabbed Panel*/
			.nav-pills .nav-link {
				border-radius: 0;
				color: #222;
				font-weight: 600;
			}

		/*Daily Schedule*/
			/*Show/Hide checkboxes*/
			.custom-control-label:hover {
				cursor: pointer;
			}

			.schedule-list li:nth-child(odd) {
				background-color: #f9f9f9;
			}

			.game-entry {
				border-bottom-style: solid;
				border-bottom-width: 2px;
				padding-bottom: 10px;
			}

			.game-entry .row {
				margin-right: 0;
				margin-left: 0;
			}

			.game-entry .col-12 {
				padding-right: 0;
				padding-left: 0;
			}

			.result, .score {
				font-size: 1rem;
			}

			.where.away {
				background-color: #666;
			}

			.league-event {
				background-color: #555;
				color: white;
				padding: 2px 5px;
				font-size: .8rem;
			}

			.mtEntry {
				background-color: #333;
				min-height: 10px;
			}

			.opponent-logo img {
			    width: 60px;
			}

			.where {
				font-size: .8rem;
				padding-right: 5px;
				padding-left: 5px;
			}

			.status-message.red {
				background-color: red;
				color: white;
			}

			.status-message.gray {
				background-color: #666;
				color: white;
			}

			.postponed {
				background-color: rgba(150,0,0,.2) !important;
			}

			.comments {
				min-height: 1px;
			}

		/*Rosters*/
			/* Each entry is formatted as a table */
			.roster-entry, .roster-entry-header {
				display: table;
				vertical-align: middle;
			}

			/* format display of event info sections as table cells */
			.roster-entry > div, .roster-entry-header > div {
				display: table-cell;
				vertical-align: middle;
			}

			table.dataTable thead .sorting:after {
				content: "\f0dc";
			}

			table.dataTable thead .sorting_desc:after {
				content: "\f107";
			}

			table.dataTable thead .sorting_asc:after {
			    content: "\f106";
			}

			table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
			    top: 10px;
			    right: 6px;
			    bottom: auto;
			    font-family: FontAwesome,"Font Awesome 5 Free","Font Awesome 5 Pro";
			    font-weight: 900;
			    font-size: 18px;
			    opacity: .6;
			}

			#roster_table_wrapper .row {
				margin-left: 0;
				margin-right: 0;
			}

			#roster_table_wrapper .col-sm-12 {
				padding-left: 0;
				padding-right: 0;
			}

		/*Coaches*/
			.coaches {
				grid-template-columns: 1fr 1fr;
			}

			.level, .team-break {
				grid-column: span 2;
			}

			.coach-info {
				padding: 10px;
				font-size: 18px;
			}

			.coach-asst {
				padding: 10px 10px 10px 30px;
				font-size: 18px;
			}

	/**************************************
	/									  *
	/			MEDIA PAGE     			  *
	/									  *
	**************************************/
		.media-page .tab-content {
			min-height: 842px;
		}
		
		/***************************************
		
				ARCHIVES

		***************************************/

		.archive-filters .btn {
			font-size: .75rem;
			padding: .25rem .5rem;
		}

		.archive-filters select {
			width: auto;
		}

		/*Button Group*/
			.btn-secondary:focus {
				box-shadow: none;
			}

			.recap-sports {
				left: -150px;
			}

			.recap-sports .dropdown-item {
				height: auto;
				text-transform: none;
			}

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

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

		.post-container {
			width: 100%;
			max-width: 880px;
			margin: 0 auto;
			padding-top: 20px;
		}

		.post-featured-image img {
			width: 100%;
		}

		/***************************************
		
				PHOTOS

		***************************************/

		.album-display, .albums-by-date, .album-photos, .file-display, .folder-files {
			padding: 10px 20px;
			display: grid;
			grid-gap: 50px;
			grid-template-columns: 1fr;
		}

		.back-to-sports, .back-to-categories {
		    width: 30px;
		}

			.album-display h4 {
				grid-column: 1 / -1;
			}

			.album-name {
			    border-top-right-radius: 5px;
			    border-top-left-radius: 5px;
			}

			.sport-album .sport-image {
				padding: 15px 0;
				text-align: center;
				border-top-right-radius: 5px;
			}

			.sport-album:hover, .back-level:hover, .category-folder:hover {
				cursor: pointer;
			}

			
			.enlarge {
				grid-column: 1 / -1;
			}

			.album-photos img {
				max-width: 100%;
				max-height: 200px;
				place-self: center;
			}

		/***************************************
		
				FILES

		***************************************/
			.category-folder, .file-icon i {
				font-size: 3rem;
			}


@media (min-width: 576px) {
	.d-sm-table-cell {
	    display: table-cell !important;
	}

	.calendar-daily-event {
		width: 290px;
	}

	.calendar-daily-comment {
		width: 290px;
	}
}

@media (min-width: 768px) {
	body {
		padding-top: 106px;
	}

	.bottom-cta {
		height: 110px;
	}

	.bottom-cta img {
		max-width: 728px;
	}

	/*INSIDE #GRID, CAN HAVE A LEFT SIDEBAR AT HIGHER RESOLUTIONS*/
		.split-content {
			grid-template-columns: 1fr 1fr;
		}

		.banner img {
			width: 720px;
		}

	/*HOME PAGE*/
		/*Photo Slider*/
			#photos {
				grid-row: 1;
				grid-column: 1 / span 2;
			}

			.photo-slider {
				width: 600px;
				height: 440px;
			}

			/*.slick-slide {
				height: 440px;
			}*/

			.slick-prev {
				left: -50px;
			}

			.slick-next {
				right: -40px;
			}

			.photo-slider img {
				max-height: 430px;
			}

		/*Ads 1 & 2*/
			.right-sidebar {
				display: grid;
				grid-template-columns: 1fr 1fr;
				margin-top: 20px;
			}

			.split-content .duck-1 {
				grid-row: 2;
			}

			.split-content .duck-2 {
				grid-row: 2;
			}

			.split-content .duck-3, .split-content .duck-4 {
				grid-row: 4;
			}

			.ducks {
				margin-top: 15px;
				margin-bottom: 15px;
			}

		/*News Slider*/
			.news {
				grid-row: 3;
				grid-column: 1 / span 2;
			}

			.photo-slider .post-photo img {
				height: 100px;
			}

		/*Records*/
			#records {
				grid-row: 5;
				grid-column: 1;
			}

		/*TWITTER*/
			.twitter {
				grid-row: 5;
				grid-column: 2;
			}

		/*ABOUT*/
			.about {
				grid-row: 6;
				grid-column: 1 / -1;
			}

			.about-details {
				display: grid;
				grid-template-columns: auto 1fr;
			}

				.school-address {
					place-self: center;
				}

				.school-details {
					grid-column: span 2;
					display: grid;
					grid-template-columns: 1fr 1fr;
					grid-gap: 0 50px;
				}

				.school-details div:nth-child(odd) {
					text-align: right;
					margin-bottom: 20px;
				}

				.school-details div:nth-child(even) {
					padding-left: 0;
				}


	/*END HOME PAGE*/

	/**************************************
	/									  *
	/		SHOW/HIDE EVENTS 	     	  *
	/									  *
	**************************************/
		.event-filters {
			grid-template-columns: repeat(6, auto);
		}

			.event-filters div {
				margin-bottom: 0;
			}

			div.filters-label {
				grid-column: span 6;
				margin-bottom: 10px;
			}

	/*CALENDAR PAGE*/
		.sport-block h4, .calendar-block h4, .monthly-calendar h4 {
		    font-size: 1.75rem;
		    line-height: 3rem;
		}

		/*School Daily Calendar*/
			.calendar .day {
			    font-size: 1.25rem;
			}

			.calendar-daily-sport-logo {
				width: 50px;
			}

			.calendar-daily-sport-logo img {
				position: relative;
				left: -5px;
				width: 40px;
			}

			.calendar-daily-event {
				width: 300px;
			}

			.calendar-daily-comment {
				width: 275px;
			}

			/* Every other row is shaded */
			.event-row.even {
				background-color: #f8f8f8;
			}			

		/*School Monthly Calendar*/
			.monthly-calendar h5 {
				line-height: 3rem;
			}
	/*END CALENDAR PAGE*/

	/*TEAMS PAGE*/
		/*Sport Header*/
			.sport-name {
				padding-left: 20px;
			}

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

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

			.sport-links ul a.active {
				text-transform: uppercase;
				font-weight: 700;
			}

			.sport-links .dropdown-toggle {
				font-size: 1.5rem;
			}

			.sport-links .dropdown-menu {
				width: 340px;
			}

		/*Team Header*/
			.team-record {
				grid-template-columns: repeat(6, 1fr);
			}

		/*Tabbed Panels*/
			.block-team-info .nav-link {
				background-color: #bbb;
				border-left: 1px solid #eee;
			}

		/*Schedules*/
			.game-entry {
				border-bottom-style: solid;
				border-bottom-width: 2px;
			}

			.game-entry .row {
				margin-right: 0;
				margin-left: 0;
			}

			.opponent-logo img {
			    width: 60px;
			}

			div.date-time {
				font-size: 1.5rem;
			}

			.opponent {
				font-size: 1.5rem;
				padding: 4px 0;
			}

			.where {
				font-size: 1.25rem;
				padding-right: 10px;
				padding-left: 10px;
			}

			.scrimmage {
				font-size: 1.25rem;
			}

			.location, .title, .status-message {
				font-size: 1.125rem;
			}		

			.bus {
				font-weight: 600;
				font-size: 1.125rem;
			}

			.league-event {
				background-color: #555;
				color: white;
				padding: 2px 10px;
				font-size: 1rem;
			}

			.result, .score {
				font-size: 1.15rem;
			}

		/*Coaches*/
			.coaches {
				grid-template-columns: 1fr 1fr 1fr;
			}

			.level {
				grid-column: span 1;
			}

			.team-break {
				grid-column: span 3;
			}
	
		.archive-filters .btn {
			font-size: 1rem;
			padding: .375rem .75rem;
		}

		.album-display, .albums-by-date, .album-photos, .file-display, .folder-files {
			padding: 10px 20px;
			display: grid;
			grid-gap: 50px;
			grid-template-columns: 1fr 1fr 1fr;
		}
}


@media (min-width: 1024px) {
	body {
		padding-top: 140px;
	}

	.banner img {
		width: 970px;
	}

	.split-content {
		grid-template-columns: repeat(6, 1fr);
	}

	/*Mini-Scoreboard*/
		.today-scoreboard {
			display: grid;
			grid-template-columns: 1fr 8fr 1fr;
		}

		.today-label {
			place-self:center;
			text-align: center;
		}

		.slick-today-scoreboard {
		    width: 100%;
		    overflow: hidden;
		}

		.slick-today-scoreboard > .slick-list > .slick-track {
		    margin-left: 0;
		}

		.today-score {
		    border-left: 1px solid #a2a5a8;
		    border-right: 1px solid #a2a5a8;
		    background-color: #697178;
		}

		.today-scoreboard-header {
		    text-align: center;
		    background-color: #ddd;
		    font-size: .85rem;
		}

		.today-scoreboard-table {
		    color: white;
		    margin-bottom: 0;
		}

		.today-scoreboard-table td {
		    padding: .4rem .25rem;
		    border-top: none;
		    font-size: .85rem;
		}

	/*HOME PAGE*/
		/*Photo Slider*/
			#photos {
				grid-row: 1;
				grid-column: 1 / span 4;
			}

			#photo-slider {
				width: 560px;
				height: 440px;
			}

			/*.slick-slide {
				height: 440px;
			}*/

			#photo-slider img {
				max-height: 430px;
			}

		/*Records*/
			#records {
				grid-row: 1;
				grid-column: 5 / span 2;
			}

		/*Ads 1 & 2*/
			.split-content .duck-1 {
				grid-row: 2;
				grid-column: 1 / span 3;
			}

			.split-content .duck-2 {
				grid-row: 2;
				grid-column: 4 / span 3;
			}

		/*TWITTER*/
			.twitter {
				grid-row: 3;
				grid-column: 1 / span 2;
			}

		/*News Slider*/
			.news {
				grid-row: 3;
				grid-column: 3 / span 4;
			}

		/*ABOUT*/
			.school-details {
				grid-row: 1;
				grid-column: 2 / span 1;
			}

		/*Ads 3 & 4*/
			.split-content .duck-3 {
				grid-column: 1 / span 3;
			}

			.split-content .duck-4 {
				grid-column: 4 / span 3;
			}
	/*END HOME PAGE*/

	/**************************************
	/									  *
	/		SHOW/HIDE EVENTS 	     	  *
	/									  *
	**************************************/
		.event-filters {
			grid-template-columns: repeat(7, auto);
		}

			div.filters-label {
				grid-column: span 1;
				margin-bottom: 0;
			}

		.block-head {
		    display: grid;
		    align-items: center;
		    grid-template-columns: auto auto
		}

		.sport-title {
			display: inline;
		}

		.print-export {
			display: inline-block;
			margin-left: 40px;
		}

	/*CALENDAR PAGE*/
		/*School Daily Calendar*/
			.calendar-daily-event {
				width: 365px;
			}

			.calendar-daily-comment {
				width: 325px;
			}

	/*TEAMS PAGE*/
		.sport-links ul a {
			font-size: 1.25rem;
		}

	/*Sport Filters for News Archives*/
	.archive-head {
		display: grid;
		grid-template-columns: 1fr 2fr;
		align-items: center;
	}

	.album-display, .albums-by-date, .album-photos, .file-display, .folder-files {
		padding: 10px 20px;
		display: grid;
		grid-gap: 50px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}


@media (min-width: 1280px) {
	
	/* New Styles 1-17-20*/
	body {
		padding-top: 100px;
		font-size: .875rem;
	}

	.container, .page {
		max-width: 1280px;
	}

	/*Mini-Scoreboard*/
		.today-scoreboard {
			display: grid;
			grid-template-columns: 1fr 8fr 1fr;
		}

		.today-label {
			place-self:center;
			text-align: center;
		}

		.slick-today-scoreboard {
		    width: 100%;
		    overflow: hidden;
		}

		.slick-today-scoreboard > .slick-list > .slick-track {
		    margin-left: 0;
		}

		.today-score {
		    border-left: 1px solid #a2a5a8;
		    border-right: 1px solid #a2a5a8;
		    background-color: #697178;
		}

		.today-scoreboard-header {
		    text-align: center;
		    background-color: #ddd;
		    font-size: .85rem;
		}

		.today-scoreboard-table {
		    color: white;
		    margin-bottom: 0;
		}

		.today-scoreboard-table td {
		    padding: .4rem .25rem;
		    border-top: none;
		    font-size: .85rem;
		}

	.home-top {
		grid-template-columns: auto 300px;
	}

	.banner img {
		width: 900px;
	}

	.split-content {
		grid-template-columns: repeat(8, 1fr);
	}

	#records {
		grid-row: 1;
		grid-column: 1 / span 3;
	}

	#photos {
		grid-row: 1;
		grid-column: 4 / span 5;
	}

	.split-content .ducks {
		grid-row: 2;
		grid-column: span 2;
	}

	.twitter {
		/*grid-column: 6 / span 3;*/
		grid-column: 5 / span 4;
		grid-row: 3;
	}

	.news {
		/*grid-column: 1 / span 5;*/
		grid-column: 1 / span 4;
		grid-row: 3;
	}

		.photo-slider .post-photo img {
		    height: 75px;
		}

		.teaser {
			grid-template-columns: 1fr 4fr;
		}

		.block.news .slick-prev {
		    left: 0px;
		    z-index: 9999;
		}

		.block.news .slick-next {
		    right: 0px;
		}

	
	/*CALENDAR PAGE*/
		.sport-block h4, .calendar-block h4, .monthly-calendar h4 {
		    font-size: 1.5rem;
		    line-height: 3rem;
		}

		.school-calendar {
			padding-left: 5px;
		}

		/*School Daily Calendar*/
			.event-block {
				min-height: 695px;
			}

			.calendar-daily-event {
				/*width: 390px;*/
			}

			.location, .title, .status-message {
    			font-size: 1rem;
			}

	/*TEAMS PAGE*/
		.team-page {
			padding-left: 5px;
		}

		/*Tabbed Panels*/
			#teamTabContent {
				min-height: 646px;
			}

			.nav-pills .nav-link {
				font-size: 1.25rem;
			}

		/*Hide/show checkboxes*/
			.custom-checkbox {
				margin-left: 20px;
			}

		/*Schedules*/
			/*new 1-17-20*/
			.game-entry {
				padding-bottom: 0;
			}

			.game-entry .row {
				margin-right: -15px;
				margin-left: -15px;
			}

			.game-entry .col-12 {
				padding-right: 15px;
				padding-left: 15px;
			}

			.opponent-logo img {
			    width: 60px;
			}

			div.date-time {
				font-size: 1rem;
			}

			.opponent {
				font-size: 1.125rem;
				padding: 4px 0;
			}

			.league-event {
			    padding: 1px 5px;
			    font-size: .85rem;
			}

			.where {
				font-size: 1rem;
			}

			.bus, .result, .score {
				font-size: 1rem;
			}

		.media-page {
			padding-left: 5px;
		}

	.right-sidebar {
		display: block;
		margin-top: 0;
	}

		.right-sidebar img {
			width: 280px;
			max-height: 233px;
		}

		.ducks {
			margin-top: 0;
		}

}

@media (min-width: 1440px) {
	.banner img {
		width: 970px;
	}
}

@media (min-width: 1600px) {
	.container, .page {
		max-width: 1600px;
	}

	.home-top, #grid {
	    grid-template-columns: auto 320px;
	}

	.split-content {
		grid-template-columns: repeat(3, 1fr);
	}

	.home-top {
	    grid-template-columns: auto 320px;
	}

	.right-sidebar img {
	    width: 300px;
	    max-height: 250px;
	}

	#records {
		grid-row: 1;
		grid-column: 1 / span 1;
	}

	#photos {
		grid-row: 1;
		grid-column: 2 / span 2;
	}

	/*Photo Slider*/
		.photo-slider {
			width: 660px;
			height: 440px;
		}

		/*.slick-slide {
			height: 440px;
		}*/

		.photo-slider img {
			max-height: 430px;
		}

	.ducks {
		grid-row: 2;
		grid-column: span 2;
	}

	.twitter {
		grid-column: 1 / span 1;
		grid-row: 3;
	}

	.news {
		grid-column: 2 / span 2;
		grid-row: 3;
	}

	/*CALENDAR PAGE*/
		.school-calendar {
			padding-left: 10px;
		}

		/*School Daily Calendar*/
			.calendar-daily-event {
				width: 550px;
			}

			.calendar-daily-comment {
				width: 350px;
			}


	/*TEAM PAGE*/
		.team-page {
			padding-left: 5px;
		}
		.sport-name h2 {
			font-size: 1.75rem;
		}

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

		.record-box, .record-box h6 {
			font-size: 1.25rem;
		}

		/*Hide/Show Checkboxes*/
			.event-filters {
				font-size: 1.125rem;
			}

			.custom-checkbox {
				margin-left: 50px;
			}

		/*Team Daily Schedule*/
		.opponent-logo {
			min-width: 98px;
		}
		.opponent-logo img {
		    width: 90px;
		}

		div.date-time {
			font-size: 1.25rem;
		}

		.opponent {
			font-size: 1.50rem;
		}

		.where {
			font-size: 1.25rem;
		}
}

@media (min-width: 1920px) {
	body {
	    padding-top: 130px;
	    font-size: 1rem;
	}

	

	/*School Daily Calendar*/
		/*.calendar-daily-event {
			width: 580px;
		}

		.calendar-daily-comment {
			width: 380px;
		}*/
	
	/*School Monthly Calendar*/
		.table td.is-day {
		    font-size: 1.25rem;
		    height: 100px;
		}
}