.btn-primary {
    color: #fff !important;
}

:root {
	--clr-red-main: #8d052b;
	--clr-red-main-dk: #631020;
	--clr-gold-alt: #af8900;
}
.navbar-nav > li > a {
	color: white;
	line-height: 20px;
	padding: 10px 15px;
	padding-bottom: 15px;
	padding-top: 15px;
	font-size: 18px;
	min-height: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-nav > li > .dropdown-menu > li > a:focus {
	text-decoration: none;
	background-color: transparent;
	color: var(--clr-gold-alt);
	transition: color 0.5s ease;
}
/* DEFAULTS */

#h_nav,
footer,
#Server,
#div_privacy,
.help,
.previousLink {
	display: none;
}

a {
	color: var(--clr-red-main);
}

a:hover,
a:focus {
	color: var(--clr-gold-alt);
	transition: color 500ms ease;
}

p,
span,
li,
a {
	font-size: 16px;
}

.page-header {
	color: var(--clr-red-main-dk);
}
/* END DEFAULTS */

/* Scrolling alerts */
#scrollingAlerts-wrapper {
	height: 50px;
	background: var(--clr-red-main);
}

#scrollingAlerts {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

#scrollingAlerts > p,
#scrollingAlerts > a > p {
	color: white;
	font-size: 18px;
	text-align: center;
}

#scrollingAlerts > a:hover,
#scrollingAlerts > a:focus {
	text-decoration: none;
}
#scrollingAlerts > a:hover > p,
#scrollingAlerts > a:focus > p {
	color: var(--clr-gold-alt);
	transition: color 0.5s ease;
}
/* End Scrolling alerts */

/* BANNER */
#banner-wrapper {
	/* display: flex;
	justify-content: center; */
}

#banner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
}

#banner-logo {
	max-width: 80%;
}

#banner > .right {
	display: flex;
	/* flex-direction: column; */
	gap: 20px;
	align-items: center;
	/* justify-content: center; */
}

#banner > .right > #cart > a > .fa {
	font-size: 36px;
}

@media (max-width: 767px) {
	#banner {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}

	#banner > .left {
		display: flex;
		justify-content: center;
	}

	#banner-logo {
		margin-left: auto;
		margin-right: auto;
	}
.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    /* display: flex; */
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
li.dropdown.nav-item.open {
display: grid !important;
}
}

/* END BANNER */

/* SEARCH BAR */

#H_Search > .form-group {
	margin-bottom: 0;
}

#H_Search input.searchBox.form-control {
	border-color: var(--clr-red-main);
}

#H_Search > button.searchMerchHor {
	/* margin-left: 5px; */
	color: var(--clr-red-main);
	border-color: var(--clr-red-main);
	background-color: transparent;
}

#H_Search > button.searchMerchHor:hover,
#H_Search > button.searchMerchHor:focus {
	border-color: var(--clr-gold-alt);
	color: var(--clr-gold-alt);
	background-color: transparent;
	transition: border-color 500ms ease, color 500ms ease;
}

#H_Search > .itemSearchWrapper {
	border-radius: 4px !important;
	border-color: var(--clr-red-main) !important;
	margin-top: 5px;
}

/* END SEARCH BAR */

/* NAV */
#nav-placeholder {
	background-color: var(--clr-red-main);
	height: 40px;
	margin-bottom: 30px;
}
/* END NAV */

/* FOOTER */
#footer-wrapper {
	margin-top: 30px;
	background-color: var(--clr-red-main);
	display: flex;
	justify-content: center;
}

#footer {
	display: flex;
	justify-content: space-around;
	max-width: 80%;
	width: 80%;
	padding: 30px;
}

#footer h4 {
	color: white;
	font-weight: 700;
}
#footer a {
	color: white;
}

#footer a:hover,
#footer a:focus {
	color: var(--clr-gold-alt);
}

#footer p {
	color: white;
}

#footer > .item > .hours {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

#footer > .item.social-item {
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
	text-align: center;
}

#footer > .item > .social {
	margin-top: 15px;
	display: flex;
	gap: 15px;
}

#footer > .item > .social .fa {
	font-size: 30px;
}

#footer > .item {
	display: flex;
	flex-direction: column;
}

@media (max-width: 767px) {
	#footer {
		flex-direction: column;
		gap: 30px;
	}

	#footer > .item.social-item {
		text-align: left;
	}
}
/* END FOOTER */

/* SHOPPING CART */
#cart > a > .fa {
	position: relative;
}

#custom_cart_total {
	position: absolute;
	top: 8px;
	left: calc(50% + 2px);
	font-size: 12px;
	transform: translateX(-50%);
	font-weight: 700;
	color: white;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* END SHOPPING CART */

/* inSite PANELS */
.panel {
	box-shadow: none;
}

.panel-info {
	border-color: var(--clr-red-main);
}

.panel-info > .panel-heading {
	color: white;
	border-color: var(--clr-red-main);
	background-color: var(--clr-red-main);
	font-size: 16px;
}

/* END inSite PANELS */

/* inSite BUTTONS */
.btn-primary,
.btn-default:not(.searchMerchHor) {
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-primary {
	background-color: var(--clr-red-main);
	border-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--clr-red-main-dk);
	border-color: transparent;
	transition: background-color 500ms ease;
}
/* END inSite BUTTONS */

/* NAVBAR */
.navbar,
.navbar-default {
	border: none;
	border-radius: 0;
	background-color: var(--clr-red-main);
	/* border-bottom: 2px solid var(--clr-red-main); */
	margin-bottom: 10px;
}
#nav-outer-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.navbar-default .navbar-nav > li > a {
	color: white;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: var(--clr-gold-alt);
	transition: color 0.5s ease;
	background-color: transparent;
}

