/*
 Theme Name:     As-Suffa
 Author:         Pixated
 Author URI:     https://pixated.agency/
 Template:       Divi
 Version:        3.0
 Description:    Custom child theme development for As-Suffa
*/

#footer-info, #footer-info a {
	font-weight: initial;
	font-size: 12px;
}

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

/* CONTACT FORM*/
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
	color: #ffffff !important;
	margin: 8px auto 0;
	cursor: pointer;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	line-height: 1.7em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	background-color: #98152d;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
	padding: 10px 15px 10px 15px !important;
}

.wpcf7-submit:hover {
background-color: #f9b106;
}

.espresso_events .ee-event-datetimes-ul {margin: 0 0 10px 0; padding: 0;}
.espresso_events .ee-event-datetimes-ul li {margin: 0 30px 15px 0; width: auto; }
.espresso_events .ee-event-datetimes-ul li span {font-weight: bold; font-size: 20px; color: red;}

/* ee4 - remove extra spacing above ticket button */
#tkt-slctr-request-processor-dv {display: none;}

/* ee4 - ticket table */
.table-1 tr td, .tkt-slctr-tbl-wrap-dv tr td {padding: 10px;}
#event_ticket_info .tkt-slctr-tbl {width: 100%;}
table.tkt-slctr-tbl { width: 100%;}

.ee-upcoming-events-widget-ul .ee-upcoming-events-widget-li {display: table;}
.ee-upcoming-events-widget-li .ee-event-img-dv {display: table-cell;}
.ee-upcoming-events-widget-li .ee-event-datetimes-ul  {display: table-cell; padding: 0 0 0 15px;}
.ee-status.event-active-status-DTU {font-size: 0.95em;}

#cart-results-current-cart-dv h5 {font-size: 15px; margin: 0 0 20px 0;}
div#ee-single-page-checkout-dv {font-size: 1.3em; padding: 0;}
.spco-attendee-lgnd {color: brown;font-size: 1.5em;}
div#mepr-account-nav{display:none;}
.dashicons-admin-generic:before{content: "EDIT";color: red;font-family: 'Open Sans';font-weight: bolder;}

#spco-attendee_information-pg {font-weight: normal;}
#ee-spco-attendee_information-reg-step-form .big-event-title-hdr {
    background-color: #f1f1f1;
    padding: 20px;
    font-weight: bold;
    font-size: 1.1em;
}
.spco-ticket-info-dv.small-text {
    padding: 0 20px;
}
fieldset.ee-reg-form-attendee-dv {
    margin: 22px;
}
.ee-reg-form-attendee-dv .ee-reg-form-qstn-grp-title {
    font-style: italic;
}
h4#reg-page-totals-hdr {font-weight: bold;font-size: 1.3em;}

#ee-single-page-checkout-dv .spco-steps-display-hdr {vertical-align: top!important;}

input#ee_user-password {
border: 1px solid #d2d2d2;
font-size: 13px;
color: #747474;
padding: 8px 15px;
margin-right: 1%;
width: 100%;
box-sizing: border-box;
background-color: #ffffff;
color: #333333;
border-color: #eaeaea;
height: 45px;
}
input#spco-go-to-step-attendee_information-submit
{
background: #d1e990;
background-image: linear-gradient(to top, #aad75d, #d1e990);
border: 1px solid #9dba60;
color: #54770f;
border-radius: 2px;
padding: 11px 23px;
line-height: 16px;
font-size: 13px;
display: inline-block;
position: relative;
outline: 0;
zoom: 1;
text-align: center;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
box-sizing: border-box;
transition: all .2s;
letter-spacing: 2px;
}
#ee-single-page-checkout-dv .tiny-lbl {width: 30%;}
img#spco-payment-method-mijireh-btn-img {max-width: 200px !important;}

#ee-single-page-checkout-dv .spco-steps-display-hdr {
    vertical-align: top!important;
    font-weight: bold;
    font-size: 14px !important;
}
#ee-single-page-checkout-dv .inactive-step .spco-step-big-nmbr,
h2#spco-steps-big-hdr,
h4#spco-step-attendee_information-display-hdr,
#ee-single-page-checkout-dv .spco-steps-display-hdr {
    color: #808080;
}
div#spco-step-payment_options-display-dv,
#ee-single-page-checkout-dv .active-step .spco-steps-display-hdr{
    color: #027502 !important;
}

#ee-single-page-checkout-dv .active-step .spco-steps-display-hdr {font-size: 14px !important;font-weight: bold;}

.mp-form-row.mepr_bold.mepr_price{display:none;}
table.ee-table.ee-registrations-list p.tiny-text {font-size: 1.1em;}

span.smaller-text.grey-text {font-size: 1em;font-weight: bold;text-transform: uppercase;}

