/*
 Theme Name:     SA Ez Child
 Description:    SA Ez Child Theme
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*Hidden Elements*/
.sweti_join_now ul.progress-list, .sweti_join_now .plan_heading_h3, .sweti_join_now .btn_prev {
	display: none !important;
}

[abcname="Enrollment Fee"] [abcname="subTotal"], [abcname="Enrollment Fee"] [abcname="tax"], [abcname="First Month Dues"] [abcname="name"], [abcname="First Month Dues"] [abcname="subTotal"], [abcname="First Month Dues"] [abcname="tax"], [abcname="First Month Dues"], .sabasic_Monthly_Rate, span.sabasic_cent, .sweticlubfee, .Enrollment_Fee, .swetiScheduleAmount, .swetiSchedulePreTaxAmount, [abcname="Enrollment Fee"] [abcname="name"], .sabasiccontainer, 
[abcname="New Member Assessment MERGE"]{
	display: none !important;
}

/*Homepage Video Gradient*/
.et_pb_section_0.et_pb_section.et_section_regular.et_block_section.et-pb-has-background-video::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.et_pb_row_0_tb_header.et_pb_row.et_flex_row {
    background: linear-gradient(180deg, rgba(10, 14, 26, 0.75) 0%, rgba(10, 14, 26, 0.0) 100%);
    backdrop-filter: blur(10px) !important;
}

a.et_pb_button_1_tb_footer.et_pb_button.et_pb_bg_layout_light.et_pb_module.et_flex_module {
    position: relative;
    left: 75px;
}

a.et_pb_button_0_tb_footer.et_pb_button.et_pb_bg_layout_light.et_pb_module.et_flex_module {
    position: relative;
    left: 100px;
}

button.filter_custom {
    display: none !important;
}


/* Sync Acquire */
/*Graphics*/
form#regForm {
    background: transparent !important;
}

/*Responsive*/
@media only screen and (max-width: 975px) {
	.sweti_join_now .plan_names {
		flex: 0 0 100% !important;
		max-width: 320px !important;
		margin: 0;
		display: flex;
	}
}

.plan-items{
	padding: 0 !important;
	width: 256px !important;
}


.plan-items:has([sweti_planname*="PREMIUM LEVEL"]){
	background: #0A0F1A !important;
}

.plan-items:has([sweti_planname*="BASE LEVEL"]){
	background: #fff !important;
}

.plan-items::after {
    content: 'SELECT →';
    position: relative;
    right: 70px;
    background: #9ab4d4;
    padding: 4px;
    bottom: 8px;
    font-family: 'Inter';
    font-weight: 300;
}

.sweti_join_now .plan-feature{
	height: 315px !important;
}

/*Top Banner*/
.plan-feature:has([sweti_planname*="12 MO"])::before {
    content: "12 MONTH AGREEMENT";
	display:block;
    height:20px;
    width:100%;
    top:0;
    left:0;
    position: absolute;
    font-size: 12px;
    color: #000;
    background-color: #9ab4d4;
    font-family: 'Inter';
    padding:0 0 10px 0;
}

.plan-feature:has([sweti_planname*="MTM"])::before {
    content: "MONTH TO MONTH AGREEMENT";
	display:block;
    height:20px;
    width:100%;
    top:0;
    left:0;
    position: absolute;
    font-size: 12px;
    color: #000;
    background-color: #9ab4d4;
    font-family: 'Inter';
    padding:0 0 10px 0;
}

.plan-feature::after {
    content: '/mo';
    position: relative;
    bottom: 78px;
    left: 82px;
    font-family: 'Fraunces';
    font-weight: 300;
    font-size: 20px;
    font-style: italic;
}


.sweti_join_now .plan-feature h3 {
    color: #9ab4d4 !important;
    font-size: 28px !important;
    font-family: 'Fraunces', sans-serif;
    font-weight: 300 !important;
	font-style: italic;
    text-align: left;
}

.plan-title {
    position: relative;
    top: 180px;
	border-bottom: 1px solid;
}

.plan-header {
    margin-bottom: 12px !important;
    position: relative;
    bottom: 32px;
}

[abcname="Enrollment Fee"]::before {
    position: relative;
    color: #000;
    font-family: 'Inter';
    font-style: normal;
}


