/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/


a.fast-fact-icon {
	text-decoration: none;
}

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

/*  Orange Background */

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

.ppw { 
	border: 1px solid #033561; 
	max-width: 95% !important; 
}

/* Library Code Update #238653 - Start */

.library-search-section {
	color: var(--white);
	text-align: center;
	padding: 60px 20px 70px 20px;
	margin: 50px 0;
}

.library-search-section .content {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

.library-search-section .title {
	margin-bottom: 40px;
}

.library-search-section .search-buttons {
	border: none;
}

.library-search-section .search-buttons button {
	background-color: var(--white);
	color: var(--black);
	border-color: var(--white);
	font-weight: bold;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-bottom: 3px;
	margin-right: 3px;
}

.library-search-section .search-buttons button.active,
.library-search-section .search-buttons button:hover,
.library-search-section .search-buttons button:focus-within {
	background-color: var(--hilite-alt);
	border-color: var(--hilite-alt);
}


.library-search-section .search-box input {
	border-radius: 0px;
}

.library-search-section .search-box .btn-search { 
	background-color: lightgray; 
	color: var(--black); 
	border-radius: 0; 
} 

.library-search-section .search-box .btn-search:hover, 
.library-search-section .search-box .btn-search:focus-within { 
	background-color: var(--hilite-color); 
}


@media only screen and (max-width: 767.5px) {
	.library-search-section .title {
		font-size: 30px;
	}

	.library-search-section .search-buttons .nav-item {
		width: 100%;
	}

	.library-search-section .search-buttons button {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-bottom: 6px;
		margin-right: 0;
	}
}

/* Library Code Update #238653 - End */

#ou-search-results #ou-search-open-advanced {
	color: white !important;
}

/* #238741 */
.s-lch-widget-float-btn.online { 
	box-shadow: none; 
}

/* #make sure h2's are showing */
#ou-search-results h2 {
	display: initial !important;
}

/* start 253577 */
@media only screen and (min-width: 992px) {
	.L5-header .navbar .dropdown-toggle {
		padding-right: 8px !important;
		padding-left: 8px !important;
		font-size: 16px;
	}
	.main-header .navbar .dropdown-toggle::after {
		margin-left: 2px;
	}
}


.main-header .navbar-brand img {
	width: 100%;
	max-width: 230px;
	height: auto;
	padding: 10px 0;
	vertical-align: middle;
}


.main-header .navbar-brand {
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}


@media only screen and (min-width: 992px) {
	.L5-header .navbar .nav-dropdown-div {
		width: auto;
	}


	.main-header .navbar .xl-menu .dropdown-menu {
		width: fit-content;
		overflow-x: hidden;
		margin-top: 0;
		left: 18%;
		top: 84%;
	}
}


.index-carousel .video-caption {
	top: auto;
	bottom: 3rem;
}


@media screen and (max-width: 767.98px) {
	.index-carousel .video-caption {
		bottom: 0;
	}
}


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

/* end 253577 */

/* removed for ticket 262442 */
/* ticket 260883 - start */
/* @media only screen and (min-width: 992px) {
.nav-dropdown-div .dropdown-menu a.dropdown-item {
text-wrap: wrap;
}


.main-header .navbar .nav-dropdown-div:nth-last-of-type(-n+2) .dropdown-menu {
left: unset;
right: 18%;
}


.main-header .navbar .nav-dropdown-div:last-of-type .dropdown-menu {
right: 1%;
}
} */
/* ticket 260883 - end */

/* ticket 262442 - start */
@media only screen and (min-width: 992px) {
	.nav-dropdown-div .dropdown-menu a.dropdown-item {
		text-wrap: wrap;
	}

	.main-header .navbar .xl-menu .dropdown-menu {
		width: 82%;
		top: 100%;
	}

	.main-header .navbar .dropdown-menu img {
		max-height: 450px;
		width: 100%;
		object-fit: cover;
	}

	.L5-header .navbar .dropdown-toggle {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	.L5-header .navbar .navbar-nav {
		height: 100%;
		/* padding: 25px 0; */
	}

	.L5-header .navbar .nav-dropdown-div {
		height: 100%;
		width: 100%;
	}

	.main-header .navbar .dropdown-toggle::after {
		margin-left: 6px;
	}
}

/* ticket 262442 - end */

/* ticket 263420 - start */
/* aligning with SAC & RSCCD */
.main-header .top-nav {
	padding: 12px;
}

.main-header .top-nav a,
.main-header .top-nav a:first-of-type {
	padding: 0 12px;
}

.main-header .navbar {
	padding: 0 32px;
}

/* custom CSS */
.main-header .top-nav-right,
.main-header .top-nav-left {
	display: inline-flex;
	align-items: center;
	justify-content: end;
	flex-wrap: wrap;
	row-gap: 10px;
	width: 100%;
	height: 100%;
}

.main-header .top-nav-left {
	justify-content: start;
}

.main-header .top-nav .icon {
	margin-right: 6px;
}

.main-header .btn-highlight {
	text-transform: uppercase;
	color: var(--black) !important;
	font-weight: 700;
}

.main-header .top-nav-right .btn-highlight {
	min-width: unset;
	height: 100%;
	max-height: 29px;
	margin: 0;
	margin-right: 10px;
	align-content: center;
}


.top-nav-mobile .btn-highlight {
	max-width: fit-content;
	color: var(--black) !important;
}

.main-header .top-nav-right .btn-highlight:hover,
.top-nav-mobile .btn-highlight:hover {
	color: var(--black);
}

.main-header .top-nav .search-container button {
	margin-right: 0;
}

.main-header .navbar-brand img {
	max-width: unset;
}

/* reduces the top nav wrapping */
@media only screen and (min-width: 992px) and (max-width: 1299px) {
	.main-header .top-nav-right {
		flex-wrap: nowrap;
	}

	.search-container {
		max-width: 200px;
		width: 100%;
		flex: 1 1 200px;
		min-width: 0;
	}

	.search-container form {
		display: flex;
		width: 100%;
	}

	.search-container input {
		width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	.search-container button {
		flex-shrink: 0;
	}

	.top-nav-right>a,
	.top-nav-right>div:first-child {
		flex-shrink: 0;
		white-space: nowrap;
	}

}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	.main-header .top-nav-left .icon {
		margin-bottom: 20px;
	}
}

.main-header .navbar .navbar-brand {
	margin-right: 0;
}

@media only screen and (max-width: 991.5px) {
	.main-header .navbar {
		padding: 10px 0 0 0;
	}
}

/* ticket 263420 - end */