:root {
	--stripe-gold: #fbd63d;
	--striped-bg-color: linear-gradient(117deg, var(--stripe-gold) 10%, transparent 15%, transparent 45%, var(--stripe-gold) 50%, var(--stripe-gold) 60%, transparent 65%, transparent 100%);
	--striped-bg-size: 5.00px 9.81px
}

body {
	font-size: 100%;
	line-height: 1.5;
}

.body-section {
	overflow: hidden;
}

.fancybox .hover-img::after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	width: 3rem;
	height: 3rem;
	background-color: rgba(0, 0, 0, 0.25);
	background-image: url(//www.mtu.edu/mtu_resources/images/n/zoom-in.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 75%;
	transition: all 0.1s;
	content: '';
}

.form_container legend ~ .form_responses {
	background-color: #fff;
}

blockquote, q {
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	font-style: normal;
}

.multi-media_content {
	margin: auto;
}

.multi-media_video.multi-media_video.multi-media_video {
	object-fit: cover;
}

@media (min-width: 640px) {
	.main > .multi-media_wrapper {
		height: 28vw;
		min-height: 0;
	}
}

/* Fix to display gradient above video, and play/pause button above gradient - EM 01/2023 */
/* Play/Pause Button */
.multi-media_inner{
	z-index: 3;
}
/* Gradient */
.multi-media_wrapper::before{
	z-index: 2;
}

@media screen and (min-width: 880px){
	.multi-media_content {
		background-color: rgba(0, 0, 0, 0.4)
	}
	.multi-media_content{
		padding: 1rem
	}
}

.multi-media_content.text-center {
	text-shadow: #222 0 0 1.25rem;
}

.full-width img {
	margin-bottom: 0;
}

.full-width iframe {
	height:	442px;
	max-height: 49vw;
	/* temp setting because things are wierd */
	margin-bottom: -6px;
}

.medium {
	font-size: 121%;
}

.small{
	font-size: 112% !important;
}

ul.target-menu {
	padding-inline-start: 0;
	font-size: 93%;
}
.target-menu>li::after {
	padding: 0 0.25rem;
}

.section-border {
	padding: 0 !important;
	margin-bottom: 1rem;
}

.action.form_action {
	margin-top: 2rem;
}

.tn-touts a.tout-stat{
	transform: none;
}

#main .tn-touts a.tout-stat::after,
.tn-touts .tout-stat:link::after {
	display:none;
}

.dept-rankings {
	font-size: 0.6rem;
}

@media (min-width: 650px) {
	.full-width iframe {
		max-height: 34.9vw;
	}

	.tn-touts ul.tout-row{
		display: initial;
		justify-content: initial;
		margin-top: initial;
		margin-bottom: initial;
	}

	.tn-touts .tout-cell {
		display: flex;
		flex-direction: initial;
		width: initial;
		min-width: initial;
		margin-right: initial;
		margin-bottom: 1rem;
		border-bottom: initial;
	}
	/*
	.tn-touts a.tout-stat:hover {
	color: #fc0;
	background-color: #000;
	box-shadow: inset 0 0 0 1px #fc0;
}
	*/
	.tn-touts .tout-stat:focus, .tn-touts .tout-stat.tout-stat:focus {
		border: 0;
		outline: 2px dashed #000;
		outline-offset: -2px;
	}

	.tn-touts .tout-stat, .tn-touts .tout-stat:visited {
		border: initial;
		position: initial;
		flex: 1 0 40%;
		width: initial;
		height: initial;
		margin-bottom: initial;
		border-radius: initial;
		font-size: 1.7rem;
	}

	.tn-touts a.tout-stat:hover .tout-stat-inner, .tn-touts a.tout-stat:focus .tout-stat-inner {
		display: block;
		text-decoration: none;
		border: 0;
	}

	.tn-touts .tout-stat::before {
		display: none;
	}

	.tn-touts .tout-stat-inner {
		position: initial;
		top: initial;
		left: initial;
		display: block;
		align-items: initial;
		justify-content: initial;
		width: initial;
		height: initial;
		padding: 0.6rem 0;
		color: #fc0;
	}

	.tn-touts .tout-text {
		height: initial;
		text-align: initial;
		padding:0;
		padding-left: 1rem;
		font-size: 1.1rem;
		line-height: 1.35
	}
}

