/* This stylesheet is a cleaned-up and updated version of the previous site-wide stylesheet, /_resources/css/ut_2019/styles.min.aspx, which was actually a server-generated combination of multiple individual files within /_resources/css/ut_2019/. The headings in this stylesheet are a reference to those individual files, since most of this code was directly copied from those files. */


/* ����������ý�Ļ���Ʒ Brand Variables */
:root {
	--midnight: #003E7E;
	--gold: #FFD200;
	--darkblue: #000F3E;
	--space: #102B5F;
	--azure: #009CE5; /* Adjusted to have a > 3:1 contrast ratio with white */
	--sky: #AFD5E9;
	--sunrise: #F4AA3B;
	--sunlight: #FFE471;
	--earth: #D3C1AE;
	--sand: #EDE4E1;
	/* Academic-Only */
	--magenta: #A2047D;
	--violet: #A2047D; /* Old name for Magenta */
	--petal: #BA7C97;
	--bloom: #F0C8BF;
	/* Healthcare-Only */
	--teal: #168F9C;
	--turquoise: #1DB8BF;
	--lightteal: #77D8D8;
	/* Extra */
	--black: #2E2E2D;
	--white: #FFFFFF;
	/* Border Radius */
	--radius-s: 5px;
	--radius-m: 8px;
}


/* ===========================================================================================================
normalize.css
============================================================================================================ */

body {
	/* Remove default body margin */
	margin: 0;
}

html {
	/* Enable smooth anchor scrolling */
	scroll-behavior: smooth;
}


/* ===========================================================================================================
skeleton.css
============================================================================================================ */

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box; }

.column,
.columns {
	width: 100%;
	float: left;
	box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
	.container {
		width: 90%;
		padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	.container {
		width: 90%; }

	.column,
	.columns {
		margin-left: 4%; }

	.column:first-child,
	.columns:first-child {
		margin-left: 0; }

	.one.column,
	.one.columns                    { width: 4.66666666667%; }
	.two.columns                    { width: 13.3333333333%; }
	.three.columns                  { width: 22%;            }
	.four.columns                   { width: 30.6666666667%; }
	.five.columns                   { width: 39.3333333333%; }
	.six.columns                    { width: 48%;            }
	.seven.columns                  { width: 56.6666666667%; }
	.eight.columns                  { width: 65.3333333333%; }
	.nine.columns                   { width: 74.0%;          }
	.ten.columns                    { width: 82.6666666667%; }
	.eleven.columns                 { width: 91.3333333333%; }
	.twelve.columns                 { width: 100%; margin-left: 0; }

	.one-third.column               { width: 30.6666666667%; }
	.two-thirds.column              { width: 65.3333333333%; }

	.one-half.column                { width: 48%; }

	/* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%; }
body {
	font-size: 1.7rem;
	line-height: 1.6;
	font-family: "Poppins", sans-serif;
	font-weight: normal;
	color: #2E2E2D;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
	font-weight: 500;
	color: #134FC9;
	text-decoration: none; 
}
a:hover {
	color: var(--midnight);
	text-decoration: underline;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Default style */
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
.link_button,
.rss_all,
.bannerInfo li a,
#top_lvl_banner_btns li a,
#bannerInfoMobile li a
{
	font-family: "Poppins", sans-serif; /* Necessary to overwrite user agent stylesheet */
	font-size: 1.6rem;
	font-weight: 600;
	background-color: var(--midnight);
	color: white;
	padding: 11px 20px;
	border-radius: var(--radius-s);

	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s;
	border: none;
	line-height: 1.2;
	text-transform: capitalize;
	white-space: normal;
	margin-right: 5px;
	margin-bottom: 5px;
}
/* Default style hover */
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover,
.link_button:hover,
.rss_all:hover,
.bannerInfo li a:hover,
#top_lvl_banner_btns li a:hover,
#bannerInfoMobile li a:hover
{
	background-color: var(--space);
	text-decoration: none;
	color: white;
}

/* Gold style */
.link_button.gold,
.bannerInfo li a,
#top_lvl_banner_btns li a,
#bannerInfoMobile li a
{
	background-color: var(--gold);
	color: #003a72;
	font-weight: 700;
}
/* Gold style hover */
.link_button.gold:hover,
.bannerInfo li a:hover,
#top_lvl_banner_btns li a:hover,
#bannerInfoMobile li a:hover
{
	background-color: var(--sunlight);
	color: #003a72;
}

/* Banner buttons */
#banner .button,
#banner .link_button {
	margin: 15px 15px 0 0;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	height: auto;
	padding: 3px 6px;
	background-color: var(--white);
    border-width: 1px;
    border-style: solid;
	border-radius: var(--radius-s);
	font-family: "Poppins", sans-serif; /* Necessary to overwrite user agent stylesheet */
	font-size: 1.7rem; /* Necessary to overwrite user agent stylesheet */
	box-shadow: none;
	box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; }

textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px; }

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #33C3F0;
	outline: 0; }

label,
legend {
	display: block;
	margin-bottom: .5rem; }

fieldset {
	padding: 0;
	border-width: 0; }

input[type="checkbox"],
input[type="radio"] {
	display: inline; }

label > .label-body {
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul, ol {
	padding-left: 20px;
}

ul {
	list-style: outside disc;
}

ol {
	list-style: outside decimal;
}

ol, ul {
	margin-top: 0; }

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 0 0 0 2rem; }

li {
	margin-bottom: 0; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: var(--radius-s); }

pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre; }

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input,
textarea,
select,
fieldset {
	margin-bottom: 1.5rem; }

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
	margin-bottom: 2.5rem; }

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
	width: 100%;
	box-sizing: border-box; }
.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box; }
.u-pull-right {
	float: right; }
.u-pull-left {
	float: left; }

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3.5rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both; }

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Larger than tablet */
@media (max-width: 767px) {
	#rightThird, .six.columns, .nine.columns {
		width: 100%;
		margin-left:0;
	}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	.container {
		max-width: 1170px;
		width: 100%;
	}
}


/* ===========================================================================================================
content.css
============================================================================================================ */

#header_title {
	clear:both;
	background: var(--midnight);
	box-shadow: inset 0px 10px 4px -4px rgba(0,0,0,0.15);
}

/* Navigation Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#address {
	margin-bottom: 2.5rem;
	line-height: 2.2rem;
}

#address h5, #address h6 {
	text-transform: none;
	line-height: 1.6;
}

#address h5 {
	font-weight: bold;
}

#address p {
	margin-bottom: 0;
}

#address a {
	display: block;
	word-wrap:break-word;
}

#address_social_icons {
	margin-top: 25px;
}

#address_social_icons a {
	margin-right: 12px;
	font-size: 150%;
	color: #666;
	display: inline;
}

#address_social_icons a:hover {
	color: var(--midnight);
}

/* Content Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#content {
	clear: both;
	padding-top: 30px;
	padding-bottom: 60px;
}

/* Banner Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#banner {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	height: 390px;
	position: relative;
}

#banner .container {
	height: 390px;
}

.bannerInfo {
	position: absolute;
	bottom: 0;
	min-width: 562px;
}

#bannerInfoMobile {
	display: none;
}

#bannerInfoMobile ul {
	padding-left: 0;
	margin-bottom: 0;
}

#bannerText {
	background: rgba(0, 0, 0, 0.7);
	color: var(--white);
	margin-bottom: 20px;
	border-radius: var(--radius-m);
}

#bannerText p {
	padding: 15px 20px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
}

#top_lvl_banner {
	padding-top: 30px;
}

#top_lvl_banner_img {
	background-repeat: no-repeat; 
	background-position: top center;
	background-size: cover;
	height: 285px;
	overflow: hidden;
	border-radius: var(--radius-m);
}

#top_lvl_banner_txt {
	margin-top: 2.5rem;
}

#top_lvl_banner_btns {
	margin: 2.5rem 0;
}

#top_lvl_banner_btns li, 
#bannerInfoMobile li,
.bannerInfo li {
	display: inline-block;
}

#top_lvl_banner_img img {
	display: none;	
}

#top_lvl_banner_img_on {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	display: none;
}

/* Mini Banner-Slideshow */
#TwoColTop {
	margin-top: 20px;
	margin-bottom: 35px;
}

