/* Gray: cccdcf */

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
	max-width: 280px;
}

/*		Anchor Link Padding		*/
.anchor-padding-desktop {
	top: -90px;
	position: absolute;
}

.w-100 {
	width: 100% !important;
}

/* Carousel */
.carousel-caption {
	z-index: 10 !important;
	text-shadow: 1px 2px rgba(0, 0, 0, .6);
}

	.carousel-caption p {
		font-size: 20px;
		line-height: 1.4;
	}

@media (min-width: 768px) {
	.carousel-caption {
		z-index: 10 !important;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', serif;
	text-transform: capitalize;
}

h1 {
	text-decoration: underline;
	font-size: 2.6em;
	margin-top: 0;
}

h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 1.8em;
}

h4 {
	font-size: 1.6em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1.0em;
}

	h1 > sup, h2 > sup, h3 > sup, h4 > sup, h5 > sup, h6 > sup {
		text-transform: lowercase;
	}

.inner-page-body {
	min-height: 600px;
}

.img-center {
	margin: 0 auto;
}

/*		Left Fly in Main Menu 		*/
#site-wrapper {
	position: relative;
	/*overflow: hidden;*/
	width: 100%;
}

#site-canvas {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/*-webkit-transition: 985ms ease all;
  transition: 985ms ease all;*/

	-webkit-transition: 1s ease all;
	transition: 1s ease all;
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*padding: 5% 0;*/
	padding: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding-bottom: 0;
}

	#site-canvas.show-nav > #site-wrapper {
		-webkit-transition: 1015ms ease all;
		transition: 1015ms ease all;
	}

.show-nav #site-canvas {
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

#site-menu {
	width: 300px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -300px;
	background: rgba(160,0,0,1.0);
	padding: 15px;
	color: rgba(255,255,255,1.0);
}

/*		Header Navigation	 */
nav.navbar {
	min-height: 40px;
	top: 50px;
}

.navhbgr-left {
	float: left;
	margin-left: 0px;
	/*margin-top: 4px;*/
}

.top-nav-header {
	background-color: rgba(255, 255, 255, 0.80);
	padding: 0 !important;
	margin: 0 !important;
	top: 0;
	min-height: 51px;
	width: 100%;
}

.navbar-brand {
	height: 40px;
	padding-right: 0px;
}

#uwb-crest {
	-webkit-transition: 1s ease all;
	transition: 1s ease all;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	margin-top:1.5vh;
}


#nav-menu-mobile {
	position: relative;
	float: right;
	top: 0px;
}

	#nav-menu-mobile > #hbtnHeaderMenu {
		/*top: -36px;
	left: 20px;*/

		top: -7px;
		left: 10px;
		width: 40px;
	}

		#nav-menu-mobile > #hbtnHeaderMenu > span {
			background-color: rgba(160,0,0,1.0);
			right: 6px;
			left: 6px;
		}

		#nav-menu-mobile > #hbtnHeaderMenu.is-open > span {
			background: none;
		}

		#nav-menu-mobile > #hbtnHeaderMenu > span::after,
		#nav-menu-mobile > #hbtnHeaderMenu > span::before {
			background-color: rgba(160,0,0,1.0);
			/*right: 6px;
	left: 6px;*/
		}

#navbar-site-title {
	text-transform: uppercase;
	position: relative;
}

	#navbar-site-title > span:nth-child(1) {
		font-weight: 700;
		font-size: 2.0em;
	}

	#navbar-site-title > span:nth-child(2) {
		font-family: Lato;
		font-size: 1.4em;
		font-weight: 300;
		padding-left: 10px;
		color: rgba(150, 150, 150, 1.0);
	}

@media only screen and (max-width: 768px) {
	#uwb-crest {
		width: 76px;
		top: -60px;
		/*left: -102px;*/
		background-color: transparent;
		text-align: center;
		position: relative;
	}

	#navbar-site-title {
	}

		#navbar-site-title > span:nth-child(1) {
			font-weight: 700;
			font-size: 1.4em;
		}

		#navbar-site-title > span:nth-child(2) {
			font-size: 1.1em;
		}
}

#HeaderMenuBadgerSelectLogin {
	display: inline-block;
	padding-right: 10px;
	right: 2px;
	position: absolute;
	margin-top: 11px;
}

	#HeaderMenuBadgerSelectLogin > a.btn.btn-lg.btn-badgered {
		margin-top: -4px;
		margin-bottom: 0px;
	}

@media only screen and (min-width : 769px) {
	#hbtnHeaderMenuLabel {
		display: none;
		visibility: hidden;
	}

	#HeaderMenuBadgerSelectLogin {
		display: none;
		visibility: hidden;
	}
}

.header-menu-toggle {
	cursor: pointer;
}

/*		Main Desktop Menu Items		*/
#navbar > ul > li.dropdown > ul > li:nth-child(1),
#navbar > ul > li.dropdown > ul {
	padding-top: 0;
	margin-top: 0;
}

#navigation-bar > div > div.navbar-collapse.collapse > ul > li > ul > li {
	padding-top: 5px;
}

#navbar > ul > li.dropdown > ul {
	border-top: none !important;
}

@media only screen and (min-width : 769px) {
	#uwb-crest {
		width: 144px;
		top: 6px;
		background-color: transparent;
		text-align: center;
		margin-left: -40px;
	}

	.menu-triangle {
		width: 0;
		height: 0;
		margin-left: 24px;
		margin-top: -1px;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-top: 14px solid rgba(160,0,0,1.0);
	}
}

