body {
	overflow-x: hidden;
	background-color: var(--c__primary--bg);
}

/* Push footer to bottom of page */
@media screen and (max-width: 733px) {
	.main-content {
		min-height: 50vh;
	}
}

.main-content {
	min-height: 45vh;
}

.departments-list {
	.department-name {
		background-color: var(--c__primary--bg);
	}

	a {
		display: block;
		padding: 15px 30px;
		font-size: 20px;
		background-color: var(--c__color-one--bg);
		border-color: var(--c__primary--fg);
		border: solid 2.5pt;
		margin-top: -2.5pt;
		text-decoration: none;
		text-align: center;
		transition: all 0.3s ease;

		&:hover {
			background-color: var(--c__primary--fg);
			border-color: var(--c__primary--fg);
			color: var(--c__color-one--bg);
			transform: rotate(7deg);
			background-color: var(--c__primary--fg);
			border-bottom: 2.5pt solid var(--c__primary--fg);
		}
	}
}

@media (min-width: 1200px) {
	.grad2026.rpp__row {
		padding-left: 0;
		padding-right: 0;

		/* Needed for sticky functionality */
		overflow: visible;
	}
}

.rpp__column.rpp__column--first {
	height: stretch;
}

.grad2026__homepage--artwork {
	position: sticky;
	top: 0;
	left: 0;

	h2 {
		display: inline-block;
		border: solid 2.5pt;
		color: var(--c__primary--fg);
		background-color: var(--c__color-one--hover);
		padding: 0 16px 8px 16px;
		position: absolute;
		bottom: 30px;
		left: 30px;
	}
}

/* Hero */
#header,
#header-secondary {
	width: 100%;
	background-color: var(--c__primary--bg);

	>* {
		font-weight: bold;
		text-transform: uppercase;
		background-color: transparent;
	}

	a {
		text-decoration: none;

		&:hover {
			color: var(--c__primary--fg);
			text-decoration: underline;
		}
	}

	ul,
	li {
		text-decoration: none;
		display: flex;
		gap: 96px;
	}
}

#header-secondary {
	position: relative;
	background-color: var(--c__primary--bg);
}

#layout-builder .grad2026__header {
	position: relative;
}

/* Header responsive font size and spacing */
.grad2026__header,
.grad2026__header p,
.grad2026__header ul li {
	font-size: 0.75rem;
}

.col.rpp__column.rpp__column--first,
.col.rpp__column.rpp__column--second {
	flex-basis: content;
}

@media screen and (min-width: 700px) {
	#header .rpp__component {
		padding-bottom: 0;
	}

	.grad2026__header,
	.grad2026__header p,
	.grad2026__header ul li {
		font-size: 1.375rem;
	}

	.col.rpp__column.rpp__column--first,
	.col.rpp__column.rpp__column--second {
		flex-basis: auto;
	}
}

/* Menu and video alignment on mobile */
@media screen and (max-width: 700px) {
	.grad2026__header .rpp__component--inline-block-basic {
		padding: 71px 15px 34px 15px;
	}

	.grad2026__video {
		.rpp__component:not(.rpp__component--inline-block-hero) {
			padding: 0 15px;
		}
	}

	.grad2026__video .rpp__basic--media {
		position: relative;
	}
}

.grad2026__hero {
	.grad2026__show-info {
		position: absolute;
		bottom: 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		font-weight: bold;
		text-transform: uppercase;
	}
}

/* Use for utility blocks, like libraries */
.hidden,
.rpp__row.hidden {
	display: none;
}

/* Footer - Desktop */
@media (min-width: 1199px) {
	.grad2026__footer {

		/* Seal */
		.grad2026__seal img {
                        max-width: 200px;
			margin-right: 50px;
			margin-bottom: 3rem;
		}

		>.rpp__column.rpp__column--second {
			width: 15%;
			min-width: 250px;
		}

		&.rpp__row-width--50-25-25>.rpp__column--first {
			width: 580px;
			max-width: 580px;
		}
	}

	.grad2026__footer.mobile-hide p {
    	    font-size: 16px;
   	    line-height: 160%;
	}
}

/* Footer - Mobile */
/* Activates under 1200px */
@media screen and (min-width: 1200px) {
	.grad2026__footer.mobile-show {
		display: none !important;
	}

	.grad2026__footer.mobile-hide {
		display: flex !important;
	}
}
@media screen and (max-width: 1199px) {
	.grad2026__footer.mobile-show {
		display: flex !important;
	}

	.grad2026__footer.mobile-hide {
		display: none !important;
	}
}

.mobile-show.rpp__bg-color--color-two.rpp__row-width--25-75.rpp__horizontal-alignment--left.rpp__vertical-alignment--middle.row.rpp__row.rpp__row--two-column {
	flex-wrap: nowrap;
}

/* Align text with seal */
.grad2026__footer.mobile-show .grad2026__seal.rpp__component.rpp__component--layout-builder.rpp__component--inline-block-image {
    padding-top: 2.5rem !important;
}

.grad2026__footer.mobile-show .col.rpp__column.rpp__column--second {
	max-width: 60%;
	padding-top: 2.5rem !important;
}

.grad2026__footer.mobile-show .grad2026__seal img {
	max-width: 200px;
        width: 100%;
}

/* Seal */
.grad2026__footer.mobile-show .col.rpp__column.rpp__column--first {
	max-width: 17%;
	margin-left: 1rem;
}

.grad2026__footer.mobile-show .rpp__component--inline-block-image {
	padding-left: 0;
	padding-right: 0;
}

/* Video */
/* Hide scroll arrow */
.grad2026__video .rpp-video::after {
	display: none;
}

.footer-social a {
	text-decoration: none;
}

.footer-social .footer-social__youtube {
	filter: invert(1)
}

/* Mobile Poster */
@media screen and (max-width: 770px) {
	.mobile-show {
		display: block;
	}

	.mobile-hide {
		display: none !important;
	}

	/* Show bg color approximation on mobile to account for different non-srgb color profiles */
	:root {
		--c__primary--bg: #cfddec;
	}
}

@media screen and (min-width: 771px) {
	.mobile-show {
		display: none !important;
	}

	.mobile-hide {
		display: block;
	}
}

/* Header nav media queries */
@media screen and (max-width: 770px) {

	#header,
	#header-secondary {
		position: relative;
		background-color: var(--c__primary--bg);
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.grad2026__header .rpp__column--second .rpp__block-alignment--right {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 1200px) {
	.grad2026__footer p {
		font-size: 1rem;
		line-height: 109%;
	}

	.grad2026__seal img {
		height: auto;
		padding: 0;
		margin: 0;
	}
}