#TwoColTop #banner {
	height: 450px;
}

#TwoColTop #banner .container {
	height: 450px;
}

#TwoColTop .bannerInfo {
	min-width: inherit;
}

#TwoColTop .mini-slide-title {
	color: var(--white);
	font-size: 2.25em;
	font-weight: 800;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	display: block;
	line-height: 1.125em;
}

#TwoColTop .mini-slide-text {
	display:block;
	padding-bottom:10px;
}

#TwoColTop #bannerText {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	margin-bottom: 0px;
}

#TwoColTop #bannerText p {
	margin-bottom:0px;
}

#topCallouts {
	background-color:var(--gold);
}

#TwoColTop #topImportantDates li {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom:10px;
	list-style:none !important;
}
/* End of Mini Banner-Slideshow */	

@media (max-width: 1200px) {
	#TwoColTop #banner .container {
		width: 100%;
	}
}

@media (max-width: 1000px) {
	#page_nav {
		font-size: 80%;
	}

	#page_nav li a {
		padding: 8px 12px;
	}

	#bannerText p {
		font-size: 75%;
	}

	#TwoColTop #bannerText p {
		font-size: 90%;
	}

	#TwoColTop #topImportantDates {
		font-size:90%;
	}
}

@media (max-width: 768px) {
	#TwoColTop .three {
		width: 100%;
	}

	#TwoColTop .nine.columns {
		width: 100% !important;
	}

	#TwoColTop #banner {
		height:360px;
		margin-bottom:25px;
	}

	#TwoColTop #banner .container {
		height:360px;
	}

	#TwoColTop .three.columns {
		margin-left:0px !important;
	}

	#TwoColTop #topImportantDates li {
		float:left;
		width:46%;
		margin-right:4%;
	}
}

@media (max-width: 767px) {

	#page_nav {
		display: none;
	}

	#page_nav_mobile {
		display: block;
	}

	#page_nav_mobile img, #page_nav_mobile iframe, #page_nav_mobile object {
		display:none;
	}

	#left_nav, #right_nav {
		display: none;
	}

	#banner {
		height: 210px;
	}

	#banner .container {
		height: auto;
	}

	.bannerInfo {
		position: relative;
		margin: 0 auto;
		width: 85%;
		display: block;
	}

	#bannerInfoMobile {
		display:block;
	}

	#bannerInfoMain{
		display:none;
	}

	#bannerText {
		background-color: transparent;
		color: #4c4c4c;
		margin-bottom: 0;
	}

	#bannerText p {
		padding: 20px 0 0;
		font-size: 100%;
		text-shadow: none;
	}

	.bannerInfo .button-primary {
		margin-bottom: 1rem;
	}

	#TwoColTop #banner {
		display:none !important;
	}

	#TwoColTop .container {
		width: 100% !important;
	}

	#TwoColTop #bannerText p {
		padding: 20px !important;
	}

	#TwoColTop #bannerInfoMobile {
		margin-bottom:35px;
	}

	#TwoColTop #bannerText {
		background:#406e9e;
		color:var(--white) !important;
	}

	#TwoColTop #bannerText .button.button-primary{
		background-color: var(--gold);
		border-color: var(--gold);
		color: #003a72;
	}
}

@media (max-width: 550px) {
	#banner {
		height: 115px;
	}

	.bannerInfo {
		width: 100%;
	}

	#top_lvl_banner_img {
		height: 153px;
	}

	#TwoColTop #topImportantDates li {
		float:none;
		width:100%;
		margin-right:0%;
	}
}

@media (max-width: 400px) {
	#TwoColTop .container {
		padding:0px !important;
	}
}


/* ===========================================================================================================
grid.css
============================================================================================================ */

.container .row .row {
	padding: 0;
}

#top_lvl_banner {
	max-width: 1170px;
	margin: auto;
}

i {
	font-style: normal;
}

img {
	height: auto;
	border-radius: var(--radius-m);
}

table {
	border-collapse: collapse;
}

tr:nth-child(even) {
	background-color: #f2f2f2;
}

td {
	color: #2e2e2d;
	padding: 8px 20px;
	border: 1px solid #BDBBB5;
}

thead td,
thead th {
	font-weight: 600;
	background-color: var(--midnight);
	color: var(--white);
	padding: 8px 20px;
}

#tab_btns ul li{
	list-style: none;
}

ul.blue_box_list li {
	list-style: none;
}

.bannerInfo {
	margin-bottom: 75px;
	margin-left: 12vw !important;
	padding: 2vw;
	background-color: white;
	min-width: 0px;
	white-space: nowrap;
	font-weight: 800;
	font-size: 1.68em;
	line-height: 1em;
	text-transform: capitalize;
	color: var(--midnight);
	text-shadow: none;
	max-width: 70vw;
}

/* You can add class="rightBox" to the <li> element of a slide to make its text box be on the right side */
@media (min-width: 767px) {
	.rightBox {
		position: relative;
	}
	.rightBox .bannerInfo {
		right: 0px;
		margin-right: 12vw !important;
	}
}

#banner .bannerInfo .six.columns ul {
	height: auto;
}

.unslider-arrow {
	z-index: 900;
}

#banner ul {
	padding: 0;
	height: 650px;
}

#banner ul li .bg {
	height: 650px;
}

#banner.nine.column ul,
#banner.nine.columns ul {
	height: 100%;
}

#banner.nine.column .twelve.column ul,
#banner.nine.columns .twelve.columns ul {
	margin-top: 2.5rem;
	padding-left: 20px;
}

#banner.nine.column #bannerInfoMain.bannerInfo,
#banner.nine.columns #bannerInfoMain.bannerInfo {
	bottom: 0px;
	top: unset;
}

#banner.nine.column .bannerInfo,
#banner.nine.columns .bannerInfo {
	margin: 0 !important;
	padding: 0;
	background-color: transparent;
	white-space: unset;
	font-size: 1.25em;
	color: white;
	text-transform: none;
}

#banner.nine.column .bannerInfo #bannerText p,
#banner.nine.columns .bannerInfo #bannerText p {
	color: white;
}

#banner.nine.column .bannerInfo .button-primary,
#banner.nine.columns .bannerInfo .button-primary {
	background-color: var(--gold);
	color: var(--midnight);
}

#banner.nine.column .bannerInfo .button-primary:hover,
#banner.nine.columns .bannerInfo .button-primary:hover {
	background-color: var(--sunlight);
}

.bannerInfo #bannerText .headline {
	color: white;
	line-height: 42px;
}

.bannerInfo #bannerText .sublineText {
	color: white !important;
	line-height: 32px;
}

.mainMenuGrid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 12vw 16vw 60vw 12vw;
	grid-template-columns: 12vw 308px auto 12vw;
	-ms-grid-rows: 96px;
	grid-template-rows: 96px;
	padding: 0px;
	color: var(--midnight);
	background-color: rgba(0, 0, 0, 0);
	font-size: 2.5rem;
	position: fixed;
	top: 0;
	z-index: 1001;
	width: 100%;
	grid-template-areas:
		". logo . .";
}

.mainMenuGrid .bottomBoxShadow {
	-ms-grid-column: 1;
	-ms-grid-column-span: 4;
	grid-column: 1/span 4;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1/span 1;
	z-index: -1;
	background-color: white;
	border-bottom: 5px solid var(--gold);
	-webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
}