ul.dropdown-menu {
	background-color: rgba(255,255,255,0.80);
	color: rgba(160,0,0,1.0);
	border-color: rgba(255,255,255,0.00);
}

	ul.dropdown-menu > li > a {
		color: rgba(160,0,0,1.0);
	}

/*		Allow Hover Over Menus On Desktop		*/
#navbar > ul > li.dropdown:hover > ul.dropdown-menu {
	display: block;
}

header > nav.navbar {
	border: none;
	width: 100%;
}

#navbar {
	margin-left: 110px;
	color: rgba(255,255,255,1.0);
}

header {
	font-family: 'Roboto Slab', serif;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
	color: rgba(255,255,255,1.0);
	font-size: 1.2em;
	font-weight: 800;
	padding: 10px 4px 11px 0px !important;
}

.navbar-default .navbar-nav > li > ul > li > a {
	font-weight: 900;
}

#navbar > ul > li:not(:last-child) > a::after {
	content: "|";
	padding-left: 8px;
	padding-right: 4px;
	color: rgba(255,255,255,1.0);
	font-weight: 900;
	font-size: 1.2em;
}

#navbar > ul > li:last-child > a::after {
	content: "";
	padding-left: 4px;
	color: rgba(255,255,255,1.0);
	font-weight: 900;
	font-size: 1.2em;
}

header,
header > div,
header > nav {
	-webkit-transition: 1s ease all;
	transition: 1s ease all;
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	z-index: 2000;
	width: 100%;
}

.show-nav-header,
.show-nav-header > div,
.show-nav-header > nav {
	-webkit-transform: translate3d(150px, 0, 0);
	transform: translate3d(150px, 0, 0);
	z-index: 2000;
}

li.nav-home-link {
	display: none;
	visibility: hidden;
}


#nav-menu > ul > li.nav-home-link {
	display: unset;
	visibility: unset;
}
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/*		Menu Color		*/
nav.navbar-default {
	border-color: rgba(160,0,0,1.0);
	background-color: rgba(160,0,0,1.0);
}

/*		Navigation Menu		*/
#site-menu > h2 {
	font-size: 2.2em;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 2px 2px 4px rgba(40, 40, 40, 0.2), 2px 2px 10px rgba(40, 40, 40, 0.1);
}

	#site-menu > h2 > a {
		color: rgba(255,255,255,1.0);
		text-decoration: none;
		text-transform: uppercase;
	}


#site-menu > h3 {
	color: rgba(160,0,0,1.0);
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.7em;
	font-weight: 100;
	width: 100%;
	text-align: center;
	text-shadow: 1px 2px 10px rgba(240, 240, 240, 0.8), 2px 2px 4px rgba(160, 160, 160, 0.8);
}

#nav-menu > ul > li {
	font-weight: 900;
	font-size: 1.25em;
	text-transform: uppercase;
}

	#nav-menu > ul > li > ul > li {
		font-size: 1.25em;
	}

/* Mobile Menu */
#site-menu > #nav-menu > ul > li > a,
#site-menu > #nav-menu > ul > li > ul > li > a {
	color: rgba(255,255,255,1.0);
	white-space: normal;
}


	#site-menu > #nav-menu > ul > li > a:hover {
		color: rgba(160,0,0,1.0);
	}


#site-menu > #nav-menu > ul > li.open > a {
	color: rgba(160,0,0,1.0);
}


#site-menu > #nav-menu > ul > li > a:hover {
	color: rgba(160,0,0,1.0);
}

/*		Header Padding On Top Image		*/
.top-page-image-header-padding {
	padding-top: 16px;
}

/*		FOOTER		*/
footer {
	background-color: rgba(160,0,0,1.0);
	color: rgba(255,255,255,1.0) !important;
	margin-top: 20px;
}

	footer > div.jumbotron.row {
		margin-bottom: 0px;
		padding: 10px;
		margin-left: unset;
		margin-right: unset;
	}

#footer-contact-info > strong {
	font-size: 1.2em;
	font-weight: 900;
}

/*		Social Media Icons		*/
#footer-socialmedia {
	padding-top: 6px;
	padding-bottom: 6px;
}

	#footer-socialmedia > a {
		padding-right: 10px;
		color: rgb(255,255,255);
	}

		#footer-socialmedia > a > i[class*="facebook"]:hover {
			color: rgb(59, 89, 152);
		}

		#footer-socialmedia > a > i[class*="twitter"]:hover {
			color: rgb(0, 172, 237);
		}

		#footer-socialmedia > a > i[class*="instagram"]:hover {
			color: rgb(81, 127, 164);
		}

#footer-contact-info > a, #footer-copyright > a {
	color: rgba(255,255,255,1.0);
}


/*     Footer     */
footer > .jumbotron {
	color: #FFF;
	background-color: #A20000;
	padding-top: 20px;
	padding-bottom: 20px;
}

footer > div.jaysjumbotron > div.container > div.row:nth-child(1) > div > p,
footer > div.jaysjumbotron > div.container > div.row > div p {
	font-weight: 400;
	font-size: 0.85em;
	margin-bottom: 0;
}

	/* Links */
	footer > div.jaysjumbotron > div.container > div > div > p > a,
	footer > div.jaysjumbotron > div.container > div.row:nth-child(1) > div > p > a {
		color: #FFF;
		text-decoration: none;
		font-weight: 700;
	}

