/*
 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;
}

/** End Navigation Styles **/
/****************************************/

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

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

@font-face {
	font-family: EC-italic;	
	src: url('fonts/EditorsNote-ThinItalic.ttf');
}

@font-face {
	font-family: Helios-Bold;
	src: url('fonts/Helios/helios_extended-bold.otf');
}

/** 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 */
.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: white;
	border: 0;
	border-radius: 0;
	color: #111 !important;
	font-family: Public Sans, sans-serif !important;
	padding: 15px !important;
}

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

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

/* Button Styles */
.gform_wrapper .gform_footer input.button {
	background: #111 !important;
	border: 2px solid #111 !important;
	border-radius: 50px !important;
	color: #fff !important;
	cursor: pointer !important;
	font-family: Helios-Bold, sans-serif !important;
	font-size: 11px !important;
	letter-spacing: 2px !important;
	padding: 18px 24px !important;
	transition: all 0.2s linear !important;
}

/* Button Hover Styles */
.gform_wrapper .gform_footer input.button:hover {
	background: white !important;
	color: #111 !important;
	border: 2px solid #111 !important;
}
/** End Gravity Forms Styles **/
/****************************************/



/* Mobile Styles */
@media only screen and (max-width: 479px) {
	/* Two columns on phone */
  .phone-two-cols > .et_pb_column {
    width: 47.25% !important;
    margin-right: 5.5% !important;
  }
  .phone-two-cols.et_pb_gutters4 > .et_pb_column {
    width: 45% !important;
    margin-right: 10% !important;
  }
  .phone-two-cols.et_pb_gutters2 > .et_pb_column {
    width: 49% !important;
    margin-right: 2% !important;
  }
  .phone-two-cols.et_pb_gutters1 > .et_pb_column {
    width: 50% !important;
    margin-right: 0 !important;
  }
  .phone-two-cols > .et_pb_column:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  
  /* Three columns on phone */
  .phone-three-cols > .et_pb_column {
    width: 31% !important;
    margin-right: 3% !important;
  }
  .phone-three-cols.et_pb_gutters4 > .et_pb_column {
    width: 28% !important;
    margin-right: 8% !important;
  }
  .phone-three-cols.et_pb_gutters2 > .et_pb_column {
    width: 32% !important;
    margin-right: 2% !important;
  }
  .phone-three-cols.et_pb_gutters1 > .et_pb_column {
    width: 33.333% !important;
    margin-right: 0 !important;
  }
  .phone-three-cols > .et_pb_column:nth-child(3n+3) {
    margin-right: 0 !important;
  }
}
	
/* Media query for mobile and tablet breakpoints */
@media (min-width: 480px) and (max-width: 980px) {

    /* Two columns layout */
    .tablet-two-cols > .et_pb_column {
        width: 47.25% !important;
        margin-right: 5.5% !important;
    }
    .tablet-two-cols.et_pb_gutters4 > .et_pb_column {
        width: 45% !important;
        margin-right: 10% !important;
    }
    .tablet-two-cols.et_pb_gutters2 > .et_pb_column {
        width: 49% !important;
        margin-right: 2% !important;
    }
    .tablet-two-cols.et_pb_gutters1 > .et_pb_column {
        width: 50% !important;
        margin-right: 0 !important;
    }
    .tablet-two-cols > .et_pb_column:nth-child(2n+2) {
        margin-right: 0 !important;
    }

    /* Three columns layout */
    .tablet-three-cols > .et_pb_column {
        width: 30% !important;
        margin-right: 5% !important;
    }
    .tablet-three-cols.et_pb_gutters4 > .et_pb_column {
        width: 27.25% !important;
        margin-right: 9.125% !important;
    }
    .tablet-three-cols.et_pb_gutters2 > .et_pb_column {
        width: 31.25% !important;
        margin-right: 3.125% !important;
    }
    .tablet-three-cols.et_pb_gutters1 > .et_pb_column {
        width: 33.33% !important;
        margin-right: 0 !important;
    }
    .tablet-three-cols > .et_pb_column:nth-child(3n+3) {
        margin-right: 0 !important;
    }

    /* Four columns layout */
    .tablet-four-cols > .et_pb_column {
        width: 22.75% !important;
        margin-right: 3% !important;
    }
    .tablet-four-cols.et_pb_gutters4 > .et_pb_column {
        width: 21.25% !important;
        margin-right: 5% !important;
    }
    .tablet-four-cols.et_pb_gutters2 > .et_pb_column {
        width: 23.5% !important;
        margin-right: 2% !important;
    }
    .tablet-four-cols.et_pb_gutters1 > .et_pb_column {
        width: 25% !important;
        margin-right: 0 !important;
    }
    .tablet-four-cols > .et_pb_column:nth-child(4n+4) {
        margin-right: 0 !important;
    }
}
/* End Mobile Styles Classes */

