/*This new stylesheet setup will include a series of css includes to help better breakdown the cascade and work to remove unused classes
and conflicts. While streamlining the file for best optimization and a cross browser rendering*/

/* base theme stylesheet loaded via bootstrap 3.4.1 version /css/bootstrap.min.css*/

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/containers-layouts.css"; /* containers, boxes, theme layout elements */

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/search-form.css"; /* Using a string */

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/breadcrumb-style.css"; /* Using a string */

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/typography.css"; /* Using a string */

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/header-style.css"; /* Using a string */

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/landing-page.css"; /* Using a string */

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/buttons.css"; /* Using a string */

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/guten-style.css"; /* Using a string */

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/counter_scroll.css"; /* Using a string */

@import "https://eou.edu/wp-content/themes/EOU_Global_2021/css/timeline.css"; /* Using a string */

/*Note / blog id 263 loads /css/timeline.css*/
/*Note. Fonts from cloud & licensed are enqeued in the functions file.*/

/* Homepage CLS guard: reserve the feature-image slot in the cache-busted parent stylesheet. */
body.home figure.homepage-feature-image {
	margin: 0;
	aspect-ratio: 1024 / 576;
	overflow: hidden;
}

body.home figure.homepage-feature-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.home .home-footer-link-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: center;
	align-items: stretch;
}

body.home .home-footer-link-grid > li {
	margin: 0;
	padding: 0;
	flex: 0 1 auto;
}

body.home .home-footer-link-grid > li > a.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	margin: 0 !important;
	padding: 10px 16px;
	max-width: 100%;
	line-height: 1.05;
	text-align: center;
	white-space: normal;
}

@media screen and (min-width: 736px) {
	/* Homepage CLS guard: reserve the hero carousel slot before the active slide paints. */
	body.home [id^="cptbc_"].carousel,
	body.home [id^="cptbc_"].carousel .carousel-inner,
	body.home [id^="cptbc_"].carousel .item {
		min-height: clamp(320px, 38vw, 460px);
	}

	body.home [id^="cptbc_"].carousel .carousel-inner {
		overflow: hidden;
	}

	body.home [id^="cptbc_"].carousel .item > img,
	body.home [id^="cptbc_"].carousel .item > a,
	body.home [id^="cptbc_"].carousel .item > a > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}


/*The carousel CSS below needs to force cache clear. Need to enque the above style sheets in the function file to add versions.*/

.carousel-caption>p {
	color: #ffffff;
}

body.home .carousel-caption {
	text-shadow: none;
	background: rgba(255 255 255 / 0.8) !important;
	background-color:#ffffff;
	/*opacity:0.8;*/
	filter:alpha(opacity=80);
	box-shadow: none !important;
	right : 2% !important ;
	left : 5% !important ;
	padding-bottom : 20px;
}

body.home .carousel-caption p {
	font-size: 1.2em;
	color : #00386b !important;
}

body.home .carousel-caption h1 {
	color : #00386b !important;
	text-shadow: none;
}

@media screen and (min-width: 1050px) {

	body.home .carousel-caption {
	z-index : 10;
	right: 30px !important;
	left: auto !important;
	width: min(36%, 520px);
	min-height: 190px;
	margin-right: 0;
	margin-left: 0;
	padding: 19px;
	margin-bottom: 20px;
	text-align: left !important;
	}

}

.carousel-control{
	width:5%!important;
}

/* Highlight Sidebar Menu page link using link element */
li.current_page_item a{
	text-decoration:underline;
	font-weight:bold;
}

.nav-news > li > a:hover{
	color:#ffffff!important;
}
.nav-news{
	font-family:"Tungsten A", "Tungsten B";
	font-size: 1.5em;
}
.nav-news >li >a{
	margin:1px;
}