.mobileMenuGrid {
	display: none; /* Will be display: grid; when enabled */
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 60px;
	padding: 0px;
	color: var(--midnight);
	background-color: white;
	border-bottom: 4px solid var(--gold);
	-webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
	font-size: 2.2rem;
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	grid-template-areas:
		"mobileLogo . . . .";
}

.mobileLogo {
	height: auto;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1/span 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1/span 2;
	padding: 6px 0;
	text-align: center;
	grid-area: mobileLogo;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	align-self: center;
	height: 100%;
	box-sizing: border-box;
}

.mobileLogo .theLogo {
	height: 100%;
}

.mobileLogo img {
	max-height: 100%;
}

.mobileFauxBack {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-area: mobileLogo;
}

.mobileMenuItem {
	justify-self: center;
	align-self: center;
	margin-top: 2px;
	background-color: white;
	text-transform: uppercase;
}

.mobileMenuItem:nth-child(3) {-ms-grid-column: 2;}
.mobileMenuItem:nth-child(4) {-ms-grid-column: 3;}
.mobileMenuItem:nth-child(5) {-ms-grid-column: 4;}

.mobileNavigateContain {
	display: none;
	background-color: var(--midnight);
	position: fixed;
	right: 0px;
	height: 60px;
	z-index: 2000;
}

.mobileWrap .navigateContainPlaceholder {
	right: 0;
	background-color: var(--midnight);
	color: white;
	margin: 0;
	text-transform: uppercase;
	padding: 0;
	cursor: pointer;
	opacity: 1;
	width: 100%;
	height: 60px;
	opacity: 0;
}

span.theWordMenu {
	color: white;
	font-size: 2.6rem;
	font-weight: 600;
}

header {
	position: relative;
	top: -96px;
}

header#marketingPage {
	top: -97px;
}

.logoContain {
	position: relative;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2/span 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1/span 2;
	text-align: center;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-area: logo;
	align-self: center;
	justify-self: left;
}

.theLogo img {
	margin: auto;
	height: 65px;
}

.logoFauxBack {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2/span 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1/span 2;
	align-self: inherit;
}

.menuItemsContain {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3/span 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1/span 1;
	text-transform: uppercase;
	text-align: right;
	-ms-grid-row-align: center;
	align-self: center;
}

.topItem {
	display: inline;
	vertical-align: -0.2rem;
	margin-right: 2vw;
	cursor: pointer;
}

.globalNav, .topItem a, .mobileMenuItem a { /* Not all header files have the globalNav class */
	color: var(--midnight);
	font-weight: 700;
}

.searchIcon img {
	height: 1.25em;
	border-radius: 0;
	vertical-align: -0.5rem;
}

.navigateContainPlaceholder {
	background-color: var(--midnight);
	color: white;
	margin: 14px 0;
	text-transform: uppercase;
	display: inline;
	padding: 12px 42px;
	cursor: pointer;
	opacity: 0;
}

@media only screen and (max-width: 1200px) {
	.navigateContainPlaceholder {
		padding: 8px 32px;
	}
}

.whitePadding:nth-child(1) {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1/span 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1/span 1;
}

.whitePadding:nth-child(5) {
	-ms-grid-column: 4;
	-ms-grid-column-span: 1;
	grid-column: 4/span 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1/span 1;
}

body {
	position: relative;
	top: 96px !important;
	overflow-x: hidden;
}

header {
	border-bottom: 0px;
}

#page_nav {
	display: none;
}

.rss-item {
	list-style-type: none;
}

.rss-item .itemContent {
	white-space: pre-line; /* For preserving line breaks */
}

#bannerInfoMain.bannerInfo {
	margin-left: 0px !important;
	margin-bottom: 0px;
	background: none !important;
	white-space: normal;
	color: white;
	font-size: 1.7rem;
	font-weight: 400 !important;
	padding-left: 0px;
	width: 100%;
}

#bannerInfoMain.bannerInfo #bannerText p {
	color: white;
	text-shadow: none;
	text-transform: none;
	line-height: 1.4;
}

.sublineText {
	font-size: 2.4rem;
}

.hamburgerContain {
	position: relative;
	width: 30px;
	height: 100%;
	cursor: pointer;
	display: inline-block;
	bottom: 19px;
}

.hamburger {
	position: absolute;
	background-color: white;
	width: 30px;
	height: 4px;
}

.mobileNavigateContain .hamburgerContain {
	position: relative;
	height: 100%;
	cursor: pointer;
	display: inline-block;
	bottom: 0px;
	left: 0px;
	height: 20px;
}

.hamburger:nth-child(1) {
	top: 0px;
}

.hamburger:nth-child(2) {
	top: 8px;
}

.hamburger:nth-child(3) {
	top: 16px;
}

nav {
	position: absolute;
	width: 300px;
	height: calc(100% + 96px);
	top: 0;
	right: -300px;
	background-color: var(--space);
	box-shadow: inset 3px 0 4px rgba(0, 0, 0, .3);
	z-index: 100020;
	top: -96px;
	overflow-x: hidden;
	overflow-y: hidden;
}

nav ul {
	list-style-type: none;
	color: white;
	font-size: 1.6rem;
	padding-left: 0;
}

nav ul li {
	list-style: none;
}

.mainMenu {
	float: left;
	width: 300px;
}

.contextualMenu {
	width: 300px;
	float: right;
	position: relative;
	right: 0px;
	opacity: 1;
	margin: 0;
}

.contextualMenu ul {
	font-size: 1.5rem;
	text-transform: none;
	padding-top: 18px;
	padding-bottom: 18px;
	border-top: 2px solid var(--midnight);
	border-bottom: 2px solid var(--midnight);
	margin-bottom: 0px;
}

.contextualMenu ul li {
	border: none;
	padding: 12px 34px;
}

.contextualMenu .leftMenus ul li ul {
	padding-left: 0px;
	padding-top: 16px;
}

.contextualMenu .leftMenus ul li ul li {
	padding: 16px;
}

.contextualMenu ul li:last-child {
	border-bottom: none;
}

.contextualMenu .additionalMenuTitle {
	padding: 16px 18px;
	margin: 0;
	color: white;
	font-size: 1.4rem;
}

.contextualMenu .leftMenus ul,
.contextualMenu .contactUs ul {
	border-top: none;
	padding-top: 0px;
}

.leftMenus ul,
.contactUs ul {
	padding-bottom: 0px;
}

.contactUs {
	color: white;
	padding: 30px 34px;
}

#content .contactUs {
	padding: 0;
}

.contactUs #address h4 {
	color: white;
	font-size: 1.4rem;
	margin-bottom: 1.6rem;
	text-transform: uppercase;
}

.contactUs #address h5 {
	color: white;
	font-size: 1.4rem;
	margin-bottom: 1.6rem;
}

.contactUs #address h6 {
	color: white;
	font-size: 1.4rem;
	margin: 0;
	margin-bottom: 1.6rem;
	line-height: 2.6rem;
}

.contactUs #address a {
	color: var(--azure);
	font-weight: 600;
}

.contactUs strong {
	font-weight: 500;
}

.deptTitle {
	padding: 22px 18px;
	color: var(--gold);
	font-size: 1.8rem;
	font-weight: 600;
	border-top: 2px solid var(--midnight);
}

.leftMenus {
	font-size: 1.4rem;
	text-transform: none;
	margin: 0;
}

.leftMenus h4 {
	padding: 20px 34px;
	margin: 0;
	color: white;
	font-size: 1.4rem;
}

.leftMenus h4 a {
	margin: 0;
	color: white;
	font-size: 1.4rem;
}

.leftMenus .expander {
	border-bottom: 2px solid var(--midnight);
}

