:root {
	--gold: #cc9933;
	--goldTransparent: #cc99337e;
	--goldSecondary: #cea83d;
	--greenPrimary: #006f71;
	/* --greenPrimaryTransparent: #006f71b0; */
	--greenPrimaryTransparent: #006f7152;
	--greenSecondary: #006456;
	--greenDark: #004d4f;
	--darkPrimary: #1f1f1f;
	--darkPrimaryTransparent: #1f1f1f9a;
	--darkSecondary: #333;
	--lightTextColor: #fff;
	--containerWidth: 1200px;
}

.contentContainer {
	max-width: 60%;
	margin: 0 auto;
	/* 	overflow: hidden; */
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


html,
body {
	height: 100%;
	scroll-behavior: smooth;
}

body.page-inauguration {
	/* 	font-family: "Roboto", sans-serif; */
	font-family: "Archivo Narrow", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	/* 	background: url(https://www.farmingdale.edu/_resources/images/fsc-interior-background.jpg);
	background: url("../images/fsc-interior-background-green.jpg");

	background: url("../images/fsc-seal-interior-background-1920x1080-v2.jpg");
	background: url("../images/fsc-seal-interior-background-1920x1080.jpg");
	background: url("../images/fsc-seal-interior-background-1920x1080-v3.jpg"); */
	background: url("/_resources/images/fsc-seal-interior-background-1920x1080-v3.jpg");
	/* background-size: 100% auto; */
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	overflow-x: visible !important;
}

.page-inauguration .loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	z-index: 3;
}

.page-inauguration .loader .loaderImg {
	/* background: red; */
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* z-index: 100; */
}

.page-inauguration .loader .loaderImg img {
	width: 700px;
	height: auto;
	animation: loaderPulse 2.5s infinite;
}

.hiddenElement {
	visibility: hidden;
}

.page-inauguration #main-content {
	margin: 0 !important;
	position: relative;
}

.page-inauguration #hero {
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lightTextColor);
	/* 	background-image: url("../images/formal-prezant_1920x1080.jpg");
	background-image: url("/_test/brad/inauguration/images/dr-prezant-horton-second-floor--v2ch-1920x1080.jpg"); */
	background-image: url("/president/inauguration/2025/images/hero-images/dr-prezant-horton-second-floor--v2ch-1920x1080.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	--after-color: #006f7127;
	--after-color: #00000027;
}

.page-inauguration #hero::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.page-inauguration #hero .heroCopy {
	z-index: 2;
	align-self: center;
	display: flex;
	flex-direction: column;
	text-align: center;
	/* transition: all 1s ease; */
	/* transform: translateY(70px);
	opacity: 0;
	transform: skewX(8%); */
}

.page-inauguration #hero .heroCopy .heroTitle {
	position: relative;
	font-size: 3rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-family: "Gotham";
	margin: 0;
	text-shadow: 0 0 10px rgb(0, 0, 0);
	--after-width: 0%;
	--bottom-distance: 0px;
}

.page-inauguration #hero .heroCopy .heroTitle::after {
	content: "";
	position: absolute;
	bottom: var(--bottom-distance);
	left: 50%;
	width: var(--after-width);
	height: 3px;
	transform: translateX(-50%);
	background-color: #fff;
}

.page-inauguration #hero .heroCopy .descriptionContainer {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 1.5em;
	/* 	  padding-top: 0.5em; */
}

.page-inauguration #hero .heroCopy .descriptionContainer .heroDescription {
	font-size: 1.5rem;
	margin: 0;
	text-shadow: 0 0 10px rgb(0, 0, 0);
}

.page-inauguration #hero .heroCopy .heroCTAContainer {
	display: flex;
	align-self: center;
}



.page-inauguration #hero .heroCopy a {
	align-self: center;
	border: 1px solid var(--goldSecondary);
	padding: 0.75em 1em;
	color: var(--goldSecondary);
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Gotham";
	transition-property: background-color, color;
	transition-duration: 0.3s;
	background: var(--darkPrimaryTransparent);
	font-size: 1rem;
	/* 	cursor: pointer; */
}

.page-inauguration #hero .heroCopy a:hover {
	background-color: var(--goldSecondary);
	color: var(--darkPrimary);
}