.dropdown-menu {
	background-color: var(--clr-red-main);
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.dropdown-toggle,
.dropdown > a {
	font-size: 18px;
}
.dropdown-menu h1 {
	font-size: 16px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.dropdown-menu > li > a {
	color: white;
	font-size: 16px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown > a:hover,
.dropdown > a:focus {
	color: var(--clr-gold-alt);
	transition: color 0.25s ease;
	text-decoration: none;
	background-color: transparent;
}

@media (max-width: 767px) {
	#nav-outer-wrapper {
		width: 100%;
	}

	#mainNav {
		border-color: var(--clr-red-main);
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.dropdown-menu > li > a {
		padding-left: 0;
		padding-right: 0;
		color: white;
	}

	.navbar-default .navbar-toggle {
		border-color: var(--clr-gold-alt);
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}

	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar {
		background-color: white;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: var(--clr-gold-alt);
	}
}
/* END NAVBAR */

/* Custom Pages */
ul.fa-ul > li > span.fa-li {
	top: 0;
}

.customInfo-wrapper {
	margin-top: 20px;
}

.customInfo-header {
	/* background-image: url(/SiteImages/15-SchoolImages/15-redesign_2022/15-custom_page_placeholder.jpg);
	background-position: center center;
	background-repeat: no-repeat; */
	aspect-ratio: 2.8;
	display: flex;
	justify-content: center;
	align-items: center;
	/* filter: drop-shadow(1px 1px 0.75rem black); */
	height: 200px;
	width: 100%;
	border: 2px solid var(--clr-red-main-dk);
}

.customInfo-header > h1 {
	color: var(--clr-red-main-dk);
	font-size: 4vw;
	font-weight: 700;
	/* filter: drop-shadow(1px 1px 0.75rem black); */
	text-align: center;
}

.customInfo-panel {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.customInfo-panel > .item > h2 {
	padding: 10px;
	color: var(--clr-red-main-dk);
	font-weight: bold;
}

.customInfo-panel > .item > h4 {
	/* background-color: var(--clr-blue-dk); */
	/* border: 1px solid var(--clr-blue); */
	display: inline-block;
	padding: 10px;
	color: var(--clr-red-main);
	font-size: 20px;
	font-style: italic;
	margin: 0;
}

.customInfo-panel > .item > .sub-panel > .table > thead > tr > th {
	color: var(--clr-red-main);
}

.customInfo-panel > .item > .sub-panel {
	/* border: 1px solid rgb(53, 53, 53); */
	padding: 10px;
}

.customInfo-panel > .item > .sub-panel > p,
.customInfo-panel > .item > .sub-panel > p > a,
.custonInfo-panel > .item > .sub-panel > p > strong > a,
.customInfo-panel > .item > .sub-panel > ol > li,
.customInfo-panel > .item > .sub-panel > ul > li,
.customInfo-panel > .item > .sub-panel > ul > li > a {
	font-size: 16px;
	padding-bottom: 8px;
}

.customInfo-panel-landing {
	display: flex;
	gap: 20px;
	margin-top: 40px;
}

.customInfo-panel-landing > .item {
	display: flex;
	justify-content: center;
	align-items: flex-end;

	background-image: url(https://via.placeholder.com/400x250);
	background-position: center center;
	background-repeat: no-repeat;

	width: 400px;
	height: 250px;
	background-size: cover;
	/* filter: drop-shadow(1px 1px 0.75rem black); */
}

.customInfo-panel-landing > .item > a.btn-primary {
	padding: 10px 20px 10px 20px;
	font-size: 18px;
	margin-bottom: 20px;
	/* filter: drop-shadow(1px 1px 0.75rem black); */
}

.customInfo-panel > .line {
	width: 100%;
	border-top: 1px solid var(--clr-red-main);
}

@media (max-width: 767px) {
	.customInfo-panel-landing {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		/* padding: 20px; */
	}
}
/* End Custom Pages */

/* Landing Pages */
.merch-area-1-double-wrapper {
	margin-top: 30px;
}

.merch-area-1-double {
	display: flex;
	gap: 30px;
	justify-content: flex-start;
}

.merch-area-1-double > .item {
	flex-basis: 50%;
	background-image: url(/SiteImages/15-SchoolImages/15-redesign_2022/15-600_200_placeholder_white.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 200px;
	min-height: 200px;
}

.merch-area-1-double > .item.empty {
	background-image: none;
}

.merch-area-1-double > .item > .word-box {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: calc(100% - 20px);
	left: 0;
	padding: 10px;
	transform: translateY(calc(-50% - 10px));
	background-color: rgba(0, 0, 0, 0.55);
	width: 100%;
}

.merch-area-1-double > .item > .word-box > .left {
	display: flex;
	align-items: center;
}

.merch-area-1-double > .item > .word-box > .left > h4 {
	font-size: 20px;
	font-weight: bold;
}

.merch-area-1-double > .item > .word-box > .left > p {
	font-size: 14px;
}

.merch-area-1-double > .item a.btn-primary {
	font-weight: bold;
	padding-left: 25px;
	padding-right: 25px;
}

.merch-area-1-double > .item > .word-box > .left > h4,
.merch-area-1-double > .item > .word-box > .left > p {
	margin-top: 0;
	margin-bottom: 0;
	color: white;
}

@media (max-width: 767px) {
	.merch-area-1-double {
		flex-direction: column;
	}

	.merch-area-1-double > .item {
		flex-basis: 100%;
	}

	.merch-area-1-double > .item.empty {
		display: none;
	}
}
/* End Landing Pages */
