/*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.7 version /css/bootstrap.min.css*/

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

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

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

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

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

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

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

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

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

@import "https://eou.edu/wp-content/themes/EOU_Global_2017/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.*/


/*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 : 2% !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: 768px) {
	

body.home .carousel-caption {
top : 3%;

z-index : 10;
margin-right: 30px;
margin-left: 50%;
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
text-align: left !important;
}

}

/*ACCESSIBILITY: Focus and Keyboard navigation CSS*/

/* Focus on Links -  Light Sky Blue Border - Happy medium with contrast. */
a:focus{
	outline: 3px solid lightskyblue !important;
}

/* Focus on mobile navbar - Light Sky blue Border - Happy medium with contrast*/
.navbar-toggle:focus{
	outline: 3px solid lightskyblue !important;
}

/*ACCESSIBILITY:  Skip-Link styling*/
.skip-link {
	background: #d3d3d3;
	color: #000000 !important;
	font-weight: 700;
	left: 45%;  
	padding: 4px;
	position: absolute;
	transform: translateY(-100%);
	transition: transform 0.3s;
	z-index: 3;
  
  }
  
  .skip-link:focus {
	transform: translateY(0%);
  }

  /*Smooth Scrolling Effect on internal links*/

  html {
	scroll-behavior: smooth;
  }