/*Replace styles.css line 2009 - Changes the behavior on mobile too. Ask client to see if mediaquery is neccessary*/
.navigation-menu .main-nav ul li.parent:hover ul,
.navigation-menu .main-nav ul li.parent:focus ul,
.navigation-menu .main-nav ul li.parent:focus-within ul,
.navigation-menu .main-nav ul li.parent.hover ul {
	display: block
}

.navigation-menu .main-nav ul li.parent ul li a:hover,
.navigation-menu .main-nav ul li.parent ul li a:focus {
	text-decoration: underline;
	font-weight: bold;
}

.navigation-menu .main-nav ul li a:hover,
.navigation-menu .main-nav ul li a:focus,
.navigation-menu .main-nav ul li a:focus-within {
	text-decoration: underline !important;
	font-weight: bold !important;
}

.navigation-menu .main-nav .container {
	background-color: white;
}

/*GLOBAL FOCUS SELECTOR*/
.profile.flex-active-slide.border,
a:focus {
	outline: 3px solid rgb(233, 109, 0);
	outline-offset: 5px !important;
}

.hero a:focus {
	outline-offset: 20px !important;
}

.navigation-menu .ubalt-clear .screen-reader-text {
	background: #909;
}

.ubalt-clear:focus::before {
	outline: 3px solid #b94117;
	padding: 5px;
}

.navigation-menu .submenu ul li a:hover,
.navigation-menu .submenu ul li a:focus {
	text-decoration: underline;
}


/* ----- COLOR CONTRAST ITEMS -------------*/
/*Visit Box - Currently #e89f00. Need to change text color to #000 or darken background to #9E6C00 for AA */
.quick-links a#visit {
	background: #9e6c00;
}

/*Apply Box - Currently #e90f000. Need to change text color to #000 or darken background to #6E7A1F for AA */
.quick-links a#apply {
	background-color: #6E7A1F;
}


/*Search Input in Header - Edit styles.css: 5964*/
form input[type="text"] {
	color: #000;
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 1;
	/* Firefox */
}

/*Skip to Main Nav - Overwrite ubalt.css:261 */

.skip_nav1 {
	background-color: rgb(205, 223, 225);
	height: 50px;
	left: 45%;
	padding: 10px;
	position: absolute;
	top: -160px;
	transform: translateY(-120%);
	transition: transform 0.3s;
	z-index: 100;
	min-width: 250px;
	border: 1px solid #000;
	display: block;
	text-align: center;
	clip: auto !important;
	z-index: 300000;
	color: #000;
	font-weight: bold;
}

.skip_nav1:focus {
	transform: translateY(0%);
}

.hide-menu {
	display: none;
}

a {
	text-decoration: underline;
}

.flex-control-nav li a:focus {
	outline: 3px solid #e89f00;
}

.cs-bright-blue-bg {
	background-color: #3ba0cb;
}

.cs-orange-bg,
a.cs-orange-bg {
	/* background-color: #E35220; */
	background-color: #a10000;
}

a.cs-orange-bg:hover {
	/* background-color: #a10000 !important; */
	background-color: #7b0000 !important
}

.cs-lime-bg,
a.cs-lime-bg {
	/* background-color: #B7C935; */
	background-color: #006d2d;
}

a.cs-lime-bg:hover {
	/* background-color: #92a12a !important; */
	background-color: #125300 !important
}

.box1.box1.box1 a {
	color: black;
}

.box1.box1.box1 a:hover {
	color: darkblue;
}

.cs-orange-bg {
	/* background-color: #E35220; */
	background-color: #a13600;
}

.callout.cs-orange-bg {
	font-size: 19px;
}

.mobile-header .mobile-nav .back,
.mobile-header .mobile-nav .ubalt-clear,
.as .mobile-header,
.as #navset1 .col_wrap1,
.as #primary_navigation1 ul ul,
.as #primary_navigation1 ul ul li {
	/* background: #768E00; */
	background: #145700 !important;
}

.as.int #primary_navigation1 ul ul {
	margin-top: 54px !important;
}

.as #primary_navigation1 ul ul li,
.as #primary_navigation1 ul ul li a {
	display: block;
	width: 100%;
}

.as #primary_navigation1 ul ul li {
	border-bottom: 1px solid white;
}

.as .mobile-header .ubalt-menu {
	max-width: fit-content;
	margin-right: 20px;
}

.int.internal .mobile-header .school-title {
	padding-top: 6px;
}

