@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

:root {
	--primary-color: #003366;
	--primary-alt: #2378cd;
	--secondary-color: #fed103;
	--white: #ffffff;
	--light-gray: #dde5e9;
	--extra-light-gray: #f4f4f4;
	--dark-gray: #757575;
	--black: #000000;
}

/* REM */
* {
	font-size: 16px;
}

@media (max-width: 1199px) {
	* {
		font-size: 14px;
	}
}

@media (max-width: 766px) {
	* {
		font-size: 12px;
	}
}

html,
body {
	margin: 0 !important;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

section {
	position: relative;
}

body {
	font-family: "Montserrat", serif;
	color: var(--primary-color);
	line-height: normal;
}

.bg-white {
	background-color: var(--white) !important;
}

.bg-gray {
	background-color: var(--light-gray) !important;
}

.bg-dark-gray {
	background-color: var(--dark-gray) !important;
	color: var(--white);
}

.bg-primary {
	background-color: var(--primary-color) !important;
	color: var(--white);
}

.bg-primary-alt {
	background-color: var(--primary-alt) !important;
	color: var(--white);
}

.bg-secondary {
	background-color: var(--secondary-color) !important;
	color: var(--primary-color);
}

.bg-overlay {
	position: relative;
	color: var(--white);
	background-color: var(--primary-color);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg-overlay::before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0.41));
}

.text-white {
	color: var(--white) !important;
}

.text-primary {
	color: var(--primary-color) !important;
}

.text-muted {
	color: #42484c !important;
}

/* headings - start */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", serif;
	font-weight: 700;
}

h1,
.h1 {
	font-size: 2.75rem;
}

h2,
.h2 {
	font-size: 2.25rem;
	margin-bottom: 1rem;
}

h3,
.h3 {
	font-size: 1.8rem;
}

h4,
.h4 {
	font-size: 1.5rem;
}

h5,
.h5 {
	font-size: 1.25rem;
}

h6,
.h6 {
	font-size: 1rem;
	font-weight: 700;
}

/* headings - end */

/* opacity - start */
.opacity-30 {
	opacity: 0.3;
}

.opacity-40 {
	opacity: 0.4;
}

.opacity-50 {
	opacity: 0.5;
}

.opacity-60 {
	opacity: 0.6;
}

/* opacity - end */

/* text sizes - start */
.font-size-xl {
	font-size: 3rem;
}

.font-size-lg {
	font-size: 2.2rem;
}

.font-size-md {
	font-size: 1.8rem;
}

.font-size-sm {
	font-size: 1.2rem;
}

.font-size-xs {
	font-size: 1rem;
}

/* text sizes - end */

/* links */

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

a[href$=".pdf"]::after {
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	position: relative;
	right: -5px;
	padding-right: 10px;
	top: 0;
	font-style: normal;
}

a[href$=".xlsx"]::after {
	content: "\f1c3";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	position: relative;
	right: -5px;
	padding-right: 10px;
	top: 0;
	font-style: normal;
}

a[href$=".docx"]::after {
	content: "\f1c2";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	position: relative;
	right: -5px;
	padding-right: 10px;
	top: 0;
	font-style: normal;
}

a.external::after {
	content: "\f08e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	position: relative;
	right: -5px;
	padding-right: 10px;
	top: 0;
	font-style: normal;
}

/* end links */

/* buttons - start */
.btn-default,
.content .btn-default {
	font-family: "Montserrat", serif;
	background-color: var(--primary-color);
	color: var(--white);
	text-decoration: none;
	text-align: center;
	text-transform: none;
	padding: 12px 16px;
	margin: 10px 0;
	border: none;
	border-radius: 10rem;
	width: -moz-fit-content;
	width: fit-content;
	min-width: 120px;
	position: relative;
	z-index: 1;
	line-height: 1.1;
}

.btn-default:hover,
.btn-default:focus,
.content .btn-default:hover,
.content .btn-default:focus {
	color: var(--primary-color);
	background-color: var(--primary-color);
}

/* select the btn that is not :last */
.btn-default:not(:last-child),
header .nav-links a:not(:last-child) {
	margin-right: 10px;
}

.btn-default::before,
.content .btn-default::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-color: var(--light-gray);
	border-radius: 10rem;

	transition: all 250ms ease-out;
	transform: scale(0);
	transform-origin: center;
}

.btn-default-home::before,
.content .btn-default-home::before {
	background-color: var(--secondary-color);
	color: var(--primary-color);
}

.btn-default:hover::before,
.btn-default:focus::before,
.content .btn-default:hover::before,
.content .btn-default:focus::before {
	transform: scaleX(1);
}

.btn-white,
.content .btn-white {
	background-color: var(--white);
	color: var(--primary-color);
	border: 2px solid var(--primary-color);
}

.btn-white:hover,
.btn-white:focus,
.content .btn-white:hover,
.content .btn-white:focus {
	color: var(--primary-color);
	background-color: var(--white);
}

.btn-white::before,
.content .btn-white::before {
	background-color: var(--light-gray);
}

.btn-secondary,
.content .btn-secondary {
	background-color: var(--primary-alt);
	color: var(--white);
	border: 2px solid;
	border-color: var(--primary-alt);
}

.btn-secondary:hover,
.btn-secondary:focus,
.content .btn-secondary:hover,
.content .btn-secondary:focus {
	background-color: var(--primary-alt);
	border-color: var(--primary-alt);
	color: var(--white);
}

.btn-secondary::before,
.content .btn-secondary::before {
	background-color: var(--primary-color);
	color: var(--white);
}

.btn-link.focus,
.btn-link:focus {
	text-decoration: none;
}

.btn-block {
	text-align: center;
	display: block;
}

.btn-highlight,
.content .btn-highlight {
	background-color: var(--secondary-color);
	color: var(--primary-color);
}

.btn-highlight:hover,
.btn-highlight:focus,
.content .btn-highlight:hover,
.content .btn-highlight:focus {
	background-color: var(--secondary-color);
	color: var(--white);
}

.btn-highlight::before,
.content .btn-highlight::before {
	background-color: var(--primary-alt);
	color: var(--white);
}

.btn-outline,
.content .btn-outline {
	background-color: var(--primary-color);
	color: var(--white);
	border: 2px solid var(--white);
}