.site-title-wrapper,
.site-title {
	display: none;
}

.alert-sliver {
	display: none;
}

.top-label {
	top: 23px;
}

.main {
	padding-top: 75px;
}

#skip a {
	font-size: 1rem;
}

.main-menu-wrapper {
	display: flex;
	width: 100%;
	max-width: 1200px;
	justify-content: space-between;
	font-size: 1rem;
	margin: 0 auto;
}

.logo-wrapper {
	display: flex;
	align-items: center;
	margin-right: 5rem;
	max-width: 35%;
}

.logo {
	width: 185px;
	color: #000;
	padding: 0.75rem;
	box-sizing: border-box;
	flex: 1 0 auto;
}

.logo img {
	display: block;
}

.logo-wrapper:hover .logo img {
	filter: saturation(1), brightness(2);
}

.logo-wrapper:hover .logo  {
	background-color: transparent;
}

.h1 {font-size:1.6rem;}

/* Slideshow fixes

.mtuslideshow .navigator{
padding: 0.5em 0 1rem 0;
}

.mtuslideshow .navigator a{
padding: 0 0.25rem
}

.mtuslideshow a,
.mtuslideshow .navigator a.prev,
.mtuslideshow .navigator a.next{
padding:0
}

.mtuslideshow .navigator a.prev{
padding-left: 0.5rem
}

.mtuslideshow .info{
margin: 0
}

*/

@media (min-width: 881px) {
	.h1 {font-size:2rem;}
	.notched-text {
		margin-top: -10rem;
		background: white;
		z-index: 10;
		padding: 2rem;
	}
}

@media (min-width: 1200px){
	.h1 {font-size:2.75rem;}
	.column:nth-of-type(1) .notched-text{
		margin-left: -2rem;
	}

	.column:nth-of-type(2) .notched-text{
		margin-right: -2rem;
	}

}

.slate button {
	font-size: 1rem;
	width: 100%;
	max-width: 15rem;
	border: none;
	margin-bottom: 1rem;
}

.slate .action button:hover, .slate .action button:focus {
	background-color: #000;
	color: #fff;
	cursor: pointer;
}

/* Menu */
.mobile-sticky {
	position: fixed;
	width: 100%;
	z-index: 1001;
}

.menu-button {
	min-width: 70px;
	width: 70px;
	height: 77px;
	border: none; 
	background-color: #000;
	font-size: 0;
	color: var(--stripe-gold);
	cursor: pointer;
}

.menu-button:focus {
	outline-width: 1px;
	outline-style: dashed;
	outline-color: currentcolor;
	outline-offset: -2px;
	background-color: #000;
	color: var(--stripe-gold);
}

@media (min-width:881px){
	.menu-button {
		display: none;
	}
}

.menu-button[aria-expanded="true"],
.menu-button:hover {
	color: #000;
	background-color: var(--stripe-gold);
}

.menu-button[aria-expanded="true"]:hover{
	background-color: transparent;
	color: var(--stripe-gold);
}