.backToMain {
	padding: 22px 18px;
	text-align: right;
	color: white;
	font-size: 1.6rem;
	line-height: 1.6rem;
	cursor: pointer;
}

.backToContext {
	padding: 22px 18px;
	text-align: left;
	color: white;
	font-size: 1.6rem;
	line-height: 1.6rem;
	cursor: pointer;
}

.backToMainText:hover,
.backToContextText:hover {
	color: var(--gold);
}

body.accessible nav div.backToMain[role=button]:focus,
body.accessible nav div.backToContext[role=button]:focus {
	outline-offset: -2px;
}


nav .fas.fa-caret-square-left {
	float: left;
}

nav .fas.fa-caret-square-right {
	font-size: 16px;
	float: right;
}

nav ul li {
	margin: 0;
	padding: 22px 18px;
	border-top: 2px solid var(--midnight);
	line-height: 1.4;
}

nav ul li a {
	color: white;
	font-weight: 400;
}

nav ul li a:hover {
	color: var(--gold);
	text-decoration: none;
}

/* To accomodate a (not semantic) menu technique that has been commonly used across the site */
nav ul li a:not(:first-child) {
	display: inline-block;
	padding-top: 10px;
}

nav ul li:last-child {
	border-bottom: 2px solid var(--midnight);
}

nav p {
	color: white;
}

.expander {
	padding-left: 18px;
	padding-right: 18px;
}

.expander ul {
	color: white;
	margin: 0px;
	border: none;
}

.expander ul li {
	margin: 0;
	padding: 12px 18px;
	border-top: 2px solid var(--midnight);
	font-size: 1.5rem;
	border: none;
	text-transform: none;
}

.expander ul li:first-child {
	padding-top: 2px;
}

.expander ul li:last-child {
	border: none;
	padding-bottom: 28px;
}

.expander .expanderHeading {
	color: white;
	font-weight: 600;
}
.expanderTitle {
	cursor: pointer;	
	color: white;
}
.expanderTitle:hover {
	color: var(--gold);
}
.expander .expanderIndented {
	padding-left: 36px;
}

#content.container.fullWidthContainer {
	width: 100%;
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.thePlus {
	font-weight: 900;
}

.expander {
	height: 0px;
	overflow: hidden;
}

.thirdWrap ul {
	font-weight: normal;
}

.thirdWrap ul li {
	line-height: 2.2rem;
}

.gsc-control-searchbox-only.gsc-control-searchbox-only-en {
	padding: 24px 18px;
	max-width: 264px;
}

.gstl_50.gsc-input {
	margin-bottom: 0px;
}

nav td.gsc-input {
	background: none !important;
	padding: 0;
}

.gsc-input-box {
	border: none !important;
}

input.gsc-input {
	padding: 2px 0 2px 2px !important;
}

.gsc-search-button.gsc-search-button-v2 {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.gsc-search-button.gsc-search-button-v2 img {
	height: 3.1rem;
	border-radius: 0;
}

.gsc-search-button.gsc-search-button-v2:hover, .gsc-search-button.gsc-search-button-v2:focus {
	background: none;
	border: none;
	padding: 0;
}

td.gsc-search-button {
	width: auto !important;
}

form.gsc-search-box,
table.gsc-search-box {
	margin-bottom: 0px !important;
}

table.gsc-search-box td {
	background: none;
	width: auto;
	padding: 2px 0 2px 4px;
	border: none;
}

td.gsib_b {
	width: 30px !important; /* X button in search bar */
}

.fullCanvasWrap {
	background: var(--space);
	opacity: 0;
	position: relative;
	width: 100%;
	height: calc(100% + 96px);
	position: absolute;
	z-index: 1002;
	display: none;
	top: -96px;
	cursor: pointer;
}

.navigateContain {
	position: fixed;
	background-color: var(--midnight);
	color: white;
	margin: 18px 0;
	text-transform: uppercase;
	display: inline;
	padding: 8px 42px;
	cursor: pointer;
	z-index: 2000;
	font-size: 2.8rem;
	transition: background-color .3s;
	opacity: 0;
	border-radius: var(--radius-m);
}

.navigateContain:hover {
	background-color: var(--space);
}

.plusButton {
	font-family: "source sans pro", "poppins"; /* Keeping Source Sans Pro here because the rotation animation looks worse with Poppins */
	background-color: white;
	color: #0E2552;
	width: 16px;
	height: 16px;
	text-align: center;
	float: right;
	font-size: 18px;
	padding: 0px;
	line-height: 0px;
	border-radius: 2px;
	margin: 0;
}
.plusButton:hover {
	color: #0E2552;
}

footer {
	background-color: white;
	color: var(--midnight);
	text-align: right;
	padding: 0 0 20px;
	/* To prevent a display bug where small gap appears between the content container and the footer: */
	position: relative;
	margin-top: -1px;
}

.footerStripe {
	height: 4rem;
	width: 100%;
	background: url('/images/2024-brand/the-power-utoledo-stripe.svg');
	background-repeat: repeat-x;
	background-position: center;
	margin-bottom: 20px;
}

footer p {
	color: var(--midnight);
	margin: 0;
}

footer p a {
	color: var(--midnight) !important;
}

.footerSocialMedia {
	font-size: 2.8rem;
}

a.copyright:hover {
	text-decoration: none;
}

.law-footer {
	text-align: right;
}

.law-footer #footer_social_icons {
	text-align: right;
}

.law-footer #footer_social_icons a {
	font-size: 3.2rem;
	margin-right: 8px;
}

.law-footer #footer_social_icons a.link_button.aba {
	background-color: var(--gold);
	color: #003a72;
	float: right;
	border: 1px solid var(--gold);
	font-size: 1.4rem;
	margin-top: 1.6rem;
	margin-right: 0;
}

#content_date {
	display: none;
}

p a {
	text-decoration: none;
}

p a:hover {
	text-decoration: underline;
}

.quotes .words p {
	color: white;
}

.container .row .row.catagories {
	padding-top: 50px;
	padding-bottom: 50px;
}

a:focus {
	outline: none;
	outline-offset: 4px;
}

nav a:focus,
nav div[role=button]:focus,
nav button:focus {
	outline: none;
	outline-offset: 4px;
}

.navigateContain:focus {
	outline: none;
	outline-offset: -4px;
}

body.accessible *:focus {
	outline: var(--azure) solid 2.5px;
	outline-offset: 4px;
}

body.accessible nav a:focus,
body.accessible nav div[role=button]:focus,
body.accessible nav button:focus {
	outline: var(--gold) solid 2px;
	outline-offset: 4px;
}

body.accessible .navigateContain:focus {
	outline: var(--gold) solid 2px;
	outline-offset: -4px;
}

#uchat-qa-widget {
	z-index: 100010 !important;
}	

/* Anchors */
a[name]:not([href]), a[id]:not([href]), div:empty:target {
	display: block;
	position: relative;
	top: -130px;
	visibility: hidden;
}

.expander ul form input#pq {
	color: var(--midnight);
	font-size: 16px !important;
	width: 100% !important;
}

.expander ul form input#SubSearch {
	font-size: 1.2rem !important;
	background-color: var(--gold);
	color: var(--midnight);
	display: block;
	border: none;
	border-radius: 0px;
}

.responsive-table {
	margin-bottom: 2.5rem;
}

.responsive-table > table {
	width: 100%;
	margin-bottom: 0;
	min-width: 800px;
}

@media (max-width: 910px) {
	.responsive-table {
		overflow-x: scroll; /* Only enable this once the window is small so that the scroll bar doesn't appear when it's not needed */
	}
	.responsive-table::before {
		content: "(Swipe horizontally to scroll the table.)";  /* This will generate a line of text above every responsive table once the scroll kicks in */
		opacity: 0.75;
	}
}

