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

/* 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 */

.jumbotron.bg-image {
	background: no-repeat center / 100%;
}


/* Start CSS for Pre-Footer Feature */
.pre-footer{
	background-color:#e9ecef;
	text-align:center;
}
.pre-footer-margins{
	margin:25px;
	padding:15px;
}
/* END CSS for Pre-Footer Feature */

/* START CSS For Landing Page Video */
header#video {
	position: relative;
	background-color: black;
	height: 75vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}
header#video video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

header#video.container {
	position: relative;
	z-index: 2;
}

header#video .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.5;
	z-index: 1;
}	
/* END CSS For Landing Page Video */

/* Header utility nav and audience nav */

/* Homepage CSS */
/* LDP Hero Slider */
.ou-home-slider{
	max-height:1300px;
}

.hero-title{
	text-align:left;
	position: relative;
    bottom: 200px;
}

@media screen and (max-width: 600px) {
  .hero-title {
    position: relative;
    bottom: 100px;
  }
}

.ou-video-overlay{
	z-index: 999;
	color: white;
}

.ou-padding{
	padding: 0px 15px 0px 15px;
}

.ou-padding .card-body{
	text-align:center;
}

.ou-space{
	margin:15px 0px 15px 0px;
	display: block;
}

.ou-space-2x{
	margin:30px 0px 30px 0px;
	display: block;
}



/* 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 */


/* mobile nav */
@media (max-width: 700px) {
  .ou-nav{
    display:none!important;
  }
}

@media (min-width: 701px) {
  .ou-mobile{
    display:none!important;
  }
}


@media (min-width: 801px) {
	.ou-row{
		display:flex!important;
	}
}



/* Radio and Checklist Input Fix */

input[type=checkbox], input[type=radio] {
	margin-right: 5px !important;
}


/*Fix Edit Buttons */
a[data-label='slider'] {
	position: relative;
	z-index: 9999;
}

a[data-label='video'] {
	position: relative;
	z-index: 9999;
}

.ou-form .input-group {
	display: block;
}


/*Override Form Button Styling */
.ou-form .btn-default:active, .ou-form .btn-default:hover {
    color: white !important;
    background-color: #B50025 !important;
    border-color: #B50025 !important;
}

#directedit a {
	color: white;
}

.hero__overlay p {
	color: white;
}

/*Fixes alignment of first li in ul/ol when inside text column snippet */
.text-cols > ul > li:first-child, .text-cols > ol > li:first-child {
	margin-top:0;
}