#ee-spco-payment_options-reg-step-form-payment-options-before-payment-options {padding-bottom: 0 !important;}
div#ee-spco-payment_options-reg-step-form-payment-options-before-payment-options br {content: "";}

div#spco-copy-attendee-dv {display:none;}
p.stock.in-stock {display:none;}
.product_meta{display:none;}

.select-arrow, .select2-arrow {
    color: #525252;
    font-size: 1.5em;
}

@media (max-width: 640px) {
 .event-tickets {
    margin: auto -20px;
 }
 .event-tickets table tbody tr td {
    padding-left: 2px;
    padding-right: 0;
    font-size: .75em;
 }
 .tckt-slctr-tbl-td-name a {
    display: block;
 }
 .tkt-slctr-tbl-wrap-dv tr td {
    padding: 1em 0 1em .5em;
    white-space: normal;
 }
 .tkt-slctr-tbl {
    table-layout: fixed;
 }
}

tr.ee-ticket-free-ticket-first-25-registrations {
    display:none;
}

/* Blog posts */
/* Remove meta info */
#left-area .post-meta, div.et_post_meta_wrapper > img {
	display: none;
}

.reg-btn, .ticket-selector-submit-btn {
	background-color: #98152d !important;
	color: #ffffff !important;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.ticket-selector-submit-btn:hover {
	background-color: #f9b106 !important;
}

/* Custom CSS */
/* Donation options */
.oo_reveal, .m_reveal {
    display: none;
}

/* Donation active button */
.active-button {
    background: #f9b106  !important;
}

/* Donation buttons - mobile */
@media screen and (max-width: 980px) {
	.mobile-donation {
		display: inline-block;
		width: 50%;
	}
}

/* 5 Column mega menu */
#top-menu li.mega-menu > ul > li:nth-of-type(5n) {
clear: none;
}
#top-menu li.mega-menu > ul > li:nth-of-type(6n) {
clear: none;
}
#top-menu li.mega-menu > ul > li {
width: 20%;
margin: 0;
}

/* === Background Color for Animated Lines === */
body .et_pb_section .lines .line, .header_3_f .et_pb_promo_description h2:before { background-color: #214b85 !important; }

body .et_pb_section .blue_lines:before, body .et_pb_section .blue_lines:after, body .blurb_7_f .hover_line, body .header_5_f .et_pb_slider .et_pb_slide .et_pb_slide_description h2, body .header_5_f .et_pb_slider .et_pb_slide .et_pb_slide_description:before, body .blue_line_before .et_pb_team_member_description:before, body #page-container .lines_ba a, body #page-container .lines_ba a:before, body #page-container .lines_ba a:after, body #page-container .lines_ba h2:before { border-color: #214b85 !important; }

body #page-container .lines_ba h2:after {border-color: #fff !important}
.contact_1_falkor .et_pb_column .et_pb_contact_form p:after {background-color: #fff !important}

/* = Blue Links, white hover = */
body #page-container .blue_links a { color: #214b85 !important; }
body #page-container .blue_links a:hover { color: #fff !important; }

/* = White Links, Blue hover = */
body #page-container .white_links a { color: #fff !important; }
body #page-container .white_links a:hover { color: #214b85 !important; }

/* === Dark blue Link === */
body #page-container .dark_blue_links a { color: #07215e !important; }
body #page-container .dark_blue_links a:hover { color: #214b85 !important; }

/* Menu CTA - donate */
.cta-donate {
	border-radius: 0px;
}
.cta-donate a {
	color: #fff!important;
}
li.cta-donate, .ticket-selector-submit-btn[type=submit], .fusion-button.button-green, #spco-go-to-step-finalize_registration-submit {
	background-color: #98152d;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
	padding: 10px 15px 10px 15px !important;
    -moz-transition: all 300ms ease 0ms;
    -webkit-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
	border-radius: 20px;
color: #ffffff;
}
li.cta-donate:hover {
	background-color: #f9b106;
}
.cta-donate > a:hover {
	opacity: 1 !important;
}

#spco-go-to-step-payment_options-submit {
	background-color: #98152d;
	color: #ffffff;
	cursor: pointer;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
	padding: 10px 15px 10px 15px !important;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (min-width : 981px) {
	li.cta-donate {
		height: 33px;
	}
}

@media only screen and (max-width : 981px) {
	li.cta-donate {
		padding: 0 !important;
	}
	.et_mobile_menu li.cta-donate a:hover {
		opacity: 1;
	}
}

/* Donation cart */
@media (max-width: 980px) {
        #et-secondary-menu, #et-secondary-nav {
                display: block !important;
        }
}

/* Burger menu */
.et_mobile_menu > span.close {
        color: #ffffff;
        cursor: pointer;
}

.et_mobile_menu > span.close:before {
        font-size: 40px;
}

.et_mobile_menu {
        padding-top: 3px;
}