/************************** Handwritten underlines & circles ***********************/
/****** Courses Page **********/
span.your-sign-to-scale {
	background: url(/wp-content/uploads/2025/05/Group-341.svg) bottom left no-repeat !important;
	background-size: 100% .75rem !important;
	padding-bottom: 10px !important;
}

span.empower {
	background: url(/wp-content/uploads/2025/05/Group-298.svg) center left no-repeat !important;
	background-size: 100%  !important;
	padding: 15px !important;
}
span.exactly {
	background: url(/wp-content/uploads/2025/05/Group-460.svg) center left no-repeat !important;
	background-size: 100%  !important;
	padding: 13px !important;
}

span.remixyourbusiness {
	background: url(/wp-content/uploads/2025/05/Group-341.svg) bottom left no-repeat !important;
	background-size: 100% .75rem !important;
	padding-bottom: 10px !important;
}

/****** Podcasts Page  **********/

span.business-podcast {
	background: url(/wp-content/uploads/2025/05/Underline.svg) bottom left no-repeat !important;
	background-size: 100% !important;
	padding-bottom: 10px !important;
}

span.currently {
	background: url(/wp-content/uploads/2025/05/Circle.svg) center left no-repeat !important;
	background-size: 100%  !important;
	padding: 13px 13px 20px 13px !important;
}

h2.real-talk-starts-here {
	background: url(/wp-content/uploads/2025/05/Real-Talk-Starts-Here.svg) bottom left no-repeat !important;
	background-size: 100% !important;
	padding-bottom: 15px !important;
}

/****** About Page **********/

span.Natalie {
	background: url(/wp-content/uploads/2025/05/Circle-01.svg) center no-repeat !important;
	background-size: 100% !important;
	padding: 18px !important;
}

span.one-hun-thousand {
	background: url(/wp-content/uploads/2025/05/Group-359.svg) bottom left no-repeat !important;
	background-size: 100% !important;
	padding: 13px !important;
}

span.two-fifty-million {
	background: url(/wp-content/uploads/2025/05/Group-358.svg) center left no-repeat !important;
	background-size: 100%  !important;
	padding-bottom: 22px !important;
}

span.two {
	background: url(/wp-content/uploads/2025/05/Layer_-1.svg) center left no-repeat !important;
	background-size: 100%  !important;
	padding: 8px !important;
}

span.build-better {
	background: url(/wp-content/uploads/2025/05/Path-235.svg) bottom left no-repeat !important;
	background-size: 100% !important;
}

span.businesses {
	background: url(/wp-content/uploads/2025/05/Layer_1-2.svg) bottom left no-repeat !important;
	background-size: 100% !important;
	padding-bottom: 5px !important;
}

h2.how-did-i-get-here {
	background: url(/wp-content/uploads/2025/05/Group-225.svg) bottom left no-repeat !important;
	background-size: 100% !important;
	padding-bottom: 15px !important;
}

span.wake-up-time {
	background: url(/wp-content/uploads/2025/05/Layer-1.png) center left no-repeat !important;
	background-size: 100% !important;
	padding: 30px 30px 30px 0 !important;
}

span.ideal-vacation {
	background: url(/wp-content/uploads/2025/05/Group-449.png) center no-repeat !important;
	background-size: 100% !important;
	padding: 20px 20px 20px 5px !important;
}

span.signature-scent {
	background: url(/wp-content/uploads/2025/05/Layer-1-1.png) center left no-repeat !important;
	background-size: 100% !important;
	padding: 25px 25px 25px 0 !important;
}

span.hip-hop-anthem {
	background: url(/wp-content/uploads/2025/05/Group-450.png) center no-repeat !important;
	background-size: 100% !important;
	padding: 15px !important;
}

span.workout {
	background: url(/wp-content/uploads/2025/05/Layer-2.png) center left no-repeat !important;
	background-size: 100% !important;
	padding: 25px 25px 25px 0 !important;
}

span.tv-show {
	background: url(/wp-content/uploads/2025/05/Group-298.png) center no-repeat !important;
	background-size: 100% !important;
	padding: 15px !important;
}

/****** Home Page **********/
span.obsessed {
	background: url(/wp-content/uploads/2025/05/Group-425.png) center no-repeat !important;
	background-size: 100% !important;
	padding: 15px 5px 30px !important;
}

/************************ END Handwritten underlines & circles *********************/

/********************* Make certain text italicized ****************************/

/**** Home + Course page ****/
span.italic-text {
	font-family: EC-italic !important; 
	text-transform: lowercase !important;
}

span.capital-text {
	text-transform: capitalize !important;
}

/**** About page ****/
span.bold-capitalize {
	font-family: Helios-Bold !important; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: .9em;
}

/************************ END Various fonts on one line *********************/