/*
 Theme Name:     SA Ez Child
 Description:    SA Ez Child Theme
 Template:       Divi
 Version:        1.0.2
*/
 
 
/* Theme customization starts here
------------------------------------------------------- */
/* ======================= Globals =======================*/
:root {
    --primary-color: black;
    --secondary-color: white;
    --font-family-primary: 'Sequel100Black', sans-serif;
    --font-family-secondary: 'Jost';
    --loading-spinner-image-path: url(/wp-content/uploads/2024/11/favicon.png);
    --plan-topper-image-path: url(/wp-content/uploads/2024/11/topper-image.png);
  }


#regForm {
	.plan_names,
	.plan-items {
		width: 320px !important;
		height: 320px !important;
	}
	
	.plan_names {
		flex: unset !important;
		max-width: unset !important;
	}
	
	.plan-items {
		background: unset !important;
		border: 2px solid #fff;
		
		&::after {
			content: "SHOP NOW";
			color: #000;
			position: absolute;
			bottom: 28px;
			left: 0;
			right: 0px;
			background: #fff;
			width: fit-content;
			margin: auto;
			font-size: 20px;
			font-weight: 300;
			padding: 8px 32px;
			border-radius: 100px;
			z-index: -1;
		}
	}
	
	.select_button {
		opacity: 0 !important;
	}
}

.plan-feature {
	
	overflow: unset !important;
	
	* {
		font-family: Arial, Helvetica, sans-serif !important;
		color: #fff !important;
	}
	
	> div:not(.plan-header){
		display: none !important;
	}
	
	.plan-header > div:not(.swetiSchedulePreTaxAmount),
	.plan-header > p {
		display: none !important;
	}
	
	.plan-header,
	[abcname="PIF Dues"]{
		margin: unset !important;
		width: fit-content !important;
		margin-bottom: 0 !important;
		position: absolute;
		top: 85px;
		left: 16px;
		background: none !important;
    	width: 89% !important;
		border-radius: 0 !important;
	}

	
	.plan-header .swetiSchedulePreTaxAmount,
	[abcname="PIF Dues"] [abcname="subTotal"] {
		display: flex !important;
		align-items: flex-start;
		font-weight: 800 !important;
		
		.sabasic_dollarsign {
			font-size: 80px;
			line-height: 120%;
		}
		
		.sabasic_dollar {
			font-size: 120px;
			line-height: 100%;
		}
		
		.sabasic_cent {
			display: none !important;
		}
		
		&::after {
			content: "/MO";
   		 	align-self: flex-end;
		}
	}
	
	[abcname="PIF Dues"] [abcname="subTotal"]::after {
		content: "" !important;
	}
}

/* SPECIFIC PLANS START */

.plan-feature:has([sweti_planname*="Plan"])::before,
.plan-feature:has([sweti_planname*="Pass"])::before{
    color: #fff;
    position: absolute;
    top: 26px;
    left: 18px;
    font-size: 40px;
    font-weight: 700;
}

.plan-feature:has([sweti_planname*="Plan"]) .plan-header {
	border-bottom: 1px solid #fff;
}

.plan-feature:has([sweti_planname*="Pass"]) [abcname="PIF Dues"] {
	border-bottom: 1px solid #fff;
}

.plan-feature:has([sweti_planname*="1 Year Plan"])::before {
    content: "12 MONTH";
}

.plan-feature:has([sweti_planname*="6 Month Plan"])::before {
    content: "6 MONTH";
}

.plan-feature:has([sweti_planname*="1 Day Pass"])::before {
    content: "1 Day";
}
.plan-feature:has([sweti_planname*="3 Day Pass"])::before {
    content: "3 Day";
}
.plan-feature:has([sweti_planname*="7 Day Pass"])::before {
    content: "7 Day";
}

.plan-feature:has([sweti_planname*="Plan"])::after,
.plan-feature:has([sweti_planname*="Pass"])::after{
    color: #fff;
    position: absolute;
    top: 52px;
    left: 20px;
    font-size: 20px;
    font-weight: 300;
	width: 87%;
    text-align: left;
    border-bottom: 1px solid #fff;
}

.plan-feature:has([sweti_planname*="Pass"])::after {
	content: "PASS";
}

.plan-feature:has([sweti_planname*="1 Year Plan"])::after {
    content: "MOST POPULAR";
}

.plan-feature:has([sweti_planname*="6 Month Plan"])::after {
    content: "MEMBERSHIP";
}

/* PASS PLANS START */

.plan-feature:has([sweti_planname*="Pass"]) [abcname="PIF Dues"] {
	display: block !important;
	
	> div:not([abcname="subTotal"]) {
		display: none;
	}
}

/* PASS PLANS END */

/* SPECIFIC PLANS END */

#regForm .filter_buttons .active>button {
    color: #000 !important;
}

#regForm .btn_prev,
#regForm .btn_next {
    color: #000;
}

/* Steps3 and onwards */

#step3, #step4, #step5 {
	.plan-feature {
		display: none !important;
	}
	
	.plan-items::after {
		display: none !important;
	}
	
	.plan-items {
		height: fit-content !important;
	}
}

.col_list.custom_col_list.annual_fee {
    display: flex;
    flex-direction: column;
}

.annual_fee_label,
.sidebarFeeContainer{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#regForm .annual_fee_label label,
#regForm label.feeName_label,
#regForm label.feeDueDate_label{
    font-size: 16px !important;
    line-height: 100%;
}

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

.sweti_join_now .plan-items:nth-child(2)>h3 {
    background: #fff !important;
    color: #000 !important;
}

div#planDescription {
	display: none !important;
}

body #regForm.sweti_join_now,
.sweti_join_now .step3 .info-form,
.sweti_join_now .step4 .info-form,
.sweti_join_now .step5 .info-form {
    background-color: #0000 !important;
}

div#plan_data_two,
div .sweti_join_now .aside-inner .plan-items .plan_description {
	background: unset !important;
}

/* MODAL */

#regForm .modal * {
	color: #000 !important;
}

/* AMENITIES TABLE */

@media (max-width: 500px) {
    table.demTable * {
        font-size: 12px !important;
        line-height: 150%
    }
}