/*
 Theme Name:     SA Ez Child
 Description:    SA Ez Child Theme
 Template:       Divi
 Version:        1.0.3
*/
 
 
/* Theme customization starts here
------------------------------------------------------- */
/* ======================= Globals =======================*/
 :root {
	 --primary-color: #d9042c;
	 --secondary-color: #000;
	 --tertiary-color: #fff;
	 --font-family-primary:'Montserrat';
	 --loading-spinner-image-path:  url(/wp-content/uploads/2025/11/dynamic-fitness-spinner.png);
	 --main-pricing-font-size: 64px;
	 --heart-icon: url(/wp-content/uploads/2025/10/heart-icon.png);
	 --star-icon: url(/wp-content/uploads/2025/10/star-icon.png);
}
/* ======================= Hidden elements =======================*/

div .loading_box .loading_icon {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	border: none;
	content: url(/wp-content/uploads/2025/11/dynamic-fitness-spinner.png);
	animation: spin 2.5s linear infinite;
	width: 100px;
	height: 100px;
	z-index: 999 !important;
}

#regForm.sweti_join_now {
	.plan_names {
		width: 330px !important;
		height: 400px !important;
		flex: unset;
		max-width: 350px;
		&:has([sweti_planname~="Dynamic Fit"]){
			order:1;
		}
		&:has([sweti_planname~="Premium"]){
			order:2;
		}
		&:has([sweti_planname~="Basic"]){
			order:3;
		}
	}
	.plan-items,
	.plan-feature {
		width: 100%;
		height: 100%;
		max-width: 330px !important;
		max-height: 400px !important;
		min-width: 330px !important;
		min-height: 400px !important;
	}
	
	.plan-feature {
		position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        margin: auto;
		
		> *,
		> * > *{
			z-index: 2;
		}
		
		&::before {
			content: "";
			background-image: URL(https://jointhedynamicfitness.com/wp-content/uploads/2021/06/DynamicFitness_056_Aug222024-768x512.jpg);
			background-size: contain;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			z-index: 0;
		}
		
		&::after {
			content: "";
			background: #d9042cb0;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			right: 0;
			z-index: 1;
		}

		&:has([sweti_planname*="Basic"])::before {
			background-image: URL(/wp-content/uploads/2025/10/dynamic-fitness-weights-stand.jpg)
		}
		
		&:has([sweti_planname*="Dynamic"])::before {
			background-image: URL(/wp-content/uploads/2025/09/sugar-land-home-img-min.jpg)
		}
		
		&:has([sweti_planname*="Premium"])::before {
			background-image: URL(/wp-content/uploads/2025/10/dynamic-fitness-benches.jpg)
		}
		
		&:has([sweti_planname*="Basic"])::after {
			background: #000;
			opacity: .5;
		}
	}
	
	.plan-items {
		border-radius: 20px;
		border: 2px solid #c2c2c2;
		overflow: hidden;

		> .select_button  {
			opacity: 0;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 3;
		}
		
/* 		&::after {
			content: "";
			background: #d9042cb0;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
		} */
	}
}

#regForm .plan-title {
	> h3 {
		font-weight: 800;
		color: #fff;
		font-size: 28px;
		text-transform: uppercase;
		font-style: italic;
	}
}

[abcname="Enrollment"],
[abcname="First Bi-Weekly Invoice"] {
	> [abcname="name"],
	> [abcname="tax"],
	> [abcname="total"] {
		display: none;
	}
}

[abcname="First Bi-Weekly Invoice"] {
	> [abcname="subTotal"] {
		display: none;
	}
}

[abcname="Last Bi-Weekly Invoice"],
[abcname="Intro Lesson"],
.sweticlubfee {
	display: none;
}

.plan-header {
	position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    font-size: 36px;
    color: #fff;
    font-weight: 800;
	
	> .sabasic_Monthly_Rate,
	> .swetiScheduleAmount,
	> .Enrollment_Fee,
	> .sabasic_Monthly_Rate_Pretax {
		display: none;
	}

	> .swetiSchedulePreTaxAmount::after {
    	content: "/Bi-Weekly";
    	font-size: 24px;
	}
}

.plan-title {
	position: absolute;
    top: 56px;
    left: 0;
    right: 0;
}