/* Address Section */
@media (max-width: 992px) {
	footer > div.jaysjumbotron > div.container > div.row > div > p:nth-child(1),
	footer > div.jaysjumbotron > div.container > div.row:nth-child(1) > div > p:nth-child(1),
	footer > div.jaysjumbotron > div.container > div.row.mobile > div > p:nth-child(1) {
		/*font-weight: 800;*/
		font-size: 0.75em;
		text-align: center;
	}

	footer > div.jaysjumbotron > div.container > div.row > div > p,
	footer > div.jaysjumbotron > div.container > div.row:nth-child(1) > div > p,
	footer > div.jaysjumbotron > div.container > div.row.mobile > div > p {
		font-weight: 400;
		font-size: 0.75em;
		text-align: center;
	}
}

body > footer > div > div > div:nth-child(5) > div > p {
	text-align: center;
}

@media (min-width: 991px) {
	/* Department Heading */
	footer > div.jaysjumbotron > div.container > div.row > div:nth-child(2) > p,
	footer > div.jaysjumbotron > div.container > div.row > div:nth-child(4) > p,
	footer > div.jaysjumbotron > div.container > div.row > div:nth-child(5) > p {
		text-align: left;
	}
}

footer > div.jaysjumbotron > div.container > div:nth-child(5) > div > p,
footer > div.jaysjumbotron > div.container > div.row:nth-child(3) > div > p {
	font-size: 0.8em;
}

footer div.jaysjumbotron div.container div.row div {
	text-align: left;
}

@media (max-width: 768px) {
	footer > div > div > div:nth-child(2) > div:nth-child(2) > p,
	footer > div > div > div:nth-child(3) > div:nth-child(1) > p {
		text-align: center;
	}
}


/*			Buttons			*/
.btn-badgered {
	border-radius: 0;
	margin-top: 14px;
	margin-bottom: 14px;
	line-height: 1;
	background-color: #A20000;
	padding: 4px 8px 4px 8px;
	font-weight: 700;
	text-transform: uppercase;
	border-color: #A20000;
	color: #FFF;
	white-space: normal;
}

	.btn-badgered:hover {
		background-color: #700000;
	}

/*          Carousel         */
/*  Override rule for spacing adjustments
	after bootstrap 5 upgrade. JCS 2022
*/
/*
	I don't think this is needed anymore. ZGP 2024
*/
/*.carousel{
	top: -10vh;
	margin-bottom: -10vh;
}*/

/*		Slider Arrows		*/
@media screen and (min-width: 769px) {
	.carousel-control .fa-angle-left,
	.carousel-control .fa-angle-right,
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 4em;
	}
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
}

/*			Home Page Slider Left Arrow			*/
@media screen and (min-width: 769px) {
	.carousel-control .fa-angle-left,
	.carousel-control .icon-prev {
		margin-left: -10px;
	}
}

.carousel-control .icon-prev,
.carousel-control .fa-angle-left {
	left: 50%;
	margin-left: -10px;
}

/*			Home Page Slider Right Arrow			*/
@media screen and (min-width: 769px) {
	.carousel-control .fa-angle-right,
	.carousel-control .icon-next {
		margin-right: -10px;
	}
}

.carousel-control .icon-next,
.carousel-control .fa-angle-right {
	right: 50%;
	margin-right: -10px;
}

/*		Slider Indicators		*/
#homepage-carousel > ol.carousel-indicators > li {
	border: 1px solid rgba(255,255,255,0.4);
	display: block;
}

@media screen and (min-width: 769px) {
	#homepage-carousel > ol.carousel-indicators {
		bottom: 40px;
	}
}

#homepage-carousel > ol.carousel-indicators {
	left: 96%;
	margin-left: unset;
	width: unset;
}

@media screen and (min-width: 769px) {
	#homepage-carousel > ol.carousel-indicators {
		left: 98%;
	}
}

#homepage-carousel > ol.carousel-indicators > li.active {
	border: none;
	background-color: rgba(255,255,255,0.4);
}

.carousel-caption > p {
	color: rgba(255, 255, 255, 0.9);
	font-family: "Roboto Slab",serif;
	font-style: italic;
	font-size: 5.5vw;
	font-weight: 900;
	width: 100%;
	text-align: center;
}

@media screen and (min-width: 769px) {
	.carousel-caption {
		right: 15%;
		left: 15%;
		top: 35%;
		padding-bottom: 30px;
	}
}

.carousel-subheading {
	position: absolute;
	/* right: 15%;*/
	bottom: 0;
	/* left: 15%;*/
	width: 100%;
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	background-color: rgba(0,0,0,0.6);
	font-weight: 500;
	font-size: 1.5em;
}

	.carousel-subheading > div.container > div[class*="-4"] > p {
		padding: 0;
		margin: 0;
	}

	.carousel-subheading > div.container > div[class*="-4"]:nth-of-type(2) {
		border-left: 2px rgba(255,255,255,1.0) solid;
		border-right: 2px rgba(255,255,255,1.0) solid;
	}

	.carousel-subheading a {
		color: rgba(255,255,255,1.0);
		text-decoration: underline;
	}

		.carousel-subheading a:hover {
			font-weight: 900;
		}

/*			MOBILE & NON SLIDER ON TOP OF PAGE PADDING			*/
@media only screen and (max-width : 992px) {
	div.mobile-padding {
		height: 35px;
	}

		div.mobile-padding.no-slider {
/*			margin-bottom: 20px;
*/		}
}

