/*
 Theme Name:     SA Ez Child
 Description:    SA Ez Child Theme
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/* Root variables (ensure these are loaded) */
:root {
    --primary-color: #ffad93;
    --secondary-color: #000;
	--tertiary-color: #fff;
    --font-family-primary: 'DM Sans', Helvetica, Arial, Lucida, sans-serif;
    --font-family-secondary: 'Moontime';
    --loading-spinner-image-path: url(/wp-content/uploads/2025/07/Neon-Peach-Logo-min-1.png);
	--bullet-image: url();
	--dollar-font-size:24px;
	--pricing-main-font-size: 72px;
	--pricing-cent-font-size: 32px;
  }

/*hide parent items*/
[abcname="First Payment  or PIF Dues"]{
	display: none !important;
}

.plan-header  .swetiScheduleAmount{
	display: none !important
}

.plan-header .swetiSchedulePreTaxAmount{
	display: none !important
}

.plan-header .sabasic_Monthly_Rate_Pretax{
	display: none !important
}

.plan-feature .sweticlubfee{
	display: none !important
}

/*Spinning Icon*/
div .loading_box .loading_icon{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	border: none;
	content: var(--loading-spinner-image-path);
	animation: spin 2.5s linear infinite;
	width: 100px;
	height: 100px;
	z-index: 999 !important;
}

#myDiv .loading_message{
	visibility: hidden !important;
}

/*Border and Topper*/
#regForm .plan-feature {
    border: 2px #EBAC93 solid;
    border-radius: 160px 160px 0 0;
}

#regForm .plan-feature::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/07/Neon-Peach-Logo-min-1.png);
    width: 200px;
    height: 150px;
	background-size: above;
	z-index: 1000;
	position: absolute;
	top: -68px;
	right: 40px;
	scale: .55;
}

div .sweti_join_now .plan-header {
	background: none !important;
}

/*Pricing*/
#regForm .plan-feature {
    position: relative;
	box-shadow: 0px 0px 12px #EBAC93;
}

.plan-header .sabasic_Monthly_Rate{
    display: flex !important;
	position: relative;
	left: -16px;
	margin-top: 120px;
	padding-bottom: 32px;
}



.plan-feature:has([sweti_planname*="CC"]) .sabasic_Monthly_Rate::after{
	position: relative;
	left: 12px;
	top: 20px;
	content: 'Pay By Card Monthly';
	font-size: 12px;
	color: white;
	font-family: 'DM Sans';
	text-align: left;
	line-height: 12px;
}

.plan-feature:has([sweti_planname*="ACH"]) .sabasic_Monthly_Rate::after{
	position: relative;
	left: 12px;
	top: 20px;
	content: 'Pay By Bank Monthly';
	font-size: 12px;
	color: white;
	font-family: 'DM Sans';
	text-align: left;
	line-height: 12px;
}

.plan-feature .plan-header .Enrollment_Fee{
	position: relative;
	width: 100%;
	top: 50px;
	right: 4px;
	font-size: 50px;
	font-family: 'Moontime';
    font-weight: normal;
	color: white;
	text-shadow: 2px 0px 2px #EBAC93;
	
}

.sabasic_dollarsign {
    font-size: 28px;
	color: #EBAC93;
	text-shadow: 1px 1px #000;
    position: relative;
    bottom: 30px;
    left: 12px;
	z-index: 2;
}

span.sabasic_dollar{
	color: white;
	font-size: 115px;
	font-weight: bold;
	letter-spacing: -8px;
	text-shadow: 0px 4px 0px #00000078;
	filter: drop-shadow(2px 0px 32px #EBAC93);
}

span.sabasic_cent {
    display: none !important;
}

.sweti_join_now .plan-feature h3{
	position: relative;
	top: 232px;
	text-align: center;
	text-transform: uppercase;
    font-weight: 300 !important;
	color: #ffffff !important;
}

/*Amenities*/
.plan-items .plan-feature p{
    color: #EBC2A5;
	font-family: 'DM Sans';
}

.plan-feature .sabasiccontainer{
	position: relative;
	left: -5px;
	bottom: 8px;
	background: black;
	font-weight: 300;
	font-size: 12px;
}

.sabasiclogocontainer {
    line-height: 100%;
	display: flex;
	justify-content: center !important;
}

#regForm .sabasiccontainer{
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: unset;
	gap: 8px;
}

#regForm .sabasiccontainer p{
	text-align: unset !important;
	text-wrap: balance;
}

#regForm img.sabasiclogo {
    height: 0px;
}

/*Graphic Sizing*/

#regForm .plan_names{
	min-width: 300px;
	width: 300px;
	max-width: 300px;
	margin: 20px !important;
}	

#regForm .plan-feature {
	height: 500px;
	width: 300px;
	overflow: visible;
}

/*Weird Background on Check Out*/
div .sweti_join_now .aside-inner .plan-items .plan_description {
	background: transparent !important;
}

#regForm.sweti_join_now .plan-items .select_button label {
    background-color: #ffffff !important;
}

.modal-inner-container {
    color: black;
}

div#plan_data_one {
    background: #000000 !important;
}

/*Step 2-4 Fix*/

#regForm .step3 .plan-feature, #regForm .step4 .plan-feature {
	width: unset !important;
}

/*Select Button*/
.select_button{
	margin: 10px;
}