/* SLASHED PRICING */
.slashed {
    position: absolute;
    left: 0;
    right: 0;
    top: 170px;
    color: #fff;
    text-decoration: line-through;
}

/* div[abcname="Enrollment"] {
    position: absolute;
    top: 186px;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 800;
	
	> [abcname="subTotal"]::after {
		content: " Enrollment"
	}
} */

div[abcname="Enrollment"] {
	display: none;
}

.promo-text {
    position: absolute;
    top: 186px;
    left: 0;
    right: 0;
    font-weight: 800;
    color: #fff;
}

.sabasiclogocontainer {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 45%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;

	&::after {
		content: "JOIN NOW";
		background: #000;
		color: #fff;
		padding: 16px 48px;
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: fit-content;
		font-weight: 800;
        font-size: 18px;
        letter-spacing: 1px;
	}
}

.plan-feature:has([sweti_planname*="Dynamic Fit"]) .plan-title h3::before {
    content: "BEST VALUE";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    top: -37px;
    left: 32px;
    right: 0;
}

.plan-feature:has([sweti_planname*="Dynamic Fit"]) .plan-title h3::after {
    content: var(--star-icon);
    position: absolute;
    scale: 0.8;
    top: -41px;
    left: -126px;
    right: 0;
}

.plan-feature:has([sweti_planname*="Premium"]) .plan-title h3::before {
    content: "MOST POPULAR";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    top: -37px;
    left: 0;
    right: -25px;
}


.plan-feature:has([sweti_planname*="Premium"]) .plan-title h3::after {
    content: var(--heart-icon);
    scale: .7;
    position: absolute;
    top: -41px;
    left: -162px;
    right: 0;
}
button#prevBtn2{
	display:none;
}

#step3,
#step4,
#step5 {
	.plan-feature {
		display: none;
	}
}

/* Menu navigation / header items */

.join-now {
	font-family: "Montserrat", Sans-serif;
	color: red !important;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.join-now>a {
    color: #fff !important;
    font-family: 'Montserrat';
    font-size: 1vw;
    font-weight: 700;
    background: #D9042C;
    padding: 40px 20px;
		text-transform: uppercase;
		margin: 0;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.free-pass>a {
    color: #fff !important;
    font-family: 'Montserrat';
    font-size: 1vw;
    font-weight: 700;
    background: #000;
    padding: 40px 20px;
	  text-transform: uppercase;
		margin: 0;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li
 {
    margin: 0 !important;
    padding: 0 !important;
 }

.et_pb_menu .et_pb_menu__menu>nav>ul>li>a
 {
    font-family: "Montserrat", Sans-serif;
    font-size: 1vw;
    font-weight: 700;
    text-transform: uppercase;
	 	color: #000;
	 	margin-right: 24px
 }

.et_mobile_menu li a, .nav li li a {
	font-weight: 600;
	color: #000;
	background: none;
	width: 100%;
	position: relative;
	z-index:999;
	text-transform: uppercase;
	line-height: 150%;
	
	&:hover {
		color: #D9042C;
		opacity: 1 !important;
		background: #fff !important;
		box-shadow: unset !important;
	}
}

.nav li li {
	width: 100%;
	padding: 0 !important;
	
	&:hover {
		background: #fff !important; 
		box-shadow: unset !important;
	}
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: #fAfAfA !important;
}

.nav li:hover {
	background: #fff !important;
	box-shadow: unset !important;
}

button:has(.tile-btn) {
	background: none;
	border: 2px solid #fff;
	padding: 8px
}

.tile-btn {
	color: #fff;
	font-weight: 600;
	font-size: 16px
}

#regForm {

	/*.plan_heading_h3 {
		display: none;
	}*/
	
	.filter_buttons .active {
    	background-color: transparent;
    	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    	border-radius: 0px;
	}
}

body div .sweti_join_now .promo-code {
    display: none;
}

#regForm .annual_fee_label {
	display: none;
}

#regForm .sidebarFeeContainer {
	
	display: flex;
	justify-content: space-between;
    padding: 16px 0;
    border-top: 1px solid #c7c7c7;
	
	* {
	    font-size: 16px !important;
	}
}