html {
  scroll-behavior: smooth;
}

/* Reduce Audience margin by MVCC */
#header .header-top .header-nav-top {margin-right:0;}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {padding-left: 7px;padding-right: 7px;}
/* Reduce Social Media Row by MVCC */
.social-media {margin-right:25px;}
.social-media ul {padding-left:0;}

/* Top warning bar style */
div.top-warning-bar {
display:block;
width: 100%;
margin:0;
background: #00703c !important;
clear:both;
overflow: hidden;
}
div.top-warning-bar p {
padding:0px;
font-size: .7rem !important;
line-height: 1em !important;
text-align: center;
margin-bottom:0 !important;
position:relative;
}


div.top-warning-bar p a {
display:inline-block;
width: auto;
padding:15px;
color: #b2d33e;
}



.interior-content ul {
margin-top:20px;
}



/* New Snippets By Chrono */
/* Cover Images with H2 */
		section#imgcover {
		width:100%;
		aspect-ratio: 2 / 1;
		background: #000;
		overflow: hidden;
		position: relative;
		margin-bottom:20px;
			}
			
		section#imgcover div {	
		position:absolute;
		z-index:50;
		top:0;
		width:100%;
		height:100%;
		display:flex;
		align-items: center;
		justify-content:center;
		}
		
		section#imgcover img {
		position: absolute;
		width:100%;
		opacity:.5;
		z-index: 0;
		top:0;
		animation: 6s imgcoverzoom ease-in-out infinite alternate;
			}
		
		section#imgcover div h2 {
		color:#fff;
		text-shadow:2px 2px 10px rgba(0,0,0,.8);
		text-align:center;
		width:100%;
		}

		@media screen and (max-width:768px) {
		section#imgcover div h2 {
		text-align: center;
		margin:0 20px;
		}
		}
			
		@keyframes imgcoverzoom {
		0% {transform: scale(1);}
		100% {transform: scale(1.04);}		
			}
/* cover image ends here */
/* Staff Content Card */

		section.staff-listing {
		display:flex;
		flex-wrap:wrap;
		align-items: stretch;
		justify-content: space-between;
		}

		section.staff-listing h3 {
		margin-bottom:0;

		}
		
		section.staff-listing .staff {
		border: #e9e9e9 1px solid;
		border-bottom: #00703c 5px solid;
		width:47%;
		margin:10px;
		padding:10px;
		box-shadow: 3px 3px 8px rgba(0,0,0,.1);
		}
		
		section.staff-listing .staff img.staff-headshot {
		height:200px;
		float:left;
		border-radius:5px;
		margin:10px 20px;
		margin-left:-20px;
		}
		
		section.staff-listing .staff-info ul {
		list-style: none;
		font-size:.75rem;
		font-family: "Open Sans", sans-serif;
		margin-top:0;
		}
		
		section.staff-listing .staff-info ul li:first-child {
		color: #00703c;
		font-weight: bolder;
		line-height:1.2em;
		}
/* Staff contact card ends here */
/* Snippets ends here */



