/*
 Theme Name:     SA Ez Child
 Description:    SA Ez Child Theme
 Template:       Divi
 Version:        1.0.0
*/
 
/*Hidden Items*/
[abcname="Enrollment Fee"] [abcname="tax"], [abcname="Enrollment Fee"] [abcname="total"], [abcname="Last Month Dues"],[abcname="First Month Dues or PIF Dues"], [abcname="Amenity #1"], [abcname="Amenity #2"], [abcname="Amenity #3"], [abcname="name"], .sweticlubfee, .sabasiccontainer{
	display: none !important;
}

.plan-header .sabasic_Monthly_Rate, .plan-header .swetiSchedulePreTaxAmount, .plan-header .swetiScheduleAmount{
	display: none !important;
}

.plan-feature .plan-header .swetiScheduleAmount, .plan-feature .plan-header .Enrollment_Fee{
	display: none !important;
}

/*Home Page*/
a.et_pb_button_0_tb_header.et_pb_button.et_pb_bg_layout_dark.et_pb_module.et_flex_module {
    border-radius: 24px !important;
}

.et_pb_blurb_content.et_flex_module {
    background: #fff;
    padding: 14px;
    border: 1px solid;
    border-radius: 14px;
}

img.wp-image-92, img.wp-image-58, img.wp-image-60{
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
}
/*Nav Bar*/
a.et_pb_button_1_tb_header.et_pb_button.et_pb_bg_layout_dark.et_pb_module.et_flex_module {
    position: relative;
    left: 85px;
}

/*Weird Border on Location Pgs*/
body{
	padding: 0 !important;
}


/*Loading Icon*/
#myDiv .loading_message{
	visibility: hidden !important;
}

div .loading_box .loading_icon{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	border: none;
	content: url(/wp-content/uploads/2026/05/Iron-Culture-Logo-white-01.png);
	animation: spin 2.5s linear infinite;
	width: 100px;
	height: 100px;
	z-index: 999 !important;
}

/*Plan Graphics*/

form#regForm {
    font-family: 'grotesk' !important;
}

.sweti_join_now .plan_names {
    float: left;
    flex: 0 0% !important;
    max-width: 100% !important;
    margin: 0px 7.5px 25px;
}

.plan-feature{
	background: #fff !important;
	margin: 0px !important;
	width: 300px !important;
}

.sweti_join_now .plan-items{
	background: #fff !important;
	padding: 0 0 8px !important;
}

.sweti_join_now .plans_data_wrapper .plan_names .plan-items h3 {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: relative;
    align-items: center;
    top: 60px;
    font-size: 50px;
	color: #000;
	text-transform: uppercase;
	right: 10px;
	font-family: 'grotesk';
    font-weight: 600;
}

.plan-title{
	height: 0px;
    position: relative;
	justify-content: center;
}

div .sweti_join_now .plan-feature .plan-header{
	position: relative;
    left: 20px;
	color: #fff;
	background: #000 !important;
	height: 225px !important;
	margin-top: -30px;
	margin-bottom: 8px !important;
	width: 85% !important;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
}

.plan-header::after {
    content: "LET'S DO THIS →";
    position: relative;
    top: 75px;
    border: 1px solid #96FD01;
    background: #96FD01;
    border-radius: 14px;
    padding: 5px;
    color: #000;
    font-family: 'grotesk';
    font-weight: 600;
}

[abcname="Enrollment Fee"]::before {
    position: relative;
    content: "ENROLLMENT FEE:";
	top: 24px;
    left: -95px;
	color: #fff;
}

[abcname="Enrollment Fee"] {
    position: relative;
    top: 134px;
    left: 90px;
    font-size: 14px;
	color: #fff;
	z-index: 999;
	font-weight: 400;
    font-family: 'grotesk';
}

.sabasic_Monthly_Rate_Pretax{
	font-family: 'Grotesk';
	position: relative;
	color: #fff;
	font-weight: 600;
}

.sabasic_Monthly_Rate_Pretax::after {
    content: "12 MONTH COMMITMENT";
    position: relative;
    top: 36px;
    font-size: 18px;
	left: 5px;
	color: #fff;
	font-weight: 400;
}

.sabasic_Monthly_Rate_Pretax span.sabasic_cent {
    position: relative;
    bottom: 24px;
    left: 95px;
    font-size: 32px;
	color: #fff;
	letter-spacing: -4px;
}

