.theme-sea-blue {
	background:var(--fsc-sea-blue);
	color:var(--fsc-white);
	--fsc-fg: var(--fsc-white);
	--fsc-bg: var(--fsc-sea-blue)
}
.theme-sea-blue h1,.theme-sea-blue h2,.theme-sea-blue h3,.theme-sea-blue h4,.theme-sea-blue h5,.theme-sea-blue h6,.theme-sea-blue .h1,.theme-sea-blue .h2,.theme-sea-blue .h3,.theme-sea-blue .h4,.theme-sea-blue .h5,.theme-sea-blue .h6,.theme-sea-blue .display-1,.theme-sea-blue .display-2,.theme-sea-blue .display-3,.theme-sea-blue .display-4,.theme-sea-blue .display-5,.theme-sea-blue .display-6 {
	color:var(--fsc-white)
}

.theme-sea-blue .Router--link.Router__link {
	color: white;
}

.theme-cream h1,.theme-cream h2,.theme-cream h3,.theme-cream h4,.theme-cream h5,.theme-cream h6,.theme-cream .h1,.theme-cream .h2,.theme-cream .h3,.theme-cream .h4,.theme-cream .h5,.theme-cream .h6,.theme-cream .display-1,.theme-cream .display-2,.theme-cream .display-3,.theme-cream .display-4,.theme-cream .display-5,.theme-cream .display-6 {
	color: var(--fsc-sand-dark);
}

.theme-cream {
	background-color: var(--fsc-sand-lightest);
}

.theme-white h1,.theme-white h2,.theme-white h3,.theme-white h4,.theme-white h5,.theme-white h6,.theme-white .h1,.theme-white .h2,.theme-white .h3,.theme-white .h4,.theme-white .h5,.theme-white .h6,.theme-white .display-1,.theme-white .display-2,.theme-white .display-3,.theme-white .display-4,.theme-white .display-5,.theme-white .display-6 {
	color: var(--fsc-sand-dark);
}

.theme-light-gray h1,.theme-light-gray h2,.theme-light-gray h3,.theme-light-gray h4,.theme-light-gray h5,.theme-light-gray h6,.theme-light-gray .h1,.theme-light-gray .h2,.theme-light-gray .h3,.theme-light-gray .h4,.theme-light-gray .h5,.theme-light-gray .h6,.theme-light-gray .display-1,.theme-light-gray .display-2,.theme-light-gray .display-3,.theme-light-gray .display-4,.theme-light-gray .display-5,.theme-light-gray .display-6 {
	color: var(--fsc-sand-dark);
}

/* Missing button themes */
.theme-red .btn-cream, .theme-dark-red .btn-cream {
    --fsc-btn-outline: var(--fsc-sand-light);
}

.btn-cream, .content .btn-cream, .btn-cream, .content .btn-cream {
    background-color: var(--fsc-sand-lightest);
    border: solid 1px var(--fsc-sand-lightest);
    color: var(--primary-color);
}

/* Expand CTA Panel overlap system to all components */
@media (min-width: 64rem) {
	section {
		--section-overlap: clamp(7.5rem, .96rem + 7.27vw, 11.5rem);
		--section-min-height: 33rem;
	}
}

.last-section {
	margin-block-end: calc(-1 * var(--section-overlap));
	padding-bottom: 10rem;
}

.last-section .FeatureBlock__inner .row .col-12 .FeatureBlock__image, .last-section .FeatureBlock__inner .row .col-12 .FeatureBlock__image .Image, .last-section .FeatureBlock__inner .row .col-12 .FeatureBlock__image .Image__link--video, .last-section .FeatureBlock__inner .row .col-12 .FeatureBlock__image .Image__container {
	margin-block-end: calc(-1 * var(--section-overlap));
	height: revert;
}

/* Override Carnegie aspect ratio on faculty cards to by 1:1 */
.FacultyCard--contact .FacultyCard__media {
	aspect-ratio: 1 / 1 !important;
	border: 4px solid var(--fsc-white);
}

.FacultyCard__media {
	aspect-ratio: 1 / 1 !important;
	border: 4px solid var(--fsc-white);
}