@media only screen and (min-width : 993px) {
	div.no-slider {
		/*height: 90px;*/
		margin-bottom: 20px;
	}
}

div.non-home-page-padding {
	height: 90px;
	padding-bottom: 20px;
}

/*		MOBILE PLAY WHERE THE BADGERS PLAY TITLE		*/
.play-where-badgers-play > div > h1 {
	font-family: "Roboto Slab",serif;
	font-size: 7.2vw;
	font-weight: 900;
	width: 100%;
	text-align: center;
	margin-top: 9.5px;
}

a.no-underline {
	text-decoration: none;
}

	a.no-underline:hover {
		text-decoration: none;
	}

	a.no-underline > span.a-underline {
		text-decoration: underline;
	}


/* This tag is what makes the anchor links work with the menu. */
:target:before {
	content: "";
	display: block;
	height: 90px;
	margin: -90px 0 0;
}

/* styles for donor giving level tables */

#anualfund-givn-levls-header > th > strong,
#anualfund-points-header > th > strong {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 900;
}

#anualfund-givn-levls > tbody > tr > td:nth-child(2),
#anualfund-givn-levls-header > th:nth-child(2),
#anualfund-points > tbody > tr > td:nth-child(2),
#anualfund-points-header > th:nth-child(2) {
	text-align: center;
}

#anualfund-givn-levls > t
> tr > td:nth-child(2),
#anualfund-points > tbody > tr > td:nth-child(2) {
	border-left: 2px dashed black;
}

#anualfund-givn-levls-footer > td:nth-child(2) {
	border-left: none !important;
}

#anualfund-givn-levls-footer {
	background-color: #A20;
	color: #FFF;
	font-size: 1.3em;
	text-transform: uppercase;
}

	#anualfund-givn-levls-footer > td:nth-child(1) {
		text-align: right;
	}

#anualfund-givn-levls, #anualfund-points {
	font-size: 1.25em;
}

#anualfund-givn-levls-header,
#anualfund-givn-levls-header > tr > th,
#anualfund-givn-levls-header > tbody > tr > th,
#anualfund-points-header,
#anualfund-points-header > tr > th,
#anualfund-points-header > tbody > tr > th {
	background: none !important;
	border-top: none !important;
}

.no-border-top {
	border-top: none !important;
}


/* FAQ Accordions */

.accordion .accordion-toggle {
	background-color: #A20;
	border: 2px solid transparent;
	color: white;
	display: block;
	font-family: Lato;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 15px;
	text-decoration: none;
	transition: background-color 300ms ease 0s, color 300ms ease 0s;
	border-radius: 4px 4px 0 0;
}

	.accordion .accordion-toggle::before {
		content: "\e259";
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: normal;
		margin-right: 10px;
		text-decoration: inherit;
	}

	.accordion .accordion-toggle.collapsed::before {
		content: "\e258";
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
	}

	.accordion .accordion-toggle.collapsed {
		background-color: #700;
		border-radius: 4px;
	}

.panel-group.accordion div.panel.panel-default div.panel-heading {
	background: none;
	padding: 0;
	border-radius: 4px;
}

/*		Tables	*/
.table-responsive.table-striped.table-header > tbody > tr > th {
	border-bottom: rgba(140,140,140,1.0) 2px solid;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.custom-styled-dashed.table-striped > tbody > tr:nth-of-type(1) {
	background-color: none !important;
}

.custom-styled-dashed tr th {
	font-size: 1.3em;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
}

.custom-styled-dashed tr td {
	border-left: 2px dashed black;
	text-align: center;
}

	.custom-styled-dashed tr td:first-child {
		border-left: none;
	}

	.custom-styled-dashed tr td:last-child {
		text-align: center;
	}

.custom-styled-dashed tr.total td {
	border-left: none;
}

	.custom-styled-dashed tr.total td.total {
		text-align: right;
	}



/*	BEGIN STYLES FROM SUPPORT THE BADGERS*/

/*  Animated Slideout Menu Button */
/*  This css class also has JS hooks in site.js */
.aniburger-red {
	position: relative;
	display: block;
	width: 60px;
	height: 40px;
	-webkit-appearance: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 0;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	border-radius: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: background .4s;
	-o-transition: background .4s;
	transition: background .4s;
	-moz-appearance: none;
	appearance: none;
}

	.aniburger-red:focus {
		outline: none;
	}

	.aniburger-red span {
		position: absolute;
		top: 18px;
		right: 18px;
		left: 18px;
		display: block;
		height: 3px;
		background-color: #FFF;
		border-radius: 3px;
		-webkit-transition: background 0s .4s;
		-o-transition: background 0s .4s;
		transition: background 0s .4s;
	}

		.aniburger-red span::before,
		.aniburger-red span::after {
			position: absolute;
			left: 0;
			display: block;
			width: 100%;
			height: 3px;
			content: "";
			background-color: #FFF;
			border-radius: 3px;
		}

		.aniburger-red span::before {
			top: -8px;
			-webkit-transition-property: top, -webkit-transform;
			-o-transition-property: top, -o-transform;
			transition-property: top, transform;
		}

		.aniburger-red span::after {
			bottom: -8px;
			-webkit-transition-property: bottom, -webkit-transform;
			-o-transition-property: bottom, -o-transform;
			transition-property: bottom, transform;
		}

		.aniburger-red span::before,
		.aniburger-red span::after {
			-webkit-transition-delay: .4s, 0s;
			-o-transition-delay: .4s, 0s;
			transition-delay: .4s, 0s;
			-webkit-transition-duration: .4s, .4s;
			-o-transition-duration: .4s, .4s;
			transition-duration: .4s, .4s;
		}

	.aniburger-red.is-open span {
		background: none;
	}

		.aniburger-red.is-open span::before {
			top: 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.aniburger-red.is-open span::after {
			bottom: 0;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.aniburger-red.is-open span::before,
		.aniburger-red.is-open span::after {
			-webkit-transition-delay: 0s, .4s;
			-o-transition-delay: 0s, .4s;
			transition-delay: 0s, .4s;
		}
/*end aniburger-red*/

#site-wrapper {
	position: relative;
	/*overflow: hidden;*/
	width: 100%;
}

#site-canvas {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/*-webkit-transition: 985ms ease all;
  transition: 985ms ease all;*/
	-webkit-transition: 1s ease all;
	transition: 1s ease all;
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*padding: 5% 0;*/
	padding: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding-bottom: 0;
}

	#site-canvas.show-nav > #site-wrapper {
		-webkit-transition: 1015ms ease all;
		transition: 1015ms ease all;
	}

