/*
Theme Name: Divi Child By Cornerstone Web Studio
Theme URI: http://cornerstone.studio
Description: A Custom Child Theme For Divi
Author: Cornerstone Web Studio
Author URI: http://cornerstone.studio
Template: Divi
Version: Updated for Divi 3
*/

/***********************************************************/
/***********************************************************/
/*-----CORNERSTONE.STUDIO CSS STYLING BELOW THIS POINT-----*/
/***********************************************************/
/***********************************************************/


/*-----------------------------------------------*/
/*-----------[MOBILE MENU BREAKPOINT]------------*/
/*-------------[CORNERSTONE.STUDIO]--------------*/

@media ( max-width: 1201px ) {
#top-menu-nav {display: none !important;}
#et_top_search {display: none!important;}
#et_mobile_nav_menu {display: block!important;}
}

/*-----------------------------------------------*/
/*-------------[GENERAL SITE STYLE]-------------*/
/*-------------[CORNERSTONE.STUDIO]--------------*/

#border-invert {
  background-color: #3498DB;
  border-corner-shape: scoop;
  border-radius: 30px;
  width: 200px;
  height: 200px;
}

/* 
 * Colors...
 * Gold: #F0A431
 * Dark Color: #2A2B31
 * Grey: #F7F4EF
 * */
/* General Media Queries are with desktop counterparts 
page and item specific media queries go to the bottom
 */
/* Wordpress uses dashes, Divi uses underscores, We use CAMEL CASE */


/* body h1,
body h2 {
	font-family: 'Noto Serif', serif;
	line-height: 1.3em;
}

body h3,
#main-header ul li a,
body p,
body p a,
body p li,
#main-footer p,
#main-footer p a {
	font-family: 'Noto Sans', sans-serif;
	line-height: 1.3em;
} */

body h1 {
	color: #333;
	font-size: 58px;
	font-weight: 500;
}

body h2 {
	color: #333;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 20px;
	padding-bottom: 0;
}

body h3 {
	color: #333;
	font-size: 28px;
	font-weight: 500;
}

body p,
body p a {
	color: #333;
	font-size: 18px;
	font-weight: 400;
}

.accentColor {
	color:#fff;
}

/* .body_content.et_pb_section.centered_text .et_pb_row h1,
.body_content.et_pb_section.centered_text .et_pb_row h2,
.body_content.et_pb_section.centered_text .et_pb_row h3,
.body_content.et_pb_section.centered_text .et_pb_row p {
	text-align: center;
} */

/* Sticky Phone Number */
.stickyBtnRow .et_pb_button_module_wrapper {
	width: 100%;
	max-width: 100%;
	position: fixed;
	bottom: 0;
	left:0;
		
	
}
body #page-container a.et_pb_button.stickyBtn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
	max-width: 100%;
	text-align: center;
	font-size:30px;
	font-weight:900;
	background: #242424;
	padding-top:15px!important;
	padding-bottom:15px!important;
}

/*------------------------------------------------*/
/*-------------------[BUTTONS]--------------------*/
/*------------------------------------------------*/

body #page-container a.et_pb_button,
body #page-container button.et_pb_button {
	border-radius: 50px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	border: none;
}
body #page-container a.et_pb_button:hover,
body #page-container button.et_pb_button:hover {
	box-shadow: 9px 4px 4px 4px #33333361;
}

body #page-container a.et_pb_button.main_color,
body #page-container button.et_pb_button {
	background-color: #F0A431;
	border: 1px solid #F0A431 !important;
	color: #fff;
}
body #page-container a.et_pb_button.main_color:hover,
body #page-container button.et_pb_button:hover {
	background-color: #fff !important;
	border: 1px solid #F0A431 !important;
	color: #F0A431 !important;
}

body #page-container a.et_pb_button.alt_color {
	background-color: #000 !important;
	border: 1px solid #000 !important;
	color: #fff;
}
body #page-container a.et_pb_button.alt_color:hover {
	background-color: #fff !important;
	border: 1px solid #000 !important;
	color: #000 !important;
}

.no_wrap {
	white-space: nowrap;
}

.sec-menu-button {
	background: #EE6C4D;
    color: #ffffff !important;
    border-radius: 25px;
    padding: 14px 30px;
    font-size: 20px !important;
    text-transform: uppercase;
}