.plan-feature:has([sweti_planname*="PREMIUM LEVEL"]) [abcname="Enrollment Fee"]::before{
	color: #fff !important;
	content: 'Access to All Clubs' !important;
}


.plan-feature:has([sweti_planname*="BASE LEVEL"]) [abcname="Enrollment Fee"]::before{
	color: #000 !important;
	content: 'Home Club Access Only' !important;
}

[abcname="Enrollment Fee"] {
    position: relative;
    top: 190px;
    font-size: 16px;
    text-align: left;
    font-family: "fraunces";
    font-style: italic;
	color: #9ab4d4;
}

[abcname="Enrollment Fee"] [abcname="total"]::after{
	content: 'enrollment';
	position: relative;
	font-size: 16px;
	left: 4px;
	color: #9ab4d4;
	font-weight: 400 !important;
}

.sabasic_Monthly_Rate_Pretax {
    font-size: 16px;
}	

.sabasic_Monthly_Rate_Pretax::after{
	content: '.99';
	position: relative;
	font-size: 24px;
	font-family: 'Fraunces';
	bottom: 50px;
	font-weight: 300;
}

.sabasic_Monthly_Rate_Pretax {
    font-size: 96px;
	font-family: 'Fraunces';
}

.plan-feature:has([sweti_planname*="PREMIUM LEVEL"]) .sabasic_Monthly_Rate_Pretax{
	color: #fff !important;
}

.plan-items:has([sweti_planname*="PREMIUM LEVEL"]) .plan-feature::after{
	color: #fff !important;
}

.plan-feature:has([sweti_planname*="PREMIUM LEVEL"]) .plan-title{
	color: #fff !important
}


/*Select Button*/

.plan-items .select_button {
    width: 100%;
    margin: 0 auto !important;
    border: 0px solid var(--primary-color) !important;
    border-radius: 0px 0px 25px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
	height: 300px;
	z-index: 999;
}

.sweti_join_now .plan-items .select_button input[type="radio"]{
    position: relative !important; 
    height: 300px !important;
    width: 100%;
    left: 0;
    opacity: 0;
    cursor: pointer;
    bottom: 40px;
}

.select_button label {
    display: none !important;
}

/*Step 2-3*/
.sweti_join_now .aside-inner .plan-items{
	width: 344px !important;
	padding: 0px !important;
}

#step3 .plan-items::after{
	display: none !important;
}

.plan_data { 
	.frq_col{
		.payment{
			span{
				font-size:28px!important;
			}
			
		}
	}
	.col_list{
		label, span{
			font-size:20px;
		}
		.due_date{
			label,span{
				font-size:20px;
			}
		}
		[abcdownpaymentname="Enrollment Fee"] label, [abcdownpaymentname="Enrollment Fee"] span{
				font-size:20px!important;
			}
		.annual_fee{
		display:flex;
		flex-direction:column;
		width:100%;
	}
	.annual_fee_label{
		display:none;
		.custom_col_list label.feeName_label {
			padding-right:10px!important;
			font-size:20px!important;
		} 
		span{
			padding-left:10px!important;
		}
	}	
	.annual_fee_details_label{
		display:flex;
		flex-direction:column;
		.sidebarFeeContainer{
			display:flex;
			justify-content:center;
			&:first-child{
				flex-direction:column;
				label{
					text-align:center;
    				justify-content: center;
    				display: flex;
					padding-right:0;
					padding-bottom:10px;
				}
				span{
					text-align:center;
				}
			}
			&:nth-child(2){
				display:none;
			}
		}
	}
	}
}
.error{
	color:#FF474D!important;
}
div#plan_data_one, div#plan_data_two{
	background:transparent!important;
}
.instructions, #authorizationagreement{
	color:black!important;
}
#signature-pad{
	label{
		color:black!important;
	}
}
.sideaddon{
	color:black!important;
	p {
		color:black!important;
	}
}
#regForm #step3 #planDescription,
#regForm #step4 #planDescription,
#regForm #step4 #planDescription2,
#regForm #step5 #planDescription,
#regForm #step5 #planDescription3{
	display: none !important;
}

#regForm .annual_fee_label {
	display: none: !important;
}