.show-nav #site-canvas {
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

#site-menu {
	width: 300px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -300px;
	background: #cccdcf;
	padding: 15px;
}

	/*      Navigation Menu     */
	#site-menu > h2 {
		font-size: 2.2em;
		font-family: 'Roboto Slab', serif;
		text-shadow: 2px 2px 4px rgba(40, 40, 40, 0.2), 2px 2px 10px rgba(40, 40, 40, 0.1);
	}

		#site-menu > h2 > a {
			color: rgb(40, 40, 40);
			text-decoration: none;
		}

	#site-menu > h3 {
		color: rgb(162, 0, 0);
		font-family: 'Pinyon Script', cursive;
		font-size: 2.7em;
		font-weight: 100;
		width: 100%;
		text-align: center;
		text-shadow: 1px 2px 10px rgba(240, 240, 240, 0.8), 2px 2px 4px rgba(160, 160, 160, 0.8);
	}

#nav-menu > ul > li {
	font-weight: 900;
	font-size: 1.25em;
	text-transform: uppercase;
}

	#nav-menu > ul > li > ul > li {
		font-size: 1.25em;
	}

	#nav-menu > ul > li.nav-home-link {
		display: unset;
		visibility: unset;
	}

.navhbgr-left {
	float: left !important;
	margin-left: 0px;
	/*margin-top: 4px;*/
}

#hbtnHeaderMenuLabel {
	/*width: 60px;*/
	font-family: "Roboto Slab",serif;
	height: 40px;
	padding-top: 5px;
	color: rgb(255,255,255);
	font-weight: 900;
	font-size: 1.4em;
	margin-left: -10px;
}

.left-menu-top-margin {
	margin-top: 235px;
}


/*     Site Navigation     */
.navbar {
	max-height: 56px;
}

.nav-bar-menu {
}

@media (min-width: 1200px) {
	.navbar-fixed-top {
		top: 50px;
		border-bottom-color: none !important;
	}
}

.navbar-toggler {
	border: none;
	outline: none;
	/*width: 60px;*/
}

#menu-btn-text > p {
	margin: -3px 0 0 0;
	padding-right: 8px;
}


.navbar-default .navbar-toggler .icon-bar {
	width: 28px;
	color: #FFF;
	background-color: #FFF;
}

.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {
	background: none;
	border: none;
	outline: none;
}

.nav-link {
	font-size: 1.5em;
	font-weight: 800;
	font-family: "Roboto Slab",serif;
	padding-left: 0 !important;
	padding-right: 0 !important;
	cursor: pointer;
}

	.nav-link:hover {
		text-decoration: none;
		font-weight: 800;
		color: #730000 !important;
		-webkit-transition: all .2s ease-in-out
	}

@media (max-width: 1400px) {
	.nav-link {
		font-size: 1.2em;
		margin-top: 5px;
	}
}

@media (max-width: 1141px) {
	.nav-link {
		font-size: 1em;
		margin-top: 7.5px;
	}
}

.nav-item:not(:nth-last-child(2)) > a::after {
	content: "|";
	padding-left: 0.6rem !important;
	padding-right: 0.6rem !important;
	color: white;
	font-weight: 900 !important;
	font-size: 1.1em !important;
}

.nav-item:nth-last-child(2) > a {
	/*padding-left: 0.6rem !important;*/
	padding-right: 0.6rem !important;
	padding-top: 0.64rem !important;
	font-weight: 900 !important;
	/*font-size: 1.2em !important;*/
}

.show-nav-header,
.show-nav-header > div,
.show-nav-header > nav {
	-webkit-transform: translate3d(150px, 0, 0);
	transform: translate3d(150px, 0, 0);
	z-index: 2000;
}

.top-nav-header {
	background-color: rgba(255, 255, 255, 0.75);
	padding: 0 !important;
	margin: 0 !important;
	top: 0;
}

#navigation-bar {
	/*margin:0;*/
	text-transform: uppercase;
	background-color: #A20000;
	color: #FFF !important;
	font-weight: 900;
	border-color: #A20000;
	height: 50px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

	#navigation-bar.affix {
		position: fixed;
		top: 50px;
		width: 100%;
	}

