/*
 Theme Name:    Formada Modular Theme
 Theme URI:     https://formadasocial.com
 Description:   Formada Modular Child Theme for Divi
 Author:        Formada
 Author URI:    https://formadasocial.com
 Template:      Divi
 Version:       1.0.0
*/
/***** Add any custom CSS below this line *****/

/****************************************/
/** Navigation Styles **/
/* Nav submenu item line-height */
.nav .sub-menu li {
	line-height: 1.5em;
}

#main-header {
	box-shadow: none;
}

/* Fixed menu styles */
.et-l--header .has_et_pb_sticky .et_pb_section--with-menu {
	background-color: #fff !important;
	box-shadow: 0 0 8px -4px rgba(0,0,0,.5);
}

.et_pb_section--with-menu {
	transition: all ease-in-out .3s;
}

.et-l--header .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before {
	color: #000;
}

.et-l--header .has_et_pb_sticky .et_pb_section--with-menu .et_pb_menu__logo img {
	height: 40px;
}

.et_pb_section--with-menu .et_pb_menu__logo img {
	transition: all ease-in-out .3s;
}
/** End Navigation Styles **/
/****************************************/

/****************************************/
/** Typography Styles **/
h1, h2, h3, h4 {
	line-height: 1.2em;
}

h5, h6 {
	line-height: 1.7em;
}
/** End Typography Styles **/
/****************************************/

/****************************************/
/** Common Module Styles **/
/* Ordered Row Styles */
@media all and (max-width: 980px) {
	/* wrap row in a flex box */
	.ordered-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;
	}

	/* custom classes that will designate the order of columns in the flexbox row */
	.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;
	}

	/* add margin to last column */
	.ordered-row .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}

/* Vertically-Centered Columns */
/* Must check "equal column height" on Row module */
.flex-col-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Page body list spacing */
.body-list li {
	margin-top: 10px;
}
/** End Common Module Styles **/
/****************************************/

/****************************************/
/** Gravity Forms Styles **/
/* Field Styles */
.et_pb_code_inner .gform_wrapper .gform_body .gform_fields input[type=text],
.et_pb_code_inner .gform_wrapper .gform_body .gform_fields input[type=email],
.et_pb_code_inner .gform_wrapper .gform_body .gform_fields input[type=tel],
.et_pb_code_inner .gform_wrapper .gform_body .gform_fields input[type=number],
.et_pb_code_inner .gform_wrapper .gform_body .gform_fields textarea,
.et_pb_code_inner .gform_wrapper .gform_body .gform_fields select {
	background: none;
	border: 1px solid #ccc;
	border-radius: 0;
	color: #444 !important;
	font-family: Lato, sans-serif !important;
	font-size: 16px;
	padding: 15px !important;
}

.gform_wrapper .gform_body .gform_fields .gform-field-label {
	font-size: 16px;
}

/* Remove Extra Margins */
.et_pb_code_inner .gform_wrapper {
	margin: 0;
}

.et_pb_code_inner .gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0;
}

/* Button Styles */
.et_pb_code_inner .gform_wrapper .gform_footer input.button {
	background-color: #40804f !important;
	border: none;
	border-radius: 100px !important;
	color: #fff;
	font-family: Lato, sans-serif;
	font-size: 16px !important;
	font-weight: regular;
	padding: 12px 24px;
	transition: all 0.2s linear;
}

/* Button Hover Styles */
.et_pb_code_inner .gform_wrapper .gform_footer input.button:hover {
	background-color: #80a888 !important;
	color: #fff;
}
/** End Gravity Forms Styles **/
/****************************************/

/****************************************/
/* Agile Store Locator Styles */
body #asl-storelocator.asl-p-cont #asl-map-canv,
body #asl-storelocator.asl-cont #asl-map-canv {
	height: 750px !important;
}

#store_locator_map {
    min-height: 750px;
}

/* End Agile Store Locator Styles */
/****************************************/