/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/**header**/
/****remove teal bar below menu****/
/**#main-header {box-shadow: 0 18px 0 #51bebb;}**/

#bcContainer {
    font-weight: 300;
    text-align: right;
    padding-bottom: 0;
    position: relative;
    width: 80%;
    max-width: 1400px;
    margin: 30px auto 0 auto;

}

p.breadcrumbs {
    font-size: 14px;
}

a {font-weight:400;}

/**footer**/
#footer-info {font-size: 11px;}
#footer-info a {font-size: 11px !important;}
#main-footer {
	background-color: #d2d2d2;
	color: #222 !important;
}


#main-footer p {
    font-size: 16px;
    line-height: 20px;
    color: #222;
}

#main-footer a {color:#222;}

#main-footer .footer-widget h4 {
    color: #222;
}


/* footer, mid-size smallish, 981 to 1600px)*/
@media only screen and (min-width: 981px) and (max-width:1600px){
#main-footer p {
    font-size: 16px;
    line-height: 20px;
}}

#main-footer a {
    font-size: 14px;
    font-weight: 400;
}


/**top menu**/
#top-menu li li {
    padding: 10px 20px;
}

/*#top-menu a:hover {
    padding-top: 4px;
    padding-bottom: 4px;

}*/ /* IF YOU SEE THIS, CHANGES WENT THROUGH */

.nav li li {
    position: relative;
    line-height: 1em;
}

.menu-cta {background-color:#51bebb; max-height:40px; padding:10px 15px !important;}

#top-menu .menu-cta a {
    color: #fff;
}

#main-header .nav li ul a:hover {color:#2b9993;}


/**customize error page**/
.et_right_sidebar #main-content .container #graphic::before {
    right: 0 !important;
}
#main-content .container::before {background-color: #fff;}

#graphic img {
    width: 100%;
}


/**page styling
.blueheadline h1 {
	font-size: 5em; 
	font-family: "Bebas Neue", system-ui;
	font-weight: 400;
	line-height: 1em;
}

h1, h2, h3, h4, h5 {
	font-size: 5em; 
	font-family: "Bebas Neue", system-ui;
	font-weight: 400;
	line-height: 1em;
}**/

/**p {font-size: 18px;}**/

.introtext p {font-size: 24px; line-height:1.5em; margin-bottom:10px;}

.calloutheading p {font-size: 22px; line-height:1.4em; margin-bottom:15px;}

.calloutbody p {font-size: 19px; line-height:1.4em;}