@media (max-width: 980px) {
        .et_header_style_centered header#main-header .logo_container {
                margin-top: 20px;
        }
}

/* Mobile menu */
@media only screen and (max-width: 1050px) {
	#top-menu-nav {
		display: none !important;
	}
	#et_mobile_nav_menu {
		display: block !important;
	}
}

/* Sub menu - mega menu border */
#top-menu li.mega-menu > ul > li > a:first-child {
	border-bottom: 1px solid #214b85;
}

/* Course & outreach */
@media only screen and (max-width: 480px) {
	#et-boc > div > .full-width-split > div {
		width: 100% !important;
	}
}

/* Courses */
/* Equalize column height and spacing */
@media screen and (min-width: 768px) {
	.flex-row-wrapper {
		display: flex;
	}
	.flex-row-wrapper .et_pb_column {
		display: flex;
		flex-direction: column;
		padding: 20px;
		justify-content: space-between;
	}
}

@media screen and (max-width: 768px) {
	#et-boc > div > .pixie_blurb_10 > .flex-row-wrapper > div.et_pb_column.et_pb_column_1_3.et_pb_column_7 {
		margin-bottom: 30px;
	}
}

/* Full width text */
.pixie_blurb_10 > .flex-row-wrapper > div > div > div > div.et_pb_blurb_container > div {
	padding-right: 0 !important;
}

/* CTA */
@media screen and (min-width: 1131px) and (max-width: 1390px) {
	.falkor-cta-2 > div > div.et_pb_column.et_pb_column_1_2 {
		width: 40% !important;
	}
	.falkor-cta-2 > div > div.et_pb_column.et_pb_column_1_4 {
		width: 30% !important;
	}
}

@media screen and (max-width: 1130px) {
	.falkor-cta-2 > div > div.et_pb_column.et_pb_column_1_4 {
		width: 50% !important;
	}
}

@media screen and (min-width: 480px) and (max-width: 600px) {
	.falkor-cta-2 > div > div.et_pb_column.et_pb_column_1_4 > div > a {
		padding: 10px !important;
	}
}

@media screen and (max-width: 480px) {
	.falkor-cta-2 > div > div.et_pb_column.et_pb_column_1_4 > div > a {
		margin-bottom: 20px !important;
	}
}

/* Blog posts */
/* Keep title on one line */
h2.entry-title > a {
	white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Display post content */
.blog_1_pixie .et_pb_column .et_pb_posts article .post-content {
	display: block !important;
}

/* Limit post content */
.limit-excerpt .post-content p {
	overflow: hidden;
	position: relative;
	max-height: 5.1em;
	text-align: justify;
	padding-right: 1em;
}

/* Add ellipsis - for multiple lines */
.limit-excerpt .post-content p:before {
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}

/* About page - teachers */
.et_pb_team_member:before, .et_pb_team_member:after {
	background-color: #98152d !important;
}

/* Upcoming Events */
/* Event listing width */
article.featured:not(:first-child) {
	width: 80%;
	max-width: 1080px;
	margin: auto;
}

/* Center image */
.ee-event-img {
	display: block;
	margin: auto;
}

/* Remove duplicate event details */
div.espresso-venue-dv, .ee-event-datetimes-ul:not(:first-child) {
	display: none;
}

/* Register button */
#spco-go-to-step-finalize_registration-submit {
	cursor: pointer;
	background-color: #98152d;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
	padding: 10px 15px 10px 15px !important;
    -moz-transition: all 300ms ease 0ms;
    -webkit-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
	border-radius: 20px;
color: #ffffff;
}

/* Woocommerce buttons */
.woocommerce div.product form.cart .button, .woocommerce-page.et_pb_button_helper_class a.button, .woocommerce #payment #place_order {
	background-color: #98152d;
	color: #ffffff !important;
}

.woocommerce div.product form.cart .button:hover, .woocommerce-page.et_pb_button_helper_class a.button:hover,.woocommerce #payment #place_order:hover {
	background-color: #f9b106 !important;
	color: #ffffff !important;
}

/* Checkout - make another donation */
.woocommerce-message {
	background-color: #f9b106 !important;
	color: #000000 !important;
}

/****** REMOVE ARROWS ON HOVER AND ADJUST PADDING ******/
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
	content: none !important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	padding: .3em 1em !important; /* this is Divis default button padding */
}

/* Product variation dropdown */
.woocommerce div.product form.cart .variations select {
	min-width: 80% !important;
}
.woocommerce div.product form.cart .variations th {
	vertical-align: middle !important;
    padding-bottom: 20px;
}

/* Account profile button */
#mepr_account_form > input.mepr-submit.mepr-share-button {
	color: #214b85 !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 6px 20px;
	line-height: 1.7em;
	background: transparent;
	border: 2px solid #e4e4e4;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#mepr_account_form > input.mepr-submit.mepr-share-button:hover {
	border-color: #214b85;
	padding: 6px 20px !important;
}