@media only screen and (max-width: 1562px) {
	.mainMenuGrid {
		-ms-grid-columns: 1fr 308px 862px 1fr;
		grid-template-columns: auto 308px 862px auto;
	}

	.navigateContain {
		right: auto;
	}
}

@media only screen and (max-width: 1400px) {
	.featuredNewsItem {
		line-height: 32px;
	}

	.featuredNewsItem span {
		line-height: 72px;
	}
}


@media only screen and (max-width: 1200px) {
	#banner ul li .bg {
		height: 450px;
	}

	#banner ul {
		height: auto;
	}

	.mainMenuGrid {
		font-size: 2.2rem;
	}

	.navigateContain {
		margin: 23px 0;
		font-size: 2.2rem;
	}

	span.theWordMenu {
		color: white;
		font-size: 2.2rem;
	}

	.hamburgerContain {
		bottom: 17px;
	}

	.hamburger {
		height: 3px;
	}

	.mainMenuGrid {
		-ms-grid-columns: 0 250px 1fr 0;
		grid-template-columns: 5% 250px auto 5%;
	}

	.navigateContain {
		padding: 8px 32px;
	}

	#bannerInfoMain.bannerInfo {
		font-size: 1em;
	}
}

@media only screen and (max-width: 880px) {
	.theLogo img {
		position: static !important; /* This is to override an inline style that gets added in IE for some reason */
	}

	.desktopWrap .navigateContain,
	.desktopWrap .mainMenuGrid {
		display: none;
	}

	body {
		top: 60px !important;
	}

	header,
	nav {
		top: -60px;
	}

	header#marketingPage {
		top: -61px;
	}

	header#marketingPage .mobileWrap .menuItemsContain{
		-ms-grid-column: 2;
		-ms-grid-column-span: 4;
		grid-column: 2/span 4;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1/span 1;
		font-size:.6em;
	}

	.mobileMenuGrid {
		display: -ms-grid;
		display: grid;
	}

	.mobileMenuItem .globalNav {
		/* This rule fixes a minor alignment issue in IE */
		display: block;
		text-align: center;
	}

	.mobileNavigateContain {
		display: block;
	}

	/* Anchors */
	a[name]:not([href]), a[id]:not([href]), div:empty:target {
		display: block;
		position: relative;
		top: -140px;
		visibility: hidden;
	}
}

@media only screen and (max-width: 767px) {
	#banner {
		background-color: white;
		border-bottom: 2px solid var(--midnight);
	}

	.bannerInfo {
		margin-left: 0px !important;
		max-width: 100% !important;
		font-size: 16px;
		width: auto !important;
		bottom: 0;
	}

	#banner .bannerInfo .button-primary {
		padding: 10px 20px !important;
		height: auto !important;
	}

	#TwoColTop #bannerText {
		background: rgba(39, 51, 64, 0.65) !important;
	}

	td.gsc-search-button {
		background: none;
	}
}

@media only screen and (max-width: 600px) {
	.mobileMenuItem {
		font-size: 14px;
	}

	nav {
		width: 240px;
		right: -240px;
		overflow-y: hidden;
	}

	.contextualMenu {
		width: 240px;
		right: 0px;
	}

	.mainMenu {
		width: 240px;
	}

	.gsc-control-searchbox-only.gsc-control-searchbox-only-en {
		max-width: 204px;
	}
}

@media (max-width: 450px) {
	.container .row {
		padding: 0;
	}
}

@media (max-width: 399px) {
	.container {
		width: 100%;
	}
}

/* This wrapper class is for making videos scale to fill the width of their container while keeping the correct aspect ratio */
.fullWidthVideo {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	margin-bottom: 2.5rem;
}

.fullWidthVideo > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* Image of student + testimonial quote, all within in a full-width rectangle */
.headshotQuoteGrid {
	background-color: var(--sky);
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr;
	grid-template-columns: 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr;
	padding: 0;
	border-radius: var(--radius-m);
	overflow: hidden;
}

.headshotQuoteGrid__image {
	min-height: 306px;
	height: 100% !important;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 550px) {
	.headshotQuoteGrid__image {
		background-position-y: -30px;
	}

	.headshotQuoteGrid__image.-stayTop,
	.headshotQuoteGrid.-halves .headshotQuoteGrid__image
	{
		background-position-y: top;
	}
}

.headshotQuoteGrid__text {
	padding-top: 25px;
	padding-right: 70px;
	padding-bottom: 20px;
}

.headshotQuoteGrid__name {
	/* Imitate h3 */
	font-size: 2.6rem;
	color: var(--midnight);
	letter-spacing: normal;
	line-height: 1;
}

/* Default is three columns and nine columns... */
.headshotQuoteGrid .imageSide {
	grid-column: 1 / span 5;
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
}

.headshotQuoteGrid .textSide {
	grid-column: 7 / span 17;
	-ms-grid-column: 7;
	-ms-grid-column-span: 17;
}

/* ...but you can have four columns and eight columns if you want... */
.headshotQuoteGrid.-thirds .imageSide {
	grid-column: 1 / span 7;
	-ms-grid-column: 1;
	-ms-grid-column-span: 7;
}

.headshotQuoteGrid.-thirds .textSide {
	grid-column: 9 / span 15;
	-ms-grid-column: 9;
	-ms-grid-column-span: 15;
}

/* ...or six and six! */
.headshotQuoteGrid.-halves .imageSide {
	grid-column: 1 / span 11;
	-ms-grid-column: 1;
	-ms-grid-column-span: 11;
}

.headshotQuoteGrid.-halves .textSide {
	grid-column: 13 / span 11;
	-ms-grid-column: 13;
	-ms-grid-column-span: 11;
}

@media only screen and (max-width: 550px) {
	.headshotQuoteGrid {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 306px 1fr;
		grid-template-rows: 306px 1fr;
	}

	.headshotQuoteGrid .imageSide, .headshotQuoteGrid.-thirds .imageSide, .headshotQuoteGrid.-halves .imageSide {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / span 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}

	.headshotQuoteGrid .textSide, .headshotQuoteGrid.-thirds .textSide, .headshotQuoteGrid.-halves .textSide {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / span 1;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / 3;
	}

	.headshotQuoteGrid__text {
		padding-left: 4%;
		padding-right: 4%;
	}
}

@media (max-width: 1200px) {
	.fullDesktopOnly {
		display: none;
	}
}

.service-items > .columns > img {
	margin-bottom: 1.5rem;
}

/* For empty div elements used for Element Visibility triggers in Google Tag Manager (used for heatmap-like functionality) */
.googleTagManagerElementVisibility {
	min-height: 1px;
}

/*===============================================
Text style update START
================================================*/

h1, h2, h3, h4, h5, h6 {
	color: var(--midnight);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.5rem;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: var(--midnight);
	font-weight: 700;
}

h1 {
	text-transform: uppercase;
}

h2, h3, h4, h5, h6 {
	text-transform: capitalize;
}

.script-ignore {
	text-transform: none;
}

h1 {
	font-size: 3.4rem;
}
#header_title h1 {
	color: var(--white);
	padding: 27px 0 21px;
	margin-bottom: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

h2 {
	font-size: 3.0rem;
}

h3 {
	font-size: 2.6rem;
}
h3 strong {
	font-weight: 700; /* Just to fix old bolded H3 headings */
}

h4 {
	font-size: 2.2rem;
}

h5 {
	font-size: 1.9rem;
}

h6 {
	font-size: 1.7rem;
}

pre, blockquote, dl, figure, table, p, ul, ol, form {
	margin-bottom: 1.5rem;
}

p:empty {
	margin-bottom: 0; /* This is for when JustEdit decides to wrap HTML comments in <p> tags */
}

/* Give extra spacing between the end of one section and the start of a new one, as indicated by headings */
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + div,
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ul + div
{
	margin-top: 2.5rem;
}