.greenheading p {font-size: 23px; color: #222;}

.bluetext {color:#2b9993;}

.mediacredit {font-size:11px;}

/**by the numbers infographic**/
.info_bubble {width:80px;}
.info_text {font-size:14px; line-height:1em;}
.info_bold {line-height:1em; font-size:26px; font-weight: 500; color: #2b9993;}
.info_bubble {
    width: 80px;
    padding-left: 0;
    margin-left: 0;
    margin-top: 20px;
}

/**teal subnav remove margin-right**/
.et_pb_gutters1 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_module 

{margin-right: 0 !important;}


/**adjust online learning blurb icon size**/
#rowblurbs img.et-waypoint.et_pb_animation_off.lazy-loaded.lazyloaded.et-animated {
    max-width: 120px;
}



/****dept hover treatment****/
.n10s-block {margin:0 10px;}

.n10s-block .n10s-overlay {padding: 10px !important;}
	  
.n10s-berlin p {
    padding: 15px 10px !important;}

.n10s-block h2 {font-size:14px;}

.n10s-overlay h2 {padding-top: 10px; padding-left: 10px; margin-top: 30px; padding-right: 10px;}

.n10s-berlin {background: #dbdbdb;}


/**dept hover on small screens**/
@media only screen and (min-width: 981px) and (max-width:1700px) {
	.n10s-berlin .n10s-overlay::before {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.n10s-berlin .n10s-overlay::after {border-right: 0 !important; border-left: 0 !important;
}

.n10s-block .n10s-overlay {font-size: 14px; padding: 10px;}

.n10s-block.n10s-berlin {text-align: center;  font-size: 11px;
}

.n10s-overlay h2 {
    padding-left: 0px;
    margin-top: 30px;
    padding-right: 0px;
    font-size:14px !important;
}

}



/**buttons**/
#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .form-submit .et_pb_button, .mobile_menu_bar::after, .mobile_menu_bar::before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span::before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span::before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #2b9993;}



/**mobile menu**/
.et_mobile_menu .menu-cta {
    background-color: #fff;
}

#mobile_menu.et_mobile_menu l{
    font-weight: 400;
}

/**unordered list**/
ul.topspace {
    margin-top: 17px;
}


/**board member tiles**/
#boardtiles .et_pb_toggle_content h4 {
color: #000;
font-weight: 300;
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
font-size: 18px;
}

#boardtiles .et_pb_toggle_title {
font-weight: 500;
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
font-size: 18px !important;
color: #2b9993 !important;
}

/**school details**/
.icontext p {font-size:16px; color:#000;}

/**the event calendar customizations - 053119**/
.tribe-bar-disabled {
    display: none;
}

.tribe-events-title-bar {
    display: none;
}

.tribe-events-loop .tribe-events-content {
    padding: 0 0 0 0;
}

.tribe-events-photo-event-wrap {
    height: 400px;
}

.tribe-events-list .tribe-events-event-image img {
    max-height: 200px;
    width: auto;
}

.tribe-event-schedule-details {
    font-size: 17px;
    font-weight: 300;
    margin-top: 10px;
}


.tribe-events-list .tribe-events-loop .tribe-events-photo-event .tribe-events-event-image {
    padding-top: 15px;
}


.tribe-events-photo-event-wrap {
    text-align: center;
}

.tribe-events-nav-pagination {
    display: none;
}

.tribe-events-widget-link {
    display: none;
}

/***create events grid***/
.tribe-events-photo-grid-sizer {
    width: 100%;
}

#tribe-events-photo-events .tribe-events-photo-event {
  width: 31%;
	float:left;
  margin: auto 1% 20px 1%;
}


/**custom blog post grid**/
.et_cpt_container_column.et_pb_column {
    border: solid thin #dbdbdb;
    padding: 20px;
    min-height: 450px;
}

.btn_blueoutline {
    color: #2b9993;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #2b9993;
    border-radius: 4px;
}

a.btn_blueoutline:hover {background-color:#2b9993; color:#fff;}

.et_pb_column img.attachment-medium {
	width:100%; height:auto;
    max-width: 250px;
    margin-top: 20px;
}

/** leadership post tiles**/
.openJobBox, .successBox {width:29%; margin: 0 2% 10px 2%; padding:10px; min-height:530px !important; float:left; border:thin solid #dbdbdb; text-align:center;}

.completeRibbon {width:100%; margin:0; padding:5px 10px; background-color:#e1f9f8; font-size: 16px; font-weight:300; margin-bottom:10px;}

img.jobPostingSchoolLogo {margin-top:10px; margin-bottom:10px; max-height:120px;}

.jobPostTitle {font-weight: 400; font-size: 1.2em; color: #2b9993;}
.jobPostSchoolName {}
.jobPostSchoolLocation {font-style:italic;}
.jobPostDesc, .jobPostDate {padding-top:10px; line-height: 1em; font-size:14px;}

.sortBy, .buttonarea {margin:20px 0;}

/**ap page**/ 
.apschool {line-height:17px; font-size:14px;}
.apschool .schoolname {font-size:14px;}
.apschool .schoollocation {font-size:12px; font-style:italic;}



/**news articles**/
#newsbottomtext p, #newsbottomtext {
    font-size: 14px;
    line-height: 1.5em;
}

/**news tiles**/
.newstile .et_pb_blurb_description, 
.newstile .et_pb_blurb_description p {font-size:15px;
}

p.newsdate {font-size:14px;}

/**news tiles devices 981-1300**/
@media only screen and (min-width: 981px) and (max-width:1300px) {.newstile {
    min-height: 400px;
}}
/**news tiles large devices**/
@media only screen and (min-width: 1300px) {.newstile {
    min-height: 340px;
}}
	
	

/**adjust max width of images with bubble row id**/
#bubblerow img {
    width: 140px;
    height: auto;
}


/**leadership searches**/
.openJobBox {
    padding-top: 40px;
}

.openJobBox p {
    font-size: 14px;
    line-height: 15px;
}

p.jobSelectedCandidate, p.jobLink {font-size: 15px;}

.et_post_meta_wrapper {
    display: none;
    margin: 0 0;
    padding: 0;
}

.et_pb_post .entry-content {
    padding-top: 0;
}

/***box for postings****/
/* admin box, small devices, 600px and down) */
@media only screen and (max-width: 600px) {.successBox.smaller {min-height: 300px; max-height: 500px;} .openJobBox, .successBox, .successBox.smaller  {width: 98%; margin: 0 1% 10px 1%;}}

/* admin box, small devices, 600px and up) */
@media only screen and (min-width: 600px) {.openJobBox, .successBox, .successBox.smaller {width: 48%; margin: 0 1% 10px 1%;}
.successBox.smaller {min-height:400px;}}

/* admin box, medium devices, 768px and up) */
@media only screen and (min-width: 768px) {}


/* admin box, large devices, 992px and up) */
@media only screen and (min-width: 992px) {.openJobBox, .successBox {width: 48%; margin: 0 1% 10px 1%; margin-bottom: 10px; padding: 10px; min-height: 500px;}

.successBox.smaller {width: 30%; margin: 0 1% 10px 1%; min-height: 350px; max-height: 380px;}}


/* admin box, medium devices, 1240px and up)*/
@media only screen and (min-width: 1240px)
{.openJobBox, .successBox {width: 29%; margin: 0 2% 10px 2%; margin-bottom: 10px; padding: 10px; min-height: 500px;} 
.successBox.smaller {width: 29%; margin: 0 2% 10px 2%; min-height: 350px; max-height: 350px;}} 


/*all devices*/
.successBox.smaller {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 21px;
}

.openJobBox, .successBox {
    float: left;
    border: thin solid #dbdbdb;
    text-align: center;

}

/**admin searches - styling for success box**/

.successBox.smaller {
    min-height: 350px;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 21px;
}

.smaller .completeRibbon {margin:10px auto;}

.smaller .jobPostTitle {
	font-size:1.1em;
  	line-height:20px;
	margin-bottom:20px;
}

.smaller .jobPostDesc, .smaller  .jobPostDate {
    font-size: 1em;
}

.smaller img.jobPostingSchoolLogo {
    max-height: 70px;
  	margin:15px auto;
}

.smaller a {
    color: gray;
}

/**leadership feature styling**/
.category-leadership-feature {width:100%; margin-top:0; padding-top:0px;}

.leadershipFeatureNewPosition {font-size:1em; color:#2b9993;}
.leadershipFeatureCurrentPosition {font-size:1em;}
.leadershipDate {font-size:0.9em;}
.leadershipIntro {line-height:1.2em;font-style:italic;}
.leadershipImage {
    max-height: 200px;
    width: auto;
    float: left;
    padding-right: 20px;
}
.leadershipLongDescription {line-height:1.2em;}

/**post style - teacher features**/
#teacherfeature .et_pb_blog_grid .et_pb_image_container img {
    max-height: 250px;
	max-width: 100%;}
#teacherfeature .intro {font-size:1.2em; font-style:italic;}
#teacherfeature img {
padding:auto 20px;}

#relatedarticlesrow .entry-title {
    text-align: center !important;
}

#relatedarticlesrow .et_pb_blog_grid .et_pb_image_container img {
    width: auto;
    height: 200px;
}