#et-secondary-menu>ul>li a {
    display: inline !important;
}

body #page-container .et_pb_section .et_pb_button_1, body #page-container .et_pb_section .et_pb_button_2, body #page-container .et_pb_section .et_pb_button_3 {
	min-width: 220px;
}

/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/


.navEnrollNowBtn {
	background-color: #ee6c4d;
	transition: 0.3s;
	padding-right: 17px !important;
	padding-top: 20px !important;
	border-radius: 50px;
	color: #ffffff !important;
}
.navEnrollNowBtn a {
	font-weight: 700 !important;
	padding-bottom: 20px !important;
}
.navEnrollNowBtn:hover {
	background-color: #007991;
}
/* make a text white in fixed nav */
.et-fixed-header #et-top-navigation .navEnrollNowBtn a {
	color: white !important;
}

/* when active link */
.navEnrollNowBtn.current-menu-item.current_page_item a {
	color: #ffffff !important;
}
/* when active link and fixed nav */
.et-fixed-header #et-top-navigation .navEnrollNowBtn.current-menu-item.current_page_item a {
	color: #ffffff !important;
}










#main-header .et_mobile_menu {
    background-color: #222e50 !important;
}
.home.hero .et_pb_row {
	max-width: 93%;
}
.et_mobile_menu {
    border-color: #ffffff !important;
}

.mobile_menu_bar:before {
	color: #ffffff !important;
}

.et_fixed_nav #top-header {
    height: 80px !important;
}

.headerCTA {
    font-size: 25px;
    margin-right: 40px;
	font-weight: 400;
	color: #ffffff;
}

#top-header .container {
    padding-top: 32px;
}

@media only screen and (min-width: 981px) {
	#logo {
		max-height: 320% !important;
		margin-top: 14px !important;
	}
}

.et-fixed-header #logo {
	max-height: 104% !important;
	content: url(/wp-content/uploads/2021/05/SoutheastAcademyLogoBlack2.png);
	margin-top: 0px !important;
}

#top-menu li {
	padding-top: 24px;
    padding-left: 16px;
}

.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a {
    padding-bottom: 42px;
}

.nav li ul {
    width: 350px;
}

#top-menu li li a {
    width: 300px;
}

/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/

#top-header, #et-secondary-nav li ul {
    background: linear-gradient(0.25turn, #007991, #222e50);
}

/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/

#footer-bottom {display:none;}
.footer_section a {color:#fff;}

#footer-bottom {display:none;}
.footer_section a {color:#fff;}

#main-footer .footer_info_section {
	background-color: #2A2B31;
}

#main-footer .footer_info_section .et_pb_row:not(.credits_row) {
	max-width: 90%;
	padding: 60px 0;	
	width: 90%;
}

#main-footer .footer_info_section .et_pb_row:not(.credits_row) img {
	max-width: 411px;
	width: 100%;
}

#main-footer .footer_info_section .et_pb_row:not(.credits_row) p,
#main-footer .footer_info_section .et_pb_row:not(.credits_row) p a {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
}

#main-footer .footer_info_section .et_pb_row:not(.credits_row) p svg {
	font-size: 54px;	
}

#main-footer .footer_info_section .credits_row.et_pb_row p,
#main-footer .footer_info_section .credits_row.et_pb_row p a {
	color: #fff;
	font-size: 16px;
	text-align: center;
}
/*------------------------------------------------*/
/*----------------[Media Queries]------------------*/
/*------------------------------------------------*/
/* Desktop */
@media screen and (max-width: 1600px) {
	.middle_school.hero, .preschool.hero {
		padding: 5%;
	}
}

/* Desktop */
@media screen and (max-width: 1200px) {
	.homepageh3mobileresize {
		font-size: 26px !important;
	}
}



/* Tablet */
@media screen and (max-width: 980px) {
	body h1 {
		font-size: 32px !important;
	}
	body h2 {
    	font-size: 28px !important;
	}
	body h3 {
    	font-size: 24px !important;
	}
	body p, body p a {
		font-size: 16px !important;
	}
}
/* Mobile */
@media screen and (max-width: 480px) {
	
}

@media only screen and (max-width: 1201px) {
	.sec-menu-button {
		width: 50%;
    	text-align: center;
    	margin: 0 auto;
	}
}




