/*
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 4
*/

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


/*------------------------------------------------*/
/*-------------[GENERAL SITE STYLE]---------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[NAV-MENU]--------------------*/
/*------------------------------------------------*/

/*----------Increase inner width of drop-down menu----------*/
/*#top-menu  li li a { 
    width: 300px !important;
}
.nav li ul {
    width: 340px !important;
} */

/*----------Set the width for the hamburger menu swap over----------*/
/*@media only screen and (max-width: 1550px) {
	  #top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {
		display:none !important;
	  }
	  #et_mobile_nav_menu, .et_mobile_nav_menu { 
		display: block !important;
	  }
}*/

/*----------Move the default header logo to the right----------*/
/*#logo {
	float: right;
	margin-right: 60px;
	margin-top: 15px;
}
#et-top-navigation {
	float: left;
	padding-left: 0!important;
}*/

/*----------Button in navigation----------*/
.navBtn {
    background-color: #ffffff !important;
    padding: 10px 15px 0px 15px !important;
    margin-bottom: 1px !important;
    transition: 300ms ease 0ms;
}
.navBtn a {
	padding-bottom: 10px !important;
	color: rgba(53,118,204,0.99) !important;
	transition: 300ms ease 0ms;
	font-weight: 800!important;
}
.et-fixed-header #top-menu .navBtn a {
    color: rgba(53,118,204,0.99) !important;
}
.et-fixed-header #top-menu .navBtn a:hover {
    color: #ffffff !important;
}
.navBtn:hover {
	background-color: #58595b !important;
	transition: 300ms ease 0ms;
}
.navBtn a:hover {
	color: #ffffff !important;
	transition: 300ms ease 0ms;
}
#top-menu-nav>ul>li>a:hover {
    opacity: 1;
}

/*----------These 2 styles control the padding in the nav bar (Only enable if using .navBtn)----------*/
.et_header_style_left #et-top-navigation {
	padding: 13px 0 0 0 !important;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
	padding: 13px 0 0 0 !important;
}

/*----------Overlapping Logo that Shrinks on Scroll----------*/
/* #et-info {
    float: right;
}
.et_fixed_nav #top-header {
    position: fixed;
    z-index: 9998!important;
} */
/* This need to be fine tuned based on the logo size and usage */
/*#logo {
    max-height: 100px !important;
    margin-top: 0px;
}*/
/* This need to be fine tuned based on the logo size and usage */
/* .et-fixed-header #logo {
    max-height: 60px!important;
    margin-top: 0px;
} */
/*@media only screen and (max-width: 980px) {*/
	/* This need to be fine tuned based on the logo size and usage */
/* 	#logo {
		max-height: 70px !important;
		margin-top: 0px;
	}
	#et-info {
		float: none;
	}
} */

/*----------Mobile Dropdown Menu Accent Color----------*/
.mobile_menu_bar:before {
	color: #4285f4 !important;
}
.et_mobile_menu {
	border-color: #4285f4 !important;
}

/*----------Using Secondary Menu as Promo Banner----------*/
#et-secondary-menu {
    float: none;
}
#et-secondary-nav {
	width: 100%;
}
#et-secondary-nav>li:last-child {
	text-align: center;
	width: 100%;
}
.promoBannerBTN {
	padding: 0 0 12px !important;
}

/*------------------------------------------------*/
/*--------------------[BODY]----------------------*/
/*------------------------------------------------*/

/*----------Custom list bullet points: https://wpcreatorsclub.com/custom-bullet-list-icons-in-divi/ ----------*/
/* .custom_bullets_cornerstone ul li {
  padding-left: 30px;
  list-style:none;
  margin-bottom: 10px;
} */
/* Icon List: https://www.elegantthemes.com/blog/resources/elegant-icon-font */
/* .custom_bullets_cornerstone ul li::before {
  content: '\e018';
  display: inline-block;
  margin-right: 7px;
  margin-left: -30px;
  padding-right: 5px;
  font-family:'ETmodules';
  font-size: 1.2em;
  vertical-align: middle;
} */