p + iframe {
	margin-top: 10px;
}

p + .link_button, p + p > .link_button:first-child,
p + .button, p + p > .button:first-child {
	margin-top: 7px;
}

/*===============================================
Text style update END
================================================*/

/* This class will get applied to the :target of pages (aka anchor), for uncommon cases where there's text in the :target element */
.pageTargetFix,
.paging-item a /* This fix also needs to be applied to these PageUp widget elements to prevent them from dissappearing */
{
	top: 0 !important;
	visibility: visible !important;
}

/* Generic classes for hiding and showing elements based on window width */
.desktopOnly767, .desktopOnly550 {
	display: unset;
}

.mobileOnly767, .mobileOnly550 {
	display: none;
}

@media (max-width: 766px) {
	.desktopOnly767 {
		display: none;
	}

	.mobileOnly767 {
		display: unset;
	}
}

@media (max-width: 549px) {
	.desktopOnly550 {
		display: none;
	}

	.mobileOnly550 {
		display: unset;
	}
}

/* IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* Internet Explorer Warning */
	.internetExplorerWarning {
		display: block !important;
		background-color: var(--gold);
		text-align: center;
		width: 100%;
		padding: 20px 40px;
		box-sizing: border-box;
		position: fixed;
		bottom: 0;
		z-index: 999;
	}
	/* Extend the page so the footer doesn't get blocked */
	body {
		padding-bottom: 100px;
	}
}


/* ===========================================================================================================
snippets.css
============================================================================================================ */

/* Snippet Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.snippet_hold {
	position: relative;
	width: 100%;
	margin-bottom: 2.5rem;
	box-sizing: border-box;
}

.snippet_col_format,
.snippet_2col,
.snippet_3col,
.blue_box_3col,
.blue_box_2col {
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.snippet_3col > *:last-child,
.snippet_2col > *:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 550px) {
	.snippet_3col,
	.snippet_2col {
		margin-bottom: 2.5rem;
	}

	.snippet_3col:nth-child(3),
	.snippet_2col:nth-child(2) {
		margin-bottom: 0;
	}
}

.snippet_col_format h5 {
	margin-bottom: 1rem;
}

.snippet_col_format h6 {
	font-size: 2.4rem;
	margin-bottom: 1rem;
}

.snippet_col_format img {
	width: 100%;
	height: auto;
	margin-bottom: 1.5rem;
}

.text-under-photo img {
	margin-bottom: 1.5rem;
}

/* Find Your Program Box (Component)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.findYourProgramBox {
	background-color: var(--midnight);
	padding: 30px;
	border-radius: var(--radius-m);
	margin-bottom: 50px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	gap: 22px 35px;
}
@media (max-width: 550px) {
	.findYourProgramBox {
		flex-flow: column nowrap;
	}
}
@media (max-width: 1100px) {
	.findYourProgramBox.-earlyStack {
		flex-flow: column nowrap;
	}
}

.findYourProgramBox h2 {
	color: white;
	margin-bottom: 0;
	text-align: center;
}

.findYourProgramBox__button {
	display: inline-block;
	text-align: center;
	font-size: 2.7rem;
	font-weight: 700;
	line-height: 1.2;
	padding: 13px 32px;
	border-radius: var(--radius-s);
	margin: 0;
	background-color: var(--gold);
	color: var(--midnight) !important;
	transition: .3s background-color;
}
.findYourProgramBox__button:hover {
	color: var(--midnight) !important;
	background-color: var(--sunlight);
	text-decoration: none;
}

/* Testimonial Slider (Component)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.testimonialSlider {
	margin-bottom: 2.5rem;
}

/* Hide the "Read More" button if the link field was left blank */
.testimonialSlider .link_button[href="/"] {
	display: none !important;
}

/* Styled Numbered List (Component)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* (Note: #content is just to get through the generic list styles that use #textHold) */

#content .styledNumberedList {
	padding-left: 0;
	margin-bottom: 25px;

	/* Clear ordered list style */
	counter-reset: item;
	list-style-type: none;
}

#content .styledNumberedList li {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: start;
	column-gap: 18px;
	margin-bottom: 1.6rem;
}
@media (max-width: 767px) {
	#content .styledNumberedList li {
		column-gap: 12px;
	}
}

#content .styledNumberedList__number {
	background-color: var(--gold);
	width: 4.2rem;
	height: 4.2rem !important; /* To override the "fixHeights" script */
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--midnight);
}

/* Replace ordered list style (to get list numbers without periods) */
#content .styledNumberedList__number:before { 
	content: counter(item) "  "; 
	counter-increment: item;
	padding-top: 2px;
}

#content .styledNumberedList__text {
	margin-top: 8.5px;
}

#content .styledNumberedList__boldLine {
	font-size: 2.2rem;
	font-weight: 600;
	color: var(--midnight);
	line-height: 1.2;
	margin-bottom: 4px;
}

/* Protect the default style of lists within the subline element */
#content .styledNumberedList__subLine li {
	display: list-item;
	margin-bottom: 0;
}

/* Statistic Row
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.statistic {
	text-align: center;
	margin-bottom: 25px;
}

.statistic__number {
	font-weight: 700;
	line-height: 1.3;
	font-size: 3.6rem;
	color: var(--midnight);
	margin-bottom: 1rem;
}

/* When there are four statistics, stack them into a 2x2 grid on mobile */
@media (max-width: 767px) {
	.statisticRow .three.columns {
		width: 48%;
		margin-left: 4%;
	}

	.statisticRow .three.columns:nth-child(odd) {
		margin-left: 0;
		clear: left;
	}
}

/* Big Link Button Row
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.bigLinkButtonRow {
	display: flex;
	flex-flow: row nowrap;
	margin-bottom: 25px;
}

.bigLinkButton {
	flex: 1 1 0px;

	background-color: var(--gold);
	color: var(--midnight) !important;

	font-size: 2.2rem;
	font-weight: 700;
	white-space: normal;
	line-height: 1.2;
	text-transform: capitalize;
	white-space: pre-line; /* For allowing line breaks in the component version */

	padding: 17px 17px 16px;
	border-radius: var(--radius-s);
	margin: 0 5px;

	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;

	transition: background-color .3s, color .3s;
}

.bigLinkButton:first-child {
	margin-left: 0;
}

.bigLinkButton:last-child {
	margin-right: 0;
}

.bigLinkButton:hover {
	background-color: var(--sunlight);
	text-decoration: none;
}

@media (max-width: 767px) {
	.bigLinkButtonRow {
		display: block;
	}

	.bigLinkButton {
		margin: 10px 0;
	}

	.bigLinkButton:first-child {
		margin-top: 0;
	}

	.bigLinkButton:last-child {
		margin-bottom: 0;
	}
}

/* Option for having the buttons stack earlier, which is especially useful when you more than four buttons in a row  */
@media (max-width: 1200px) {
	.bigLinkButtonRow.-earlyStack {
		display: block;
	}

	.bigLinkButtonRow.-earlyStack .bigLinkButton {
		margin: 10px 0;
	}

	.bigLinkButtonRow.-earlyStack .bigLinkButton:first-child {
		margin-top: 0;
	}

	.bigLinkButtonRow.-earlyStack .bigLinkButton:last-child {
		margin-bottom: 0;
	}
}

/* Slate Form Container
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.slateFormContainer {
	padding: 20px 20px 5px;
	background-color: #ECECEC;
	max-width: 400px;
	margin-bottom: 25px;
    border-radius: var(--radius-m);
}

/* The CSS for the form elements is in /_resources/css/ut_2019/slate-form.css */