/* Navigation */
.inaugurationLinks {
	background-color: var(--greenSecondary);
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
}

.inaugurationLinks .linkList {
	display: flex;
	justify-content: center;
	/* gap: 1px; */
	list-style: none;
}

.inaugurationLinks .linkList li a {
	padding: 1rem;
	text-decoration: none;
	color: #fff;
	display: block;
	font-family: "Gotham";
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.inaugurationLinks .linkList li a:hover {
	background-color: var(--goldSecondary);
	background-color: var(--greenPrimary);
	transition: all 0.3s ease;
}


/* INTRODUCTION */
.page-inauguration #introduction {
	color: #fff;
	padding: 2em 0;
	background-attachment: fixed;
	position: relative;
}

.page-inauguration #introduction .contentContainer {
	max-width: 80%;
}

.page-inauguration #introduction .p-visually-hidden {
	position: absolute;
	left: -9999px;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.page-inauguration #introduction .p-1,
.page-inauguration #introduction .p-2 {
	font-weight: bold;
	font-family: "Gotham";
	line-height: 1.8;
	font-size: 2rem;
}

.pAndImg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 3rem;
	margin-bottom: 6rem;
}

/* Bio Section */

.page-inauguration #bioSection {
	height: 100vh;
	height: 1230px;
	height: 1080px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow-x: hidden;
}
.page-inauguration #bioSection .bioBanner {
	background-color: #fff;
	padding: 1rem;
	overflow: hidden;
}

.page-inauguration #bioSection .bioBanner .contentContainer {
	display: flex;
	gap: 2rem;
	align-items: center;
	overflow: visible;
}

.page-inauguration #bioSection .bioBanner .contentContainer .bioImgContainer {
	max-width: 500px;
}

.page-inauguration
#bioSection
.bioBanner
.contentContainer
.bioImgContainer
img {
	width: 100%;
	height: auto;
	display: block;
}

.page-inauguration #bioSection .bioBanner .contentContainer .bioCopyContainer {
	flex: 1;
	font-size: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	align-items: start;
}

.page-inauguration
#bioSection
.bioBanner
.contentContainer
.bioCopyContainer
h2 {
	color: var(--greenPrimary);
	font-family: "Gotham";
	text-transform: uppercase;
}

.page-inauguration
#bioSection
.bioBanner
.contentContainer
.bioCopyContainer
a.bioBtn {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Gotham";
	color: var(--greenPrimary);
	border: 2px solid var(--greenPrimary);
	padding: 0.5em 1em;
	transition: all 0.3s ease;
	font-size: 1rem;
}

.page-inauguration
#bioSection
.bioBanner
.contentContainer
.bioCopyContainer
a.bioBtn:hover {
	border-color: var(--goldSecondary);
	color: var(--goldSecondary);
	transition: all 0.3s ease;
}

.page-inauguration #events {
	/* min-height: 100vh; */
	background-repeat: no-repeat;
	position: relative;
	/*   height: 1230px; */
	min-height: 1080px;
}

.page-inauguration #events .contentContainer {
	position: relative;
	z-index: 2;
	color: #fff;
	max-width: 80%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-inauguration #events .contentContainer .eventsCopy {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.page-inauguration #events .contentContainer .eventsCopy h2 {
	text-transform: uppercase;
	font-size: 3rem;
	font-family: "Gotham";
	font-weight: bold;
	text-align: center;
	color: var(--goldSecondary);
}

.page-inauguration #events .contentContainer .eventsCopy p {
	text-align: center;
	font-size: 1.5rem;
	/* font-family: "Gotham"; */
}

.page-inauguration #events .eventsContainer {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

	gap: 2rem;
}

.page-inauguration #events .eventsContainer .inaugurationEventCardLink {
	text-decoration: none;
	transition: all 0.3s ease;
}

.page-inauguration #events .eventsContainer .inaugurationEventCardLink:hover {
	transition: all 0.3s ease;
	transform: scale(1.04) !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.page-inauguration #events .eventsContainer .inaugurationEventCardLink {
	/* 	flex: 1 1 350px; */
	/* 	min-width: 300px; */
	max-width: 350px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	transition: all 0.3s ease;
}

.page-inauguration
#events
.eventsContainer
.inaugurationEventCard
.inaugarationEventCardMedia
img {
	width: 100%;
	display: block;
}