.menu-button::before {
	content: '';
	display: block;
	width: 50%;
	padding-top: 50%;
	margin: auto;
	background-image: url(https://www.mtu.edu/mtu_resources/images/n/meatnav.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

.menu-button:hover::before{
	background-image: url(https://www.mtu.edu/mtu_resources/images/n/meatnav-black.svg);
	color: #000;
}

.menu-button[aria-expanded="true"]::before{
	background-image: url(https://www.mtu.edu/mtu_resources/images/n/arrow-up-black.svg);
	color: #000;
}

.menu-button[aria-expanded="true"]:hover::before{
	background-image: url(https://www.mtu.edu/mtu_resources/images/n/arrow-up-yellow.svg);
	color: var(--stripe-gold);
}

.main-menu {
	box-sizing: border-box;
	background-color: #222;
	position: absolute;
	top: 75px;
	right: -275px;
	transition: right 0.3s ease-in;
	z-index: 100;
	width: 100%;
	max-width: 250px;
	max-height: 75vh;
	overflow-y: auto;
	box-shadow: -2px 2px 5px rgba(0,0,0,0.5);
	font-size: 0.8rem;
}

.main-menu * {
	box-sizing: inherit;
}

.menu-button[aria-expanded="true"] + .main-menu {
	right: 0px;
	transition: right 0.3s ease-out;
}

.main-menu li a,
.main-menu li a:visited {
	display: flex;
	width: 100%;
	text-align: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	padding: 1rem 0.5rem;
}

.main-menu li a:focus,
.main-menu li a:hover {
	color: #fff;
}

.main-menu li {
	border-bottom: 1px solid #000;
}

.main-menu li:last-of-type {
	border-bottom: none;
}

.main-menu li.active {
	box-shadow: inset 0 -5px 0 var(--stripe-gold);
}

.main-menu li:hover {
	text-decoration: underline;
	box-shadow: inset 0 -5px 0 var(--stripe-gold);
	background-color: #000;
}

.main-menu li:focus-within {
	outline: 1px dashed var(--stripe-gold);
	outline-offset: -1px;
}

.main-menu li:focus-within a {
	outline: none;
	text-decoration: underline;
}

/* menu desktop */

@media (min-width: 881px) {
	.main-menu {
		display: flex;
		justify-content: flex-end;
		position: static;
		background-color: #000;
		max-width: none;
		box-shadow: none;
	}

	.main-menu li {
		display: inline-flex;
		border-bottom: 0;
	}

	.main-menu li a {
		margin: 0 0.5rem 0 0.5rem;
		padding: 0;
		background-color: transparent;
	}
}

@media (min-width: 1200px){
	.main-menu {
		font-size: 0.9rem;
	}
}


@media (min-width: 1600px) {
	.multi-media_wrapper {
		height: 56.25vw;
		height: 75vmin;
		max-height: 55rem;
	}
}

/* touts */
.tout-row.vertical {
	flex-wrap: wrap;
	position: relative;
	border-bottom: var(--stripe-gold) solid 5px;
}

.vertical .tout-cell {
	flex-direction: row;
	margin-bottom: 2rem;
}

@media (min-width: 881px){
	/* .vertical .tout-cell:nth-of-type(even) .tout-stat {
	background-color: transparent;
} */
}

.vertical .tout-text {
	text-align: left;
	margin-left: 1rem;
	font-size: 1.1em;
}

/* footer */
#mtu-footer h2 {
	font-size: 1.5rem;
}

#mtu-footer a.text-gold:hover {
	color: #fc0;
	background-color: unset;
}

#mtu-footer a.text-gold:visited{
	color: rgb(var(--gold));
}

.pre-footer li {
	text-align: center;
}

.pre-footer .grid-x {
	grid-gap: 0;
	gap: 0;
}

.pre-footer li a,
.pre-footer li a:visited {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 2rem;
	color: #000;
	text-decoration: none;
	font-size: 1.25rem
}

.pre-footer li a:hover {
	color: #000;
	text-decoration: underline;
}

.pre-footer li:nth-of-type(odd) {
	background-color: #fbad18;
}

.footer {
	margin-top: 0;
}

.footer-contact li {
	line-height: 2;
}

.post-footer {
	background-color: #fc0;
}

.post-footer.post-footer,
.post-footer.post-footer .bar-separator li,
.post-footer.post-footer a,
.post-footer.post-footer a:hover {
	color: #000;
}

.post-footer li {
	padding-bottom: .75rem
}

.post-footer .large {
	line-height: 1.15;
}

.footer-logo-wrapper {
	display: flex;
	align-items: center;
	max-width: 200px;
}

/* card and bottom slashed border */
.card {
	position: relative;
}


.card-heading.h3-like {
	font-size: 1.5rem !important;
}

.tout-row.vertical::after, .section-fit.section-fit-background .grid-row::after, .card::after {
	position: absolute;
	display: block !important;
	content: '' !important;
	left: 0;
	bottom: -3rem;
	height: 1.5rem;
	z-index: auto;
	z-index: -1;
	width: 100%;
	opacity: 0;
	background-image: var(--striped-bg-color) !important;
	background-size: var(--striped-bg-size) !important;
	/* 	border-top: 10px solid var(--stripe-gold); */
	transition: opacity 0.2s ease-in;
}

.tout-row::after, .section-fit.section-fit-background .grid-row::after {
	bottom: -1.5rem;
	opacity: 1;
}

.card .card-hero img {
	filter: saturate(0.5) brightness(0.55);
	transition: all 1s;
}

.card-background-image .card-hero::after {
	background-color: var(--stripe-gold);
	mix-blend-mode: multiply;
	opacity: 1;
	transition: opacity 0.2s, background-color 1s;
}

.card-background-image:hover .card-hero::after {
	background-color: #000;
	opacity: 0;
	transition: opacity 0.2s, background-color 1s;
}

.card img {
	transition: opacity 1s ;
}

.card:hover {
	background-color: #222;
}

.card:hover img {
	opacity: 0;
}

.card:hover::after {
	bottom: 0;
	opacity: 1;
	transition: opacity 0.2s ease-out;
}

.card-section {
	padding: 1rem 1rem 2rem;
}

/* Background image callouts */
.section-fit.section-fit-background {
	margin: 0 0 3rem;
	border-bottom: var(--stripe-gold) solid 5px;
	background-color: transparent;
}

.section-fit.section-fit-background {
	margin: 0;
	padding: 0;    
}


.section-fit.section-fit-background::before {
	background-color: transparent;
}

.section-fit-background:not(.nofilter) img {
	position: relative;
}

.section-fit.section-fit-background .grid-row {
	font-size: 0.5rem;
	order: 1;
	padding: 1rem 2rem 2rem;
	background-color: #efefef;
	color: #000;
}

.section-fit.section-fit-background.nofilter {
	margin: 0;
	border-bottom: none;
}

.section-fit.section-fit-background.nofilter .grid-row {
	display: none !important;
}

@media (min-width: 650px){
	.section-fit.section-fit-background .grid-row {
		font-size: 0.4rem;	
	}
}


@media (min-width: 881px){
	#body_section {
		margin: 0.75rem auto 0 auto;
	}

	.section-fit.section-fit-background {
		max-width: none;
		border-bottom: none;
		background-color: transparent;
	}

	.section-fit.section-fit-background::after {
		background-position: left;
		background-color: #fff;
	}

	.section-fit.section-fit-background .grid-row {
		order: auto;
		position: relative;
		margin: auto 0 auto auto;
		background-color: #efefef;
		color: #000;
		border-bottom: 5px solid var(--stripe-gold);
		z-index: auto;
	}

	.section-fit.background-khaki::after {
		background-position: right;
	}

	.section-fit.background-khaki .grid-row {
		margin: auto auto auto 0;
	}
}

@media (min-width: 881px){
	.section-fit.section-fit-background {	
		padding: 3rem;
	}

	.section-fit.section-fit-background .grid-row {
		max-width: 70%;
		padding: 3rem;
		background-color: #fff;
	}

	.section-fit.section-fit-background .grid-row::after {
		z-index: -2
	}

	.section-fit.section-fit-background img {
		position: absolute;
		max-width: 75%
	}

	.section-fit-background.nofilter img {
		max-width: none;
	}

	.section-fit-background.background-khaki img {
		right: 0;
		left: auto;
	}
}


@media (min-width: 1200px){
	.section-fit.section-fit-background .grid-row {
		max-width: 50%;
	}
}

/* Organized list numbers */
ol {
	counter-reset: mtu-counter;
	list-style: none;
	padding-inline-start: 40px;
}

ol li {
	counter-increment: mtu-counter;
	position: relative;
	padding-bottom: 2rem;
}

ol li::before {
	content: counter(mtu-counter);
	position: absolute;
	left: -5ch;
	display: inline-flex;
	width: 4ch;
	height: 4ch;
	background: var(--stripe-gold);
	border-radius: 100px;
	align-items: center;
	justify-content: center;
	font-weight: 600
}

/*  ===================================================================
# YOUTUBE
===================================================================  
.movie iframe {
position: static;
}

.movie iframe + .playhead {
display: none;
}

.youtube-player {
width: 100%;
margin-bottom: 0;
display: block;
}

.youtube-content .responsive-embed {
background-color: #000;
}

.youtube-content h3 {
line-height: 1.25;
}

.youtube-slider {
position: relative;
text-align: center;
}

.youtube-nav {
position: relative;
height: 0;
overflow: hidden;
/* temp preview rules
height: 5.5rem;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.youtube-nav.slick-initialized {
height: auto;
}

.youtube-nav .youtube-item {
float: left;
margin: 1rem;
cursor: pointer;
}

.slick-slide {
transition: transform 0.2s;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.slick-slide img {
outline: 1px solid rgba(0, 0, 0, 0.1);
outline-offset: -1px;
}

.slick-center {
transform: scale(1.2);
box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.8);
}

.youtube-description {
padding: 0.5rem 0;
}

.youtube-description p {
font-size: 0.9em;
}

.youtube-description a,
.youtube-description a:visited {
border: none;
text-decoration: underline;
box-shadow: none;
}

.youtube-description a:hover {
text-decoration: none;
}

.movie.loading img,
.movie.loading:hover img{
filter: saturate(0)  brightness(0.75);
transition: all 0.2s;
}

.movie.loading img,
.movie.loaded img {
transition: all 1s;
}

.movie.loading::after {
content: '';
display: block;
width: 5rem;
height: 5rem;
border: 4px solid rgba(0,0,0,.3);
border-top-color: hsla(0,0%,72.9%,.5);
border-radius: 100px;
animation: spin 3s linear infinite 0s;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(0turn);
box-sizing: border-box;
}


@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0turn)
}

100% {
transform: translate(-50%, -50%) rotate(1turn)
}
}

*/

/* -------------------- */
/* ## Youtube Nav Dots  */
/* --------------------
.slick-dots {
position: absolute;
top: -2.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-around;
margin-top: 0.25rem;
padding-left: 5px;
padding-right: 5px;
width: 50%;
font-size: 0px;
}

.slick-dots li {
display: inline-flex;
justify-content: center;
width: 100%;
cursor: pointer;
}

.slick-dots button {
border: 0;
background: transparent;
display: block;
height: 40px;
width: 40px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}

.slick-dots li > button::before {
position: relative;
display: block;
height: 0.75rem;
width: 0.75rem;
margin: 0;
padding: 0;
border: 0px solid transparent;
border-radius: 50%;
background-color: #bbb;
overflow: hidden;
content: "";
transition: background-color 0.2s;
}

.slick-dots li.slick-active > button::before {
background-color: #555;
}

.slick-dots li:hover > button::before {
background-color: #000;
}
*/
/* -------------------- */
/* End Youtube Nav Dots */
/* -------------------- */

/* ----------------------------- */
/* ## Youtube Nav Slider Arrows  */
/* -----------------------------
.slick-prev {
left: 5px;
}

.slick-next {
right: 5px;
}

.slick-arrow {
position: absolute;
top: 20%;
z-index: 1;
transform: translateY(30%);
display: flex;
align-items: center;
justify-content: center;
width: 3em;
height: 3em;
border-radius: 100%;
border: 0 solid transparent;
background-color: rgba(0, 0, 0, 0.5);
text-indent: -999px;
overflow: hidden;
outline-offset: -1px;

cursor: pointer;
}

.slick-arrow:active, 
.slick-arrow:focus, 
.slick-arrow:hover {
background-color: var(--stripe-gold);
}

.slick-arrow::after {
color: #fff;
transition: color 0.2s;
}

.slick-arrow:hover::after, .slick-arrow:focus::after {
color: rgb(48, 47, 44);
}


.slick-arrow::after {
position: relative;
display: block;
width: 1em;
height: 1em;
border: 5px solid currentColor;
transform: rotate(45deg);
content: "";
will-change: transform;
}

.slick-prev::after {
border-top-width: 0;
border-right-width: 0;
}

.slick-next::after {
border-bottom-width: 0;
border-left-width: 0;
}
*/

/**
* This is a browser hack to target Safari > 9, using @supports.
* @see http://browserhacks.com/#sa.

@supports (-webkit-appearance: none) {
// Fix for Safari Mobile: Next + Previous buttons are not symmetrical //
.slick-arrow::after {
box-sizing: border-box;
}
}

.youtube-title {
display: block;
position: relative;
z-index: 1;
padding: 0.5rem;
color: #fff;
font-weight: 300;
font-size: 13px;
background-color: #000;
}

/* ------------------------------ */
/* End Youtube Nav Slider Buttons */
/* ------------------------------ */

/* -- END YOUTUBE -- */

/* ------------------------------ */
/* Mobile Specific Updates */
/* ------------------------------ */
@media (max-width: 500px){

	.main > .multi-media_wrapper {
		min-height: 13rem;
	}

	.full-width + .section-fit,
	.full-width + .section-fit.section-fit-background.nofilter {
		margin-top: 3rem
	}

	[class='multi-media_wrapper']::before{
		display:none
	}

	.multi-media_content::before{
		background-color: rgba(0, 0, 0, 0.275)
	}
	.multi-media_content{
		padding: 1rem
	}
	.multi-media_wrapper .h1,
	.multi-media_wrapper .h1-like {
		margin-top: 1rem;
		max-width: 315px;
	}
	#main .text-center a.button-blank.various {
		max-width: 150px;
		font-size: 0.92rem;
	}
	#main .text-center a.button {
		max-width: 200px;
		font-size: 0.92rem;
	}

	#body_section{
		margin-top: 0;
	}

	.medium {
		font-size: 117%;
	}

	.small{
		font-size: 109% !important;
	}

	.section-border h2 + p {
		font-size: 0.92rem;
	}

	.hide-for-desktop {
		margin-top: 0
	}

	.movie-title h2 {
		font-size: 1.25rem
	}
	.mtuslideshow .info > p,
	.full-width .movie-description p {
		font-size: .815rem;
		line-height: 1.25rem;
	}

}