@keyframes colorchange {
0%, 100%  { color: #00703c}
40%, 60% { color: #fff;text-shadow: 2px 2px 4px rgba(0,0,0,.2);}

}

div.top-warning-bar p a.promote {
background:#b2d33e;
position:absolute;
left:0;
z-index: 100;
animation: colorchange 3s infinite ease-in-out;
transition: .2s padding-left ease-in-out;
}

div.top-warning-bar p a.promote:hover {
padding-left:25px;
}

div.top-warning-bar p a.promote:after {
content: "";
position:absolute;
width:37px;
height:37px;
display: block;
vertical-align: middle;
transform: rotate(45deg);	
background:#b2d33e;
right:-20px;
top:4px;
z-index: -1;
}

@media screen and (min-width:768px) and (max-width:1200px) {
div.top-warning-bar p {
min-height:45px;
}
div.top-warning-bar p a.covid {
position:absolute;
right: 50px;
}
}
	
@media screen and (max-width:767px) {
div.top-warning-bar p a.covid, div.top-warning-bar p a.promote {
position:static;
display:block;
line-height:1.2em;
}
}

div.top-warning-bar p a:hover {
color: #fff !important;	
}

/* Call to Action Button Style */
.ctaBtnGreen {
	display: inline-block;
}

.ctaBtnGreen.mobile-only {
	display: none;
}


.ctaBtnGreen a {
	display: block;
	padding:10px;
	background: #00703c;
	margin:5px;
	color:#fff;
	text-decoration: none;
	border-radius: 5px;
}

/* Inquiry form style */
.ou-form.inquiry {
width:100%;
padding:20px;
box-sizing:border-box;
display: inline-block;
background: #00703c;
border-radius: 8px;
margin: 0;
vertical-align: top;
		}
				
.ou-form.inquiry h3, .ou-form.inquiry p, .ou-form.inquiry label, .ou-form.inquiry .control-label {
color: #fff;
font-size:.7rem;
line-height: 1em;
}

.ou-form.inquiry a {
color: #9dc530;
}

.ou-form.inquiry .btn-primary {
		background: #0db969;
		}
		
.ou-form.inquiry .btn-primary:hover {
		background: #bbd24e;
		}

article.post .post-date .day {
font-size: 1rem;	
}

/* Reduce font-size for buttons under Headlines and Events on homepage */
.events p a, .headlines p a  {
	font-size: .7rem;
}

/* Accessible Nav Items at top on Entrance Pages */
nav.accessibility-menu {
    width: 100%;
    padding:0;
	position:sticky;
	z-index: 3000;
	max-height:1rem;
	margin:0;
}
nav.accessibility-menu ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
}
nav.accessibility-menu li{
padding:0;
margin:0;
}

nav.accessibility-menu li a {
background-color: #000 !important;
color: #fff;
margin:0 auto;
}

nav.accessibility-menu li a:focus {
display:block;
padding: 5px;
height: auto !important;
}


/* Program Apply Now Button */
div.program-apply {
margin:10px;
padding:10px;
border: 10px solid #efefef;
text-align: center;
	float:right;
	width:30%;
position: relative;
}

div.program-apply span {
position: absolute;
top:-20px;
left:-20px;
text-align:center;
width:40px;
height:40px;
border:5px #efefef solid;
background:#fff;
border-radius: 50%;
}

div.program-apply h2 {
text-transform: uppercase;
color: #666;
	font-size: 1.2rem;
	line-height: 1em;
	
}

div.program-apply a {
font-family: "Open Sans", sans-serif;
background:#00703c;
	color: #fff;
display:block;
text-align:center;
	margin:10px;
	padding:10px;
	text-decoration: none;
	font-size: 1rem;
	line-height: 1em;
}
div.program-apply a:hover {
background:#B2D33E;
}
/* Apply Now Button on Catalog */

li.menu-item a.catapplynow {
	padding: 10px;
	margin: 10px;
	background: linear-gradient(135deg, #b2d33e 5%,#b2d33e 5%,#00703c 5%,#00703c 85%,#005928 100%);
	color: #fff !important;
	text-align: center;
	display: block;
	text-decoration: none;
}
li.menu-item:first-child a.catapplynow {
margin-top:20px;
}

li.menu-item a.catapplynow:hover {
background: #b2d33e;
}

/* Academic School Contact Region */

#main_content section.acadcontact  {
		font-family: 'Source Sans Pro', sans-serif;
		line-height: 1.5em;
		font-size: .8rem;
		}
			
		#main_content section.acadcontact h2 {
		color: #fff;
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		min-height:110px;
		font-weight: 700;
		font-size:1.3rem;
		margin-bottom: 0;
		background: #00703c;
		width: 300px;
		position:relative;
		z-index: 10;
	}
		#main_content section.acadcontact h3 {
		font-size: 1rem;
		line-height: 1em;
		color: #00703c;
		}
		
		#main_content section.acadcontact div.row {
		margin-top: -40px;
		padding-top: 60px;
		border: 1px #efefef solid;
		border-top:5px #8adcb6 solid;
		box-shadow: 3px 6px 12px #efefef;
		background: rgb(255,255,255); /* Old browsers */