/*  Collapse the Menu Bar Sooner For iPad */
@media (max-width: 1200px) {
	.navbar-header {
		float: none;
	}

	.navbar-left, .navbar-right {
		float: none !important;
	}

	.navbar-toggler {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}

		.navbar-nav > li {
			float: none;
		}

			.navbar-nav > li > a {
				padding-top: 10px;
				padding-bottom: 10px;
			}

	.collapse.in {
		display: block !important;
	}
}



/*      HOME PAGE      */
#hp-main-content > div > a > h2 {
	font-size: 24px;
}

#hp-main-content > div > a > img {
	width: 100%;
}

/*      Donate Button        */
.donate-button {
	border-radius: 0;
	margin-top: 14px;
	margin-bottom: 10px;
	line-height: 1 !important;
	background-color: #A20000;
	padding: 4px 8px 4px 8px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	border-color: #A20000;
	color: #FFF;
	font-size: 1.6em !important;
}

	.donate-button:hover, .donate-button:active, .donate-button:focus {
		border-radius: 0;
		margin-top: 14px;
		margin-bottom: 14px;
		line-height: 1;
		background-color: #700000;
		padding: 4px 8px 4px 8px;
		font-weight: 700;
		text-transform: uppercase;
		border-color: #700000;
		color: #FFF;
		box-shadow: 2px 2px 4px rgb(40 40 40 / 20%), 2px 2px 10px rgb(40 40 40 / 10%);
		-webkit-transition: all .2s ease-in-out;
	}

/*      Campaign Button        */
.campaign-button {
	background-color: #A20000;
	font-weight: 700;
	font-size: 2em;
	margin-bottom: 16px;
	text-transform: uppercase;
	border-color: #A20000;
	color: #FFF;
}

	.campaign-button:hover, .campaign-button:active, .campaign-button:focus {
		background-color: #700000;
		font-weight: 700;
		font-size: 2em;
		margin-bottom: 16px;
		text-transform: uppercase;
		border-color: #700000;
		color: #FFF;
	}


/*      Menu Logo        */
#uwb-logo {
	width: 150px;
	top: 14px;
	background-color: #A20000;
	text-align: center;
}

	#uwb-logo > img {
		padding-top: 16px;
		padding-bottom: 14px;
	}

	#uwb-logo > p {
		color: #FFF;
		text-transform: uppercase;
		margin: 0 0 0 0;
	}

		#uwb-logo > p:nth-child(2) {
			font-weight: 300;
		}

		#uwb-logo > p:nth-child(3) {
			font-weight: 700;
			padding-bottom: 8px;
		}

#uwb-stb-mobile {
	padding-left: 8px;
	color: #FFF;
	float: right;
	text-align: center;
}

	#uwb-stb-mobile > p:nth-child(1) {
		padding: 0;
		margin: 0;
		line-height: 1;
	}


#navigation-bar > div > div.navbar-collapse.collapse {
	margin-left: 160px;
}

	#navigation-bar > div > div.navbar-collapse.collapse > ul > li > a {
		color: #FFF !important;
	}

.dropdown:hover .dropdown-menu {
	display: block;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-top: none;
}

.navbar-collapse {
	box-shadow: none;
}

div#menu-btn-container {
	padding-top: 5px;
	height: 45px;
	background-color: #A20000;
}

div#hp-main-content.row > div {
	padding-top: 10px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 500px !important;
}

.navbar-nav {
	margin-bottom: 0;
}

@media (min-width: 1200px) {
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background-color: #A20;
	}
}

.navbar-default {
	background-color: none;
	border-color: none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: none;
	border-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: none;
	border-left-color: none;
}

@media (max-width: 1200px) {
	div.navbar-collapse {
		background-color: #FFF;
		color: #A20;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#navigation-bar > div > div.navbar-collapse {
		width: 370px;
		float: right;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
	}

	#navigation-bar > div > div.navbar-collapse.collapse > ul > li > ul.dropdown-menu {
		border: 1px solid #a20000;
		border: 1px solid rgba(162, 0, 0, .15);
		border-radius: 0;
	}
}

#hp-main-content > div > a > h2 {
	background-color: #A20000;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	margin: 0;
	padding: 10px;
}

#hp-main-content > div > a {
	text-decoration: none;
}

#navigation-bar > div > div.navbar-collapse.collapse > ul > li > ul {
	background-color: rgba(255, 255, 255, 0.90);
}

	#navigation-bar > div > div.navbar-collapse.collapse > ul > li > ul > li {
		padding-top: 5px;
	}

		#navigation-bar > div > div.navbar-collapse.collapse > ul > li > ul > li:last-child {
			padding-bottom: 5px;
		}

		#navigation-bar > div > div.navbar-collapse.collapse > ul > li > ul > li > a {
			color: #A20000;
			font-weight: 900;
		}

#navigation-bar > div > div.navbar-collapse.collapse > ul > li:nth-child(1) > ul {
}

#navigation-bar > div > div.navbar-collapse.collapse > ul > li > ul > li:nth-child(1),
#navigation-bar > div > div.navbar-collapse.collapse > ul > li > ul {
	padding-top: 0;
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	top: 43px;
}

	#navigation-bar > div > div.navbar-collapse.collapse > ul > li > ul.dropdown-menu {
		border: 1px solid #a20000;
		border: 1px solid rgba(162, 0, 0, .15);
	}