#primary_navigation1 ul li,
#primary_navigation1 a {
	display: inline-block;
	font-size: 15px;
	width: auto !important;
	max-width: 150px;
	height: 100%;
}

.ubalt-menu {
	width: auto;
	min-width: 20px;
}

.search-icon>a {
	width: auto;
	min-width: 20px;
}

.has-children:focus .children,
.has-children:focus-within .children {
	display: block !important;
}

.internal-menu .menu-back .back-link:focus-within,
.internal-menu .menu-back .back-link:focus,
.internal-menu .menu-back .back-link:hover {
	background-color: #003d59;
}

.flex-control-nav li span {
	visibility: visible;
	opacity: 0;
	position: absolute;
	left: -9999px;
}

.page-header .page-header-wrapper {
	width: 100%;
}

.page-header {
	margin-top: 110px;
}

.int.internal .page-header {
	margin-top: 120px;
}

/* mobile left navigation - start */
#secondary .back {
	display: block !important;
	margin-bottom: 20px;
}

.aside-wrapper .aside-button {
	text-decoration: none !important;
	display: none;
}

/* mobile left navigation - end */

@media screen and (max-width: 1000px) {
	.page-header h1 {
		font-size: 20px;
	}

	.page-header,
	.int.internal .page-header {
		margin-top: 100px;
	}
}


@media screen and (min-width: 800px) and (max-width: 1600px) {
	.navigation-menu .main-nav ul li.parent ul {
		overflow-y: auto;
		height: auto;
		max-height: 450px !important;
	}
}

@media screen and (min-width: 800px) {
	.navigation-menu .main-nav {
		top: unset;
		bottom: -40px;
		border-bottom: 1px solid lightgray;
	}

	.navigation-menu ul li.social {
		max-height: 94px;
	}

	.links .heading .heading-desktop {
		display: block !important;
	}

	.links .heading .heading-mobile {
		display: none !important;
	}

	.page-header-wrapper {
		margin-top: 30px;
	}

	.navigation-menu ul li.social .panel {
		display: none !important;
	}
}

@media screen and (max-width:799.5px) {
	.navigation-menu {
		display: none;
	}

	.navigation-menu.open {
		display: block;
	}

	footer .footer-right .campus-map img {
		display: block;
	}

	footer .footer-left .phone-numbers,
	footer .footer-left .accredidation {
		display: block;
		color: #fff;
		text-align: center;
	}

	.links .heading .heading-desktop {
		display: none !important;
	}

	.links .heading .heading-mobile {
		display: block !important;
	}

	.navigation-menu ul li.social>a:focus-within {
		max-width: 34% !important;
	}

	#page #secondary {
		margin-top: 0;
	}

	.int.internal #page {
		margin-top: 120px;
	}

	.page-header {
		margin-top: 0px;
		padding: 18px;
	}

	.page-header h1 {
		font-size: 16px;
	}

	.page-header-wrapper {
		margin-top: 10px;
	}
}

@media screen and (max-width:767.5px) {

	/* mobile left navigation - start */
	.aside-wrapper {
		border: 1px solid lightgray;
		margin-bottom: 36px;
	}

	.aside-wrapper .aside-button {
		display: block;
		background-color: #003d59;
		color: white;
		font-size: 20px;
		font-weight: 900;
		padding: 20px;
	}

	/* .aside-wrapper .aside-button::after {
		content: '>';
		rotate: 90deg;
		float: right;
	} */

	.aside-wrapper #side-nav {
		display: block !important;
		padding: 0 20px;
	}

	/* mobile left navigation - end */
}


@media screen and (max-width: 500px) {
	.header .container {
		max-width: 100% !important;
		padding: 10px;
	}

	.search-icon {
		margin-left: 15%;
	}

	.mobile-header {
		top: 99px !important;
		padding: 10px;
	}

	.page-header {
		padding: 40px 16px 16px 16px;
	}
}

/*added for ADA updates */
.hidden-link {
	color: transparent !important;
	border: none !important;
	outline: none !important;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* index events list */

.events-list a {
	font-size: 20px;
	font-weight: bold;
	transition: 0.2s;
}

.events-list a:hover,
.events-list a:focus {
	color: black;
}

.events-list p {
	font-size: 16px;
	margin-bottom: 40px;
}

@media (min-width: 800px) {
	.d-lg-none {
		display: none;
	}

	.left-links ul {
		border-top: 3px solid black;
		line-height: 3rem;
	}
}