.btn-xl,
.content .btn-xl {
	/* width: 100%; */
	font-size: 1.5rem;
	padding: 1.5rem 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* buttons - end */

/* tables */
table.table {
	margin-bottom: 2.5rem;
	color: var(--primary-color);
	border-top: 1px solid var(--light-gray);
}

/* alert - start */
.cookiealert {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0 !important;
	z-index: 999;
	opacity: 0;
	border-radius: 0;
	transform: translateY(100%);
	transition: all 500ms ease-out;
	color: var(--black);
	background-color: var(--secondary-color);
	padding: 30px;
	font-size: 18px;
	font-weight: 400;
}

.cookiealert.show {
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 1000ms;
}

.alert {
	border-radius: 0;
	margin: 0;
	padding: 20px;
	font-size: 18px;
	background-color: var(--secondary-color);
}

.alert span {
	display: inline-block;
	margin-right: 30px;
}

.alert-emergency {
	width: 100%;
	z-index: 100;
	left: 0;
}

.alert-emergency {
	position: static;
}

.alert-emergency .btn-close {
	position: relative;
	float: right;
	margin-top: -20px;
}

/* alert - end */

.fa-exclamation-triangle {
	font-size: 40px;
	color: var(--primary-color);
}

.disclaimer {
	font-size: 16px;
	border-top: 5px solid var(--hilite-color);
	margin: 20px auto 50px;
	padding: 10px 0;
}

img.bg-image {
	-o-object-fit: cover;
	object-fit: cover;
}

img.float-right {
	margin-left: 20px;
	float: right;
}

img.float-left {
	margin-right: 20px;
	float: left;
}

[tabindex="-1"]:focus {
	outline: 0 !important;
}

abbr[title],
abbr[data-original-title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin-bottom: 0.5rem;
	margin-left: 0;
}

dfn {
	font-style: italic;
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

iframe,
video {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

.content a,
a {
	color: var(--primary-color);
	text-decoration: underline;
	font-weight: 600;
	background-color: transparent;
}

a:hover,
a:focus {
	color: var(--black);
	text-decoration: none;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

a[href$=".pdf"]::after {
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	position: relative;
	right: -5px;
	padding-right: 10px;
	top: 0;
	font-style: normal;
}

a[href$=".xlsx"]::after {
	content: "\f1c3";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	position: relative;
	right: -5px;
	padding-right: 10px;
	top: 0;
	font-style: normal;
}

a[href$=".docx"]::after {
	content: "\f1c2";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	position: relative;
	right: -5px;
	padding-right: 10px;
	top: 0;
	font-style: normal;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
	line-height: 1.35;
}

.interior .content ul,
.interior .content ol {
	font-size: 18px;
	font-weight: 300;
}

.interior .content ul li a,
.interior .content ol li a {
	text-decoration: none;
	border-bottom: 1px solid var(--black);
	font-weight: 400;
}

.interior .content ul li a:hover,
.interior .content ul li a:focus,
.interior .content ol li a:hover,
.interior .content ol li a:focus {
	border-bottom: none;
}

.form-group .btn-default {
	min-width: 1px;
}

img {
	max-width: 100%;
	height: auto;
}

.content {
	overflow: hidden;
	padding-bottom: 2.5rem;
}

.split-section {
	height: auto;
}

.align-center {
	align-items: center;
	text-align: center;
}

.align-right {
	align-items: right;
	text-align: right;
}

.align-left {
	align-items: left;
	text-align: left;
}

div.spacer {
	height: 3rem;
}

/* breadcrumbs */
.breadcrumbs {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}

.breadcrumbs a {
	padding: 0 0.35rem;
	text-decoration: none;
}

/* events - start */
:not(.index) .events {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
}

.events {
	margin-top: 1rem;
	padding-bottom: 4rem;
}

.events-content {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	padding-bottom: 1.5rem;
}

.event-item {
	padding: 0;
	height: 70px;
}

.event-item a.event-wrapper {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	text-decoration: none;
}

.event-item a.event-wrapper .event-date-wrapper {
	background-color: var(--secondary-color);
	height: 70px;
	width: 82px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	/* border-left: 2px solid var(--secondary-color); */
	/* border-bottom: 2px solid var(--secondary-color); */
}

.event-item a.event-wrapper:hover,
.event-item a.event-wrapper:focus {
	text-decoration: none;
	color: white;
	background-color: var(--primary-color);
}

.event-item a.event-wrapper:hover .event-date-wrapper,
.event-item a.event-wrapper:focus .event-date-wrapper {
	color: var(--primary-color);
	background-color: var(--white);
	border: 2px solid var(--secondary-color);
}

.event-item .event-details-wrapper {
	border-top: 2px solid var(--secondary-color);
	padding-left: 3rem;
	padding-top: 0.7rem;
	width: 100%;
}

.event-item:last-child .event-details-wrapper {
	border-bottom: 2px solid var(--secondary-color);
}

.event-details-wrapper .event-title {
	display: block;
	font-size: 1.2rem;
	line-height: 1.05;
	font-weight: 600;
}

.event-details-wrapper .event-time {
	display: inline;
	font-weight: 300;
}

.event-details-wrapper .event-location {
	display: inline;
	font-weight: 300;
}

/* events - end */

/* index news - start */
.tax-chip {
	color: var(--white);
	background-color: var(--primary-color);
	padding: 0.2rem 0.5rem;
	border-radius: 0.25rem;
	text-transform: uppercase;
	font-size: 0.75rem;
	width: -moz-fit-content;
	width: fit-content;
}

.news-date {
	text-transform: uppercase;
	font-size: 0.75rem;
}

.news-index {
	margin-top: 12rem;
}

.news-index .news-list {
	position: relative;
	z-index: 1;
	padding-right: 0;
	padding-left: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.news-index .news-item {
	position: relative;
	width: 32%;
	padding-right: 0rem;
	padding-left: 0rem;
	text-decoration: none !important;
}

.news-index .news-item:not(.feature-item)::after {
	content: "";
	height: 120px;
	width: 2px;
	background-color: var(--light-gray);
	position: absolute;
	right: 0;
	top: 0;
}

.news-index .news-item:last-of-type::after {
	display: none;
}

.news-index .news-item p {
	font-weight: 400;
}

.news-index .news-item .news-image {
	width: 100%;
	aspect-ratio: 9/5;
	overflow: hidden;
	margin-bottom: 2.6rem;
	background-color: var(--dark-gray);
	display: flex;
}

.news-index .news-item:hover img,
.news-index .news-item:focus img {
	transform: scale(1.02);
}

.news-index .news-item .news-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s ease-out;
}

.news-index .news-card-text {
	padding: 0 0.4rem 1rem 0;
}

.news-index .news-card-text h3 {
	margin-bottom: 12px;
}

.news-index .news-item.feature-item {
	width: 100%;
}

.news-index .news-item.feature-item .news-card-text {
	width: 100%;
}

.news-index .news-item.feature-item .news-card-image {
	width: 100%;
}

/* index news - end */

/* split sections */
.split-section {
	position: relative;
	z-index: 1;
	overflow: visible;
}

.split-section .split-image-droplet-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: auto;
	background-image: url(../images/droplet__yellowleft.svg);
	background-size: contain;
	background-position: right top;
	background-repeat: no-repeat;
	z-index: -1;
}

.split-section .split-image-droplet-right {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 500px;
	height: auto;
	background-image: url(../images/droplet__yellowright.svg);
	background-size: contain;
	background-position: right top;
	background-repeat: no-repeat;
	z-index: -1;
}

.split-section .split-image-droplet-left .bg-image-droplet {
	height: auto;
	width: 100%;
	object-fit: cover;
	transform: translate(-20%, 0);
	-webkit-mask: url(../images/droplet__yellowleft.svg) no-repeat;
	mask: url(../images/droplet__yellowleft.svg) no-repeat;
	mask-type: alpha;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: right top;
	mask-position: right top;
}

.split-section .split-image-droplet-right .bg-image-droplet {
	height: auto;
	width: 100%;
	object-fit: cover;
	transform: translate(20%, 0);
	-webkit-mask: url(../images/droplet__yellowright.svg) no-repeat;
	mask: url(../images/droplet__yellowright.svg) no-repeat;
	mask-type: alpha;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: right top;
	mask-position: right top;
}

.testimonial-text {
	padding: 3rem 1.5rem;
	max-width: 520px;
	margin: 0 auto;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	height: 100%;
}

.testimonial-text .title {
	font-family: "Montserrat", serif;
	font-weight: 700;
	font-size: 2.25rem;
	color: var(--primary-color);
	text-decoration: none;
	margin-bottom: 10px;
	transition: all 0.3s ease-in-out;
}

.testimonial-text .title:hover,
.testimonial-text .title:focus {
	color: var(--primary-alt);
}

.testimonial-text.testimonial-text-right {
	text-align: right;
	align-items: flex-end;
}

.testimonial-text p.quote {
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}

.testimonial-text p.quote::before {
	content: url(../images/graphic-quotes__gray.svg);
	font-weight: 900;
	font-size: 24px;
	position: absolute;
	left: -1.25rem;
	top: 0;
	z-index: -1;
	opacity: 0.15;
}

.testimonial-text.testimonial-text-right p.quote::before {
	left: auto;
	right: -1.5rem;
	top: auto;
	bottom: 0;
	transform: rotate(180deg);
}

.testimonial-text em {
	font-style: italic;
	font-weight: 600;
	color: var(--primary-color);
}

/* centered split section */
.split-section .container {
	position: relative;
	min-height: 400px;
}

.split-centered {
	margin-top: 5rem;
}

.split-section.split-centered .split-image-droplet-right,
.split-section.split-centered .split-image-droplet-left {
	right: 11rem;
}

.split-centered .testimonial-text {
	padding: 3rem 1.5rem;
	max-width: 580px;
	height: 100%;
	margin: 0;
}

.split-centered .testimonial-text.testimonial-text-right {
	text-align: right;
	align-items: flex-end;
}

/* split-sections - end */

/* prefooter - end */

.restrict {
	padding: 0 20%;
}

.figure {
	display: block;
}

.figure-caption {
	color: #42484c;
}

.figure img {
	margin: 0px auto 20px auto;
}

/* paragraph block - start */
.lead-paragraph {
	font-size: 20px;
	display: block;
}

blockquote,
.blockquote-paragraph {
	border-left: 8px solid var(--primary-alt);
	padding-left: 24px;
	margin: 1rem 1rem 1rem 24px;
	color: var(--primary-alt);
	font-family: "Montserrat", serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%;
	width: 60%;
	float: right;
}

.blockquote-footer {
	margin-top: 10px;
	color: var(--dark-gray);
}

/* Titles with Drop-Shape */

.droplet-title {
	position: relative;
	text-align: left;
	z-index: 1;
	padding: 1rem 0;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	overflow: visible;
}

.droplet-title::before {
	content: url(../images/droplet__yellowleft.svg);
	position: absolute;
	width: 3rem;
	height: auto;
	top: -0.25rem;
	left: -2rem;
	z-index: -1;
}

.droplet-title-white::before {
	content: url(../images/droplet__whiteleft.svg);
}

.droplet-title-alt::before {
	content: url(../images/droplet__blueleft.svg);
}

/* index hero - start */
.hero.hero-index {
	padding-top: 310px;
	height: 100vh;
	min-height: 720px;
	max-height: 920px;
	overflow: visible;
	z-index: 99;
}

.hero.hero-index .hero-index-content {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	/* padding: 0 10%; */
	height: 100%;
	text-align: center;
	font-weight: bold;
}

.hero-index .hero-logo {
/* 	width: 206px;
	height: 206px; */
/* 	UAT 232400 */
	width: 258px;
	height: 258px;
	object-fit: contain;
	margin: 1.75rem auto;
}

.hero-index .hero-logo img {
	width: 100%;
	height: auto;
}

.hero.hero-index video#heroVideo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.hero.hero-index .video-overlay {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.3);
}

.hero.hero-index .play-pause,
.hero.hero-index .play {
	position: absolute;
	z-index: 1;
	color: var(--white);
	background-color: var(--primary-color);
	width: 2rem;
	height: 2rem;
	bottom: 1rem;
	left: 1rem;
	border: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6rem;
}

.hero.hero-index .play-pause img,
.hero.hero-index .play img {
	height: 0.75rem;
	width: auto;
	border-radius: none;
}

.hero.hero-index .play-pause:hover,
.hero.hero-index .play-pause:focus {
	background-color: var(--primary-alt);
}

.hero {
	height: 22.5rem;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
}

.hero.hero-index video,
.hero img {
	width: 100%;
	height: 600px;
	object-fit: cover;
}

.hero .hero-heading {
	height: 100%;
	text-align: left;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	justify-content: flex-end;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}

.hero .hero-heading h1,
.hero .hero-heading h1 span {
	font-size: 4rem;
}

.hero .hero-heading h1,
.hero .hero-heading h2 {
	color: white;
	padding-bottom: 12px;
	margin: 0;
	text-transform: uppercase;
}

/* index hero - end */

/* bg graphics large */
.xl-bg-graphic {
	background-image: url(../images/background-shape__gray1.svg);
	background-size: contain;
	background-position: -16rem top;
	background-repeat: no-repeat;
}

/* degree finder */
.degree-finder {
	padding-top: 3rem;
	padding-bottom: 2.5rem;
	min-height: 500px;
	background-color: var(--light-gray);
	overflow: hidden;
}

.degree-finder .degree-finder-content {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.degree-finder .bg-swoop-top {
	background-image: url(../images/svg/swoop-mask_top-white_degree-finder.svg);
	height: 100%;
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: 90% auto;
	background-position: top right;
	background-repeat: no-repeat;
}

.degree-finder .bg-swoop-bottom {
	background-image: url(../images/svg/swoop-mask_bottom-white_degree-finder.svg);
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.degree-finder-content .degree-buttons {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	margin-top: 2.5rem;
}

.degree-finder .btn.btn-default {
	padding: 0.1rem 1.2rem;
	width: 100%;
	min-width: 210px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10rem;
	height: 100%;
}

/* search */
.degree-finder .search-container {
	border-radius: 2rem;
	background-color: var(--white);
	border: 2px solid var(--primary-color);
	width: 90%;
	max-width: 880px;
	padding: 0.25rem 1rem 0.5rem 1rem;
	margin-bottom: 1.75rem;
}

.degree-finder .search-container input {
	width: calc(100% - 35px);
	margin: 0;
	border: none;
	color: var(--primary-color);
	background-color: transparent;
}

.degree-finder .search-container input::placeholder {
	color: var(--primary-color);
}

.degree-finder .search-container button {
	background-color: transparent;
	border: none;
	margin: 0;
	width: 30px;
	height: 30px;
	border-radius: 0 2rem 2rem 0;
	color: var(--primary-color);
	padding: 0.25rem;
	cursor: pointer;
}

.degree-finder .search-container button span::before {
	font-weight: 1rem;
}

/* degree finder xtd*/
.degree-finder.df-extended {
	padding-top: 6rem;
	padding-bottom: 5rem;
	margin-bottom: 5rem;
	min-height: 500px;
	/* background-color: var(--light-gray); */
	overflow: hidden;
}

.degree-finder .bg-swoop-top {
	background-image: url(../images/svg/swoop-mask_top-white_degree-finder-xtd.svg);
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0;
	width: 100%;
	z-index: 0;
	background-size: 100% auto;
	background-position: top right;
	background-repeat: no-repeat;
}

/* swoop cta */
.swoop-cta {
	margin-top: 5rem;
	padding-bottom: 3rem;
	min-height: 560px;
	background-color: var(--primary-color);
	background-image: url(../images/background-image.png);
	background-size: cover;
	background-blend-mode: luminosity;
}

.swoop-cta .swoop-cta-content h2,
.swoop-cta .swoop-cta-content h3,
.swoop-cta .swoop-cta-content h4,
.swoop-cta .swoop-cta-content h5,
.swoop-cta .swoop-cta-content h6,
.swoop-cta .swoop-cta-content p {
	color: var(--white);
}

.swoop-cta .swoop-cta-image {
	z-index: 2;
}

.swoop-cta .swoop-cta-content {
	display: flex;
	flex-flow: column nowrap;
	align-items: left;
	gap: 0.5rem;
	padding-top: 60px;
	padding-left: 30px;
	z-index: 2;
}

.swoop-cta .bg-swoop-top {
	background-image: url(../images/svg/swoop-mask_top-white_home-cta.svg);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: 100% auto;
	background-position: top right;
	background-repeat: no-repeat;
}

.swoop-cta .bg-swoop-bottom {
	background-image: url(../images/svg/swoop-mask_bottom-white_home-cta.svg);
	height: 100%;
	position: absolute;
	bottom: -0.5px;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.hex-image-wrapper {
	margin: -4rem auto 0;
	background-color: var(--secondary-color);
	padding: 4px;
	height: 36rem;
	width: 28rem;
	object-fit: cover;
	clip-path: polygon(0% 15%, 50% 0, 100% 15%, 100% 85%, 50% 100%, 0% 85%);
}

.hex-image-wrapper2 {
	background-color: white;
	height: 100%;
	width: auto;
	padding: 8px;
	clip-path: polygon(0% 15%, 50% 0, 100% 15%, 100% 85%, 50% 100%, 0% 85%);
}

.hex-image {
	object-fit: cover;
	height: 100%;
	width: auto;
	clip-path: polygon(0% 15%, 50% 0, 100% 15%, 100% 85%, 50% 100%, 0% 85%);
}

/* swoop cta - end */

/* schools listing */
.schools-listing {
	padding-top: 3rem;
	padding-bottom: 1.75rem;
}

.schools-listing .schools-listing-cards {
	padding-top: 3rem;
}

.schools-listing .school-link {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5rem 2.5rem;
	height: calc(100% - 1rem);
	margin-bottom: 1rem;
	color: white;
	text-decoration: none;
	background-size: cover !important;
	background-position: center !important;
	background-blend-mode: multiply;
	font-size: 24px;
	transition: all 0.3s ease-in-out;
}

.schools-listing .school-link:hover,
.schools-listing .school-link:focus {
	color: var(--secondary-color);
	transform: scale(0.99);
}

/* end schools listing */

/* cta card list */
section.cta-list {
	position: relative;
	margin-top: 3rem;
	padding-top: 5rem;
	padding-bottom: 1.75rem;
	background-image: url(../images/droplet__yellowleft.svg);
	background-size: contain;
	background-position: -75% top;
	background-repeat: no-repeat;
}

.card {
	border-radius: 0;
	border: none;
	background-color: transparent;
	padding: 0;
	margin-bottom: 1.5rem;
	display: flex;
	flex-flow: column nowrap;

	align-items: center;
}

.card .card-img {
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 0;
	background-size: cover;
}

.card .card-content {
	padding: 1.5rem 0;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100%;
	gap: 0.75rem;
}

.card .card-content h3 {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}

.droplet-section-left {
	position: absolute;
}

/* end cta card list */

/* sidenav */
#sideNav {
	padding-top: 3rem;
	padding-left: 3rem;
	background-image: url(../images/svg/swipe-sidenav.svg);
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 600px;
}

#sideNav nav {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	/* max-width: 300px;
	margin-left: auto; */
}

#sideNav .sidenav-dropdown {
	width: 100%;
}

#sideNav .nav-link {
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	border: none;
	background-color: transparent;
	color: var(--primary-color);
	font-weight: 700;
	width: 100%;
	margin: 0.5rem 0;
}

#sideNav .nav-link.sidenav-dropdown-toggle::after {
	content: "";
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-image: url("../images/nav-chevron.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 300ms ease-in-out;
	float: right;
}

#sideNav .nav-link.sidenav-dropdown-toggle.show::after {
	transform: rotate(180deg);
}