.page-inauguration
#events
.eventsContainer
.inaugurationEventCard
.inaugurationEventCardBody {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.page-inauguration
#events
.eventsContainer
.inaugurationEventCard
.inaugurationEventCardBody * {
	margin: 0 !important;
}

.page-inauguration
#events
.eventsContainer
.inaugurationEventCard
.inaugurationEventCardBody
.eventTitle {
	color: var(--greenSecondary);
}

.page-inauguration
#events
.eventsContainer
.inaugurationEventCard
.inaugurationEventCardBody
.eventDate {
	font-size: 0.8rem;
	color: #666;
}
.page-inauguration
#events
.eventsContainer
.inaugurationEventCard
.inaugurationEventCardBody
.eventLocation {
	font-size: 0.8rem;
	/* color: #006f71; */
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.page-inauguration #giving {
	height: 100vh;
	height: 1300px;
	height: 1080px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow-x: hidden;
}

.page-inauguration #giving .givingBanner {
	background-color: #fff;
	padding: 1rem;
	overflow: hidden;
}

.page-inauguration #giving .givingBanner .contentContainer {
	display: flex;
	gap: 2rem;
	align-items: center;
	overflow: visible;
}

.page-inauguration #giving .givingBanner .contentContainer .givingImgContainer {
	max-width: 500px;
}

.page-inauguration
#giving
.givingBanner
.contentContainer
.givingImgContainer
img {
	width: 100%;
	height: auto;
	display: block;
}

.page-inauguration
#giving
.givingBanner
.contentContainer
.givingCopyContainer {
	flex: 1;
	font-size: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	align-items: start;
}

.page-inauguration
#giving
.givingBanner
.contentContainer
.givingCopyContainer
p {
	margin: 0 !important;
}

.page-inauguration
#giving
.givingBanner
.contentContainer
.givingCopyContainer
h2 {
	color: var(--greenPrimary);
	font-family: "Gotham";
	text-transform: uppercase;
}

.page-inauguration
#giving
.givingBanner
.contentContainer
.givingCopyContainer
a.givingBtn {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Gotham";
	color: var(--greenPrimary);
	border: 2px solid var(--greenPrimary);
	padding: 0.5em 1em;
	transition: all 0.3s ease;
	font-size: 1rem;
}

.page-inauguration
#giving
.givingBanner
.contentContainer
.givingCopyContainer
a.givingBtn:hover {
	border-color: var(--goldSecondary);
	color: var(--goldSecondary);
	transition: all 0.3s ease;
}

/* FAQ */

.page-inauguration #faq {
	/* 	height: 100vh; */
	position: relative;
}

.page-inauguration #faq .faqLink {
	color: var(--goldSecondary);
	text-decoration: none;
	font-weight: bold;
}

.page-inauguration #faq .faqLink:hover {
	text-decoration: underline;
}

.page-inauguration #faq .contentContainer {
	position: relative;
	z-index: 2;
	/* color: #fff; */
	max-width: 80%;
	/* 	height: 100%; */
	min-height: 800px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-inauguration #faq .contentContainer .faqCopy {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.page-inauguration #faq .contentContainer .faqCopy h2 {
	text-transform: uppercase;
	font-size: 3rem;
	font-family: "Gotham";
	font-weight: bold;
	text-align: center;
	color: var(--goldSecondary);
}

.page-inauguration #faq .contentContainer .faqCopy p {
	text-align: center;
	font-size: 1.5rem;
	color: #fff;
}

.page-inauguration #faq .accordions {
	display: flex;
	flex-direction: column;
	/*   max-width: 800px; */
	margin: 0 auto;
	width: 80%
}

.page-inauguration #faq .accordions .accordion {
	border: 1px solid #ccc;
	border-bottom: none;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.page-inauguration #faq .accordions .accordion button.accordion-header {
	width: 100%;
	background-color: var(--greenSecondary);
	background: #fff;
	color: var(--greenSecondary);
	font-weight: bold;
	font-family: "Gotham";
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	border: none;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	padding: 1rem;
}

.page-inauguration
#faq
.accordions
.accordion
button.accordion-header:focus-visible {
	border: 2px solid rgb(0, 103, 244);
}

.page-inauguration #faq .accordions .accordion button.accordion-header:hover {
	text-decoration: underline;
}