/**
* This is a browser hack to target Safari > 9, using @supports.
* @see http://browserhacks.com/#sa.
*/
@supports (-webkit-appearance: none) {
	/* iPadOS Fix: Images blow out of their container */
	.column-inner > img {
		object-fit: contain;
		object-position: left;
	}

	@media (min-width: 881px){
		.column-inner > img {
			object-position: right;
		}
	}
}

/* new styles */

.medium-2-up .column-inner {
    justify-content: center;
}

div:last-child:has(.tout-row) {
	container-type: inline-size;
}

.tout-row.tout-row.tout-row.tout-row {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	gap: 1rem;
}

.tout-cell.tout-cell.tout-cell.tout-cell {
	position: relative;
	min-width: 100px;
	flex: 1 1 calc(50% - 1rem);
}

@container (min-width: 640px) {
	li.tout-cell.tout-cell.tout-cell.tout-cell {
		padding: 0 2rem;
		flex: 1;
	}
}

.tout-stat.tout-stat.tout-stat.tout-stat {
	justify-content: flex-start;
	flex: 1;
	transform: none;
	min-width: min-content;
	width: 100%;
	max-width: none;
	border: none;
	border-bottom: 3px solid currentColor;
	border-radius: 0;
	aspect-ratio: initial;
	font-size: 2rem;
	font-weight: 700;
	text-align: left;
}

