/* ==========================================================================
   Bootstrap Overrides
   (replaces _loadfirst.scss Sass variable customizations)
   ========================================================================== */

:root {
	--bs-primary: rgb(0, 0, 0);
	--bs-primary-rgb: 0, 0, 0;
	--bs-primary-text-emphasis: black;
	--bs-primary-bg-subtle: #cccccc;
	--bs-primary-border-subtle: #999999;
	--bs-font-sans-serif: "LatoWebMedium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-link-color: rgb(0, 0, 0);
	--bs-link-color-rgb: 0, 0, 0;
	--bs-link-decoration: none;
	--bs-link-hover-color: black;
	--bs-link-hover-color-rgb: 0, 0, 0;
	--bs-focus-ring-color: rgba(0, 0, 0, 0.25);
}

.navbar {
	--bs-navbar-padding-y: 5px;
	--bs-navbar-brand-padding-y: 0px;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: rgb(0, 0, 0);
	--bs-btn-border-color: rgb(0, 0, 0);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: black;
	--bs-btn-hover-border-color: black;
	--bs-btn-focus-shadow-rgb: 38, 38, 38;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: black;
	--bs-btn-active-border-color: black;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: rgb(0, 0, 0);
	--bs-btn-disabled-border-color: rgb(0, 0, 0);
}

a {
	text-decoration: none;
}

/* ==========================================================================
   Body classes (from _loadfirst.scss)
   ========================================================================== */

.body-home {
	margin-bottom: -105px;
}

.body-normal {
	padding-top: 40px;
}

/* ==========================================================================
   Custom styles (from _custom.scss)
   ========================================================================== */

.navbar-light .navbar-brand {
	color: rgba(var(--bs-emphasis-color-rgb), 1);
}

#fixedHeader {
	height: 40px;
	z-index: 1040;
}

.home-container {
	min-height: 100%;
	border: thin solid blue;
}

.footer-nav-background {
	background-color: #EEEEEE;
}

.footer-collapse-background {
	background-color: #FFFFFF;
}

.schedule-header-bar {
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
}

.roster-header-bar {
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
}

.sponsor-header-bar {
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
}

.section-button-primary {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}

.section-button-secondary {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}

.section-button-large {
	height: 50px;
	font-size: 20px;
}

.section-button-small {
	height: 40px;
	font-size: 16px;
}

.select-link {
	cursor: pointer;
}

.slim-padding {
	height: 10px;
}

.menu-text {
	line-height: 0.8;
}

.side-menu-text {
	font-size: 20;
}

.section-row-top {
	margin-bottom: 1px;
}

.section-row-middle {
	margin-bottom: 1px;
}

.section-button-left {
	margin-right: 1px;
}
.section-button-middle {
	margin-right: 1px;
}

.captain-star {
	color: gold;
}

.captain-star-text {
	color: black;
}

.sponsor-chevron-up {
	height: 10px;
}

.under-header {
	padding-top: 40px;
}

.roster-padding {
	padding-top: 101px;
}

.sponsor-padding-1 {
	padding-top: 51px;
}

.sponsor-padding-2 {
	padding-top: 101px;
}

.sponsor-padding-2-5 {
	padding-top: 126px;
}

.sponsor-padding-3 {
	padding-top: 151px;
}

.sponsor-info {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.sponsor-spacer {
	min-height: 10px;
}

.main-scroll-padding {
	padding-top: 30px;
}

.site-header-image {
	max-width: 100%;
	max-height: 40px;
	text-align: center;
}

#home-upper {
	background-image: url("/assets/images/frontpage-top.svg");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	height: 249px;
	color: white;
	text-align: center;
}
@media (min-width: 992px) {
	#home-upper {
		background-position: top;
	}
}

#gameday {
	padding-top: 20px;
}

.home-bg {
	background-color: #666666;
}

.home-bg-split {
	background-attachment:scroll;
}

.home-bg-border-bottom {
	padding-bottom: 40px;
	clip-path:
		polygon(
			0 0,
			100% 0,
			100% calc(100% - 20vw),
			0 100%
			);
}