/* OLD GF STYLES TO GET RID OF  */
.gform_wrapper .gform_body {
	font-weight: 400;
}
body .gform_wrapper .top_label div.ginput_container {
/* 	width: 600px; */
}




/*------------------------------------------------*/
/*-------------[GRAVITY FORMS STYLES]-------------*/
/*------------------------------------------------*/

/* Style the "I confirm..." checkbox */
.gravityFormInputFieldCheckBox { margin-top: 30px !important; }
.gravityFormInputFieldCheckBox input {
  width: 22px !important;
  height: 22px !important;
}
.gravityFormInputFieldCheckBox label {
  font-weight: 700 !important;
  font-size: 20px !important;
}

.gravityFormInputField input, 
.gravityFormInputField select, 
.gravityFormInputField textarea { 
	background-color: #F4F3F0 !important; 
	border: 1px solid #333333;
	color: #222222 !important; 
	font-size: 16px !important; 
	padding: 16px 20px !important; 
} 

.gravityFormInputField input:focus, 
.gravityFormInputField select:focus, 
.gravityFormInputField textarea:focus { 
	border: 1px solid #333333 !important;
}

/* GF Submit Button Styles */
#gform_submit_button_11,
#gform_submit_button_8,
#gform_submit_button_13,
#gform_submit_button_10 { 
    padding: 15px 33px;
    border: 0px solid white;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
	background-color: #ee6c4d;
	transition: 0.3s;
	text-transform: uppercase;
	border-radius: 50px;
	cursor: pointer;
}
#gform_submit_button_11:hover, #gform_submit_button_11:focus, #gform_submit_button_11:active,
#gform_submit_button_8:hover, #gform_submit_button_8:focus, #gform_submit_button_8:active,
#gform_submit_button_13:hover, #gform_submit_button_13:focus, #gform_submit_button_13:active,
#gform_submit_button_10:hover, #gform_submit_button_10:focus, #gform_submit_button_10:active {
    background-color: #007991;
    cursor: pointer;
}

/* SAVE & CONTINUE BUTTON */
#gform_save_11_footer_link, #gform_send_resume_link_button_11 { 
    padding: 15px 33px !important;
    border: 0px solid white !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff !important;
	background-color: #ee6c4d !important;
	transition: 0.3s !important;
	text-transform: uppercase !important;
	border-radius: 50px !important;
}
#gform_save_11_footer_link:hover, #gform_save_11_footer_link:focus, #gform_save_11_footer_link:active,
#gform_send_resume_link_button_11:hover, #gform_send_resume_link_button_11:focus, #gform_send_resume_link_button_11:active {
	background-color: #007991 !important;
    cursor: pointer !important;
}
#gform_save_11_footer_link svg path {
	fill: #ffffff !important;
}

/* align submit button right */
/* .gform_footer {
	float: right;
} */


/* GP NESTED FORMS PLUGIN STYLES */

/* STYLE THE MODAL */
/* move the modal to add entries down */
@media screen and (min-width: 980px) {
	.tingle-modal-box {
		margin-top: 200px;
	}
}
.tingle-modal-box {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

/* make date picker in nested student form full width */
#input_12_3 {
	width: 100% !important;
}
/* style table header */
table.gpnf-nested-entries thead tr th {
	min-width: 140px;
	line-height: 1.3em;
}
/* hide horizontal scroll bar caused by table header */
.page-id-31977, .page-id-30492 { 
	overflow-x: hidden;
}
/* style Add Entry button in registration form */
.gpnf-add-entry {
	background-color: #ee6c4d;
	transition: 0.3s;
	padding: 15px 20px;
	border-radius: 50px;
	border: 0px solid white;
	color: white;
	font-weight: bold;
	font-size: 21px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.gpnf-add-entry:hover {
	background-color: #007991;
	cursor: pointer;
}
.gpnf-add-entry:before {
	content: 'Click Here To ';
}

.edit-button, .delete-button{
	font-size: 20px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}
#field_11_85 label {
	font-size: 20px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: red;
}
    

/* make signature date picker full width */
#input_11_103 {
	width: 100%;
}

.gform_wrapper_8 .gform_footer {
	float: left !important;
}