a.tout-stat.tout-stat.tout-stat.tout-stat:focus,
a.tout-stat.tout-stat.tout-stat.tout-stat:hover {
	outline: none !important;
	border: none;
	border-bottom: 3px solid currentColor;
}

a.tout-stat.tout-stat.tout-stat.tout-stat::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
}

.tout-cell.tout-cell.tout-cell.tout-cell a:focus.tout-stat::after,
.tout-cell.tout-cell.tout-cell.tout-cell:hover a.tout-stat::after {
	outline: 1px dashed currentColor;
	outline-offset: 2px;
}

.tout-row.tout-row.tout-row.tout-row .tout-text {
	text-align: left;
	flex: 1;
	align-self: flex-start;
}

.mtuslideshow .info,
.mtuslideshow .navigator {
	position: static;
	background-color: #fc0;
}

.dark.dark .mtuslideshow .info p {
	color: rgb(var(--black));
}

.mtuslideshow .info {
	transform: none;
	margin-top: 0;
	padding: 1rem 1rem 0;
	color: #000;
}

.mtuslideshow .info::after {
	display: none;
}

.mtuslideshow .navigator .goto {
	outline: 1px solid #000;
	outline-offset: -1px;
	border-radius: 100px;
	filter: none;
}

.mtuslideshow .navigator .goto:focus {
	outline: 1px solid #000 !important;
	/* overwrite a:focus:active rule */
}

