/*
 Theme Name:     Sweti Child
 Description:    Sweti Child Theme
 Template:       Divi
 Version:        1.0.1.1
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

#regForm.sweti_join_now {
	.plan_names,
	.plan-items,
	.plan-feature {
		width: 325px !important;
		padding: 0;
	}
	
	.plan-items {
		background: unset !important;
	}
	
	.plan_names {
		max-width: 325px !important;
    	flex: 325px !important; 
	}
}

@media (max-width: 400px) {
	#regForm.sweti_join_now {
		.plan-feature,
		.plan-items::after {
			scale: .8;
		}
	}
}


.plan-feature {
	
	overflow: unset !important;
	
	.plan-title,
	[abcname="First Biweekly Dues"],
	.sweticlubfee,
	.sabasiccontainer,
	[abcname="First Month or PIF Dues"] {
		display: none;
	}
	
	* {
		font-family: 'Bebas Neue';
	}
	
	.plan-header {
		.sabasic_Monthly_Rate,
		.sabasic_Monthly_Rate_Pretax,
		.swetiScheduleAmount,
		.Enrollment_Fee {
			display: none;
		}
		
		.swetiSchedulePreTaxAmount {
			font-size: 80px;
			background: #fff;
			height: 300px;
			line-height: 100%;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 28px;
			border: 1px solid #000;
			border-radius: 0 60px 0 0;
			padding-bottom: 80px;
			position: relative;
			transition: all .3s ease-in-out;
			
			* {
				line-height: 100%;
			}
			
			.sabasic_cent {
				display: none;
			}
			
			&::after {
				content: "/WEEKLY";
                font-size: 28px;
				padding-top: 28px;
			}
		}
	}
	
	[abcname*="Enrollment Fee"] {
		
		position: absolute;
        top: 168px;
        left: 28px;
        z-index: 1;
		
		[abcname="name"],
		[abcname="tax"],
		[abcname="total"] {
			display: none;
		}
		
		[abcname="subTotal"] {
			.sabasic_cent {
				display: none;
			}
			
			&::after {
				content: " ENROLLMENT + WEEKLY DUES"
			}
		}
	}
	
}

.plan-feature::before {
	position: absolute;
    top: 28px;
    left: 28px;
    font-size: 20px;
	z-index: 1;
}

.plan-items::after {
	content: "GET STARTED";
    position: absolute;
    bottom: 28px;
    left: 0;
    right: 0;
    z-index: 1;
    background: #000;
	color: #fff;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    padding: 8px;
	font-family: 'Bebas Neue';
	transition: all .3s ease-in-out;
}

.plan-items:has([sweti_planname*="12 Month"])::after {
	background: #fff;
	color: #000;
}

.plan-feature:has([sweti_planname*="12 Month"]){
	&::before {
		content: "12 MONTH";
		font-family: 'Bebas Neue';
	}
	
	&::after {
		content: "MOST POPULAR";
        background: #fff;
        position: absolute;
        top: 28px;
        right: 48px;
        padding: 0px 8px;
        font-family: 'Bebas Neue';
	}
	
	.swetiSchedulePreTaxAmount {
		background: #43e430;
		box-shadow: 4px 4px 20px #000;
	}
	
}



/*Frequency 12mo*/
.plan-items:has([sweti_planname="12 Month - STANDARD"]) .swetiSchedulePreTaxAmount::after {
	content: '/BI-WEEKLY';
}

/*Frequency MTM*/
.plan-feature:has([sweti_planname*="Month to Month"]){
	&::before {
		content: "MONTH TO MONTH";
		font-family: 'Bebas Neue';
	}
}

.plan-feature:has([sweti_planname*="Month to Month - STANDARD"]) .swetiSchedulePreTaxAmount::after{
	content: '/BI-WEEKLY';
}

.plan-feature:has([sweti_planname*="Month to Month"]) .swetiSchedulePreTaxAmount::after{
	content: '/BI-WEEKLY';
}