/*Override of specific Yext focus styling for accessibility*/
.yxt-Answers-component:focus{outline: #888 dotted 1px !important;}
.yxt-SearchBar-input:focus{outline: #888 dotted 1px !important;}

/*Accordion fix - updates color for accordions when placed in a blue content panel or a content panel with image */
.panel__overlay .accordion__toggle,
.panel--blue .accordion__toggle {
			background:rgb(var(--cloud)); color:rgb(var(--blue));
			}
			
.panel__overlay .accordion__toggle:not(:hover)[aria-expanded="false"]:after,
.panel--blue .accordion__toggle:not(:hover)[aria-expanded="false"]:after
			{
			background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 14.142 14.142' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M0 4.243l1.414-1.415 5.657 5.657 5.657-5.657 1.414 1.415-5.657 5.656-1.414 1.415z'/%3E%3C/svg%3E");
			} 
		
.panel__overlay .accordion__toggle:hover, .accordion__toggle[aria-expanded=true],
.panel--blue .accordion__toggle:hover, .accordion__toggle[aria-expanded=true]
			{
    background: #4e748b;
    background: rgb(var(--slate));
	color:rgb(var(--white));	
		}
	/*Updates content within accordions on blue backgrounds */
.panel__overlay .accordion ul,
.panel--blue .accordion ul
		{
	list-style-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' width='.75em' height='.75em' fill='%23002856'%3E%3Cpath d='M8.087 9.56L40.44 41.913l8.087 8.092L8.092 90.44l-8.093-8.08 32.353-32.35L0 17.652zm51.473 0l32.353 32.353L100 50.005 59.565 90.44l-8.093-8.08 32.353-32.35-32.353-32.358z'/%3E%3C/svg%3E")
		}
.panel__overlay .accordion__content,
.panel--blue .accordion__content
			{
			color:rgb(var(--black));
			}
.panel__overlay .accordion__content a,
.panel__overlay .accordion__content .table a,
.panel--blue .panel__content .accordion__content a		
			{
			color: #002856;
			color:rgb(var(--blue));
			}
/*Accordion fix END */

/*For Photosphere 360 photos - prevents navbar from overriding popout header menu*/
.psv-navbar.psv-navbar--open{z-index:0;}

/*Adds 'margin:auto' styling to images within image with caption snippet */
.media img{margin:auto;}


/*Program page secondary nav update - fixes space when secondary nav enabled */
.breadcrumbs-nav{
	padding-bottom:0;
}

/*For anchor tags, provides margin to not cut off content when using an anchor link */
[id] {
scroll-margin-top:4rem;
}

@supports not:(scroll-margin-top:4rem){
    div.panel [id],div.content__main [id]{
		margin-top:-5rem !important;
		padding-top: 5rem;
	}
}

@media(prefers-reduced-motion) {
  html:focus-within {
    scroll-behavior: auto;
  }
}
/*Update form Formstack form embeds added to side content*/
div.content__side div.fsBody.fsEmbed {padding:0;}

/*headers in blue content panels*/
div.panel.panel--blue h1,div.panel.panel--blue h2,div.panel.panel--blue h3,div.panel.panel--blue h4,div.panel.panel--blue h5,div.panel.panel--blue h6 {color:inherit;}
div.panel--blue h1 a,div.panel--blue h2 a,div.panel--blue h3 a,div.panel--blue h4 a,div.panel--blue h5 a,div.panel--blue h6 a {
	color: #ffce00;
    color: rgb(var(--gold));
}

/*Update for photo gallery slider - hides that overflow element*/
.slider.flickity-enabled.is-draggable{overflow:hidden;}


/*Update for name under expanded testimonial slider snippet*/
h3.testimonial-name.h5{font-size:1.65rem;}

/*For ul elements within quotes, fixes awkward placement of bullets on mobile*/
.quote ul{text-align:left;}

/*Header Sizing based on page type*/
/*For Landing Pages and Full-Width section of Program Pages*/
/*
div.panel h1 {font-size:3.75rem}
div.panel h2 {font-size:2.75rem}
div.panel h3 {font-size:2rem}
div.panel h4 {font-size:1.75rem}
div.panel h5 {font-size:.875rem}
div.panel h6 {font-size:1.0625}
*/
/*For Tertiary Pages and main content sectiono of Program Pages*/
div.content__main h1 {font-size:3.75rem}
div.content__main h2 {font-size:2.75rem}
div.content__main h3 {font-size:2.25rem}
div.content__main h4 {font-size:1.75rem}
div.content__main h5 {font-size:.875rem}
div.content__main h6 {font-size:1.0625rem}

div.content__main .h1 {font-size:3.75rem}
div.content__main .h2 {font-size:2.75rem}
div.content__main .h3 {font-size:2.25rem}
div.content__main .h4 {font-size:1.75rem}
div.content__main .h5 {font-size:.875rem}
div.content__main .h6 {font-size:1.0625rem}

/*Side Widget header margin fix*/
div.widget.widget--cloud h1,div.widget.widget--cloud h2,div.widget.widget--cloud h3,div.widget.widget--cloud h4,div.widget.widget--cloud h5,div.widget.widget--cloud h6 {margin-top:0;}

/*OU Alerts Style Fixes*/
svg.oualerts-notify-icon{
	float:left;
	margin-right:1rem;
}
#oualerts-active-alert-display.oualerts-notify-announcement .oualerts-notify-msg a.oualerts-notify-link, #oualerts-active-alert-display.oualerts-notify-warning .oualerts-notify-msg a.oualerts-notify-link {
	margin-top:2rem;
    font-family: BrownPro,sans-serif;
    font-family: var(--sans);
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .125rem;
    line-height: 1.2;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 0 .25rem;
    border: 0;
    border-bottom: .1875rem solid #847551;
    border-bottom: var(--rule) solid rgb(var(--tan));
    background: none;
    text-align: center;
    text-decoration: none !important;
}
#oualerts-active-alert-display.oualerts-notify-announcement .oualerts-notify-msg a.oualerts-notify-link:hover,#oualerts-active-alert-display.oualerts-notify-warning .oualerts-notify-msg a.oualerts-notify-link:hover {
    text-decoration: none !important;
	border-bottom-color: #002856;
    border-bottom-color: rgb(var(--blue));
}