.page-inauguration
#faq
.accordions
.accordion
button.accordion-header
.accordion-btn {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	align-items: center;
	justify-content: center;
}

.page-inauguration
#faq
.accordions
.accordion
button.accordion-header
.accordion-btn
.btn-line {
	width: 20px;
	height: 3px;
	background-color: var(--greenSecondary);
	transition: all 0.5s ease;
}

.page-inauguration
#faq
.accordions
.accordion
button.accordion-header
.accordion-btn
.btn-line.one {
	transform: rotate(180deg) translateX(-2px);
}

.page-inauguration
#faq
.accordions
.accordion
button.accordion-header
.accordion-btn
.btn-line.two {
	opacity: 0;
}

.page-inauguration
#faq
.accordions
.accordion
.accordion-header.collapsed
.accordion-btn
.btn-line.one {
	transform: rotate(90deg) translateX(2px);
}

.page-inauguration
#faq
.accordions
.accordion
.accordion-header.collapsed
.accordion-btn
.btn-line.two {
	opacity: 1;
	transform: translateY(-5px);
}

.page-inauguration #faq .accordions .accordion .accordion-content {
	color: #333;
	background-color: #fff;
	line-height: 1.5;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	position: relative;
	overflow: hidden;
	transform-origin: top;
	transform: translateY(0);
	transition: max-height 300ms ease;
}

.page-inauguration
#faq
.accordions
.accordion
.accordion-content
.accordion-inner {
	padding: 1rem 1.5rem;
}


.page-inauguration
#faq
.accordions
.accordion
.accordion-content
.accordion-inner
ul {
	/* add the margin and padding back to the ul and li elements */
	margin-left: 1rem;
	padding: 0;
}

.page-inauguration #faq .accordions .accordion .accordion-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(
		to right,
		var(--greenSecondary) 1%,
		var(--gold) 30%,
		var(--gold) 70%,
		var(--greenSecondary) 100%
	);
}
.page-inauguration #faq .accordions .accordion .accordion-content::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(
		to right,
		var(--greenSecondary) 1%,
		var(--gold) 30%,
		var(--gold) 70%,
		var(--greenSecondary) 100%
	);
}

/* KUDOS */

.page-inauguration #kudos {
	height: 100vh;
	height: 1300px;
	min-height: 1080px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow-x: hidden;
}

.page-inauguration #kudos .kudosBanner {
	background-color: #fff;
	padding: 1rem;
	overflow: hidden;
}

.page-inauguration #kudos .kudosBanner .contentContainer {
	display: flex;
	gap: 2rem;
	align-items: center;
	overflow: visible;
}

.page-inauguration #kudos .kudosBanner .contentContainer .kudosImgContainer {
	max-width: 500px;
}

.page-inauguration
#kudos
.kudosBanner
.contentContainer
.kudosImgContainer
img {
	width: 100%;
	height: auto;
	display: block;
}

.page-inauguration #kudos .kudosBanner .contentContainer .kudosCopyContainer {
	flex: 1;
	font-size: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	align-items: start;
}

.page-inauguration
#kudos
.kudosBanner
.contentContainer
.kudosCopyContainer
h2 {
	color: var(--greenPrimary);
	font-family: "Gotham";
	text-transform: uppercase;
}

.page-inauguration
#kudos
.kudosBanner
.contentContainer
.kudosCopyContainer
a.kudosBtn {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Gotham";
	color: var(--greenPrimary);
	border: 2px solid var(--greenPrimary);
	padding: 0.5em 1em;
	transition: all 0.3s ease;
	font-size: 1rem;
}

.page-inauguration
#kudos
.kudosBanner
.contentContainer
.kudosCopyContainer
a.kudosBtn:hover {
	border-color: var(--goldSecondary);
	color: var(--goldSecondary);
	transition: all 0.3s ease;
}

@media(max-width: 620px) {

	.page-inauguration .pAndImg .img1, 
	.page-inauguration .pAndImg .img2 {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.page-inauguration .pAndImg img {
		width: 80%;
	}

}

@media (max-width: 1644px) {
	.page-inauguration #hero {
		background-position: center top;
	}
}

@media (max-width: 1608px) {
	.page-inauguration #events .contentContainer .eventsCopy h2 {
		font-size: 2.5rem;
	}
}