/* Checkout section spacing */
#woocommerce-gift-aid, #order_review_heading {
	margin-top: 45px;
}

/* Hide donate button on mobile - specific pages */
.page-id-10 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-240684 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-30129 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-240685 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-30162 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-241216 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-241215 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-241217 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-241218 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-241219 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-240887 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth,
.page-id-240888 > #page-container > #et-main-area > .contact_1_falkor > .fixed-cta.et_pb_row_fullwidth {
	display: none !important;
}

/* Cart icon on mobile */
@media screen and (max-width: 980px) {
	.et_header_style_centered #et-top-navigation .et-cart-info {
		display: block;
		float: left;
	}
}

/* Contact form 7 button */
.wpcf7-form input[type="submit"], .wpcf7-submit {
	padding: 15px;
}

#et-top-navigation > a {
	color: #000000 !important;
}
#et-top-navigation > a:hover {
	color: #ffffff !important;
}

.et-fixed-header #et-top-navigation .et-cart-info {
	color: #fcb94f !important;
}

/* Course page - Info */
#info_under_course_info {
	clear: both;
}

/********************************************************/
/********************** LearnDash **********************/
/********************************************************/
/* Menu background colour */
.sfwd-courses-template-default > #page-container > #main-header, .memberpressproduct-template-default > #page-container > #main-header, .woocommerce-account > #page-container > #main-header {
	background-color: #214b85;
}

/* Login module */
.learndash-wrapper.ld-modal-open .ld-modal {
	z-index: 999999;
}

/* Red button - hover yellow */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	background-color: #98152d;
    color: #ffffff;
	font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px 10px 15px !important;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: #f9b106;
}

/* Event feedback page menu */
.page-id-2284 > #page-container > #main-header {
	background-color: #214b85;
}

/* Remove Finalize Registraion button with Stripe */
.spco-disabled-submit-btn, .spco-disabled-submit-btn:hover {
	display: none !important;
}

/* Stripe fields border */
.StripeElement {
	border: 1px solid #000000 !important;
}

/* Stripe pay now button */
#stripe-card-button {
	background-color: #98152d;
	color: #ffffff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px 10px 15px !important;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	box-shadow: none !important;
}

#stripe-card-button:hover {
	background-color: #f9b106;
}

.woocommerce-page.et_pb_button_helper_class a.button {
	color: #214b85 !important;
}

/* Institute pages - video accordion */
.freddie_blurred_vision_accordion .et_pb_accordion .toggle_icon {
	border-left-color: #000000 !important;
}

/* Donate hero text */
.et_pb_slide_description .et_pb_slide_title > a {
font-size: 58px !important;
line-height: 1;
}