li > .menu-triangle {
	width: 0;
	height: 0;
	margin-left: 24px;
	margin-top: -3px !important;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #A20000;
}

.dropdown-item:hover {
	background-color: #F0F0F0;
	color: #A20000;
	-webkit-transition: all .2s ease-in-out
}

footer {
	padding-top: 20px;
}


.img-with-caption p {
	margin: 0;
	padding-top: 0.5em;
}

.img-with-caption small {
	width: 100%;
	text-align: right;
	color: #999;
}

div.contactus > div > div.row {
	padding-top: 20px;
}

div.staff-entry {
	padding-bottom: 20px;
	text-align: center;
}

	div.staff-entry > div > img {
		margin: 0 auto;
	}

	div.staff-entry > div > h3 {
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}

div.staff-title {
	padding-bottom: 8px;
}

div.staff-email {
	padding-bottom: 4px;
}

	div.staff-email > a {
		padding-left: 8px;
		text-decoration: none;
	}

		div.staff-email > a:hover {
			text-decoration: underline;
		}

div.staff-bio-link > a {
	padding-left: 8px;
	text-decoration: none;
}

	div.staff-bio-link > a:hover {
		text-decoration: underline;
	}

div.staff-phone > span.telephone-number {
	padding-left: 8px;
}

div.staff-bio-link > span {
	color: #A20;
}

div.completed-campaigns > a > span.glyphicon {
	color: #000;
}

div.completed-campaigns > a > span:nth-child(3) {
	font-size: 16px;
}

.wheel-club-entry-row > div {
	padding-bottom: 10px;
	text-align: center;
}

.campaign-thumbnail-row > div > div > a > img {
	margin: 0 auto;
}

.campaign-thumbnail-row {
	padding-bottom: 20px;
}

	.campaign-thumbnail-row > div > div > a > span {
		padding-top: 6px;
	}

.accordion .accordion-toggle {
	background-color: #A20;
	border: 2px solid transparent;
	color: white;
	display: block;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 600;
	padding: 10px 15px;
	text-decoration: none;
	transition: background-color 300ms ease 0s, color 300ms ease 0s;
	border-radius: 4px 4px 0 0;
}

	.accordion .accordion-toggle::before {
		content: "\f107";
		font-family: 'FontAwesome';
		font-style: normal;
		font-weight: normal;
		margin-right: 10px;
		text-decoration: inherit;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 1.33333333em;
		line-height: 0.75em;
		vertical-align: -15%;
	}

	.accordion .accordion-toggle.collapsed::before {
		content: "\f106";
		font-family: 'FontAwesome';
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 1.33333333em;
		line-height: 0.75em;
		vertical-align: -15%;
	}

	.accordion .accordion-toggle.collapsed {
		background-color: #700;
		border-radius: 4px;
	}

.panel-group.accordion div.panel.panel-default div.panel-heading {
	background: none;
	padding: 0;
	border-radius: 4px;
}

.ways-to-give-priority-deadlines {
	font-weight: 700;
	font-size: 1.1em;
}


p.endowment-scholarship {
	font-size: 1.15em;
}

p.endowment-scholarship-desc {
	font-size: 1.2em;
}

p.content {
	font-size: 1.15em;
}

#anualfund-givn-levls-header > th > strong,
#anualfund-points-header > th > strong {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 900;
}

#anualfund-givn-levls > tbody > tr > td:nth-child(2),
#anualfund-givn-levls-header > th:nth-child(2),
#anualfund-points > tbody > tr > td:nth-child(2),
#anualfund-points-header > th:nth-child(2) {
	text-align: center;
}

#anualfund-givn-levls > tbody > tr > td:nth-child(2),
#anualfund-points > tbody > tr > td:nth-child(2) {
	border-left: 2px dashed black;
}

#anualfund-givn-levls-footer > td:nth-child(2) {
	border-left: none !important;
}

#anualfund-givn-levls-footer {
	background-color: #A20;
	color: #FFF;
	font-size: 1.3em;
	text-transform: uppercase;
}

	#anualfund-givn-levls-footer > td:nth-child(1) {
		text-align: right;
	}

#anualfund-givn-levls, #anualfund-points {
	font-size: 1.25em;
}

#anualfund-givn-levls-header,
#anualfund-givn-levls-header > tr > th,
#anualfund-givn-levls-header > tbody > tr > th,
#anualfund-points-header,
#anualfund-points-header > tr > th,
#anualfund-points-header > tbody > tr > th {
	background: none !important;
	border-top: none !important;
}

.no-border-top {
	border-top: none !important;
}

.section-line {
	border-top: 2px solid #E6E6E6;
	margin-top: 60px;
	margin-bottom: 60px;
}

.section-line-no-motionw {
	border-top: 2px solid #E6E6E6;
	margin-top: 20px;
	margin-bottom: 30px;
	min-height: 1px;
}

.section-divider-motionw {
	background-color: white;
	background-image: url("/assets/images/PNGs/MotionW_64x64.png");
	background-position: center center;
	background-repeat: no-repeat;
	color: #A20;
	display: block;
	height: 80px;
	left: 50%;
	line-height: 80px;
	margin-left: -80px;
	position: absolute;
	top: 20px;
	width: 100px;
}

/* This tag is what makes the anchor links work with the menu. */
:target:before {
	content: "";
	display: block;
	height: 90px;
	margin: -90px 0 0;
}