/* Headshot Bio
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.headshotBio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	word-wrap: break-word;
	margin-bottom: 3.5rem;
}

.headshotBio p, .headshotBio h3, .headshotBio h4, .headshotBio h5 {
	margin-bottom: 0;
}

.headshotBio__imageContainer {
	width: 160px;
	margin-right: 2%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.headshotBio__imageContainer img {
	width: 100%;
	height: auto;
}

.headshotBio__textContainer {
	width: 1px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

@media (max-width: 767px) {
	.headshotBio {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.headshotBio__imageContainer {
		width: 140px;
		margin-bottom: 7px;
	}

	.headshotBio__textContainer {
		width: 100%;
	}
}

/* Automatic Two-Column Layout for "Headshot and Bio" Snippets */
.headshotBioLayout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem 4%;
	margin-top: 2.5rem;
}
@media (max-width: 1000px) {
	.headshotBioLayout {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

/* Blue Box Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */ 

.blue_box > h5, .blue_box > h4, .blue_box > h3 {
	color: white;
	background-color: var(--midnight);
	padding: 10px 18px !important;
	font-size: 2.8rem;
	margin: 0;
	border-radius: var(--radius-m) var(--radius-m) 0 0;
}

.blue_box_content {
	box-sizing: border-box;
	border: none;
	padding: 10px 20px 13px 20px;
	background-color: var(--sky);
	border-radius: 0 0 var(--radius-m) var(--radius-m);
}

/* For when someone removed the heading and used the content box on its own */
.blue_box_content:not(h5 + *):not(h4 + *):not(h3 + *) {
	padding-top: 15px;
	border-radius: var(--radius-m);
}

/* Snippet variant that provides the content box without the heading */
.blue_box.-noHeading .blue_box_content {
    padding: 15px 20px;
    border-radius: var(--radius-m);
}

.ends {
	margin-top: -2.5rem;
}

.blue_box_content > *:last-child:not(.ends) {
	margin-bottom: 0;
}

.blue_box_3col,
.blue_box_2col {
	display: block;
	float: left;
}

.blue_box_3col *:last-child,
.blue_box_2col *:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 550px) {
	.blue_box_3col,
	.blue_box_2col {
		margin-bottom: 2.5rem;
	}

	.blue_box_3col:nth-child(3),
	.blue_box_2col:nth-child(2) {
		margin-bottom: 0;
	}
}

.blue_box_3col:first-child,
.blue_box_2col:first-child {
	margin-left: 0;
}

ul.blue_box_list {
	list-style-type: none !important;
	margin-bottom: 0;
	padding-left: 0 !important;
}

ul.blue_box_list li {
	border-bottom: 1px solid #abbdd1;
	margin-bottom: 0.5rem !important;
	padding-bottom: 0.5rem;
}

/* RSS Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.rss-header {
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 1rem;
	text-transform: none;
}

.rss-items {
	list-style: none !important;
	margin-bottom: 20px;
	padding-left: 0 !important;
}

li.rss-item {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 0rem !important;
	padding: 10px 0;
}

a.rss-item {
	color: var(--midnight) !important;
	font-weight: 700;
}

.rss-item br {
	display: none;
}

.rss-date {
	display: block;
}

.omniCalendarFeed__status {
	color: #b21d18;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

/* Tabbed Box Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.snippet_tabs_btns {
	background-color: var(--midnight);
	display: block;
	padding: 10px 0 0 10px;
	font-size: inherit;
	border-radius: var(--radius-m) var(--radius-m) 0 0;
}

#tab_btns {
	width: 100%;
	box-sizing: border-box;
}

.snippet_tabs_btns ul {
	padding: 0 !important;
	display: flex;
	flex-flow: row wrap;
	height: auto !important;
}

.snippet_tabs_btns li {
	display: initial;
	float: initial;
	margin-bottom: initial;
}

.snippet_tabs_btns li a {
	color: var(--midnight);
	background-color: var(--gold);
	transition: background-color .3s;
	display: block;
	margin: 0 10px 10px 0;
	padding: 6px 18px;
	border-radius: 5px 5px 0 0;
	text-decoration: none;
	font-weight: 700;
    text-transform: capitalize;
}
.snippet_tabs_btns li a:hover {
	text-decoration: none;
	background-color: var(--sunlight);
}

.snippet_tabs_btns li a.current {
	background-color: var(--white);
}
.snippet_tabs_btns li a.current:hover {
	background-color: var(--white);
	cursor: default;
}

.snippet_tabs_btns > *:last-child:not(.ends) {
	margin-bottom: 0rem;
}

.snippet_tabs_content {
	display: block;
	clear: both;
	box-sizing: border-box;
	border-right: solid 3px #BDBBB5;
	border-bottom: solid 3px #BDBBB5;
	border-left: solid 3px #BDBBB5;
	border-radius: 0 0 var(--radius-m) var(--radius-m);
	padding: 10px 18px 10px 18px;
	background-color: white;
}

#tab_btns:after {
	clear: both;
	content: "";
	display: table;
}

.tab > *:last-child {
	margin-bottom: 0;
}

/* Panel Snippet Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.panel_head > h5, .panel_head > h4, .panel_head > h3, .panel_head > h2 {
	color: white;
	background-color: var(--midnight);
	padding: 10px 18px !important;
	font-size: 2.8rem;
	margin: 0;
	border-radius: var(--radius-m) var(--radius-m) 0 0;
}

.panel_body {
	box-sizing: border-box;
	border-right: solid 3px #BDBBB5;
	border-bottom: solid 3px #BDBBB5;
	border-left: solid 3px #BDBBB5;
	padding: 10px 18px 10px 18px !important;
	background-color: white;
	border-radius: 0 0 var(--radius-m) var(--radius-m);
}

.panel_body > *:last-child {
	margin-bottom: 0;
}

/* Slideshow Snippet Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.slideshow_snippet {
	position:relative;   
	background-repeat: no-repeat; 
	background-position: top center;
	background-size: cover;
	height: 285px;
	overflow:hidden;
	margin-bottom: 2.5rem;
}
.slideshow_snippet img {
	width:100%;
	height:auto;
}

.slideshow_snippet_img_on {
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top center;
	display:none;
}

.slideshow_snippet i{
	position:absolute; top: 46%; z-index:999;
	font-size: 24px;
	font-color: #CCC;
	opacity: .65;
	cursor:pointer;
}
.slideshow_snippet .leftBtn {
	left: 8px;   
}
.slideshow_snippet .rightBtn {
	right: 8px;  
}

/* Media queries for different device sizes
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* For devices larger than 400px */
@media (min-width: 400px) {
	.snippet_hold {
		width: 100%;
		padding: 0;
	}
	.blue_box_3col,
	.blue_box_2col,
	.snippet_2col,
	.snippet_3col {
		margin-left: 0;
	}
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	.snippet_hold {
		width: 100%;
	}
	.snippet_col_format,
	.snippet_2col,
	.snippet_3col,
	.blue_box_3col,
	.blue_box_2col {
		margin-left: 4%;
	}
	.snippet_col_format:first-child,
	.snippet_2col:first-child,
	.snippet_3col:first-child,
	.blue_box_3col:first-child,
	.blue_box_2col:first-child {
		margin-left: 0;
	}
	.blue_box_2col,
	.snippet_2col,
	.snippet_2col.snippet_col_format {
		width: 48%;
	}
	.blue_box_3col,
	.snippet_3col,
	.snippet_3col.snippet_col_format {
		width: 30.6666666667%;
	}

}
/*end media*/

.snippet_hold:after,
.blue_box_content:after {
	content: "";
	display: table;
	clear: both;
}			


/* ===========================================================================================================
legacy.css
============================================================================================================ */

#hidden{
	display:none;
}