/* Quick donate */
.woo-donation-strip-wrapper {
    width: 100%;
    float: left;
}
.woo-donation-strip-wrapper form.cart .variations select {
    max-width: 100%;
    min-width: 75%;
    display: inline-block;
    margin-right: 1em;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart table.variations tbody tr td.value {
    width: 100%;
    float: left;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart table.variations tbody tr {
    width: 33.33%;
    float: left;
}
.woo-donation-strip-wrapper input, .woo-donation-strip-wrapper select {
    padding-left: 15px;
    position: relative;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-image: initial;
    border-radius: 3px;
    background: rgba(255, 555, 255, .9);
    background-color: #fff;
    padding: 10px;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart table.variations {
    width: 60%;
    float: left;
}
.woo-donation-strip-wrapper form.cart .variations {
    margin-bottom: 0em;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart table.variations tbody {
    width: 100%;
    float: left;
}
.woo-donation-strip-wrapper .woo-product-information h4.entry-title {
  float: left;
  width: 18%;
  margin: 6px 0;
  font-weight: 700;
  color: #fff;
  line-height: 40px;
  text-align: left;
}
@media screen and (max-width: 1010px) {
.woo-donation-strip-wrapper .woo-product-information h4.entry-title {
font-size: 16px;
}
}

@media screen and (max-width: 740px) {
.woo-donation-strip-wrapper .woo-product-information h4.entry-title {
width: 100%;
text-align: center;
line-height: 0;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart table.variations {
width: 80%;
}
}

.woo-donation-strip-wrapper .woo-product-information {
    width: 100%;
    padding: 10px;
    float: left;
	background-color: #252525;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart .single_variation_wrap .woo-quantity .variations_button button.single_add_to_cart_button {
    border: 1px solid #d51051;
    color: #FFF;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart .single_variation_wrap .woo-quantity .variations_button button.single_add_to_cart_button {
    padding-left: 15px;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 75%;
    display: inline-block;
    margin-left: 1em;
    padding: 10px;
    line-height: normal;
    cursor: pointer;
    margin-top: 5px;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart .single_variation_wrap .woo-quantity .variations_button button.single_add_to_cart_button:hover {
  background: #f9b106!important;
  border-color: #214b85!important;
  border-radius: 50px;
  letter-spacing: 1px;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart .single_variation_wrap {
    float: left;
    width: 20%;
}
.woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart .single_variation_wrap .woo-quantity {
    float: left;
    width: 100%;
}
.woo-donation-strip-wrapper input[type=text], .woo-donation-strip-wrapper input[type=email], .woo-donation-strip-wrapper textarea {
    color: #666666;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
}

@media only screen and (max-width: 580px) {
  .woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart table.variations {
    width: 100%;
  }
  .woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart table.variations tbody tr {
    width: 33%;
  }
  .woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart .single_variation_wrap {
    width: 100%;
  }
  .woo-donation-strip-wrapper .woo-product-information .woo-controls form.cart .single_variation_wrap .woo-quantity .variations_button button.single_add_to_cart_button {
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
.et_pb_slide_image, .et_pb_slide_video {
    display: block!important;
   }
}

td.prev-date, td.today, td.next-month, td,
span.date {
	height: 60px !important;
	line-height: 50px !important;
}

span.timeslot-people > button {
	cursor: pointer;
}

body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title {
	color: #214b85;
}

body table.booked-calendar td .date, body table.booked-calendar td.next-month .date {
	background-color: #a9a9a9;
}

table > tbody > tr > td > span.date.tooltipster.tooltipstered > span.number {
	color: #ffffff;
}

body.et_pb_button_helper_class .et_pb_module.et_pb_button, .woocommerce.et_pb_button_helper_class a.button.alt, .woocommerce-page.et_pb_button_helper_class a.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt.disabled, .woocommerce-page.et_pb_button_helper_class button.button.alt, .woocommerce-page.et_pb_button_helper_class button.button.alt.disabled, .woocommerce.et_pb_button_helper_class input.button.alt, .woocommerce-page.et_pb_button_helper_class input.button.alt, .woocommerce.et_pb_button_helper_class #respond input#submit.alt, .woocommerce-page.et_pb_button_helper_class #respond input#submit.alt, .woocommerce.et_pb_button_helper_class #content input.button.alt, .woocommerce-page.et_pb_button_helper_class #content input.button.alt, .woocommerce.et_pb_button_helper_class a.button, .woocommerce-page.et_pb_button_helper_class a.button, .woocommerce.et_pb_button_helper_class button.button, .woocommerce-page.et_pb_button_helper_class button.button, .woocommerce.et_pb_button_helper_class input.button, .woocommerce-page.et_pb_button_helper_class input.button, .woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit, .woocommerce.et_pb_button_helper_class #content input.button, .woocommerce-page.et_pb_button_helper_class #content input.button, .woocommerce-message {
	color: #ffffff !important;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
	display: inline-block;
}

@media screen and (max-width: 600px) {
	.et_pb_slide_description .et_pb_slide_title > a {
		font-size: 30px !important;
	}
}

#main-header {
	z-index: 9998;
}

.woocommerce-store-notice, p.demo_store {
	background-color: #98152d;
}

.eligibility {
	background-color: #60A511;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
}

.eligibility-community {
	background-color: #EF8903;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
}

/* Remove cart icon in header */
.et-cart-info {
	display: none;
}

/* Hide additional information tab */
.woocommerce-tabs {
	display: none;
}

/* Variable options drop down */
.woocommerce div.product form.cart .variations td select {
	background-color: #5fa511;
	color: #ffffff !important;
	padding: 15px 8px;
	font-size: 14px;
	font-weight: 900;
	cursor: pointer;
}

/* PayPal card form fix */
#wc-ppcp-credit-card-gateway-cc-form > p.form-row.form-row-last.woocommerce-validated > label {
	display: block;
}

/*======================================
Theme Name: Pixated
Theme URI: https://pixated.agency/
Description: A Pixated Agency custom design and development
Version: 2.0
Author: Pixated
Author URI: https://pixated.agency
Template: Divi
======================================*/
/****************
 * Typography
 ***************/
/*
@font-face {
    font-family: 'Aviano Sans';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Aviano-Sans-Regular.ttf') format('ttf'),
		 url('fonts/Aviano-Sans-Regular.otf') format('otf')
}
@font-face {
    font-family: 'Aviano Sans';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/Aviano-Sans-Bold.ttf') format('ttf'),
		 url('fonts/Aviano-Sans-Bold.otf') format('otf')
}
@font-face {
    font-family: 'Aviano Sans';
    font-style: normal;
    font-weight: light;
    src: url('fonts/AvianoSansLight.ttf') format('ttf'),
		 url('fonts/AvianoSansLight.otf') format('otf')
}
*/

@font-face {
    font-family: 'Zona Pro';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/ZonaProRegular.ttf') format('ttf'),
		 url('fonts/ZonaProRegular.otf') format('otf')
}
@font-face {
    font-family: 'Zona Pro';
    font-style: italic;
    font-weight: normal;
    src: url('fonts/ZonaPro-RegularItalic.ttf') format('ttf'),
		 url('fonts/ZonaPro-RegularItalic.otf') format('otf')
}
@font-face {
    font-family: 'Zona Pro';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/ZonaPro-Bold.ttf') format('ttf'),
		 url('fonts/ZonaPro-Bold.ttf') format('otf')
}
@font-face {
    font-family: 'Zona Pro';
    font-style: italic;
    font-weight: bold;
    src: url('fonts/ZonaPro-BoldItalic.ttf') format('ttf'),
		 url('fonts/ZonaPro-RegularItalic.otf') format('otf')
}

/* Font sizes and line heights */
h1 {
	font-family: 'Zona Pro',Helvetica,Arial,Lucida,sans-serif;
	font-size: 66px !important;
	line-height: 66px !important;
	font-weight: bold;
}

h2 {
	font-family: 'Zona Pro',Helvetica,Arial,Lucida,sans-serif;
	font-size: 54px !important;
	line-height: 54px !important;
	font-weight: bold;
}

h3 {
	font-family: 'Zona Pro',Helvetica,Arial,Lucida,sans-serif;
	font-size: 42px !important;
	line-height: 42px !important;
	font-weight: bold;
}

h4 {
	font-family: 'Zona Pro',Helvetica,Arial,Lucida,sans-serif;
	font-size: 32px !important;
	line-height: 32px !important;
	font-weight: bold;
}

h5 {
	font-family: 'Zona Pro',Helvetica,Arial,Lucida,sans-serif;
	font-size: 24px !important;
	line-height: 24px !important;
	font-weight: bold;
}

h6 {
	font-family: 'Zona Pro',Helvetica,Arial,Lucida,sans-serif;
	font-size: 20px !important;
	line-height: 20px !important;
	font-weight: bold;
}

p, ul {
	font-family: 'Zona Pro',Helvetica,Arial,Lucida,sans-serif;
	font-size: 16px !important;
	line-height: 19px !important;
}
.et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_description h4.et_pb_module_header,
.et_pb_signup_1_tb_footer.et_pb_subscribe .et_pb_newsletter_description h4.et_pb_module_header {
	font-family: 'Zona Pro',Helvetica,Arial,Lucida,sans-serif;
}
/* Responsive font sizes */
@media (max-width: 767px) {
	h1 {
		font-size: 45px !important;
		line-height: 41px !important;
	}

	h2 {
		font-size: 30px !important;
		line-height: 30px !important;
	}

	h3 {
		font-size: 24px !important;
		line-height: 23px !important;
	}

	h4 {
		font-size: 16px !important;
		line-height: 19px !important;
	}

	h5 {
		font-size: 18px !important;
		line-height: 18px !important;
	}
	h6 {
		font-size: 14px !important;
		line-height: 17px !important;
	}
	p, ul {
		font-size: 14px !important;
		line-height: 17px !important;
	}
}
/****************
 * Top bar
 ***************/
/* Icons */
#et-info-phone:before {
	content: "";
    position: relative;
    top: 2px;
    margin-right: 10px;
	background-image: url(/wp-content/uploads/2022/12/phone-light.svg);
	display: inline-flex;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
#et-info-email:before {
    content: "";
    margin-right: 10px;
  	background-image: url(/wp-content/uploads/2022/12/email-light.svg);
  	height: 17px;
    width: 20px;
  	display: inline-flex;
  	background-size: 20px 20px;
}
@media (max-width: 380px) {
	#et-info-phone:before, #et-info-email:before {
		display: none;
	}
	#top-header > .container > #et-info {
		padding-top: 5px !important;
	}
}
/* Font and spacing */
#top-header .container, #et-info {
	font-weight: 500;
	padding-top: 0 !important;
}

/****************
 * Menu
 ***************/
/* Donate CTA */
.et-fixed-header #top-menu .menu-cta a, #top-menu .menu-cta a {
	color: #ffffff !important;
}
@media (min-width: 1211px) {
	.menu-cta {
		background-color: #20538c;
		padding: 0;
		transition: 0.3s;
		border-radius: 7px;
	}
	.menu-cta a {
		padding: 10px 30px !important;
	}
	#top-menu-nav .menu-cta a:hover {
		opacity: 1;
	}
	.menu-cta:hover {
		background: #000000;
	}
	.menu-cta:hover a {
		color: #ffffff !important;
	}
}
/* Donate CTA (mob) */
.mob-menu-cta {
	margin-right: 20px;
}
@media (min-width: 1211px) {
	.mob-menu-cta {
		display: none!important;
	}
}
@media (max-width: 310px) {
	.mob-menu-cta {
		display: none!important;
	}
}
/* Burger menu icon */
.mobile_menu_bar:before {
    content: '';
	display: block;
	background: url(/wp-content/uploads/2022/12/mob-menu.svg);
    background-size: 25px 18px;
    width: 25px;
    height: 18px;
    top: 4px;
}
/* Burger menu close icon */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
	background: none;
    top: -5px;
    font-size: 36px;
	left: -2px;
}
/* Burger menu responsiveness */
@media (max-width: 1210px) {
	#et_mobile_nav_menu {
		display: block;
	}
	#top-menu {
		display: none;
	}
	.et_header_style_left #et-top-navigation {
		padding-top: 15px;
	}
	#et-info {
		text-align: left !important;
	}
}
@media (max-width: 435px) {
	.et_header_style_left #logo {
		max-width: 30%;
	}
	.et_header_style_left #et-top-navigation {
		padding-left: 0 !important;
	}
}