#relatedarticlesrow .et_pb_post {
    min-height: 500px;
}


.jobSelectedCandidate {
    font-size: 16px;
    font-weight: 400;
}

.ap-photo {
    width: 100%;
		max-width:160px;
		height:auto;
    float: left;
    padding-right: 30px;
    margin: 0 0;
}

.ap-title {margin-right:15px;}

/** Start Mobile Menu **/

@media screen and (max-width: 980px) {
 .container { 
 width: 100% !important;
 }
 .et_header_style_left .logo_container{
 padding-left: 25px;
 }
 .et_header_style_centered #main-header .mobile_nav {
 background-color: transparent;
 }
 .mobile_nav.closed .select_page {
 display: none;
 }
 .et-fixed-header#main-header {
 background-color: transparent !important;
 }
}
.et_mobile_menu {
 top: 0 !important;
 border-top: 3px solid #2b9993 !important;;
 background-color: #fff !important;
 padding: 20% 0;
}
.et_mobile_menu li a {
 text-align: center;
 font-size: .8em;
	font-family: Roboto;
 border: 0;
 padding: 15px 0;
 letter-spacing: 1px;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
 color: #2b9993;
}
.mobile_nav ul#mobile_menu li ul li a {
 font-size: .8em !important;
 margin: auto;
 color: #363636 !important;
 padding-top: 0.8em;
 padding-bottom: 0.8em;
}
.et_mobile_menu li a:hover {
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.mobile_menu_bar:before {
 padding-right: 25px;
 color: #363636 !important;
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
 z-index: 99999;
}

/* NESTING MOBILE MENU SETTINGS */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
 content: '\4d';
}