background:  linear-gradient(135deg, rgba(255,255,255,1) 90%,rgba(247,247,247,1) 97%,rgba(252,252,252,1) 99%);
		}
		
		#main_content section.acadcontact div.ou-form {
		padding:20px;
		margin:0px 20px 20px 0;
		border: 1px solid #efefef;
		background: #fff;
		}

		#main_content section.acadcontact div.ou-form div.form-group {
		margin-bottom: 5px;
		}
		
		#main_content section.acadcontact div.ou-form label {
		font-size: .8rem;
		line-height: 1em;
		}

		#main_content section.acadcontact .headshot {
		float: left;
		margin:5px 10px;
		}

		#main_content section.acadcontact div>ul  {
		margin-top: 20px;
		}

/* School Contact Ends Here */ 

/* Slick Slider custom styling */	
.smallSlider {
max-width:90%;
margin: 0 auto;
box-shadow: 0 0 10px rgba(0,0,0,.4);
	}

.smallSlider span.slidedesc {
display:block;
text-align:center;
font-family:"Open Sans", sans-serif;
padding:10px;
font-size: .7rem;
line-height:1em;
background: #56B36D;
color: #fff;
	}

.smallSlider a, .smallSlider a img {
width:100%;
}


.smallSlider a {
text-decoration:none;
	}

@media screen and (max-width:768px){
.smallSlider a img {
max-width:400px !important;
	}
				
.smallSlider {
width:360px;
margin:0 auto;
padding:0;
}
}

/* Slick Slider Ends Here */

/* Reduce padding between featured box icons */
#main_content .featured-boxes div.col-lg-3.col-xs-6 {
	padding-left: 5px;
	padding-right:5px;
}
#main_content .featured-boxes .featured-box {
    margin-bottom: 10px;
    margin-top: 10px;
}
#main_content .featured-boxes .row {
	margin:30px 0 20px;
}


#main_content .featured-boxes span.text-uppercase.h4.icon-cta {
	line-height: 1.2em;
}


/* featured box padding ends here */

/* important note for interior page */
		div.important-note {
		background:#00703c;
		padding:30px;
		margin-bottom:20px;
		border-left:10px solid #B2D33E;
		}
		div.important-note h2 {
		color: #fff;
		margin:10px;
		margin-left:0;
		font-size: 1.4rem;
		}
			
		div.important-note p, div.important-note ul, div.important-note li {
		font-family: "Open Sans", sans-serif;
		color: #fff;
		margin:0;
		font-size: .8rem;
		line-height: 1.4em;
		}

		div.important-note a {
		color:#a1d064;
		}
		
		div.important-note a:hover{
		color:#003d21;
		}
		
		div.important-note p em {
		float:left;
		padding:10px;
		}

		@media screen and (max-width:767px) {
		div.important-note p em {
		float:none;
		display: block;
		}
		
		div.important-note p {
		text-align: center;
		}
		

		section.staff-listing .staff {
		width:100%;
		}
			
				section.staff-listing .staff img.staff-headshot {
		height:200px;
		float:none;
		display: block;
		border-radius:5px;
		margin:10px auto;
		margin-left:auto;
		}
			
		}
			
		
/* important note end here  */
			
@media (max-width: 1420px) {
}

@media (max-width: 1199px) {
}

@media (min-width: 992px) {
}

@media only screen and (max-width:768px) {
/* Call to Action Button Style */
.ctaBtnGreen, .ctaBtnGreen.mobile-only {
	display: block;
	text-align: center;
	margin:10px;
}

/* Program Apply Now Button */
div.program-apply {
float: none;
width:auto;
	margin:0;
	margin-bottom:20px;
}
}

@media only screen and (max-width: 680px) {
			.testimonial blockquote p, .testimonial-author p  {
			font-size: .7rem;
			line-height: 1em;
			}
}

@media (max-width: 480px) {
/* Inquiry form style - Make full width on small screen */
.ou-form {
width:auto;
display: block;
}
}

@media (max-width: 320px) {
}