.home-bg-border-top {
	clip-path: polygon(0 0,100% 3vw,100% 100%,0 calc(100% - 3vw));
}

#home-lower {
	background-image: url("/assets/images/frontpage-bottom.svg");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	color: white;
	text-align: center;
	margin-top: 157px;
}
@media (min-width: 992px) {
	#home-lower {
		background-position: bottom;
	}
}

#home-lower-top {
	height: 99px;
}

#homeImage {
	text-align: center;
}
@media screen and (max-height: 500px) {
	#homeImage {
		max-height: 100px;
	}
	.shortCode {
		max-height: 175px;
	}
	.carouselReqHeight {
		display: none;
	}
	.shortScreenHide {
		display: none;
	}
	h3.home-title {
		font-size: 1.25rem;
		font-weight: bold;
	}
	.home-date {
		font-size: 1rem;
	}
	.home-website {
		font-size: 0.75rem;
	}
}
@media screen and (min-height: 501px) {
	.shortScreenShow {
		display: none;
	}
}

#navCollapseCaret {
	text-align: right;
}

.home-image-top {
	max-width: 100%;
}
@media screen and (max-height: 500px) {
	.home-image-top {
		max-height: 65px;
	}
}

.home-image {
	align-self: center;
	max-width: 80%;
}

.homeImage {
	width: 80%;
	max-width: 400px;
}

.bottom-spacer {
	height: 118px;
}

.footer-top {
	border-top: thin solid #666666;
}

.sponsor-carousel {
	height: 60px;
	background-color: white;
	z-index: 9;
}

.sponsor-carousel-bg {
	background-color: yellow;
	z-index: 8;
}

.sponsor-carousel-nav {
	opacity: 1;
	font-size: 1.5rem;
}

.sponsor-carousel-name {
	font-family: 'LatoWebBold';
	font-size: 16px;
	padding: 0;
	margin: 0;
	margin-top: 9px;
}

.sponsor-carousel-level {
	font-family: 'LatoWebMedium';
	font-size: 12px;
	padding-top: 0;
	margin-top: -6px;
}

.sponsor-carousel-next {
	opacity: 1;
}

.sponsor-carousel-next-icon {
	padding-left: 60%;
}
@media (min-width: 992px) {
	.sponsor-carousel-next-icon {
		padding-left: 90%;
	}
}

.sponsor-carousel-prev {
	opacity: 1;
}

.sponsor-carousel-prev-icon {
	padding-right: 60%;
}
@media (min-width: 992px) {
	.sponsor-carousel-prev-icon {
		padding-right: 90%;
	}
}

.carousel-content {
	width: 100%;
	text-align: center;
	height:60px;
	min-height:60px;
	max-height:60px;
	overflow:hidden;
}

#sponsor-detail {
	background-color: rgba(0,0,0,0.5);
	height: 100%;
}

#navCollapse {
	border-bottom: 1px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
}

.menu-stack-bars {
	color: #919191;
}

.sponsor-overlay-level {
	font-size: 24px;
	font-weight: bold;
}

.sponsor-overlay-medallion {
	height: 125px;
}

.sponsor-overlay-name {
	font-size: 32px;
	font-weight: bold;
}

.sponsor-overlay-logo {
	max-height: 225px;
	max-width: 100%;
}

.sponsor-overlay-url {
	font-size: 16px;
	font-weight: bold;
}

#sponsor-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.9);
  z-index: 2000;
  cursor: pointer;
}

#sponsor-overlay-content{
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  color: black;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

.sponsor-close {
	color: #666666;
}

#lineup-overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 2000;
	cursor: pointer;
}

#lineup-overlay-content {
	color: black;
}

.lineup-close {
	color: #666666;
}

#floating-menu-button {
	position: fixed;
	right: 10px;
	top: 1px;
	z-index: 9999;
	cursor: pointer;
}

.menu-stack-circle {
	color: #cccccc;
}

.dev-border-me {
	border: thick solid fuchsia;
}

.icon-gray {
	color: #666666;
}

.excel-download {
	color: #6c757d;
}

.container {
	max-width: 600px !important;
}
.container-lg {
	max-width: 600px !important;
}