#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
 content: '5'; 
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
 position: relative; 
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
 position: absolute;
 /*background-color: rgba(0,0,0,0.04);*/
 z-index: 1;
 width: 38px;
 height: 38px;
 line-height: 38px;
 border-radius: 50%;
 top: 6px;
 right: 10px;
 cursor: pointer;
 text-align: left;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
/*	color: #ffff;
 background-color: #2b9993;*/
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children a {
	text-align: left;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu a {
	padding-left: 40px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu .sub-menu a {
	padding-left: 60px;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
 font-family: "ETmodules" !important;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 line-height: 40px;
 font-size: 20px;
 text-transform: none;
 speak: none;
 content: '\33';
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
 content: '\32';
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
 display: none !important;
 padding-left: 0;
	line-height: 30px;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
 display: block !important;
 background-color: rgba(0,0,0,0.03);
}

 #main-header #mobile_menu.et_mobile_menu li li {
 padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu li a, 
#main-header #mobile_menu.et_mobile_menu li li a,
#main-header #mobile_menu.et_mobile_menu li li li a {
 padding-left: 20px;
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
 background-color: transparent;
}

#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
	font-weight: bold;
	color: #2b9993;
}

/* End Mobile Menu */

.et-search-form input {
	width: 72%;
}

/* Start Admin Postings Styling */

@media only screen
	and (max-width: 1800px) {
.openJobBox, .successbox {
  margin-bottom: 30px;
	height: 575px;}}

/* End Admin Postings Styling */

/**Start quicknews blurbs**/
.quicknews {font-family:Montserrat; line-height:20px; color:#000!important; margin-left:10px;}
.quicknews .maintext {padding-left:15px; font-size:16px; font-weight:550!important;}
.quicknews .headline {padding-left:15px; font-size:22px; font-weight:550!important;}
.quicknews .headlinetop {font-size:24px; font-weight:550!important;}
/**End quicknews blurbs**/

/* Make the NewsLinks link highlight transparent - no color */

section.linkAnnotation a, a.linkAnnotation, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation{
    opacity:0; 
}

/* Application Passed for Admin */

.applications {line-height:15px;
margin-top:10px !important;
margin-bottom:-35px !important;
font-weight: bold !important}

/* Start Date without App Deadline for Admin */

.starttwo {line-height:15px;
margin-top:10px !important;
margin-bottom:-35px !important;
}



/* Events calendar third location to try to fix skeleton style */
.tribe-events-pro-photo__event-featured-image {
	position: relative !important;
}