img, iframe, object, table, div, input, select {
	max-width: 100%;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.ends {
	clear: both;
	height: 0px !important;
	overflow: hidden;
}

@media (max-width: 767px) {

	img {
		height: auto;
	}

	td img{
		max-width:100%;	
	}

}


/* ===========================================================================================================
Everything below here is an overwrite for a CSS file that still gets loaded 
============================================================================================================ */


/* ===========================================================================================================
college-homepage.css
============================================================================================================ */

.bannerInfo {
	text-transform: capitalize !important;
	font-weight: 700 !important;
	background-color: rgb(25 44 65 / 65%) !important;
}
@media (min-width: 768px) {
	.bannerInfo {
		border-radius: var(--radius-m) !important;
	}
}
@media (max-width: 767px) {
	.bannerInfo {
		background-color: transparent !important;
	}
}

.bannerInfo .button {
	font-size: 1.6rem !important;
}

.announcementText {
	font-size: 3.6rem !important;
}

.sublineText {
	font-size: 2rem !important;
	line-height: 1.4 !important;
}

@media (max-width: 767px) {
	.announcementText {
		font-size: 2.8rem !important;
	}

	.sublineText {
		font-size: 1.7rem !important;
	}
}


/* ===========================================================================================================
law-2020.css
============================================================================================================ */

.topBanner img {
	border-radius: 0 !important;
}

.topBanner:not(.-short) .topBanner__text {
	border-radius: var(--radius-m) !important;
}

.topBanner__actionOutcome {
	font-size: 5rem !important;
}
.topBanner__actionOutcome, .topBanner__outcome {
	font-weight: 600 !important;
}

.topBanner__toledoLaw {
	font-weight: 700 !important;
}

/* This technically isn't in law-2020.css but I found it on /law/admissions/why-toledo-law/ */
.flipCard__front p {
	font-family: "Poppins", sans-serif !important;
}

/* ===========================================================================================================
styles-copied-from-law-2020.css / law-2020.css
============================================================================================================ */

.statistic__number {
	font-family: "Poppins", sans-serif !important;
	font-size: 3.6rem !important;
	font-weight: 700 !important;
}

@media (max-width: 350px) {
	.statistic__number {
		font-size: 3.6rem !important;
	}
}

.whyLinks__linkWrapper {
	border-radius: var(--radius-s);
	overflow: hidden;
}

.whyLinks__link {
	text-transform: capitalize !important;
	font-weight: 700 !important;
}


/* ===========================================================================================================
program-page.css
============================================================================================================ */

#pageTitle {
	font-family: "Poppins", serif !important; /* default */
	font-weight: 700 !important; /* default */
}

.contentMenuDesktop {
	border-radius: var(--radius-m) !important;
	overflow: hidden !important;
}

.contentMenuDesktop__button {
	font-size: 1.6rem !important; /* default */
	border-radius: 0 !important;
}

.contentMenuDesktop__button::before {
	font-size: 4rem !important;
	font-weight: 300 !important;
	line-height: .41 !important;
	margin: 0px 0px 0px -20px !important;
}

.promotionBox {
	border-radius: var(--radius-m) !important;
}


/* ===========================================================================================================
slate-form.css
============================================================================================================ */

.form_container * { /* Didn't have the * before */
	font-size: 1.5rem !important;
}

div.form_question.form_radio[data-export="sys:field:text_opt_in"] .form_response {
	margin-left: 6px !important;
}

div.form_response input+label { /* New rule */
	margin-left: 2px !important;
}

.form_container input, .form_container textarea, .form_container select {
	margin-top: 0 !important;
	border-radius: var(--radius-s) !important;
	font-family: "Poppins", serif !important; /* default */
}
.form_container input, .form_container textarea {
	padding: 2px 6px !important;
}
.form_container select {
	padding: 2px 2px !important;
}

/* "I plan to attend" */
.form_container div.form_question[style*="width: 50%"][data-export="sys:field:entry_term"] {
    padding-right: 2px !important;
	width: 60% !important;
}
.form_container div.form_question[style*="width: 50%"][data-export="sys:field:entry_term"] select {
    width: 100% !important;
}
/* "I will be a" */
.form_container div.form_question[style*="width: 50%"][data-export="rfi_admit_type"] {
    padding-left: 2px !important;
	width: 40% !important;
}
.form_container div.form_question[style*="width: 50%"][data-export="rfi_admit_type"] select {
	width: 100% !important;
}

.form_button_submit {
	margin: 7px 0 0 !important;
}

/* program-page.css start */
.layoutSectionForm .form_container div.form_question {
    margin-bottom: 6px !important;
}
.layoutSectionForm h3 {
    margin-bottom: 4px !important;
}
/* program-page.css end */


/* ===========================================================================================================
footer-box.css
============================================================================================================ */

.footerBox {
	border-radius: var(--radius-m);
}


/* ===========================================================================================================
aria-accordion.css
============================================================================================================ */

.accordion__trigger {
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-size: 2.15rem !important;
}


/* ===========================================================================================================
step-tracker.css
============================================================================================================ */

.stepTracker__step {
	font-weight: 700 !important;
}

.stepTracker__stepNumber {
	font-size: 2.5rem !important;
	border-width: 3.5px !important;
	border-radius: var(--radius-s) !important;
	/* For consistent sizing and alignment */
	box-sizing: border-box;
	flex: 0 0 auto !important;
	padding: .2rem 0 0 !important;
	width: 5rem !important;
	height: 5rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
@media (max-width: 650px) {
	.stepTracker__stepNumber {
		font-size: 2.2rem !important;
		width: 4rem !important;
		height: 4rem !important;
		margin-right: 6px !important;
	}
	.stepTracker__stepTitle {
		font-size: 1.6rem;
	}
}

.contentStepNumber {
	border-radius: var(--radius-m) !important;
	/* For consistent sizing and alignment */
	box-sizing: border-box;
	flex: 0 0 auto !important;
	padding: .2rem 0 0 !important;
	width: 7.3rem !important;
	height: 7.3rem !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
@media (max-width: 550px) {
	.contentStepNumber {
		display: flex !important;
	}
}

.stepList__stepLink {
	font-weight: 700 !important;
}

.stepList__stepNumber {
	font-size: 2.5rem !important;
	border-width: 3.5px !important;
	border-radius: var(--radius-s) !important;
	margin-right: 28px !important;
	/* For consistent sizing and alignment */
	box-sizing: border-box;
	flex: 0 0 auto !important;
	padding: .2rem 0 0 !important;
	width: 5rem !important;
	height: 5rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
@media (max-width: 650px) {
	.stepList__stepNumber {
		margin-right: 17px !important;
	}
}

.stepList__stepTitle {
	font-size: 2.5rem !important;
	text-transform: capitalize !important;
	margin-top: 1.1rem !important;
}


/* ===========================================================================================================
Freshman tuition and related pages
============================================================================================================ */

.tuitionChartAsset .bigText, .tuitionChartAsset .biggerText {
	font-weight: 700 !important;
}

.howDoIApply .fafsaColumn p {
	font-weight: 700 !important;
}

.headshotQuoteGrid .classAndMajor {
	font-weight: 700 !important;
}


/* ===========================================================================================================
Slick Slider / Student Success Slider
============================================================================================================ */

/* There's probably a better spot for this, but putting it here now for time. */

.slick-prev, .slick-next {
	margin: 0;
	border-radius: var(--radius-s);
	width: 40px !important;
}

.studentSuccessSlider .slick-list {
	width: calc(100% - 30px);
	margin: 0 auto !important;
}

.studentSuccessSlider .cardContain {
	border-radius: var(--radius-m);
	overflow: hidden;
	background: white;
}

.studentSuccessSlider .cardContain img {
	border-radius: 0;
}

.studentSuccessSlider .cardTitle {
	font-family: inherit !important;
	font-weight: 700 !important;
	text-transform: capitalize !important;
}

.studentSuccessSlider .cardDescription {
	color: #2e2e2d;
	background: transparent !important;
}