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

/*Hidden Elements*/
.sweticlubfee, .sabasic_Monthly_Rate, .swetiScheduleAmount, .swetiSchedulePreTaxAmount, .Enrollment_Fee, .Enrollment_Fee_TextPlaceholder, .sabasiccontainer, .sabasic_cent{
	display: none !important;
}

[abcname="Initiation Fee"], [abcname="First Dues Payment"]{
	display: none !important;
}

/*Sync Acquire Styling*/
ul.progress-list{
	display: none !important;
}

.sweti_join_now #step2 .plan_heading .field-header .plan_heading_h3.plan_heading_h3{
	max-width: 100% !important;
    text-align: center !important;
	text-decoration-line: none !important;
	font-family: 'syne', sans-serif !important;
	color: #000 !important;
}

/*Start Graphic Styling*/
/*Background*/
.sweti_join_now .plan_names{
	background: #000;
}

/*Title*/
.plan-title h3 {
    font-family: 'Syne', sans-serif;
    text-transform: uppercase;
    font-weight: bold !important;
    font-size: 17px !important;
	color: #fff !important;
	border-bottom: 2px solid #fff;
    padding-bottom: 16px;
}

.plan-feature:has(~ .select_button:hover) .plan-title h3{
    border-bottom: 2px solid #C30000 !important;
	transition: .3s;
}

/*Pricing*/
.plan_names {
    height: 268px;
	min-width: 250px !important;
}

.plan-header {
    height: 124px;
}

.sweti_join_now .plan-feature {
	margin: 16px 0px 15px !important;
}

span.sabasic_dollarsign {
    color: #fff;
    font-size: 32px;
    position: relative;
    top: 30px;
    font-weight: bold;
}

.sabasic_dollar{
    color: #fff !important;
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 92px;
    font-weight: bold;
    position: relative;
    top: 48px;
	letter-spacing: -4px;
}

.plan-header::after {
    content: 'MONTHLY';
    color: #fff;
    font-family: 'Hanken Grotesk', sans-serif;
    position: relative;
    top: 56px;
}

/*Select Button Styling*/
.sweti_join_now .plan-items .select_button label{
	display: none !important;
	border: none !important;
}

.select_button{
	border: none !important;
}

.select_button::before {
    content: 'SELECT';
    font-size: 20px;
    color: #fff;
    font-family: 'Hanken Grotesk';
    letter-spacing: 1px;
    border: 2px solid #fff;
    padding: 8px 40px 8px 40px;
    margin: auto;
	position: relative;
	top: 10px;
}

/*Step 3-4*/
div#planDescription, div#planDescription2{
	display: none !important;
}

/*Member Photo*/
.memberPicture-modal-content {
    height: 46vh;
}