@media (max-width: 1581px) {
	.contentContainer {
		max-width: 80%;
	}
}

@media (max-width: 1278px) {
	.page-inauguration #introduction .p-1,
	.page-inauguration #introduction .p-2 {
		/* line-height: 1.6; */
		font-size: 1.7rem;
	}
}

@media (max-width: 1224px) {
	.page-inauguration #hero .heroCopy .heroTitle {
		font-size: 2.5rem;
	}

	.page-inauguration #hero .heroCopy .descriptionContainer .heroDescription {
		font-size: 1.25rem;
	}

	.page-inauguration #hero .heroCopy a {
		font-size: 0.9rem;
	}
}

@media (max-width: 1192px) {
	/* WHITE BACKGROUND ANIMATED SECTIONS */
	/* BIO SECTION */
	.page-inauguration #bioSection .bioBanner .contentContainer .bioImgContainer {
		max-width: 400px;
	}
	/* GIVING SECTION */
	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingImgContainer {
		max-width: 400px;
	}
	/* KUDOS SECTION */
	.page-inauguration #kudos .kudosBanner .contentContainer .kudosImgContainer {
		max-width: 400px;
	}
}

@media (max-width: 1180px) {
	.contentContainer {
		max-width: 90%;
	}
}

@media (max-width: 1058px) {
	.page-inauguration #events .contentContainer {
		max-width: 90%;
	}
}

@media (max-width: 1044px) {
	.contentContainer {
		max-width: 90% !important;
	}
}

@media (max-width: 994px) {
	.page-inauguration #hero {
		background-position-x: 40%;
	}
	.page-inauguration #hero .heroCopy .heroTitle {
		font-size: 2rem;
	}

	.page-inauguration #hero .heroCopy .descriptionContainer .heroDescription {
		font-size: 1rem;
	}

	.page-inauguration #hero .heroCopy a {
		font-size: 0.8rem;
	}
}

@media (max-width: 986px) {
	/* WHITE BACKGROUND ANIMATED SECTIONS */
	/* BIO SECTION */
	.page-inauguration
	#bioSection
	.bioBanner
	.contentContainer
	.bioCopyContainer {
		font-size: 1rem;
	}

	.page-inauguration
	#bioSection
	.bioBanner
	.contentContainer
	.bioCopyContainer
	a.bioBtn {
		font-size: 0.8rem;
	}

	.page-inauguration #bioSection .bioBanner .contentContainer .bioImgContainer {
		max-width: 350px;
	}
	/* GIVING SECTION */
	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingCopyContainer {
		font-size: 1rem;
	}

	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingCopyContainer
	a.givingBtn {
		font-size: 0.8rem;
	}

	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingImgContainer {
		max-width: 350px;
	}
	/* KUDOS SECTION */
	.page-inauguration #kudos .kudosBanner .contentContainer .kudosCopyContainer {
		font-size: 1rem;
	}

	.page-inauguration
	#kudos
	.kudosBanner
	.contentContainer
	.kudosCopyContainer
	a.kudosBtn {
		font-size: 0.8rem;
	}

	.page-inauguration #kudos .kudosBanner .contentContainer .kudosImgContainer {
		max-width: 350px;
	}
}

@media (max-width: 1364px) {
	.page-inauguration .pAndImg {
		flex-direction: column;
	}

	.page-inauguration .pAndImg .img1 {
		order: 2;
	}

	.page-inauguration .pAndImg .p-1 {
		order: 1;
	}
}

@media (max-width: 928px) {
	.page-inauguration #faq .contentContainer .faqCopy h2 {
		font-size: 2.5rem;
	}

	.page-inauguration #faq .contentContainer .faqCopy p {
		font-size: 1.25rem;
	}
}

@media (max-width: 906px) {
	.page-inauguration #events .contentContainer .eventsCopy h2 {
		font-size: 2rem;
	}

	.page-inauguration #events .contentContainer .eventsCopy p {
		font-size: 1.25rem;
	}

	.page-inauguration
	#events
	.eventsContainer
	.inaugurationEventCard
	.inaugurationEventCardBody
	.eventTitle {
		font-size: 1rem;
	}

	.page-inauguration
	#events
	.eventsContainer
	.inaugurationEventCard
	.inaugurationEventCardBody
	.eventDate,
	.page-inauguration
	#events
	.eventsContainer
	.inaugurationEventCard
	.inaugurationEventCardBody
	.eventLocation {
		font-size: 0.8rem;
	}
}