.left-menu-top-margin > div > a {
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 4px;
	display: inline-block;
	margin-left: 4px;
	color: #828282;
	font-weight: 400;
}

	.left-menu-top-margin > div > a:nth-child(1) {
		margin-top: 0;
	}

.long-url {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* Jay's JUMBOTRON REPLACEMENT FOR BootStrap 5*/
/**/
/* Bootstrap depricated the Jumbotron class in the change from version four
   to version 5. Here's the definition of the jumbotron class from Boostrap 4
   documentation in 2022.

	"A lightweight, flexible component that can optionally extend the entire
	viewport to showcase key marketing messages on your site."

   Jay's jumbotron is a mnemonic for the fact that this replacement was
   developed internally. It also must be considered and maintained internally.
   The fundamental difference is that child  elements no longer seem to inherit
   the 'jumbotron' properties as they once did within bootstrap containers.
   refer to how the class is used in nav bar partials.
*/

.jaysjumbotron {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
	max-width: 7680px !important;
}

/*Menu Styles*/

/*      Menu Logo        */
#uwb-logo-bs5 {
	width: 150px;
	top: 14px;
	background-color: #A20000;
	text-align: center;
	margin-left: -35px !important;
}

	#uwb-logo-bs5 > img {
		padding-top: 16px;
		padding-bottom: 14px;
	}

	#uwb-logo-bs5 > p {
		color: #FFF;
		text-transform: uppercase;
		margin: 0 0 0 0;
	}

		#uwb-logo-bs5 > p:nth-child(2) {
			font-weight: 300;
		}

		#uwb-logo-bs5 > p:nth-child(3) {
			font-weight: 700;
			padding-bottom: 8px;
		}

.stb-submenu {
	color: #A20000 !important;
	background-color: #FFFFFFD9 !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-clip: padding-box;
	z-index: -1000 !important;
	padding-top: 0px;
	margin-top: 2px;
}

.stb-dropdown-item-overrides {
	color: #A20000 !important;
	font-family: "Roboto Slab",serif;
	font-weight: 900;
	font-size: 1.2em;
}

	.stb-dropdown-item-overrides:hover,
	.stb-dropdown-item-overrides:focus-visible {
		text-decoration: none;
		font-weight: 800;
		color: white !important;
		background-color: #A20000 !important;
		-webkit-transition: all .2s ease-in-out
	}



/* Mobile Menu Styles*/

.uwb-stb-mobile-bs5 {
	color: black;
	text-align: center;
	float: right;
	font-size: 1.4em;
	font-family: "Roboto Slab",serif;
	text-transform: uppercase;
	margin-bottom: 0px !important;
	margin-top: .2em;
}

#uwb-stb-mobile-bs5 > p:nth-child(1) {
	padding: 0;
	margin: 0;
	line-height: 1;
}

.stb-mobile-nav {
	text-transform: uppercase;
	color: #A20000 !important;
	font-weight: 900;
	position: relative;
	border-color: #A20000;
}

#navbar-site-title {
	text-transform: uppercase;
	color: rgb(160, 0, 0);
	font-family: 'Roboto Slab', serif;
	text-transform: uppercase;
}

.toggle2 {
	/* position: relative; */
	float: right;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-toggle-menu::after {
	position: absolute;
	top: 30px;
	left: 50px;
	width: 500px;
	display: block;
	font-size: .5em;
	color: #fff;
	content: "MENU";
}

.nav-menu-mobile {
	position: relative;
	float: right;
	top: 0px;
}

.slideout-menu-text {
	font-family: 'Roboto Slab', serif;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 700;
	text-shadow: 2px 2px 4px rgb(40 40 40 / 20%), 2px 2px 10px rgb(40 40 40 / 10%);
}

/* Replacement for missing LESS class in bootstrap 5*/
/* JCS 2022 */
.center-block{
	display:block;
	margin-left: auto;
	margin-right: auto;
	width: 3000px !important;
}

.center-block-nonhomepage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 3000px !important;
	top: -10vh;
}


/* Menu Button */
.mobilemenudonatebtn {
	text-shadow: 2px 2px 4px rgb(40 40 40 / 20%), 2px 2px 10px rgb(40 40 40 / 10%);
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 4px 8px 4px 8px;
	background-color: #A20000;
	color: white;
	border-radius: 0;
	font-weight: 700;
	font-family: "Roboto Slab",serif;
	font-size: 1.2rem;
	float: right;
	/*position: absolute;*/
}

	.mobilemenudonatebtn:hover,
	.mobilemenudonatebtn:focus-visible {
		color: white !important;
	}

@media (max-width: 992px){
	.mobilemenudonatebtn {
		background-color: white;
		color: #A20000 !important;
		margin-top: 3px;
		/*margin-left: 12vw;*/
	}
}

@media(max-width: 750px){
	.mobilemenudonatebtn {
		/*margin-left: 2vw;*/
	}
}

@media (max-width: 550px) {
	.mobilemenudonatebtn {
		/*margin-left: 25vw;*/
		font-size: 1rem;
	}
}

.sidenav-menu .nav-link {
	padding-left: 5px !important;
}

.sidenav-menu .nav-link:hover {
	background-color: white !important;
}

/*Override for whitespace on our side menu cant overide for normal dropdown items though*/
.side-dropdown-item{
	white-space:normal !important;
	font-weight: 550 !important;
}

.wa-btn-primary {
	color: white;
	font-size: 1rem;
}

.wa-btn-primary:hover,
.wa-btn-primary:focus-visible {
	color: white;
}