/*
 Theme Name: Divi Child - 10X Health System
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme for 10X Health System
 Author: Formada
 Author URI: https://formadasocial.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/****************************************/
/** Navigation Styles **/
/* Nav submenu item line-height */
#main-header {
	box-shadow: none;
}

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

@media all and (min-width: 981px) {
	#global-header-menu .nav .sub-menu {
		right: 0;
		left: inherit;
		top: 20px;
		text-align: right;
		width: 250px;
	}
	
	#global-header-menu .sub-menu li,
	#global-header-menu .sub-menu li a {
		width: 100%;
	}
}

.no-click {
	pointer-events: none;
}
/** End Navigation Styles **/
/****************************************/

/****************************************/
/** Typography Styles **/
/* TEST SAFARI VW FONT-SIZE BUG WORKAROUND */
#page-container { min-height: 0vw; }

h1, h2, h3, h4 {
	line-height: 1.2em;
}

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

#main-content h6 {
	font-size: 18px;
}

.et_pb_column .h1-tagline {
	font-weight: 600;
	line-height: 1.3em;
}

.et_pb_section .et_pb_row .et_pb_column .h-tagline {
	font-size: clamp(24px, 1.8vw, 1.8vw);
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 10px;
	padding-bottom: 0;
}

/* Mobile typography styles */
@media all and (max-width: 767px) {
	.et_pb_column h1 {
		font-size: 11vw;
	}
	
	.et_pb_column h2 {
		font-size: 40px;
	}
	
	.et_pb_column h3 {
		font-size: 32px;
	}
	
	.et_pb_column h4 {
		font-size: 26px;
	}
	
	.et_pb_column h5 {
		font-size: 22px;
	}
	
	.et_pb_column .h1-tagline {
		font-size: 26px;
	}
}

/* Small desktop and tablet typography styles */
@media all and (min-width: 768px) and (max-width: 980px) {
	.et_pb_column h1 {
		font-size: 6vw;
	}
	
	.et_pb_column h2 {
		font-size: 40px;
	}
	
	.et_pb_column h3 {
		font-size: 32px;
	}
	
	.et_pb_column h4 {
		font-size: 26px;
	}
	
	.et_pb_column h5 {
		font-size: 22px;
	}
	
	.et_pb_column .h1-tagline {
		font-size: 3.5vw;
	}
}

/* Large desktop typography sizes */
@media all and (min-width: 981px) {
	.et-boc h1 {
		font-size: clamp(56px, 4.2vw, 4.2vw);
	}
	
	.et-boc h2 {
		font-size: clamp(32px, 3.5vw, 3.5vw);
	}
	
	.et-boc h3 {
		font-size: clamp(26px, 2.7vw, 2.8vw);
	}
	
	.et-boc h4 {
		font-size: clamp(22px, 2vw, 2vw);
	}
	
	.et-boc h5 {
		font-size: clamp(18px, 1.5vw, 1.5vw);
	}
	
	.et-boc .h1-tagline {
		font-size: clamp(26px, 2.5vw, 2.5vw);
	}
}

/* Text nowrap to avoid widows */
.nowrap {
	white-space: nowrap;
}

/* Bullet list styles */
.list-checkmark {
	list-style-image: url("https://dev10xhs.wpenginepowered.com/wp-content/uploads/2025/06/checkmark-circle-red-18w.png");
}

/* Red emphasis text */
.emphasis-red {
	color: #D4262B;
}
/** 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;
	}
}

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

.flex-col-end {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.flex-col-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Adjust column gutters at "2" setting */
@media all and (min-width: 981px) {
	.et_pb_gutters2 .et_pb_column,
	.et_pb_gutters2.et_pb_row .et_pb_column {
		margin-right: 1%;
	}
	
	.et_pb_gutters2 .et_pb_column_1_2,
	.et_pb_gutters2.et_pb_row .et_pb_column_1_2 {
		width: 49.5%;
	}
	
	.et_pb_gutters2 .et_pb_column_1_3,
	.et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
		width: 32.6666%;
	}
	
	.et_pb_gutters2 .et_pb_column_1_4,
	.et_pb_gutters2.et_pb_row .et_pb_column_1_4 {
		width: 24.25%;
	}
	
	.et_pb_gutters2 .et_pb_column_1_5,
	.et_pb_gutters2.et_pb_row .et_pb_column_1_5 {
		width: 19.2%;
	}
	
	.et_pb_gutters2 .et_pb_column_1_6,
	.et_pb_gutters2.et_pb_row .et_pb_column_1_6 {
		width: 15.8333%;
	}
	
	.et_pb_gutters2 .et_pb_column_2_3,
	.et_pb_gutters2.et_pb_row .et_pb_column_2_3 {
		width: 66.3333%;
	}
	
	.et_pb_gutters2 .et_pb_column_2_5,
	.et_pb_gutters2.et_pb_row .et_pb_column_2_5 {
		width: 39.2%;
	}
	
	.et_pb_gutters2 .et_pb_column_3_5,
	.et_pb_gutters2.et_pb_row .et_pb_column_3_5 {
		width: 59.8%;
	}
}

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

/* Button styles */
.et_pb_column .et_pb_module .et_pb_button {
	line-height: 1.3em !important;
	padding: 10px 20px !important;
}

.et_pb_column .et_pb_module .et_pb_button:hover {
	padding: 10px 20px !important;
}

/* Popup styles */
.popup_outer_wrap .da-close-wrap .da-close {
	border-radius: 100%;
}

/* LuckyWP Table of Contents styles */
.lwptoc .lwptoc_i {
	border-radius: 20px;
}

.lwptoc .lwptoc_item {
	line-height: 1.3em;
	margin-bottom: 5px;
}
/** End Common Module Styles **/
/****************************************/

/****************************************/
/** Embed Form Styles **/
.et_pb_code_inner .wFormContainer .wForm form {
	padding: 0;
}

.et_pb_code_inner .wFormContainer .wFormHeader,
.et_pb_coder_inner .wFormContainer .wFormFooter {
	display: none !important;
}

.et_pb_code_inner .wFormContainer .wForm {
	margin-top: 0;
}

.et_pb_code_inner .wFormContainer .wForm .inputWrapper {
	width: 100%;
}

#tfa-form .et_pb_code_inner .wFormContainer .wForm input[type=text],
#tfa-form .et_pb_code_inner .wFormContainer .wForm select {
	background-color: #fff !important;
	border-radius: 6px !important;
	border: 1px solid #ccc !important;
	width: 100% !important;
}

.et_pb_code_inner .wFormContainer .wForm .oneChoice {
	display: flex;
}

.et_pb_code_inner .wFormContainer .wForm input[type=submit] {
	background: #d1242a;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
	padding: 10px 20px;
	text-transform: inherit;
}
/** End Embed Form Styles **/
/****************************************/

/****************************************/
/** AccessiBe Styles **/
html body.acsb-keynav [data-acsb-focused="true"],
html body.acsb-keynav :focus,
html body.acsb-keynav :active {
	outline: #d1242a solid 2px !important;
}

html body.acsb-keynav [data-acsb-focused="true"] [data-acsb-inner-focus="true"],
html body.acsb-keynav :focus[data-acsb-inner-focus="true"] {
	border: 2px solid #d1242a !important;
}
/** End AccessiBe Styles **/
/****************************************/