/*
 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 */
#main-header {
	box-shadow: none;
}

.nav .sub-menu li {
	line-height: 1.5em;
}

#main-header li.menu-item a:hover {
	letter-spacing: .25px !important;
}

.mobile_nav .mobile_menu_bar_toggle::before {
	color: #121212;
}

.mobile_nav .et_mobile_menu {
	border-top: 3px solid #121212;
}
/** End Navigation Styles **/
/****************************************/

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

h5, h6 {
	line-height: 1.5em;
}

.et_pb_bg_layout_dark .et_pb_text_inner a {
	color: #fff;
}

body, p,
#et-main-area p,
#et-main-area li {
	font-family: soleil, sans-serif;
}

/* Special header styles */
@media all and (min-width: 768px) {.big-header {font-size: 72px;}}
@media all and (max-width: 767px) {.big-header {font-size: 42px;}}

.sm-header {
	font-family: Commuter Sans Semibold, sans-serif !important;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.2em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.font-soleil {
	font-family: soleil, sans-serif !important;
}

.font-krylon {
	font-family: Krylon Regular, serif !important;
}

.font-commuter {
	font-family: Commuter Sans Semibold, sans-serif !important;
}

.nowrap {
	white-space: nowrap;
}
/** 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 **/
/****************************************/


/****************************************/
/** Button Styles **/
.et_pb_button_module_wrapper .btn-underline {
	border-style: none none solid none !important;
	border-width: 0 0 2px 0 !important;
	max-width: 400px !important;
	padding: 10px 0px !important;
	width: 100% !important;
}

.et_pb_button_module_wrapper .btn-underline:hover {
	padding: 10px 0px !important;
}

.et_pb_button_module_wrapper .btn-underline::after {
	height: 2px;
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0%;
	transition: width ease-in-out 1s;
	margin-left: 0;
}

.et_pb_button_module_wrapper .btn-underline:hover::after {
	width: 100%;
}

.et_pb_button_module_wrapper {
	overflow: hidden;
}

.et_pb_button_module_wrapper .btn-dark {
	border-color: #121212 !important;
}

.et_pb_button_module_wrapper .btn-dark::after {
	background: #8989a3;
}

.et_pb_button_module_wrapper .btn-light {
	border-color: #fff !important;
	color: #fff !important;
}

.et_pb_button_module_wrapper .btn-light::after {
	background: #8989a3;
}
/** End Button Styles **/
/****************************************/

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

/* Light form styles */
.form-light-center .gform_body .gform_fields input[type=text],
.form-light-center .gform_body .gform_fields input[type=email],
.form-light-center .gform_body .gform_fields input[type=tel],
.form-light-center .gform_body .gform_fields input[type=number],
.form-light-center .gform_body .gform_fields textarea,
.form-light-center .gform_body .gform_fields select {
	border: 1px solid #fff;
	color: #fff !important;
}

/* Dark form styles */
.form-dark-left .gform_body .gform_fields input[type=text],
.form-dark-left .gform_body .gform_fields input[type=email],
.form-dark-left .gform_body .gform_fields input[type=tel],
.form-dark-left .gform_body .gform_fields input[type=number],
.form-dark-left .gform_body .gform_fields textarea,
.form-dark-left .gform_body .gform_fields select {
	border: 1px solid #101010;
	color: #101010 !important;
}

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

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

.form-dark-left_wrapper .ginput_container_text, .form-dark-left_wrapper .ginput_container_email {
	 margin-bottom: -30px !important;
}

/* Button Styles */
.gform_wrapper .gform_footer input.button {
	background-color: transparent !important;
	color: #fff;
	cursor: pointer;
	font-family: Commuter Sans Semibold, sans-serif !important;
	font-size: 17px !important;
	font-style: italic !important;
	padding: 12px 24px;
	transition: all 300ms ease-in-out !important;
}

.form-light-center_wrapper .form-light-center .gform_footer {
	justify-content: center;
}

.form-light-center_wrapper .form-light-center .gform_footer input.button {
	background: none;
	border-color: #fff !important;
	border-style: none none solid none !important;
	border-width: 0 0 2px 0 !important;
	max-width: 400px !important;
	overflow-y: visible !important;
	padding: 10px 0px !important;
	text-align: center;
	width: 100% !important;
}

.form-light-center_wrapper .form-light-center .gform_footer input.button:hover {
	color: rgba(255,255,255,.7) !important;
	letter-spacing: 1.5px !important;
}

/* Button Styles - dark */
.gform_wrapper .gform_footer input.button {
	background-color: transparent !important;
	cursor: pointer;
	font-family: Commuter Sans Semibold, sans-serif !important;
	font-size: 17px !important;
	font-style: italic !important;
	padding: 12px 24px;
	transition: all 300ms ease-in-out !important;
	box-shadow: none !important;
}

.form-dark-left_wrapper .form-dark-left .gform_footer {
	justify-content: flex-start !important;
}

.form-dark-left_wrapper .form-dark-left .gform_footer input.button {
	background: none;
	border-color: #101010 !important;
	border-style: none none solid none !important;
	border-width: 0 0 2px 0 !important;
	max-width: 400px !important;
	overflow-y: visible !important;
	padding: 10px 0px !important;
	text-align: center;
	width: 100% !important;
	box-shadow: none !important;
	color: #101010 !important;
}

.form-dark-left_wrapper .form-dark-left .gform_footer input.button:hover {
	color: rgba(16,16,16,.7) !important;
	letter-spacing: 1.5px !important;
}
/** End Gravity Forms Styles **/
/****************************************/