.mtuslideshow .navigator .goto.active:not(.prev):not(.next) {
	filter: brightness(0);
}

.mtuslideshow .navigator .goto:not(.prev):not(.next) img[src$="black-bar.svg"] {
	display: none;
}

.section-fit.background-teal {
	background: #eee;
}

.section-fit.background-teal::before,
.section-fit.background-teal::after {
	display: none;
}

.section-fit.background-teal .grid-row {
	max-width: 75rem;
	background: transparent;
	margin: 0 auto;
	border-bottom: none;
}

.section-fit.background-teal .grid-row,
.section-fit.background-teal .grid-row h2 {
	font-size: 1.2rem;
	color: #000;
}

.section-fit.background-teal .grid-row::before,
.section-fit.background-teal .grid-row::after {
	display: none !important;
}

.section-fit.background-teal .grid-row h2 {
	background: black;
	color: #fff;
	padding: 1rem;
	margin: 0;
}

.section-fit.background-teal .grid-row h2~p {
	background-color: #fff;
	padding: 1rem;
	height: 100%;
	margin: 0;
}

.dark .section-fit.background-teal {
	background-color: rgb(var(--gray));
}

.dark .section-fit.background-teal .grid-row.grid-row h2~p {
	background-color: rgb(var(--dark-gray));
	color: rgb(var(--true-white));
}

.dark .section-fit.background-teal div:not(.column) p,
.dark .section-fit.background-teal .target-menu a,
.dark .section-fit.background-teal .target-menu li::after {
   color: rgb(var(--true-black));
}

.section-fit.background-teal .grid-row h2~p:last-of-type {
	margin-top: auto;
	height: auto;
	padding: 0;
}

.section-fit.background-teal .grid-row h2~p:last-of-type a {
	max-width: 90%;
	margin-bottom: 1.25rem;
}

.social-icons.social-icons>li a {
	background-color: #000;
	/*filter: invert(1);*/
	width: 2em;
	height: 2em;
	margin: 0;
}

.social-icons.social-icons>li a:hover,
.social-icons.social-icons>li a:focus {
	background-color: #333;
}

.social-icons.social-icons>li a:hover {
	filter: invert(0);
}


.social-icons.social-icons>li {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0.5em;
}


#mtu-footer h2 a {
	font-weight: 700;
}
div.grid-x:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1), div.grid-x:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
	height: 100%;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
}