/* Override Carnegie sizing on hero svg */
@media (min-width: 64rem) {
	.Hero__panel--home {
		padding-block-start: 4.5rem;
		padding-block-end: 4rem;
	}

	/* TODO: Add full set of colors for triangle background pattern */
	.theme-sand .Section__pattern--triangle {
		color: var(--pattern-color, var(--fsc-sand-lightest)) !important;
	}

	/* Add style variant for link list items that do not have a link */
	.Router--unlinked__item {
		padding-block: var(--space-s);
		box-shadow: inset 0 -1px 0 var(--fsc-sand);
		color: var(--fsc-sand-dark);
		font: var(--font-semibold) var(--size-h5) / var(--leading-body) var(--font-sans);
		display: flex;
		align-items: center;
		gap: var(--space-s);
		height: 100%;
		text-decoration: none;
	}

	/* contact card links */
	.FacultyCard__contact li a {
		text-decoration: underline;
	}

	/* news story titles */
	.NewsPanel__link {
		color: var(--fsc-red);
	}

	/* alert styling */
	.alert {
		border-radius: 0;
		margin: 0;
		padding: 20px;
		font-size: 18px;
	}

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

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

	.alert-emergency .alert-emergency-content {
		position: relative;
		padding-right: 20px;
	}

	.alert-emergency .btn-close {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0px;
	}

	.alert-primary, .alert-red {
		background-color: var(--primary-color);
		color: white;
	}

	.alert-secondary, .alert-sand {
		background-color: var(--secondary-color);
		color: var(--fsc-sand-dark);
	}

	.alert-cream {
		background-color: var(--fsc-cream);
		color: var(--fsc-sand-dark);
	}

	.alert-tertiary, .alert-library-blue {
		background-color: var(--tertiary-color);
		color: white;
	}

	.alert-secondary, .alert-blue {
		background-color: var(--blue);
		color: white;
	}

	.alert-success, .alert-teal {
		background-color: var(--teal);
		color: white;
	}

	.alert-danger, .alert-orange {
		background-color: var(--fllw-orange);
		color: white;
	}

	.alert-info, .alert-ice-gray {
		background-color: var(--ice-gray);
	}

	.alert-white {
		background-color: white;
	}

	.alert-light, .alert-light-gray, .alert-gray {
		background-color: var(--light-gray);
	}

	.alert-dark, .alert-dark-gray {
		background-color: var(--dark-gray);
		color: white;
	}

	.alert-tan {
		background-color: var(--fllw-tan);
		color: var(--primary-color);
	}

	.alert-yellow {
		background-color: var(--yellow);
		color: var(--primary-color);
	}

	.alert-clay {
		background-color: var(--clay);
		color: white;
	}

	.alert-dark-brown {
		background-color: var(--fsc-sand-dark);
		color: white;
	}

	.alert-sky-blue {
		background-color: var(--fsc-sky-blue);
		color: var(--primary-color);
	}

	/* alert styling - end */

	/* Hide dummy search box from Google Programmable Search */
	/* Collapse the Google Search Element's normal document footprint */
	.google-programmable-search,
	#fsc-google-search,
	.google-programmable-search .gsc-control-cse,
	.google-programmable-search .gsc-control-wrapper-cse {
		height: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;

		font-size: 0 !important;
		line-height: 0 !important;
	}

	/* Google's generated search form can otherwise leave/collapse margins */
	.google-programmable-search form,
	.google-programmable-search table.gsc-search-box {
		margin: 0 !important;
		padding: 0 !important;
		height: 0 !important;
	}

	/* Hide only Google's duplicate input UI */
	.google-programmable-search .gsc-search-box {
		position: absolute !important;
		left: -10000px !important;
		top: 0 !important;
		width: 1px !important;
		height: 1px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/*Tabs - start*/
	.tabs .nav-tabs .nav-link.active,
	.nav-tabs .nav-item.show .nav-link {
		border-bottom: 4px solid var(--primary-color);
		border-left: none;
		border-right: none;
		font-size: 20px;
		background-color: transparent;
		position: relative;
	}

	.tabs .nav-tabs .nav-link {
		border: none;
		border-radius: 0;
		font-size: 20px;
		color: var(--primary-color);
		padding: 12px 25px 8px;
		text-decoration: none;
		font-weight: bold;
	}

	.tabs .nav-tabs .nav-item {
		margin-bottom: -4px;
		margin-top: 0;
		background-color: transparent;
		border-bottom: 4px solid #ececec;
		cursor: pointer;
	}

	.tabs .nav-tabs .nav-link:hover {
		text-decoration: none;
	}

	.tabs .nav-tabs {
		border-bottom: 4px solid #ececec;
		margin-top: 10px;
	}

	.tabs .nav-tabs .nav-link:hover {
		border-bottom-color: var(--primary-color);
	}

	.tabs .tab-content {
		padding: 20px 10px;
		background-color: var(--white);
	}

	/*Tabs - end*/

	/*Vertical Tabs - start*/
	.nav-pills .nav-link.active {
		background-color: var(--primary-color);
	}

	.nav-pills .nav-link {
		text-decoration: none;
		border-bottom: 1px solid var(--light-gray);
		cursor: pointer;
		border-radius: 0;
		color: var(--primary-color);
		font-weight: 600;
		text-align: left;
	}

	.nav-pills .nav-link:not(.active):hover {
		color: var(--primary-color);
		background-color: var(--light-gray);
	}

	.nav-pills .nav-link.active:hover {
		color: var(--white);
	}

	.nav-pills {
		border: 1px solid var(--light-gray);
	}

	.tab-content {
		padding: 0px 20px;
		background-color: var(--white);
	}

	/*Vertical Tabs - end*/
	
	img {
  max-width: 100%;
  height: auto;
}