/* Footer */
.widget_nav_menu > h4.title, .ft-contact > div > h4 {
	font-size: 16px !important;
}
.ft-col > div > div > p {
	font-size: 14px !important;
	line-height: 24px !important;
}
.ft-col > div > div > p > a {
	color: #ffffff !important;
}
.et_pb_widget_area .et_pb_widget a:hover,
.ft-col > div > div > p > a:hover {
	color: #F4B334 !important;
}
.fwidget {
	margin-bottom: 0 !important;
}
.footer-sm > div > p {
	font-size: 12px !important;
}
@media (max-width: 481px) {
	.one-half {
		float: left;
		width: 47% !important;
		padding-bottom: 0;
	}
}

/****************
 * Home
 ***************/
/* Pillars - equal vertical spacing */
.eq-row {
	display: flex;
	flex-wrap: wrap;
}
.eq-row .et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/* Pillars - horizontal sizing */
@media (min-width: 981px) {
	.et_pb_gutters1 .et_pb_column_1_3, .et_pb_gutters1.et_pb_row .et_pb_column_1_3 {
		width: 32%;
	}
	.et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column {
		margin-right: 2%;
	}
}
.cp-col:before {
	content: '';
    display: block;
    background: url(/wp-content/uploads/2022/12/col-cp.svg);
    background-repeat: no-repeat;
    width: 85px;
    height: 115px;
    position: absolute;
    left: -1px;
    top: 0;
}
.cp-col:after {
	content: '';
    display: block;
    background: url(/wp-content/uploads/2022/12/col-cp.svg);
    background-repeat: no-repeat;
    width: 85px;
    height: 115px;
    position: absolute;
    right: -1px;
    top: 0;
	transform: scaleX(-1);
}
/* Projects carousel */
.custom-carousel .pac_dcm_column_1 .slick-next:before, .custom-carousel .pac_dcm_column_2 .slick-next:before {
	content: '' !important;
    background: url(/wp-content/uploads/2022/12/right-arrow.svg) !important;
    background-size: 23px 45px !important;
    width: 23px;
    height: 45px;
    background-repeat: no-repeat !important;
	left: inherit !important;
}
.custom-carousel .pac_dcm_column_1 .slick-prev:before, .custom-carousel .pac_dcm_column_2 .slick-prev:before {
	display: none;
}
/* Projects read more button */
.et_pb_post a.more-link {
	font-family: 'Aviano Sans',Helvetica,Arial,Lucida,sans-serif;
	background: #F4B334;
	padding: 10px 30px;
	margin-top: 20px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
.et_pb_post a.more-link:hover {
	background: #000000;
	color: #F4B334 !important;
	transition: all 0.3s ease-in-out;
}
/* About pattern */
.fw-img > span > img {
	width: 100% !important;
}
/* FAQs */
/* Faq icons */
.faqs .et_pb_toggle_title:before {
	background-image: url(https://as-suffa.org/new/wp-content/uploads/2022/08/plus.svg) !important;
	background: no-repeat;
    background-size: 25px;
	width: 25px;
    height: 25px;
	right: 0 !important;
	top: 19px;
}
.faqs .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block;
	background-image: url(https://as-suffa.org/new/wp-content/uploads/2022/08/minus.svg) !important;
	top: 29px;
}
@media (max-width: 767px) {
	.faqs .et_pb_toggle_title:before {
		background-size: 12px;
		top: 23px;
	}
	.faqs .et_pb_toggle_open .et_pb_toggle_title:before {
		background-size: 12px;
	}
}

/****************
 * About
 ***************/
/* Pillars - full width blurb image */
.fw-blurb > div > .et_pb_main_blurb_image,
.fw-blurb > div > div.et_pb_main_blurb_image > span > img {
	width: 100%;
}
.fw-blurb > .et_pb_blurb_content {
	max-width: 100%;
}
.fw-blurb > div > div > .et_pb_blurb_description {
	width: 90%;
	margin: auto;
}
/* Testimonials pattern */
.fw-bg-pat > span > img {
	width: 100% !important;
}
/* Testimonial icon */
#testimonial > .et_pb_testimonial_portrait:before {
	box-shadow: none;
}
/* Testimonial sizing and positioning (carousel) */
#testimonial > .et_pb_testimonial_portrait {
	background-size: 65px;
}
#testimonial {
	padding-top: 0;
}
@media (min-width: 768px) {
	#testimonial > .et_pb_testimonial_portrait {
		float: left !important;
	}
	#testimonial > .et_pb_testimonial_description {
		margin-left: 95px !important;
	}
}
/* Testimonial dot navigation */
.pac_dcm_column_1 .slick-dots li button {
	background: transparent !important;
	border: 1px solid #ffffff;
}
.pac_dcm_column_1 .slick-dots li.slick-active button {
	background: #20538C !important;
	border: 1px solid #20538C;
}
/****************
 * Latest news
 ***************/