.sabasic_Monthly_Rate_Pretax span.sabasic_dollarsign {
    position: relative;
    top: 24px !important;
    right: 100px;
    font-size: 32px;
	color: #fff;
}

.postid-35 .plan-feature:has([sweti_planname*="Core"]) .sabasic_Monthly_Rate_Pretax .sabasic_dollarsign {
    position: relative;
    right: 70px !important;
}

.postid-35 .plan-feature:has([sweti_planname*="Core"]) .sabasic_Monthly_Rate_Pretax .sabasic_cent {
    position: relative;
    left: 70px !important;
}

.postid-35 .plan-feature:has([sweti_planname*="GOLD"]) .sabasic_Monthly_Rate_Pretax .sabasic_dollarsign {
    position: relative;
    right: 85px !important;
}

.postid-35 .plan-feature:has([sweti_planname*="GOLD"]) .sabasic_Monthly_Rate_Pretax .sabasic_cent {
    position: relative;
    left: 80px !important;
}

.plan-feature:has([sweti_planname*="Core"]) .sabasic_Monthly_Rate_Pretax .sabasic_dollarsign {
    position: relative;
    right: 90px !important;
}

.plan-feature:has([sweti_planname*="Core"]) .sabasic_Monthly_Rate_Pretax .sabasic_cent {
    position: relative;
    left: 80px !important;
}

.plan-feature:has([sweti_planname*="GOLD"]) .sabasic_Monthly_Rate_Pretax .sabasic_dollarsign {
    position: relative;
    right: 100px !important;
}

.plan-feature:has([sweti_planname*="GOLD"]) .sabasic_Monthly_Rate_Pretax .sabasic_cent {
    position: relative;
    left: 94px !important;
}

.sabasic_Monthly_Rate_Pretax span.sabasic_dollar {
    position: relative;
    top: 24px !important;
    font-size: 90px;
	font-style: italic;
    letter-spacing: -8px;
    left: -20px;
	color: #fff;
}


[abcname="subTotal"] {
    position: relative;
	right: 8px;
}

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

.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;
}

/*Best Value*/
.plan_names:has([sweti_planname*="GOLD"])::before{
    content: "BEST VALUE";
    position: relative;
    top: 3px;
	left: 5px;
    font-size: 12px;
    color: #000000;
    background: #96FC03;
    padding: 3px 108px 20px;
    font-weight: 700;
    border: 1px solid #96FC03;
    border-radius: 24px 24px 0 0;
}

.plan_names:has([sweti_planname*="Core"])::before{
    content: "BEST VALUE";
    position: relative;
    top: 3px;
	left: 5px;
    font-size: 12px;
    color: transparent;
    background: transparent;
    padding: 3px 108px 20px;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 24px 24px 0 0;
}

/*Step 3*/
.sweti_join_now .field-info .plan-items:nth-child(2)>h3{
	background: transparent !important;
	color: #000;
	-webkit-text-stroke: 0;

}

div#plan_data .frq_col {
    background: #fff !important;
    color: #000 !important;
}

.frq_col {
    background: #fff !important;
    color: #000 !important;
}

.sweti_join_now .aside-inner .plan-items .plan_data .col_list, .sweti_join_now .aside-inner .plan-items .plan_data .col_list span{
	color: #000;
}

.sweti_join_now .aside-inner .new_details {
	padding: 0 !important;
}

.sweti_join_now .plan-feature h3{
 	writing-mode: vertical-rl;
    text-orientation: mixed;
    position: relative;
    align-items: center;
    top: 60px;
    font-size: 50px !important;
	color: #000 !important;
	text-transform: uppercase;
	right: 10px;
	font-family: 'grotesk';
    font-weight: 600;
}

.plan-feature {
    text-align: center;
}


div .sweti_join_now .aside-inner .plan-items .plan_description {
    margin: 0 0 15px 0;
    background: transparent !important;
    font-weight: 700;
	text-align: center !important;
    padding: 20px 0px 20px 12px;
}


.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;
    top: 20px;
	color: #fff !important;
}

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

/*Amens Styling*/
.et_pb_code_inner{
    border: 20px solid #fff;
    padding: 30px;
    border-radius: 24px;
}