/*---------------------------------------------------------------------------------

 Theme Name:   Oakmont DIVI
 Theme URI:    http://oakmontedu.org
 Description:  
 Author:       Dan Berlyoung
 Author URI:   http://whitespace-creative.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.et_vertical_nav #page-container {
	/* max-width: 1300px; */
}

.home-page-slider .et_pb_slide {
	padding: 0; padding-bottom: 51.0%; height: 0;
}

.phone-number {
	padding: 10px 0;
}

.phone-number img {
	position: relative;
	top: 3px;
}

.social-icon-wrapper {
	padding: 30px 0 30px 0;
}

.social-icon-wrapper a {
	display: inline !important;
	font-size: 140%;
}

.social-icon-wrapper a img {
	margin-right: 5px;
}


body {
	font-family: 'Open Sans', Arial,sans-serif;
	font-size: 16px;
	line-height: 24px
}

#main-header {

}

#top-menu li a {
	letter-spacing: 0;
	text-transform: uppercase;
	line-height: 14px;
}

h1 {
	color: #ffffff;
	font-size: 32px;
	line-height: 34px;
	padding-bottom: 0;
	text-transform: uppercase;
}

h2 {
	color: #286193;
	font-size: 26px;
	line-height: 28px;
	text-transform: uppercase;
}

h4 {
	color: #286193;
	font-size: 23px;
	line-height: 24px;
}

h3 {
	color: #ffffff;
	font-size: 23px;
	font-weight: bold;
	line-height: 24px;
	font-family: 'Open Sans', Arial,sans-serif !important;
}

h3 a {
	color: #ff6600;
}

.et_pb_text ul {
	padding-left: 1.2em;
	padding-bottom: 0;
}

.leadership_pic {
	background: none;
	position: relative;
	opacity: 0;
}

.leadership_pic:hover {
	background: rgba(255,102,0,0.5);
	opacity: 1;
}

.leadership_pic div:hover h3 {
	left: 0;
}

.leadership_pic div {
	position: absolute;
	top: 50%;
	transform: (-50%);
	width: 100%;
	text-align: center;
	color: #000000;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
}

.big_list_text p {
	margin-bottom: 30px;
}

.wcp-slick .rpc-bg {
	margin: 10px;
	padding: 10px;
	border-radius: 10px; 
	padding-top: 50px;
	text-align: center;
	background: url('images/icon_events.png') center 15px no-repeat;
}

.et_vertical_nav #page-container #main-header {
	padding-top: 0;
}

.uv-frame-bg, .uv-chart-bg {
   fill: rgba( 255,255,255,0 )!important;
}

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
	right: initial;
	content: "5";
	color: #ff6600;
}

.et_vertical_nav #main-header #top-menu>li>a:after {
	right: inherit;
}

.et_pb_button, .et_pb_more_button {
	text-transform: uppercase;
}
	
.et_pb_button:hover, .et_pb_more_button:hover {
	color: #ffffff !important;
	text-transform: uppercase;
}