/* Post background */
#news > div > div > div > div > .post {
	background-color: #F4B334;
}
/* Post read more button */
.news > div > div > div > div > .et_pb_post a.more-link {
	font-family: 'Aviano Sans',Helvetica,Arial,Lucida,sans-serif;
	background: #20538C;
	color: #FFFFFF !important;
	padding: 10px 30px;
	margin-top: 20px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
.news > div > div > div > div > .et_pb_post a.more-link:hover {
	background: #000000;
	transition: all 0.3s ease-in-out;
}
/****************
 * Relief
 ***************/
/* Post background */
#posts > div > div > div > div > .relief {
	background-color: #60A511;
}
.pix-blog-equal-height .pix-auto-height {
    height: auto !important;
}

.pix-blog-equal-height .pix-auto-margin {
    margin-top: 20px !important;
}
/* Project updates carousel */
.updates .pac_dcm_column_1 .slick-dots li.slick-active button {
	background: #60A511 !important;
	border: 1px solid #60A511;
}
.updates .pac_dcm_column_1 .slick-dots li button {
	border: 1px solid #000000;
}
/* Project media carousel arrow */
.et-db #et-boc .et-l #media .pac_dcm_column_2 .slick-next:before {
	content: '' !important;
    background: url(https://as-suffa.org/new/wp-content/uploads/2022/10/arrow-right-green.svg) !important;
    background-size: 23px 45px !important;
    width: 23px;
    height: 45px;
    background-repeat: no-repeat !important;
	left: inherit !important;
}
#media .pac_dcm_column_2 .slick-prev:before {
	display: none;
}
/* Donation options */
/* Donation options */
.oo_reveal, .m_reveal {
    display: none;
}