.plan-feature:has([sweti_planname*="Month to Month - STANDARD"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + BI-WEEKLY DUES';
}

.plan-feature:has([sweti_planname="12 Month - STANDARD"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + BI-WEEKLY DUES';
}

/*Boxing Frequency*/
.plan-feature:has([sweti_planname*="12 Month - BOXING"]){
	&::before {
		content: "BOXING 12 MONTH";
		font-family: 'Bebas Neue';
	}
	
	[abcname="First Month or PIF Dues"] {
		display: flex;
		font-size: 80px;
		height: 300px;
		line-height: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 28px;
		border: 1px solid #000;
		border-radius: 0 60px 0 0;
		padding-bottom: 80px;
		position: relative;
		background: #43e430;
		box-shadow: 4px 4px 20px #000;

		* {
			line-height: 100%;
		}

		.sabasic_cent,
		[abcname="name"],
		[abcname="tax"],
		[abcname="total"] {
			display: none;
		}
		
		&::after {
			content: "/MONTHLY";
			font-size: 28px;
            padding-top: 28px;
		}
	}
	
	.swetiSchedulePreTaxAmount {
		display: none;
	}
}

.plan-feature:has([sweti_planname*="Month to Month - BOXING"]){
	&::before {
		content: "BOXING Month to Month";
		font-family: 'Bebas Neue';
	}
}

.plan-feature:has([sweti_planname="Kids Month to Month - BOXING"]){
	&::before {
		content: "Kids Boxing";
		font-family: 'Bebas Neue';
	}
}

.plan-feature:has([sweti_planname*="BOXING"]) {
	
	.swetiSchedulePreTaxAmount {
		&::after {
				content: "/MONTHLY";
                font-size: 28px;
				padding-top: 28px;
			}
	}
	
}

.plan-feature:has([sweti_planname*="Kids Month to Month - BOXING"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + MONTHLY DUES';
}

.plan-feature:has([sweti_planname*="Month to Month - BOXING"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + MONTHLY DUES';
}

.plan-feature:has([sweti_planname*="12 Month - BOXING"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + MONTHLY DUES';
}

/*Hyrox Frequency*/
.plan-feature:has([sweti_planname*="12 Month - HYROX"]){
	&::before {
		content: "HYROX 12 Month";
		font-family: 'Bebas Neue';
	}
}

.plan-feature:has([sweti_planname*="Month to Month - HYROX"]){
	&::before {
		content: "HYROX Month to Month";
		font-family: 'Bebas Neue';
	}
}

.plan-feature:has([sweti_planname*="Month to Month - HYROX"]) .swetiSchedulePreTaxAmount::after{
	content: '/BI-WEEKLY';
}

.plan-feature:has([sweti_planname*="12 Month - HYROX"]) .swetiSchedulePreTaxAmount::after{
	content: '/BI-WEEKLY';
}

.plan-feature:has([sweti_planname*="Month to Month - HYROX"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + BI-WEEKLY DUES'
}

.plan-feature:has([sweti_planname*="12 Month - HYROX"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + BI-WEEKLY DUES'
}

/*MMA Frequency*/
.plan-feature:has([sweti_planname="12 Month  - MMA"]) .sabasic_Monthly_Rate::after{
	content: '/BI-WEEKLY';
	font-size: 28px;
	padding-top: 28px;
}

.plan-feature:has([sweti_planname="Month to Month - MMA"]) .swetiSchedulePreTaxAmount::after{
	content: '/BI-WEEKLY';
}
.plan-feature:has([sweti_planname="Kids Month to Month - MMA"]) .swetiSchedulePreTaxAmount::after{
	content: '/BI-WEEKLY';
}

.plan-feature:has([sweti_planname="12 Month  - MMA"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + BI-WEEKLY DUES'
}

.plan-feature:has([sweti_planname="Kids Month to Month - MMA"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + BI-WEEKLY DUES'
}

.plan-feature:has([sweti_planname="Kids Month to Month - MMA"]) [abcname*="Enrollment Fee"] [abcname="subTotal"]::after{
	content: ' ENROLLMENT + BI-WEEKLY DUES'
}

.plan-feature:has([sweti_planname="12 Month  - MMA"]) .swetiSchedulePreTaxAmount{
	display: none !important;
}

.plan-feature:has([sweti_planname="12 Month  - MMA"]) .sabasic_Monthly_Rate {
		display: flex;
		font-size: 70px;
		color: #000;
		height: 300px;
		line-height: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 28px;
		border: 1px solid #000;
		border-radius: 0 60px 0 0;
		padding-bottom: 80px;
		position: relative;
		background: #43e430;
		box-shadow: 4px 4px 20px #000;	
}

.plan-feature:has([sweti_planname="12 Month  - MMA"]) .sabasic_cent::before{
	content: '.';
	font-size: 80px;
}

.plan-feature:has([sweti_planname="Kids Month to Month - MMA"]){
	&::before {
		content: "Kids Month to Month";
		font-family: 'Bebas Neue';
	}
}


.select_button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    height: 300px;
    z-index: 2;
}

#regForm.sweti_join_now #step3,
#regForm.sweti_join_now #step4,
#regForm.sweti_join_now #step5,
#regForm.sweti_join_now #step6 {
	.plan-feature,
	.plan-items::after {
		display: none;
	}
}

.plan-items:has(input[name="select_fill"]:hover) [abcname="First Month or PIF Dues"], .swetiSchedulePreTaxAmount, .sabasic_Monthly_Rate {
  	background: #43e430;
	box-shadow: 4px 4px 20px #000;
	transition: .3s ease-in-out;
}

.plan-items:has(.plan-title[sweti_planname*="12 Month"]):has(input[name="select_fill"]:hover) {
	[abcname="First Month or PIF Dues"], .swetiSchedulePreTaxAmount, .sabasic_Monthly_Rate {
		background-color: #fff;
		box-shadow: unset;
		transition: .3s ease-in-out;
	}
	
	&::after {
		background: #43e430;
		transition: .3s ease-in-out !important;
	}
}



/*Prev Next Button*/
.sweti_join_now .btn_action{
	cursor: pointer !important;
	color: #fff !important;
	background: #1fe417 !important;
}

.sweti_join_now .btn_next.btn_next{
	color: #fff !important;
}

button.btn_action.btn_next.btn_disable.nextBtn4{
	cursor: pointer !important;
}

/*Hide Salesperson Temporary*/
select#Salesprsonid {
    display: none !important;
}

/*Annual Fee*/

div#planDescription {
    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;
}

h3 {
    font-size: 24px !important;
    position: relative;
	color: #fff !important;
}

p.plan_subheading {
    color: #fff !important;
    padding-top: 8px !important;
}