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

/* informational banner for the global header */
.alert {
	padding: 15px;
	margin: 0px 15px 20px 15px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color:lightblue;
}
.header_alert {
	padding: 15px;
	margin: 15px 150px 20px 300px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color:lightblue;
	width:50%;
}


/* to make the school header look more like it will on production */
.ou-color li a{
	color:white!important;
}

.sub-menu li a{
	color:black!important;

}

.ou-color li > ul.sub-menu li{
	padding: 1em 1em 1em 2em;

} 

/* for a list element in the header */
.mce-item-table ul li{
	display:block!important;
	height:45px!important;
}

.mce-item-table ul li a{
	color:black!important;
}

#directedit a{
	text-decoration:none;
	color:white!important;
}


.slick-cloned video {
	display: none !important;
}

.columns div.darkBlue-bg .heading .sub-title {
	color: #A2CDEC;
}

.columns div.darkBlue-bg .heading h2 {
	color: rgb(255, 255, 255);
}

footer .wrapper .col3.left{
	margin: auto;
}

/* A-Z Index */
ul.horizontal-list {
	padding-top: 20px;
}
ul.horizontal-list li {
	display: inline;
	padding: 10px;
	list-style-type: none;
	margin-left: 0.5rem;
}
ul.horizontal-list li a{
	/* 	color: #4F2984!important; */
}
ul.horizontal-list li:before {
	background-image: none;
}
ul.horizontal-list ~ ul li{
	margin-left: 3.5rem;
}
/* END A-Z Index */

.infographics .col4:not(:last-child) {border-right:dotted 2px #D3D9E6;}

/* HOMEPAGE SLIDER*/
.home-impact .caption.top-left {  }
.home-impact .caption.top-right { text-align: right; }
.home-impact .caption.top-center { text-align: center; }	

.home-impact .caption.center-left { top:40%; }
.home-impact .caption.center-right { top:40%; text-align: right; }
.home-impact .caption.center-center { top:40%; text-align: center; }

.home-impact .caption.bottom-left { top:65%; }
.home-impact .caption.bottom-right { top:65%; text-align: right; }
.home-impact .caption.bottom-center { top:65%; text-align: center; }	

/* Added for ticket #60056 */
.home-impact .caption h1.title.blackColor, .home-impact .caption h2.title.blackColor { color:#000000; }
.home-impact .caption p.blackColor { color:#000000; }

.home-impact .caption h1.title.blueColor, .home-impact .caption h2.title.blueColor { color:#002d72; }
.home-impact .caption p.blueColor { color:#002d72; }

/* Added for ticket #59599 */
.home-impact #slider .slide-item  .video-texture { height: 716px; }
.home-impact #slider .slide-item  video { 
   height: 100%;
   width: 100%;
}
@media screen and (max-width:1000px) {   
   #slider .caption.top-right,
   .home-impact #slider .caption.center-right,
   .home-impact #slider .caption.bottom-right,
   .home-impact #slider .caption.top-left,
   .home-impact #slider .caption.center-left,
   .home-impact #slider .caption.bottom-left {
       max-width: 80%;
   }
   .home-impact #slider .slide-item,
   .home-impact #slider .slide-item .video-texture,
   .home-impact #slider .slide-item img { height: 550px; } 
} 
@media screen and (max-width:720px) {   
   .home-impact #slider .slide-item,
   .home-impact #slider .slide-item .video-texture,
   .home-impact #slider .slide-item img { height: 400px; } 
} 

/* List Styling */
.landing ol, .interior ol, .interior ul, .landing ul { margin:1em 0 1em 3em; font-size: .875rem; }
.interior ul,.landing ul { list-style: disc; }
.interior ol,.landing ol { list-style: decimal; }
ul.blog-list { list-style: none; }

/* Fix List Styling */
.accordion ul {
	list-style: none;
}