@charset "UTF-8";
/* CSS Document */

	html, body { 
		width: 100% !important; 
		overflow-x: hidden !important; 
	}
	
	/* banner */
	#drewsawesomebanner .position-absolute.bottom-0 {
		left: 0 !important;
		right: 0 !important;
	}

	#drewsawesomebanner .position-absolute.bottom-0.row {
		margin-left: 0;
		margin-right: 0;
	}

	.banner-image {
		position: relative;
	}

	.tint {
	  	position: absolute;
		inset: 0;
	  	background: rgba(0, 0, 0, .5);
	  	z-index: 1;
	}

	.banner-overlay {
		z-index: 2;
		margin-left: 6em;
		inset: 0;                
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.banner-overlay h1 {
		font-family: "Lato", sans-serif;
		font-weight: 500 !important;
		font-size: 96px;
		line-height: 106px;
		letter-spacing: 0;
		color: white;
	}

	.banner-overlay h2 {
		font-family: "Lato", sans-serif;
		font-weight: 500 !important;
		font-size: 50px;
		line-height: 83px;
		letter-spacing: 0;
		color: white;
		margin-top: 0px !important;
	}

	@media (max-width: 1199px) {
		.banner-overlay h1 {
			font-size: 72px;
			line-height: 80px;
		}

		.banner-overlay h2 {
			font-size: 36px;
			line-height: 48px;
		}
	}


	@media (max-width: 768px) {
		.banner-overlay h1 {
			font-size: 48px;
			line-height: 56px;
		}

		.banner-overlay h2 {
			font-size: 24px;
			line-height: 32px;
		}
	}

	@media (max-width: 480px) {
		.banner-overlay {
			text-align: center;
			margin-left: 0px;
		}

		.banner-overlay h1 {
			font-size: 36px;
			line-height: 42px;
		}

		.banner-overlay h2 {
			font-size: 20px;
			line-height: 26px;
		}
	}


	/* Navigation */
	.brand-nav {
		background-color: #9D2235 !important;
		margin: 0 !important;
	}

	.brand-nav a {
		text-decoration: none;
		color: white;
	}

	.brand-nav .dropdown-toggle::after {
		display: none;
	}

	.brand-nav btn {
		border: none;
	}

	.brand-nav-link {
		display: block;
		text-align: center;
		color: white;
		text-decoration: none;
		font-size: 1.3em;
		padding-top: 1.7em;
		padding-bottom: 1.7em;
		transition: background-color 0.25s ease;
	}

	.brand-nav-link:hover {
		background-color: rgba(0,0,0,0.15);
	}

	@media (max-width: 768px) {
		.brand-nav {
			padding-top: .7em;
			padding-bottom: .7em;
		}
		
		.brand-nav-link {
			padding-top: .4em;
			padding-bottom: .4em;
			font-size: 1em;
		}
	}

	/* 	footer */
	.uark-page {
		padding-bottom: 0 !important;
	}

	.footer {
		background-color: #9D2235;
		padding-left: 6em;
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.footer-text {
		color: white;
		font-family: Lato;
		font-weight: 700;
		font-style: Bold;
		font-size: 36px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.footer-subtext {
		color: white;
		font-family: Lato;
		font-weight: 400;
		font-style: Regular;
		font-size: 16px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.footer-subtext a {
		color: white;
	}

	@media (max-width: 768px) {
		.footer {
			padding-left: 2em;
			padding-right: 2em;
		}
		
		.footer-text {
			font-size: 22px;
			font-weight: 350px;
		}
		
		.footer-subtext {
			font-size: 12px;
			font-weight: 200px;
		}
	}

	@media (min-width: 768px){
		.footer-text, .footer-subtext{
			padding-left: 10vw !important;
			padding-right: 10vw !important;
			
		}
	}

	@media (min-width: 992px){
		.footer-text .footer-subtext {
			padding-left: 12vw !important;
			padding-right: 12vw !important;
			justify-content: center;
		}
	}

	@media (min-width: 1200px){
		.footer-text .footer-subtext {
			padding-left: 15vw !important;
			padding-right: 15vw !important;
		}
	}

	/* 	body */
	.main-content {
		padding-left: 1em !important;
		padding-right: 1em !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.main-content p, .main-content ul {
		font-size: 20px;
	}
	
	@media (min-width: 768px){
		.main-content{
			padding-left: 10vw !important;
			padding-right: 10vw !important;
			
		}
	}

	@media (min-width: 992px){
		.main-content{
			padding-left: 12vw !important;
			padding-right: 12vw !important;
			justify-content: center;
		}
	}

	@media (min-width: 1200px){
		.main-content{
			padding-left: 15vw !important;
			padding-right: 15vw !important;
		}
	}

	/* accodion */
	.accordion {
		--bs-accordion-border-radius: 0 !important;
		--bs-accordion-inner-border-radius: 0 !important;
		margin-bottom: 6em !important;
	}


	.accordion-item {
		margin: 1.5em;
		margin-left: 0em !important;
		margin-right: 0em !important;
	}

	

	.accordion-button{
		font-size: 20px !important;
		display: flex;
		align-items: center;
		gap: 1rem;
		padding: 1rem !important;
	}

	.accordion-icon{
		transform: rotate(90deg) scaleY(2);	
		margin-left: auto;
		margin-right: .5em;
		color: currentColor;
		transition: transform 0.2s ease, color 0.2s ease;
		display: inline-block;
		font-weight: 600;
	}

	.accordion-button:not(.collapsed) .accordion-icon{
		transform: rotate(270deg) scaleY(2);	
	}



	.accordion-button.collapse {
		display: flex !important;
	}

	.accordion-button::after{
		display: none;
	}

	.accordion-button:focus {
		box-shadow: none !important;
		outline: none !important;
	}

	.accordion-item {
		border: 1px solid rgba(0,0,0,0.08);
		border-radius: 0.5rem !important;
		background-color: #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,0.08);
		overflow: hidden;                
		margin-bottom: 1rem;  
	}

	.accordion-body p, .accordion-body ul {
		font-size: 18px !important;
	}

	.accordion-body {
		margin-top: 1em;
		padding-bottom: .3em;
	}

	.accordion-button:not(.collapsed){
		background-color: #9D2235 !important;
		color: white !important;
	}

	toggle="collapse"].collapse, a[data-bs-toggle="collapse"].collapse { display: flex !important; visibility: visible !important; opacity: 1 !important; } a[data-bs-toggle="collapse"].collapse { display: inline-flex !important; } button[data-bs-toggle="collapse"].collapsing, a[data-bs-toggle="collapse"].collapsing { height: auto !important; overflow: visible !important; }