.whats_new .et_pb_button {
	border: 0;
	display: inline;
	text-transform: lowercase;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.whats_new .et_pb_more_button:hover {
	background: #ff6600 !important;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: bold;
	text-transform: lowercase !important;
	padding: 0;
	margin: 0;

}

/* Cash Balance bar chart */
.uv-div-919 .cr-2018-cash, .cl-2018-cash .uv-legend-sign {
	fill: #ff6600 !important;
}
.uv-div-919 .cr-2013-cash, .cl-2013-cash .uv-legend-sign {
	fill: #286193 !important;
}
.uv-div-919 .uv-chart-div {
	height: 300px !important;	
}



/* Success Rate bar chart */
.uv-div-921 .cge-success-rate:nth-child(1) rect {
	fill: #1db04c !important;
}
.uv-div-921 .cge-success-rate:nth-child(2) rect {
	fill: #ff6600 !important;
}

/* Second Success Rate */
.uv-div-929 .cge-success-rate:nth-child(1) rect {
	fill: #1db04c !important;
}
.uv-div-929 .cge-success-rate:nth-child(2) rect {
	fill: #ff6600 !important;
}
.uv-div-929 .uv-chart-div {
	/* height: 300px !important; */	
}

/* Enrollment Increase */
.uv-div-1333 .cge-year-5 rect, .cl-year-5 rect {
	fill: #1db04c !important;
}
.uv-div-1333 .cge-year-3 rect, .cl-year-3 rect {
	fill: #ff6600 !important;
}
.uv-div-1333 .cge-year-1 rect, .cl-year-1 rect {
	fill: #286193 !important;
}

.uv-div-1333 .uv-chart-div {
	/* height: 300px !important; */	
}


/* home page number counters */
.et_pb_number_counter.et_pb_with_title .percent {
	margin-bottom: 0;
}
.et_pb_number_counter.et_pb_with_title h3.title {
	font-weight: normal;
}

.pull-quote {
	font-size: 24px;
	line-height: 34px;
	font-style: italic;
}

.call-to-action {
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
	font-weight: bold;
}

	.et_pb_button_module_wrapper, .more-link {
		text-transform: uppercase!important;
	}


@media only screen and (min-width: 981px) {

	.et_mobile_menu li a:hover, .nav ul li a:hover {
		opacity: 1;
		color: #ff6600!important;
	}
	
	.Xet_vertical_nav #main-header #Xtop-menu ul.sub-menu {
		left: 0px;
		top: 0px;
		width: 181px; /* = 145px menu width + 16px "down" icon overlap */
	}
	
	.Xet_vertical_nav #main-header #Xtop-menu li ul.sub-menu li {
		padding: 0 10px; 
	}
	
	.Xet_vertical_nav #main-header #Xtop-menu li ul.sub-menu li a { 
		width: 100%; 
		padding: 8px 10px;
	}
	
	.Xet_vertical_nav #main-header #Xtop-menu li:hover ul.sub-menu {
		margin-bottom: 20px;
		padding: 10px 0px;
		position: relative;
	}
	
	.Xet_vertical_nav #main-header #Xtop-menu li ul {
		border-left: 0;
	}
	
	.nav li {
	}
	
	#Xmain-header .nav li ul {
		background: none;
		box-shadow: none;
		font-weight: normal;
		color: rgba(0,0,0,0.6);
	}
	
	.Xet_vertical_nav #main-header #top-menu li:hover ul.sub-menu {
		margin-bottom: 20px;
		padding: 0;
		margin-top: -20px;
	}
	
	.Xet_vertical_nav #main-header #top-menu li:hover ul.sub-menu li {
  		transition: visibility 0s, opacity 0s linear;
	}

	.Xet_vertical_nav #main-header #top-menu li ul.sub-menu li a, 
	.Xet_vertical_nav #main-header #top-menu li ul.sub-menu li ul.sub-menu li a	{
		color: #ff6600;
		background: none;
		padding-bottom: 5px;
		line-height: 110%;
	}
	.Xet_vertical_nav #main-header #top-menu li:hover ul.sub-menu li a:hover,
	.Xet_vertical_nav #main-header #top-menu li:hover ul.sub-menu li:hover ul.submenu li a:hover {
		color: rgba(0,0,0,0.6);
		background: #eeeeee;
		padding-bottom: 5px;
		line-height: 110%;
	}
	
	.Xet_vertical_nav #main-header #top-menu li:hover ul.sub-menu {
		margin-top: 0;
	}
	
	.bbb_blog_list a img  {
		float: left;
		width: 170px;
		max-height: 170px;
		margin-left: -170px;
		padding-right: 20px;
		padding-bottom: 30px;
		object-fit: cover;
	}

	.bbb_blog_list .post-content, .bbb_events_list .post-content {
		padding-bottom: 20px;
	}
	
	.bbb_blog_list .post-content p, .bbb_events_list .post-content p {
		margin-bottom: 20px;
	}
	
	.bbb_blog_list article {
		padding-left: 170px;
	}
	
	.bbb_events_list article {
		padding-left: 70px;
		background: url('images/icon_events.png') 0 0 no-repeat;
	}
	
	.bbb_blog_list .et_pb_post, .bbb_events_list .et_pb_post {
		margin-bottom: 20px;
		padding-bottom: 5px;
	}
	
	.bbb_blog_list .et_pb_post a.more-link {
		color: #ff6600;
		background: #ffffff;
		border-radius: 5px;
		border: #ff6600 2px solid;
		padding: 6px 20px;
		font-size: 20px;
		line-height: 1.7em!important;
		margin: 20px 0 0 0;
		display: inline;
		height: auto;
		clear: both;
	}
	
	.bbb_blog_list .et_pb_post a.more-link:hover {
		color: #ffffff;
		background: #ff6600;
		cursor: pointer;
	}
	
	.leadership_pic {
		height: 26vw;
	}
	
	.home-page-slider-desktop {
		display: block;
	}

	.home-page-slider-mobile {
		display: none!important;
	}
	
	.type-post h1 {
		color: #286193;
	}
	
	.type-post h2 {
		padding-bottom: 0;	
	}
	.event_single {
		border: none;
		padding: 20px 0;
		background: none!important;
	}
	
	.widgettitle {
		color: #286193;
		padding-bottom: 20px;
	}
	
	#footer-info {
		width: 100%;
	}
	
	#footer-info div {
		float: right;
	}
}


@media only screen and (max-width: 980px) {

	.leadership_pic {
		height: 300px;
	}
	
	.leadership_pic div {
		top: 20%;
	}
	
	.logo_container {
		height: inherit !important;
		margin-left: -10px;
	}
	
	.social-icon-wrapper {
		padding: 0;
		margin-top: -30px;
	}
	
	#main-header #logo {
		max-width: 55%;
	}
	
	.home-page-slider-desktop {
		display: none!important;
	}
	
	.home-page-slider-mobile {
		display: block;
	}
	
	.home-page-slider-mobile h1 {
		color: #286193;
		text-align: center;
	}
	
	.leadership_pic {
	height: 56vw!important;	
	}

	.et_pb_post {
		padding-bottom: 1em;
	}

	.et_pb_button_module_wrapper {
		text-align: center;
	}
	
	.et_mobile_menu {
		text-transform: uppercase;
	}

}