@media(max-width: 1253px) {

	/* Navigation */
	.inaugurationLinks {
		position: static;
	}

	.inaugurationLinks .linkList {
		flex-direction: column;
		align-items: center;
	}

	.inaugurationLinks .linkList li a {
		padding: .5rem;
	}
}

@media (max-width: 860px) {
	/* BIO SECTION */
	.page-inauguration
	#bioSection
	.bioBanner
	.contentContainer
	.bioCopyContainer {
		font-size: 0.9rem;
		gap: 1rem;
	}

	.page-inauguration
	#bioSection
	.bioBanner
	.contentContainer
	.bioCopyContainer
	a.bioBtn {
		font-size: 0.8rem;
	}

	.page-inauguration #bioSection .bioBanner .contentContainer .bioImgContainer {
		max-width: 250px;
	}
	/* GIVING SECTION */
	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingCopyContainer {
		font-size: 0.9rem;
		gap: 1rem;
	}

	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingCopyContainer
	a.givingBtn {
		font-size: 0.8rem;
	}

	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingImgContainer {
		max-width: 250px;
	}
	/* KUDOS SECTION */
	.page-inauguration #kudos .kudosBanner .contentContainer .kudosCopyContainer {
		font-size: 0.9rem;
		gap: 1rem;
	}

	.page-inauguration
	#kudos
	.kudosBanner
	.contentContainer
	.kudosCopyContainer
	a.kudosBtn {
		font-size: 0.8rem;
	}

	.page-inauguration #kudos .kudosBanner .contentContainer .kudosImgContainer {
		max-width: 250px;
	}
}

@media (max-width: 813px) {
	.page-inauguration .introduction {
		height: auto;
		margin-bottom: 2rem;
	}

	.page-inauguration #bioSection {
		height: auto;
		margin-bottom: 3rem;
	}

	.page-inauguration #events {
		height: auto;
		margin-bottom: 3rem;
	}

	.page-inauguration #giving {
		height: auto;
		margin-bottom: 3rem;
	}

	.page-inauguration #kudos {
		height: auto;
		margin-bottom: 3rem;
	}

	.page-inauguration #faq {
		height: auto;
		margin-bottom: 3rem;
	}

	.page-inauguration #events .contentContainer .eventsCopy h2 {
		/* font-size: 1em; */
	}
}

@media (max-width: 782px) {
	.page-inauguration #faq .contentContainer .faqCopy h2 {
		font-size: 2rem;
	}

	.page-inauguration #faq .contentContainer .faqCopy p {
		font-size: 1rem;
	}

	.page-inauguration
	#faq
	.accordions
	.accordion
	.accordion-content
	.accordion-inner
	p {
		font-size: 0.9rem;
	}

	.page-inauguration #faq .accordions .accordion button.accordion-header {
		font-size: 0.85rem;
	}
}

@media (max-width: 728px) {
	.page-inauguration #hero .heroCopy .heroTitle {
		font-size: 1.8rem;
	}

	.page-inauguration #hero .heroCopy .descriptionContainer .heroDescription {
		font-size: 0.9rem;
	}

	.page-inauguration #hero .heroCopy a {
		font-size: 0.7rem;
	}
}

@media (max-width: 674px) {
	/* WHITE BACKGROUND ANIMATED SECTION */
	.page-inauguration
	#bioSection
	.bioBanner
	.contentContainer
	.bioCopyContainer {
		font-size: 0.8rem;
		gap: 1rem;
	}

	.page-inauguration
	#bioSection
	.bioBanner
	.contentContainer
	.bioCopyContainer
	a.bioBtn {
		font-size: 0.7rem;
	}

	.page-inauguration #bioSection .bioBanner .contentContainer .bioImgContainer {
		max-width: 200px;
	}
	/* GIVING SECTION */
	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingCopyContainer {
		font-size: 0.8rem;
		gap: 1rem;
	}

	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingCopyContainer
	a.givingBtn {
		font-size: 0.7rem;
	}

	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingImgContainer {
		max-width: 200px;
	}
	/* KUDOS SECTION */
	.page-inauguration #kudos .kudosBanner .contentContainer .kudosCopyContainer {
		font-size: 0.8rem;
		gap: 1rem;
	}

	.page-inauguration
	#kudos
	.kudosBanner
	.contentContainer
	.kudosCopyContainer
	a.kudosBtn {
		font-size: 0.7rem;
	}

	.page-inauguration #kudos .kudosBanner .contentContainer .kudosImgContainer {
		max-width: 200px;
	}
}