/* Add decorative lines to the left and right of header text */
/*center the heading and lines*/
/* .pa-heading-line-both h3 {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
} */
/*add and adjust the lines*/
/* .pa-heading-line-both h3:before,
.pa-heading-line-both h3:after {
	content: '';
	border-top: 2px solid;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
	color: #666666;
} */
/*add spacing between heading and lines*/
/* .pa-heading-line-both h3:after {
	margin: 0 0 0 20px;
} */

/*---------- Changing the Column Stacking Order On Mobile Using CSS Classes ----------*/
@media all and (max-width: 980px) {
	.custom_row {
	  	display: -webkit-box;
	  	display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	  	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	  	flex-wrap: wrap;
	}

	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}

	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}

	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}

	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
 
}

.accentColor {
	color: #0e354a !important;
}

/*---------- Particles.js ----------*/
#de-particles .particles-js-canvas-el, #cornerstone-particles-snow .particles-js-canvas-el, #cornerstone-particles-default .particles-js-canvas-el, #cornerstone-particles-two-color .particles-js-canvas-el {
	position: absolute;
	left: 0;
	top: 0;
}

/*------------------------------------------------*/
/*-------------------[FOOTER]---------------------*/
/*------------------------------------------------*/


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

.gravityFormInputField input, 
.gravityFormInputField select, 
.gravityFormInputField textarea { 
	background-color: #EBECF3 !important; 
	color: #000 !important; 
	font-size: 16px !important; 
	padding: 16px !important; 
	border: none; 
	border: 2px solid #0e354a !important;
} 
.gravityFormInputField input:focus, 
.gravityFormInputField select:focus, 
.gravityFormInputField textarea:focus { 
	border: 2px solid #0e354a !important;
}
/* Submit Button Styles */
#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4, #gform_submit_button_5, #gform_submit_button_6 { 
    position: relative;
    padding: 10px 20px 10px 20px;
	letter-spacing: 1px;
    font-size: 18px;
	border: 0px solid #000;
    color: #fff;
	background-color: #000;
	transition: all 300ms ease 0ms;
	cursor: pointer;
}
#gform_submit_button_1:hover, #gform_submit_button_1:focus, #gform_submit_button_1:active,
#gform_submit_button_2:hover, #gform_submit_button_2:focus, #gform_submit_button_2:active,
#gform_submit_button_3:hover, #gform_submit_button_3:focus, #gform_submit_button_3:active,
#gform_submit_button_4:hover, #gform_submit_button_4:focus, #gform_submit_button_4:active,
#gform_submit_button_5:hover, #gform_submit_button_5:focus, #gform_submit_button_5:active,
#gform_submit_button_6:hover, #gform_submit_button_6:focus, #gform_submit_button_6:active {
    color: #000;
	background-color: #fff;
	transition: all 300ms ease 0ms;
}
/* align submit btn right */
.gform_footer {
	float: right;
}
/* .gform_wrapper.gravity-theme .gform_footer {
	margin: 0px 0 0 !important;
    padding: 0px 0 !important;
} */

/*----------Keep the reCAPTCHA V3 badge above everything----------*/
.grecaptcha-badge {
	z-index: 999 !important;
}

/*----------Move reCAPTCHA v3 badge to the left----------*/
/*.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}*/


/*------------------------------------------------*/
/*-----------------[Printing CSS]-----------------*/
/*------------------------------------------------*/

/* Add .NoPrint to elements you don't want to show when you print a page */
@media print{
	.NoPrint {display: none;}
}


/*------------------------------------------------*/
/*----------------[Media Queries]-----------------*/
/*------------------------------------------------*/

/* Desktop */
@media screen and (max-width: 1200px) {
	
}
/* Tablet */
@media screen and (max-width: 980px) {
	
}
/* Mobile */
@media screen and (max-width: 480px) {
	
}