#sideNav .sidenav-dropdown-menu {
	overflow: hidden;
	transition: all 300ms ease-in-out;
}

#sideNav .sidenav-dropdown-menu.collapsed {
	max-height: 0;
}

#sideNav .sidenav-dropdown-menu.show {
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0.5rem;
	margin: 0;
	width: 100%;
	max-height: 300px;
}

#sideNav .sidenav-dropdown-menu a {
	display: block;
	font-size: 0.8rem;
	font-weight: 500;
	padding-bottom: 0.5rem;
	text-decoration: none;
}

/* end sidenav */

/* main-column */
.main-column {
	padding-left: 2.5rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	max-width: 855px;
}

/* end main-column */

/* split sections */
.split-image {
	margin-bottom: 3rem;
	margin-top: 1.75rem;
}

.split-image .split-image-col {
	aspect-ratio: 1/1;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}

.split-image.split-bg-gray {
	position: relative;
}

.split-image.split-bg-gray .text-bg-gray {
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
	padding: 1.25rem;
	background-color: var(--extra-light-gray);
	z-index: 2;
}

.split-image.split-bg-gray .split-image-col {
	aspect-ratio: unset;
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

/* end split sections */
/* wide-cards */
.wide-cards {
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
}

/* Accordion - start */
.accordion {
	border-bottom: none;
	margin-bottom: 3.5rem;
}

.accordion .card-header {
	padding: 0px;
	border-radius: 0px;
	border: none;
	width: 100%;
}

.accordion .card {
	border: 0.5px solid var(--light-gray);
	margin-bottom: 0;
	width: 100%;
}

.accordion .card-body {
	width: 100%;
	background-color: var(--white);
	padding: 0.5rem 1.25rem;
	border: none;
}

.accordion .card-header .accordion-trigger {
	font-size: 1rem;
	background-color: var(--primary-color);
	color: var(--white);
	border: none;
	padding: 16px;
	line-height: 1.5;
	display: block;
	width: 100%;
	text-align: left;
	text-decoration: none;
	font-weight: 700;
}

.accordion .card-header .accordion-trigger.collapsed {
	background-color: var(--white);
	color: var(--primary-color);
}

.accordion .card-header .accordion-trigger:hover {
	background-color: var(--secondary-color);
	color: var(--primary-color);
}

.accordion .card-header .accordion-trigger:hover .fas {
	color: var(--primary-color);
}

.accordion .card-header .accordion-trigger .fas {
	font-size: 24px;
	padding: 0 5px;
	position: absolute;
	top: 16px;
	right: 20px;
	color: var(--white);
}

.accordion .card-header .accordion-trigger.collapsed .fas {
	color: var(--primary-color);
}

.accordion .card-header .accordion-trigger[aria-expanded="false"] .fa-angle-up {
	display: none;
}

.accordion
.card-header
.accordion-trigger[aria-expanded="true"]
.fa-angle-down {
	display: none;
}

/* Accordion - end */

/* CTA banner*/

/* Wide Cards */
.wide-card {
	margin-top: 3rem;
	margin-bottom: 1.75rem;
	text-align: left;
}

.wide-card {
	background-size: cover;
	background-position: center;
	padding: 0;
	border-radius: 0;
	border: none;
}

.wide-card.card-blue {
	background-color: var(--primary-color);
	color: var(--white);
	background-image: url(../images/swipe-narrow__blue1.svg);
}

.wide-card.card-yellow {
	background-color: var(--secondary-color);
	color: var(--primary-color);
	background-image: url(../images/swipe-narrow__yellow1.svg);
}

.wide-card .card-image {
	aspect-ratio: 1/1;
	background-size: cover;
	background-position: center;
}

.wide-card .card-content {
	padding: 1rem;
	display: flex;
	flex-flow: column nowrap;
/* 	align-items: flex-start; */
	justify-content: center;
/* 	text-align: center; */
	gap: 0.25rem;
	text-align: left;
}

.wide-card .card-image-right {
	order: 2;
}

/* end Wide Cards */

/* Card Grids */
.card-grid {
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
}

.card-grid .card.card-vertical {
	padding: 0;
	border-radius: 0;
	border: none;
	background-color: transparent;
}

.card-grid .card.card-vertical .card-image {
	background-color: var(--light-gray);
	width: 100%;
	aspect-ratio: 3/2;
	background-size: cover;
	background-position: center;
}

.card-grid .card .card-content {
	padding: 1rem;
	display: flex;
	flex-flow: column nowrap;
	/* UAT 217510 */
	align-items: start;
	justify-content: center;
	/* UAT 217510 */
	text-align: start;
}

/* end Card Grids */

/* CTA Grids */
/* CTAs with Image Overlay */
.cta-grid {
	margin: 1.75rem auto;
}

.overlay-link {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover !important;
	background-repeat: none;
	background-position: center, center;
	background-blend-mode: multiply;
	color: var(--white);
	min-height: 180px;
	margin: 0 auto;
	width: calc(33% - 1rem);
	padding: 2rem 1rem;
}

.overlay-link a {
	color: white;
	text-decoration: none;
	transition: all 200ms ease-out;
}

.overlay-link a h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.overlay-link:hover a,
.overlay-link:focus a {
	color: var(--secondary-color);
	text-decoration: none;
	transform: scale(0.98);
}

/* CTAs with Icons */
.icon-link {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.icon-link .icon-image {
	background-image: url(../images/droplet__yellowleft.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.icon-link a {
	text-decoration: none;
	text-transform: uppercase;
	width: 80%;
	padding: 3rem 1rem;
	transition: transform 300ms ease-out;
}

.icon-link:hover a,
.icon-link:focus a {
	transform: scale(0.95);
}

.icon-link img {
	width: 100%;
	max-width: 100px;
	margin: 0 auto;
}

/* Full Width Split Sections */
/* fw grey text box */
.split-image.fw-split-bg-gray {
	position: relative;
	max-width: 1440px;
}

.split-image.fw-split-bg-gray .text-bg-gray {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	margin-left: 10%;
	padding: 1.25rem;
	background-color: var(--extra-light-gray);
	z-index: 2;
	min-height: 320px;
	width: 50%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

.split-image.fw-split-bg-gray .split-image-col {
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -30%;
	overflow: hidden;
	width: 70%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

/* end fw grey text box */
.fw-split-image {
	margin-top: 5rem;
	margin-bottom: 3rem;
	max-width: 1440px;
}

.basic-split-text {
	padding: 2rem 1.25rem;
	max-width: 720px;
	margin: 0 0 0 1.75rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	float: right;
	height: 100%;
}

.split-image-col {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* blue banner */
.fw-split-blue-banner {
	margin-top: 5rem;
	margin-bottom: 3rem;
	padding: 0;
	background-color: var(--primary-color);
	color: var(--white);
	background-image: url(../images/swipe-wide__blue3.svg);
	background-size: cover;
	background-position: center;
	overflow: visible;
}

.fw-split-blue-banner .split-image-col {
	margin: -2rem 0 -2rem 5rem;
	padding: 0;
	max-width: 700px;
	min-height: 400px;
	background-color: transparent;
	overflow: visible;
	background-position: center;
}

section.bg-swipe {
	position: relative;
	background-color: var(--light-gray);
	margin-top: 1.75rem;
	padding-top: 2.5rem;
	margin-bottom: 5rem;
	padding-bottom: 1rem;
}

.bg-swipe .bg-swoop-top {
	background-image: url(../images/svg/swoop-mask_top-white_fw-icons.svg);
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 0;
	background-size: 100% auto;
	background-position: top right;
	background-repeat: no-repeat;
}

.bg-swipe .bg-swoop-bottom {
	background-image: url(../images/svg/swoop-mask_bottom-white_fw-icons.svg);
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.bg-swipe .cta-grid .icon-link {
	z-index: 2;
}

/* yellow banner */
.fw-split-yellow-banner {
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding: 0;
	background-color: var(--secondary-color);
}

.fw-split-yellow-banner .col-lg-7 {
	background-image: url(../images/swipe-narrow__yellow1.svg);
	color: var(--primary-color);
	background-size: cover;
	background-position: center;
	overflow: visible;
}

.fw-split-yellow-banner .basic-split-text {
	min-height: 360px;
	max-width: 720px;
	float: right;
}

.fw-split-yellow-banner .split-image-col {
	margin: 0;
	padding: 0;
	background-color: transparent;
	overflow: visible;
	background-position: center;
	max-width: none;
}

/* Full Width Grid with Overlays */
.cta-grid.four-up {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.cta-grid.four-up .overlay-link {
	width: calc(25% - 1rem);
	padding: 2rem 1rem;
}

/* Testimonial Full Width with Swipe */
section.testimonial-swipe {
	position: relative;
	background-color: var(--light-gray);
	margin-top: 5rem;
	margin-bottom: 5rem;
}

section.testimonial-swipe .container {
	position: relative;
	z-index: 1;
}

.testimonial-swipe .bg-swoop-top {
	background-image: url(../images/svg/swoop-mask_top-white_testimonial.svg);
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 0;
	background-size: 100% auto;
	background-position: top right;
	background-repeat: no-repeat;
}

.testimonial-swipe .bg-swoop-bottom {
	background-image: url(../images/svg/swoop-mask_bottom-white_testimonial.svg);
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.testimonial-swipe {
	min-height: 500px;
}

.testimonial-swipe .row,
.testimonial-swipe .row .split-image-col,
.testimonial-swipe .row .basic-split-text {
	z-index: 2;
}

.testimonial-swipe .row .basic-split-text {
	float: left;
}

.testimonial-swipe .basic-split-text .testimonial-text {
	padding-top: 6rem;
}

.testimonial-swipe .split-image-col {
	min-height: 500px;
}

/* SCHOOL DETAILS */
/* top section - programs*/
.school-programs {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 11rem;
}

.school-programs .school-programs-content,
.school-programs .school-programs-content * {
	z-index: 2;
}

.school-programs .school-intro {
	margin-bottom: 3rem;
}

.school-programs .school-links {
	margin-bottom: 1.75rem;
}

.school-programs .school-links .btn.btn-default {
	width: 100%;
}

.school-programs .school-links h3 {
	font-size: 1.5rem;
}

.school-programs .bg-swoop-middle {
	background-image: url(../images/shape_bg_blue_1.svg);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

.school-programs .bg-swoop-bottom {
	background-image: url(../images/svg/swoop_bottom_schools-programs.svg);
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: 100% auto;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.school-content {
	position: relative;
	overflow: visible;
}

.school-content > section,
school-content > .container {
	z-index: 1;
}

.school-content .bg-swoop {
	background-image: url(../images/svg/swoop-tall_grey_schools.svg);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: auto 100%;
	background-position: bottom right;
	background-repeat: no-repeat;
	/* transform: translateY(-10%); */
}

.award-item {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1.5rem;
}

.award-item-text {
	max-width: 720px;
}

.droplet-graphic {
	width: 6rem;
	height: 6rem;
	background-image: url(../images/droplet__yellowleft.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
}

.droplet-graphic img {
	width: 77.5%;
	height: auto;
}

/* Faculty Cards */
.faculty-card-list {
	gap: 0.75rem;
}

a.faculty-card {
	margin-bottom: 1rem;
	padding: 0;
	border-radius: 0;
	border: none;
	display: flex;
	z-index: 1;
	text-decoration: none;
	width: calc(33.3% - 0.5rem);
}

.faculty-card .faculty-card-image {
	width: 25%;
	aspect-ratio: 4/6;
	background-size: cover;
	background-position: center;
}

.faculty-card .faculty-card-text {
	background-color: var(--light-gray);
	padding: 1rem;
	width: 75%;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
	margin-right: 1rem;
	text-align: left;
	gap: 8px;
	font-style: normal;
}

.faculty-card .faculty-card-text p {
	color: var(--primary-color);
	text-decoration: none;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
}

.faculty-card .faculty-card-text p em {
	font-style: normal;
	font-weight: bold;
}

.faculty-card:hover .faculty-card-text,
.faculty-card:focus .faculty-card-text {
	background-color: var(--secondary-color);
}

/* Faculty Directory */
/* Faculty Search */
/* search */
.employee-directory .search-container,
.programfinder .search-container {
	border-radius: 2rem;
	background-color: var(--white);
	border: 2px solid var(--primary-color);
	width: 100%;
	max-width: 880px;
	padding: 0.25rem 1rem 0.5rem 1rem;
	margin-bottom: 1.75rem;
	margin-top: 1rem;
}

.employee-directory .search-container input,
.programfinder .search-container input {
	width: calc(100% - 35px);
	margin: 0;
	border: none;
	color: var(--primary-color);
	background-color: transparent;
}

.employee-directory .search-container input::placeholder,
.programfinder .search-container input::placeholder {
	color: var(--primary-color);
}

.employee-directory .search-container button,
.programfinder .search-container button {
	background-color: transparent;
	border: none;
	margin: 0;
	width: 30px;
	height: 30px;
	border-radius: 0 2rem 2rem 0;
	color: var(--primary-color);
	padding: 0.25rem;
	cursor: pointer;
}

.employee-directory .search-container button span::before,
.programfinder .search-container button span::before {
	font-weight: 1rem;
}

.simple-filters-grid {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.simple-filters-grid-mobile-title {
	background-color: var(--secondary-color);
	color: var(--primary-color);
	padding: 1.5rem;
	margin-bottom: 3rem;
	font-weight: 900;
	text-align: center;
	display: none;
}

.simple-filters-grid > * {
	margin: 0;
	margin-bottom: 0.75rem;
	padding: 0;
}

.simple-filters-grid .programs-filter-title {
	background-color: var(--secondary-color);
	color: var(--primary-color);
	font-weight: 900;
	display: flex;
	align-items: center;
	width: calc(100% - 1rem);
	height: 100%;
	min-height: 65px;
	border-radius: 0.45rem;
	margin-right: 1rem;
	padding: 1rem;
	text-align: center;
}

.simple-filters-grid .btn-filter {
	padding: 1rem;
	width: calc(100% - 1rem);
	height: 100%;
	min-height: 65px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	border-radius: 0.45rem;
	height: 100%;
	font-size: 0.8rem;
	font-weight: 600;
	background-color: var(--light-gray);
	border: 2px solid var(--dark-gray);
	margin: 0 auto;
}

.simple-filters-grid .btn.btn-filter[data-selected="false"] {
	color: var(--dark-gray);
	border: 2px solid var(--dark-gray);
	background-color: var(--light-gray);
}

.simple-filters-grid .btn.btn-filter[data-selected="true"] {
	background-color: var(--primary-color);
	color: var(--white);
	border: 2px solid var(--primary-alt);
}

.simple-filters-grid .btn.btn-filter[data-selected="true"]:hover,
.simple-filters-grid .btn.btn-filter[data-selected="false"]:hover {
	border-color: var(--secondary-color);
}

/* Faculty */
/* blue banner */
.profile-blue-banner {
	margin-top: 6rem;
	margin-bottom: 5rem;
	padding: 0;
	background-color: var(--primary-color);
	color: var(--white);
	background-image: url(../images/swipe-wide__blue3.svg);
	background-size: cover;
	background-position: center;
	overflow: visible;
}

.profile-blue-banner .split-image-col {
	margin: -4rem 0 -4rem 6rem;
	padding: 0;
	max-width: 400px;
	aspect-ratio: 3/4;
	background-color: transparent;
	overflow: visible;
	background-position: center;
}

.profile-blue-banner .basic-split-text {
	text-align: left;
	float: left;
}

.profile-name {
	margin-bottom: 36px;
}

.profile-title {
	margin-bottom: 16px;
}

.profile-details p {
	margin-bottom: 6px;
}

.profile-body {
	padding-bottom: 1.5rem;
}

.profile-education-item {
	padding: 1rem 0 0;
}

.profile-education-item:not(:last-child) {
	border-bottom: 2px solid var(--secondary-color);
}

.profile-btn-wrapper {
	margin-top: 1rem;
}

/* Pagination */
.paginationjs ul {
	display: flex;
	list-style: none;
	margin: 0 auto;
	justify-content: center;
}

.paginationjs ul li {
	padding: 0.5rem 1.25rem;
	font-size: 1rem;
	background-color: var(--white);
	border: 1px solid var(--dark-gray);
	cursor: pointer;
}

.paginationjs ul li:hover,
.paginationjs ul li:focus {
	background-color: var(--secondary-color);
}

.paginationjs ul li.active {
	color: var(--light-gray);
	background-color: var(--primary-color);
}

.paginationjs ul li.disabled {
	background-color: var(--white) !important;
	color: var(--dark-gray);
	cursor: auto;
}

.paginationjs ul li.paginationjs-prev {
	border-radius: 0.5rem 0 0 0.5rem;
}

.paginationjs ul li.paginationjs-next {
	border-radius: 0 0.5rem 0.5rem 0;
}

/* Program-Finder */
.programfinder p {
	max-width: 880px;
}

.simple-filters-grid .btn.btn-filter[data-selected="false"] svg {
	fill: var(--light-gray);
	height: 44px;
	width: auto;
}

.simple-filters-grid .btn.btn-filter[data-selected="true"] svg {
	fill: var(--secondary-color);
	height: 44px;
	width: auto;
}

.simple-filters-grid .btn.btn-filter[data-selected="false"] svg path {
	fill: var(--dark-gray) !important;
}

.simple-filters-grid .btn.btn-filter[data-selected="true"] svg path {
	fill: var(--secondary-color) !important;
}

#programFilters {
	transition: all 0.2s ease-out;
}

#programListingContainer {
	margin-top: 5rem;
	margin-bottom: 2.5rem;
	transition: all 1s ease-out;
}

a.program-card {
	margin-bottom: 2.5rem;
	padding-top: 0.65rem;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

a.program-card:hover,
a.program-card:focus {
	text-decoration: none;
	/* background-color: rgba(254, 209, 3, 0.65); */
	background-color: var(--extra-light-gray);
	transform: scale(0.99);
}

.program-card-image {
	aspect-ratio: 3/2;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.program-card-text {
	padding: 1rem 0;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
	gap: 0.5rem;
	text-align: left;
}

.program-card-text .program-type .tax-chip {
	margin-right: 6px;
}

.program-card-text .program-type .tax-chip#major {
	background-color: var(--primary-color);
	color: var(--white);
}

.program-card-text .program-type .tax-chip#minor {
	background-color: var(--secondary-color);
	color: var(--primary-color);
}

.program-card-text .program-type .tax-chip#concentration {
	background-color: var(--primary-alt);
	color: var(--white);
}

.program-card-text .program-type .tax-chip#institutional-endorsement {
	background-color: var(--light-gray);
	color: var(--primary-color);
}

.degree-type-wrapper {
	margin: 0 auto;
	padding: 0;
	max-width: 880px;
	height: 100px;
	display: flex;
	flex-flow: row wrap;
}

.degree-type-wrapper .btn-degree-filter {
	width: 25%;
	margin: 0;
	height: 100%;
	border-radius: 0;
	text-decoration: none;
	text-transform: uppercase;
	min-height: 60px;
	padding: 1rem;
	color: var(--white);
	background-color: var(--primary-alt);
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}

.degree-type-wrapper .btn-degree-filter:not(.current):hover {
	background-color: var(--primary-color);
	color: var(--secondary-color);
}

.degree-type-wrapper .btn-degree-filter.current {
	color: var(--primary-color);
	background-color: var(--secondary-color);
	pointer-events: none;
	cursor: default;
}

/* Program Landing Page */
/* CTAs with Icons */
.fast-fact {
	z-index: 2;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 auto;
	max-width: 38%;
	padding: 3rem 1rem;
	transition: transform 300ms ease-out;
	text-align: center;
	font-weight: 500;
	font-weight: 700;
}

.big-text {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-image: url(../images/droplet__yellowleft.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.5rem;
	/* text */
	font-size: 8rem;
}

/* Key Courses */
.course-list-item {
	padding: 1rem 0 0;
	font-weight: 700;
}

.course-list-item:not(:last-child) {
	border-bottom: 2px solid var(--secondary-color);
}

/* Program Landing blue section */
.program-pathways .bg-swoop-middle {
	background-image: url(../images/shape_bg_blue_1.svg);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

.program-pathways .bg-swoop-bottom {
	background-image: url(../images/svg/swoop_bottom_schools-programs.svg);
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background-size: 100% auto;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.program-pathways {
	display: block;
	margin-top: 2.5rem;
	padding-top: 2.5rem;
	padding-bottom: 0;
}

.program-pathways .program-pathways-content,
.program-pathways .program-pathways-content * {
	z-index: 2;
}

.program-more-content {
	padding-top: 3rem;
}

.program-more-content .section-intro {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.display-logo {
	max-height: 100px;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	display: flex;
	justify-content: center;
}

.display-logo img {
	height: 100%;
	width: auto;
}

/* Vertical Icon List */
.icon-list {
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

.icon-item {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1.5rem;
}

.icon-item-text {
	width: 74%;
}

.droplet-graphic-alt {
	width: 24%;
	height: auto;
	background-image: url(../images/droplet__blueleft.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
}

.droplet-graphic-alt img {
	width: 75%;
	height: auto;
}

/* news section */

.tax-chip {
	color: var(--white);
	background-color: var(--primary-color);
	padding: 0.2rem 0.5rem;
	border-radius: 0.25rem;
	text-transform: uppercase;
	font-size: 0.75rem;
	width: -moz-fit-content;
	width: fit-content;
}

.news-date {
	text-transform: uppercase;
	font-size: 0.75rem;
}

.news-list {
	position: relative;
	z-index: 1;
	padding-right: 0;
	padding-left: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.news-item {
	position: relative;
	width: 32%;
	padding-right: 0rem;
	padding-left: 0rem;
	margin-right: 1%;
	text-decoration: none !important;
}

.news-item p {
	font-weight: 400;
}

.news-item .news-image {
	width: 100%;
	aspect-ratio: 9/5;
	overflow: hidden;
	margin-bottom: 2.5rem;
	background-color: var(--dark-gray);
	display: flex;
}

.news-item:hover img {
	transform: scale(1.02);
}

.news-item .news-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s ease-out;
}

.news-card-text {
	padding: 0 0.4rem 1rem 0;
}

.news-card-text h3 {
	margin-bottom: 12px;
}

.news-item.feature-item {
	width: 100%;
}

.news-item.feature-item .news-card-text {
	width: 100%;
}

.news-item.feature-item .news-card-image {
	width: 100%;
}

/* fw grey text box */

.split-image.fw-split-bg-gray .text-bg-gray-news {
	margin-top: 3rem;
	margin-bottom: 3rem;
	margin-left: 5%;
	padding: 1.25rem;
	background-color: var(--extra-light-gray);
	z-index: 2;
	min-height: 320px;
	width: 60%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	text-decoration: none;
}

.split-image.fw-split-bg-gray .text-bg-gray-news p {
	font-weight: 400;
}

/* news section - end */
.article-content .container {
	max-width: 1100px;
}

.article-content .container p {
	max-width: unset;
}

.news-article {
	margin-top: 3rem;
}

.news-article .news-tags {
	margin-bottom: 1.5rem;
}

.news-article .article-image-wrapper {
	width: 50%;
	aspect-ratio: 5/4;
	margin-left: 0.65rem;
	margin-bottom: 0.65rem;
	float: right;
}

.news-article .article-image-wrapper img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.article-share {
	margin-top: 1rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: bold;
	display: flex;
	flex-flow: row nowrap;
	gap: 1.25rem;
}

.article-share a {
	font-size: 1.25rem;
	display: inline;
	text-decoration: none;
	/* padding: 0 0.5rem; */
}

/* next step container - start */
.next-step-container {
	max-width: 1260px;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.next-step-container .droplet-title h2 {
	font-size: 24px !important;
}

.next-step-container .btn {
	display: inline-block;
	padding: 1rem 1.6rem;
	font-size: 16px;
	margin: 0 20px;
}

/* next step container - end */