@media (max-width: 570px) {
	.page-inauguration #events .contentContainer .eventsCopy h2 {
		font-size: 1.5rem;
	}

	.page-inauguration #events .contentContainer {
		max-width: 95% !important;
	}

	.page-inauguration #events .contentContainer .eventsCopy p {
		font-size: 1rem;
	}

	/* Make Event cards slightly smaller */
	.page-inauguration #events .eventsContainer .inaugurationEventCardLink {
		flex: 1 1 300px;
		min-width: 250px;
		max-width: 300px;
	}

	.page-inauguration
	#events
	.eventsContainer
	.inaugurationEventCard
	.inaugurationEventCardBody
	.eventDate,
	.page-inauguration
	#events
	.eventsContainer
	.inaugurationEventCard
	.inaugurationEventCardBody
	.eventLocation {
		font-size: 0.78rem;
	}
}

@media (max-width: 556px) {
	/* WHITE BACKGROUND ANIMATED SECTION */
	/* BIO SECTION */
	.page-inauguration #bioSection .bioBanner .contentContainer {
		flex-direction: column;
		gap: 2rem;
	}

	.page-inauguration
	#bioSection
	.bioBanner
	.contentContainer
	.bioCopyContainer
	a.bioBtn {
		/* width: 100%; */
		align-self: center;
		text-align: center;
	}

	.page-inauguration
	#bioSection
	.bioBanner
	.contentContainer
	.bioCopyContainer {
		text-align: center;
	}

	.page-inauguration
	#bioSection
	.bioBanner
	.contentContainer
	.bioCopyContainer
	h2 {
		text-align: center;
		align-self: stretch;
	}
	/* GIVING SECTION */

	.page-inauguration #giving .givingBanner .contentContainer {
		flex-direction: column;
		gap: 2rem;
	}

	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingCopyContainer
	a.givingBtn {
		/* width: 100%; */
		align-self: center;
		text-align: center;
	}

	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingCopyContainer {
		text-align: center;
	}

	.page-inauguration
	#giving
	.givingBanner
	.contentContainer
	.givingCopyContainer
	h2 {
		text-align: center;
		align-self: stretch;
	}

	/* KUDOS SECTION */
	.page-inauguration #kudos .kudosBanner .contentContainer {
		flex-direction: column;
		gap: 2rem;
	}

	.page-inauguration
	#kudos
	.kudosBanner
	.contentContainer
	.kudosCopyContainer
	a.kudosBtn {
		/* width: 100%; */
		align-self: center;
		text-align: center;
	}

	.page-inauguration #kudos .kudosBanner .contentContainer .kudosCopyContainer {
		text-align: center;
	}

	.page-inauguration
	#kudos
	.kudosBanner
	.contentContainer
	.kudosCopyContainer
	h2 {
		text-align: center;
		align-self: stretch;
	}
}

@media (max-width: 650px) {
	.page-inauguration #introduction .p-1,
	.page-inauguration #introduction .p-2 {
		line-height: 1.6;
		font-size: 1.5rem;
	}
}

@media (max-width: 648px) {
	.page-inauguration #hero .heroCopy .heroTitle {
		font-size: 1.7rem;
	}
}

@media (max-width: 604px) {
	.page-inauguration #hero .heroCopy {
		max-width: 90%;
	}
}

@media (max-width: 450px) {
	.page-inauguration #introduction .p-1,
	.page-inauguration #introduction .p-2 {
		line-height: 1.6;
		font-size: 1.2rem;
	}
}

@media(min-width: 511px) {
	.page-inauguration #main-content #hero .heroCopy .heroTitle br {
		display: none;
	}
}
@keyframes loaderPulse {
	0% {
		transform: scale(0.95);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.95);
	}
}