/* Donation active button */
.active-button {
    background: #f9b106  !important;
}

/* Donation buttons - mobile */
@media screen and (max-width: 980px) {
	.mobile-donation {
		display: inline-block;
		width: 50%;
	}
}

/* Education */
/* Post background */
#posts > div > div > div > div > .education, #posts > div > div > div > div > .sfwd-courses {
	background-color: #9c182f;
}

/* Event page - registration lightbox */
[class*="lightbox-trigger-"] {
	cursor:pointer;
}
[class*="lightbox-content-"] {
	position:relative;
	z-index: unset !important;
}
[class*="lightbox-content-"] .mfp-close {
	color:#000000 !important;
	font-size: 36px;
}
[class*="lightbox-content-"] .mfp-close:active {
	top:0px !important;
}
.lightbox-content-register {
	background: #ffffff;
    width: 75%;
    margin: auto;
    padding: 50px;
}
@media (max-width: 767px) {
	.lightbox-content-register {
		width: 100%;
	}
}
@media (min-width: 981px) {
	.sticky-register-column > div {
		width: 100%;
	}
	#sticky-register-btn {
		display: block;
		float: right;
	}
}


/* Community */
/* Post background */
#posts > div > div > div > div > .community {
	background-color: #ef8903;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	float: none !important;width: 100% !important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	float: none !important;width: 100% !important;
}

.et_pb_newsletter_button_text {
	word-break: normal !important;
}

#r-stat > div > p {
	font-size: 54px !important;
	line-height: 54px !important;
}
.q-donate-btn > input {
	background-color: #f4b334 !important;
    border-radius: 7px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
	cursor: pointer;
}
.quick-donation-wrapper .content-second select {
	width: 100%;
}

#et-top-navigation > a.mob-menu-cta.et_pb_button {color: #ffffff !important;}

.mobile_menu_bar:before {
    content: "a" !important;
    font-size: 32px !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    cursor: pointer !important;
	background: none !important;
}