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

/*Original Added by OU*/
@media (min-width: 768px) {
	article.card-promo.event:first-child {
		margin-bottom: 2rem !important;
	}
}

.image-promo--1 {				
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.home.cod-alert-active #panel-view,
.home.cod-alert-active #standard-view {
	display: block;
}


		
/* editable region in banner area #99222 */
/* .hero-box { 
	background-color: rgba(0,0,0,.4);
	position: absolute;
	top: 150px;
	z-index: 10000;
	padding: 30px 120px 30px 70px;
}
.hero-box h2{
	color: #FFF;
	font-size: 3em;
}
.hero-box p{
	color: #FFF;
	font-weight:700;
	font-size: 1.4em;
	max-width: 630px;
}
.hero-box img{
	margin: 20px 0;
}
.hero-box a{
	margin-top:10px;
}
		
 */
.hero-region,
.hero-region-links{ 
	display: block;
	overflow: auto;
	padding: 20px 30px 30px 30px;
}
.hero-region{
	padding-bottom: 0
}

.hero-region-links{
	padding-top: 0;
}

.hero-region{
	background: rgba(0, 87, 60, 0.9)
}

.hero-region h2, .hero-region a:link, .hero-region a:visited, .hero-region a:hover,  .hero-region p{
	color: #fff;
}

.hero-region h2, .hero-region p {
	margin-bottom: 1rem;
}

.hero-region a{
	display: block;
	font-style: italic;
}

.hero-region span{
	color: #4eb948;
}

.hero-region img{
	max-height: 175px;
}

.hero-region img.float-left{
	margin: 0 10px 10px 0;
}

.hero-region img.float-right{
	margin: 0 0 10px 10px;
}

.hero-region-links a{
	border: 2px solid #4eb948;
	margin-top: 10px;
	float: right;
	clear: both;
	width: 100%;
}

@media (min-width: 768px){
	.hero-container{
		position:relative;
		display: block;
		top: -430px;
		height: 0;
	}

	.hero-region,
	.hero-region-links{ 
		padding: 20px 30px 30px 30px;
		max-width: 1000px;
	}

	#hero-region-container,
	#hero-region-link-container{
		width:100%;
		z-index: 998;
		position: relative;
		/* Update to not cover video button - Ticket 109661 - 09/30/22 */
		margin-left:50px;
		padding-right:50px;		
	}

	#hero-region-container{
		min-height: 300px;
	}

	#hero-region-link-container{
		padding-bottom: 3.75rem;
	}

	#hero-region-link-container a{
		clear: unset;
		width: unset;
	}
}


/* Salesforce forms update for accessibility - 07/05/22 */
	.error-message{color: #cc0000;}
	.text-success{color: #00553b !important;}	
	.btn-success {color: #fff;background-color: #00553b;border-color: #00553b;}
	input[type="radio"] {display: inline-block;}

@media (max-width: 767.98px)
{
.m-tablist .tab-content .tab-pane button:not(.collapsed) {color:#000000;}
}

/* Line 3474 - 12/13/22 */
input[type="tel"],
input[type="date"]
 {
  height: auto;
  padding: 0.9375rem 0.875rem;
  border-radius: 0;
}


/* Lightbox player button 08/11/22 */
.lightbox span {
  width: 50px;
  height: 50px;
}

/* CSS code for accessibility test - 011223*/
#header-mobile #utility-nav-mobile, #header-mobile #main-nav-mobile .mobile-uls{background: #000000;}
.sr-only{background:#000000;color:#ffffff;}

/* CSS update for accessibility - 031023*/
	h3 {color: #008059;}
	.card-content h3{color: #00573c;}
	.imageCaption {background:#00573c;}
	#footer-global {background-color: #00573c;}
	#utility-nav .toggle {background: #00573c;}
	.text-danger {color: #993333 !important;}
	.m-table table tbody tr:nth-child(even) {background-color: #E9E8E7;}

/* Remove LI icon - 042423 */
	ul.no-icon li:before{content: none;} 
	ul.no-icon li:before{content: none;} 

/* Code for submit button text to appear on IOS - 090823 */
input[type="submit"] {color: #000000;}

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

/* Form update to make form confirmation display as rows in non-mobile - 031124 */
@media (min-width: 992px) {
	.ou-form .alert {flex-direction: column;}	
}
/* Set minimum width for CTA in Events feed - 03/27/24  */
.more-events{max-width:250px;padding-bottom:20px;}

/* Events Cards for RSS of calendar - 042324 */
.calandar-card {margin-left:0.5rem !important; margin-right:0.5rem !important;}
.calandar-card-image {margin-bottom:0rem !important;}	
.calendar-card-color .card-content {border: 2px solid; border-color: #4eb948; background: #ffffff;}
.calendar-right-column{margin-left: 15px;}
@media (max-width:767px) {.calendar-right-column{margin-left:0px;}}	
@media (min-width: 992px) {.calendar-right-column{width:185px;}}	
@media (min-width: 1200px) {.calendar-right-column{width:220px;}}