/*
Implementations Skeletor v3 - 5/10/2014

oustyles.css

Add styles to overwrite customer CSS, USE WITH CAUTION.

Contributors: Jeremy Harris
Last Updated: 3/7/18
*/


/* Remove hover effect on page level breadcrumb. [START] */
.bread-crumbs a:not([href]):hover {
	opacity: 1;
}
/* Remove hover effect on page level breadcrumb. [END] */

/* Remove hover effect on direct edit link. [START] */
a#de:hover {
	color: #fff !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}
/* Remove hover effect on direct edit link. [END] */

/* Allows users to add video to header of any page not just the homepage. [START] */
header.ambient-video video {
	width: 100%;
	height: auto;
}
/* Allows users to add video to header of any page not just the homepage. [END] */

header.ambient-video h1:not(.accessible) {
	position: absolute;
	bottom: 0;
	left: 40px;
}

.ou-how-can-we-help {
	cursor: pointer;
}

a.no-link {
	cursor: text;
}

a.no-link:hover {
	border-bottom: none !important;
	box-shadow: none !important;
	color: #fff !important;
}

p.slick-caption { max-width: none; }

.main-content .slick ul li::before,
.main-content ul.thumbnails li::before
{ content: none; }

.main-content .slick ul li { padding-left: 0; }

/* Style p tags within the staff detail without having to set the class to position [START] */
body.staff-detail header#page-title .container h1 + p {
	font-size: 18px;
	font-size: 1.125rem;
	margin-top: 5px
}

.main-content > article { min-height: 200px; }

.main-content > article > section:first-child,
.main-content > article > div:not(#our-stories):not(#news-list):first-child,
.main-content > article > ouc\:div:first-child > section:first-of-type {
	margin-top: 200px !important;
}

/* sitemap and a to z index styles [START] */
body.site-map article {
	padding-bottom: 60px;
}


body.site-map article > div.content:first-child {
	margin-top: 200px;
}

body.site-map ul.list-inline li {
	display: inline;
	font-size: 1.5rem;
}

body.site-map article li::before {
	content: none;
}

body.site-map article h4 {
	margin-bottom: 0;
}

body.site-map article ul {
	margin-top: 0;
}

/* sitemap and a to z index styles [END] */

@media screen and (min-width: 700px) {
	body.staff-detail header#page-title .container h1 + p {
		font-size: 20px;
		font-size: 1.25rem;
		margin-top: 16px
	}
}

@media screen and (min-width: 1024px) {
	body.staff-detail header#page-title .container h1 + p {
		font-size: 26px;
		font-size: 1.625rem
	}
}
/* Style p tags within the staff detail without having to set the class to position [END] */


/* Style h4 like span tags instead degree-cert-program sections so that users can enter via WYSIWYG editor. [START] */
section.degree-cert-program .container h4 {
	font-size: 16px;
	font-size: 1rem;
	color: #3a3a3a;
	display: block;
	line-height: 1.3;
	margin-top: 5px;
	font-weight: 700
}

@media screen and (min-width: 1024px) {
	section.degree-cert-program .container h4 {
		font-size: 18px;
		font-size: 1.125rem;
		margin-bottom: 12px;
		margin-top: 5px
	}
}

@media screen and (min-width: 1024px) {
	section.degree-cert-program .container h4 {
		margin-top: 2px
	}
}

p.sub-title {
	font-weight: 900;
	color: #3a3a3a;
	display: block;
}

article.firstPost p.sub-title {
	color: #fff;
}

.ou-loading-events {
	background-color: #007EA8;
	width: 100%;
	height: 312px;
	margin: 0 15px 16px;
	line-height: 312px;
	color: #fff;
	border-radius: 2px;
}

.ou-loading-events::before {
	content: 'Loading events...';
}

.ou-loading-events-failed::before {
	content: 'Failed to load events. :-(';
}


@media screen and (min-width: 700px){
	p.sub-title {
		margin-bottom: 2px;
	}

	section.generic-block-cta .container p.sub-title {
		margin-top: 17px;
	}
}

@media screen and (min-width: 1024px){
	section.degree-cert-program .container p {
		text-align: left;
		margin-bottom: 30px;
	}
}


#alert-notification { visibility: hidden; } /* This is here so that that the alert doesn't appear for a split second on page load when a dismissal cookie exists. */

/* Style h4 like span tags instead degree-cert-program sections so that users can enter via WYSIWYG editor. [END] */


/* The following styles only effect OU Campus styles [START] */

/*
ouc\:div[label="header"] > a.ou-btn {
position: absolute;
z-index: 9999;
top: 135px;
left: 2px;
}
*/

body article > ouc\:div:first-child > a.ou-btn {
	position: relative;
	z-index: 9999;
	top: 135px;
	left: 2px;
}

body.home article > ouc\:div:first-child > a.ou-btn {
	top: 83px;
}

#directory tbody tr td:nth-child(1) h2 > span {
	font-size: 1.375rem;
	font-weight: 600;
}

.ou-warning{
	text-align: center;
	background-color: lightYellow;
	border-radius: 6px;
	border: solid black 1px;
	padding: 10px;
	margin: 50px;
}
section.three-column-cta .container {
	text-align: center;
	padding-bottom: 5px;
}
section.three-column-cta .button {
	display: inline-block;
	margin-bottom: 11px;
}

section.three-column-cta h2 {    
	text-align: left;
}

.goog-te-menu-frame.skiptranslate {
	width:445px;
	height:300px;
}

@media only screen and (max-device-width: 768px) {
	.goog-te-menu-frame.skiptranslate {
		width:350px !important;
		height:275px !important;
	}
} 


/* The following styles only effect OU Campus styles [END] */