/*
Theme Name: Avada Child
Template: Avada
*/



/*
 *Home V2
 */

/*
 *Access Menu
 */
.accessibility-menu a {

}

.accessibility-menu a svg path {
	transition: all 0.2s ease-in-out;
}

.accessibility-menu a:hover svg path {
	fill: #65bc7b;
}

/*
 *Rainbow Button
 */

a.fusion-button.rainbow-btn {
	background: linear-gradient(90deg,#026DFF 0%,#5743E6 .01%,#CB09C3 99.99%,#FC0177 100%);
}

a.fusion-button.rainbow-btn:before {
	content: '';
	display: table;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient(-90deg,#026DFF 0%,#5743E6 .01%,#CB09C3 99.99%,#FC0177 100%);
	z-index: 1;
	opacity: 0;
	transition: all 0.25s linear;
	border-radius: 50px;
}

a.fusion-button.rainbow-btn:hover:before {
	opacity: 1;
}

a.fusion-button.rainbow-btn i,
a.fusion-button.rainbow-btn span {
	position: relative;
	z-index: 2;
}

.full-width-img {
	width: 100%;
}

.full-width-img img {
	width: 100%;
	height: auto;
}

.ada-controlled i.circle-yes.icon-center.fb-icon-element {
	text-align: center!important;
	margin: 0px auto!important;
	background: linear-gradient(90deg,#026DFF 0%,#5743E6 .01%,#CB09C3 99.99%,#FC0177 100%)!important;
	border: 0px!important;
}

.icon-center:before {
	position: relative;
	top: 2px;
}

.center-icon-text {
	margin-top: -20px;
}

/*
 *ADA Popup
 */

.ada-popup {
	position: fixed;
	width: 360px;
	left: 0px;
	background: #fbfbfb;
	z-index: -1;
	bottom: 50px;
	border-radius: 14px;
	overflow: hidden;
	border-bottom: 20px solid #146FF8;
	opacity: 0;
	transition: all 0.25s ease-in;
}

.ada-popup.show {
	position: fixed;
	width: 360px;
	left: 50px;
	background: #fbfbfb;
	z-index: 99999999;
	bottom: 50px;
	border-radius: 14px;
	overflow: hidden;
	border-bottom: 20px solid #146FF8;
	opacity: 1;
}

.ada-popup.ada-popup-mobile .ada-popup-content {
	max-height: 300px;
	overflow: scroll;
}

.ada-popup .ada-popup-header {
	background: #146FF8;
}

.ada-popup .ada-popup-content {
	padding: 20px 20px;
}

.ada-popup .ada-popup-content .ada-popup-reset {
	margin: 0px 0px 20px 0px;
}

.ada-popup .ada-popup-content .ada-popup-reset a {
	font-size: 14px;
}

.ada-popup .ada-popup-content .ada-popup-choices .ada-popup-items {
	margin-bottom: 12px;
	display: flex;
}

.ada-popup .ada-popup-content a.on-switch {
	display: inline-block;
	width: 90px;
	background: #f5f5f5;
	border-radius: 90px;
	position: relative;
}

.ada-popup .ada-popup-content a.on-switch:before {
	content: "";
	display: inline-block;
	width: 45px;
	height: 32px;
	background: #ffffff;
	border-radius: 90px;
	position: absolute;
	left: 0px;
	z-index: 1;
	transition: all 0.25s linear;
	box-shadow: 0 0 15px rgb(60 80 170 / 20%);
}

.ada-popup .ada-popup-content a.on-switch.on:before {
	background: #42b36c;
	left: 45px;
}

.ada-popup .ada-popup-content a.on-switch i {
	font-size: 12px;
	line-height: 32px;
	width: 45px;
	text-align: center;
	display: inline-block;
	float: left;
	font-style: normal;
	position: relative;
	z-index: 2;
}

.ada-popup .ada-popup-content a.on-switch.on i:nth-child(2) {
	color: #ffffff;
}

.ada-popup .ada-popup-content a.on-switch:hover i {
	color: #333333;
}

.ada-popup .ada-popup-content .ada-popup-items.ada-popup-switch span:nth-child(2) {
	font-size: 12px;
	line-height: 32px;
	padding-left: 18px;
}

.ada-popup .ada-popup-content .ada-popup-items.ada-popup-switch span:nth-child(3) {
	
}

.ada-popup h4 {
	margin: 0px;
	text-align: center;
	color: #ffffff;
	padding: 20px 0px;
	position: relative;
}

.ada-close-btn {
	position: absolute;
	right: 20px;
	top: 26px;
	display: inline-block;
	width: 16px;
	height: 16px;
}

.ada-close-btn span {
	width: 16px;
	height: 2px;
	background-color: #ffffff;
	display: inline-block;
}

.ada-close-btn span:first-child {
	transform: rotate(45deg);
	position: absolute;
	top: 5px;
	right: 0px;
}

.ada-close-btn span:last-child {
	transform: rotate(-45deg);
	position: absolute;
	top: 5px;
	right: 0px;
}

.ada-popup-choices {

}

/*
 *ADA Features
 */

.on-switch {

}

.on-switch {
	
}

.ada-controlled.readable-font-apply p,
.ada-controlled.readable-font-apply span,
.ada-controlled.readable-font-apply i,
.ada-controlled.readable-font-apply em,
.ada-controlled.readable-font-apply a,
.ada-controlled.readable-font-apply li,
.ada-controlled.readable-font-apply label,
.ada-controlled.readable-font-apply input,
.ada-controlled.readable-font-apply strong,
.ada-controlled.readable-font-apply h1,
.ada-controlled.readable-font-apply h2,
.ada-controlled.readable-font-apply h3,
.ada-controlled.readable-font-apply h4,
.ada-controlled.readable-font-apply h5,
.ada-controlled.readable-font-apply h6 {
	font-weight: 900!important;
}

.ada-controlled.align-center-apply p,
.ada-controlled.align-center-apply span,
.ada-controlled.align-center-apply i,
.ada-controlled.align-center-apply em,
.ada-controlled.align-center-apply a,
.ada-controlled.align-center-apply li,
.ada-controlled.align-center-apply label,
.ada-controlled.align-center-apply input,
.ada-controlled.align-center-apply strong,
.ada-controlled.align-center-apply h1,
.ada-controlled.align-center-apply h2,
.ada-controlled.align-center-apply h3,
.ada-controlled.align-center-apply h4,
.ada-controlled.align-center-apply h5,
.ada-controlled.align-center-apply h6 {
	text-align: center!important;
}

.ada-controlled.align-center-apply #menu-footer-menu.fusion-menu-element-list > li > a {
	justify-content: center!important;
}

.ada-controlled.align-right-apply p,
.ada-controlled.align-right-apply span,
.ada-controlled.align-right-apply i,
.ada-controlled.align-right-apply em,
.ada-controlled.align-right-apply a,
.ada-controlled.align-right-apply li,
.ada-controlled.align-right-apply label,
.ada-controlled.align-right-apply input,
.ada-controlled.align-right-apply strong,
.ada-controlled.align-right-apply h1,
.ada-controlled.align-right-apply h2,
.ada-controlled.align-right-apply h3,
.ada-controlled.align-right-apply h4,
.ada-controlled.align-right-apply h5,
.ada-controlled.align-right-apply h6 {
	text-align: right!important;
}

.ada-controlled.align-right-apply #menu-footer-menu.fusion-menu-element-list > li > a {
	justify-content: end!important;
}

.ada-controlled.highlight-menu-apply #menu-mainmenu li a {
	outline: solid 2px rgba(255,114,22,.5);
	outline-offset: -4px;
}

.ada-controlled.highlight-titles-apply h1,
.ada-controlled.highlight-titles-apply h2,
.ada-controlled.highlight-titles-apply h3,
.ada-controlled.highlight-titles-apply h4,
.ada-controlled.highlight-titles-apply h5,
.ada-controlled.highlight-titles-apply h6 {
	outline: solid 2px rgba(66,179,108,0.75);
}

.ada-controlled a.fusion-button {
	outline: solid 0px rgba(66,179,108,0.75);
	outline-offset: 4px;
}

.ada-controlled.highlight-buttons-apply a.fusion-button {
	outline: solid 2px rgba(66,179,108,0.75);
	outline-offset: 4px;
}

.ada-controlled.dark-mode-apply header,
.ada-controlled.dark-mode-apply footer  {
	background: #000000!important;
}

.ada-controlled.dark-mode-apply header div,
.ada-controlled.dark-mode-apply header section,
.ada-controlled.dark-mode-apply header nav,
.ada-controlled.dark-mode-apply header main,
.ada-controlled.dark-mode-apply footer div,
.ada-controlled.dark-mode-apply footer section,
.ada-controlled.dark-mode-apply footer nav,
.ada-controlled.dark-mode-apply footer main {
	background: #000000!important;
}

body.dark-mode-apply .ada-controlled div,
body.dark-mode-apply .ada-controlled section,
body.dark-mode-apply .ada-controlled nav,
body.dark-mode-apply .ada-controlled main {
	background: #000000!important;
}

.ada-controlled.dark-mode-apply .post-content > .fusion-fullwidth.ada-header,
.ada-controlled.dark-mode-apply .post-content > .fusion-fullwidth.ada-footer  {
	background: #000000!important;
}

.ada-controlled.dark-mode-apply header .ada-dark-apply,
.ada-controlled.dark-mode-apply footer .ada-dark-apply {
	background: #000000!important;
}

.ada-controlled.dark-mode-apply .post-content > .fusion-fullwidth.ada-header .ada-dark-apply,
.ada-controlled.dark-mode-apply .post-content > .fusion-fullwidth.ada-footer .ada-dark-apply {
	background: #000000!important;
}

.ada-controlled.dark-mode-apply footer.fusion-footer-widget-area,
.ada-controlled.dark-mode-apply footer.fusion-footer-copyright-area {
	background: #000000!important;
}

.ada-controlled.dark-mode-apply p,
.ada-controlled.dark-mode-apply span,
.ada-controlled.dark-mode-apply i,
.ada-controlled.dark-mode-apply em,
.ada-controlled.dark-mode-apply a,
.ada-controlled.dark-mode-apply li,
.ada-controlled.dark-mode-apply label,
.ada-controlled.dark-mode-apply input,
.ada-controlled.dark-mode-apply strong,
.ada-controlled.dark-mode-apply h1,
.ada-controlled.dark-mode-apply h2,
.ada-controlled.dark-mode-apply h3,
.ada-controlled.dark-mode-apply h4,
.ada-controlled.dark-mode-apply h5,
.ada-controlled.dark-mode-apply h6 {
	color: #ffffff!important;
	background: #000000!important;
}

body header.dark-mode-apply,
body header div.dark-mode-apply,
body header section.dark-mode-apply,
body header nav.dark-mode-apply,
body header main.dark-mode-apply,
body .ada-header.dark-mode-apply,
body .ada-header div.dark-mode-apply {
	background: #000000!important;
}

body footer.dark-mode-apply,
body footer div.dark-mode-apply,
body footer section.dark-mode-apply,
body footer nav.dark-mode-apply,
body footer main.dark-mode-apply,
body .ada-header.dark-mode-apply,
body .ada-header div.dark-mode-apply {
	background: #000000!important;
}

body.dark-mode-apply,
body .ada-controlled header.dark-mode-apply,
body .ada-controlled footer.dark-mode-apply,
body .ada-controlled div.dark-mode-apply,
body .ada-controlled section.dark-mode-apply,
body .ada-controlled nav.dark-mode-apply,
body .ada-controlled main.dark-mode-apply {
	background: #000000!important;
}

.ada-controlled.light-mode-apply header,
.ada-controlled.light-mode-apply footer  {
	background: #ffffff!important;
}

.ada-controlled.light-mode-apply header div,
.ada-controlled.light-mode-apply header section,
.ada-controlled.light-mode-apply header nav,
.ada-controlled.light-mode-apply header main,
.ada-controlled.light-mode-apply footer div,
.ada-controlled.light-mode-apply footer section,
.ada-controlled.light-mode-apply footer nav,
.ada-controlled.light-mode-apply footer main {
	background: #ffffff!important;
}

body.light-mode-apply .ada-controlled div,
body.light-mode-apply .ada-controlled section,
body.light-mode-apply .ada-controlled nav,
body.light-mode-apply .ada-controlled main {
	background: #ffffff!important;
}

.ada-controlled.light-mode-apply .post-content > .fusion-fullwidth.ada-header,
.ada-controlled.light-mode-apply .post-content > .fusion-fullwidth.ada-footer  {
	background: #ffffff!important;
}

.ada-controlled.light-mode-apply header .ada-light-apply,
.ada-controlled.light-mode-apply footer .ada-light-apply {
	background: #ffffff!important;
}

.ada-controlled.light-mode-apply .post-content > .fusion-fullwidth.ada-header .ada-light-apply,
.ada-controlled.light-mode-apply .post-content > .fusion-fullwidth.ada-footer .ada-light-apply {
	background: #ffffff!important;
}

.ada-controlled.light-mode-apply footer.fusion-footer-widget-area,
.ada-controlled.light-mode-apply footer.fusion-footer-copyright-area {
	background: #ffffff!important;
}

.ada-controlled.light-mode-apply p,
.ada-controlled.light-mode-apply span,
.ada-controlled.light-mode-apply i,
.ada-controlled.light-mode-apply em,
.ada-controlled.light-mode-apply a,
.ada-controlled.light-mode-apply li,
.ada-controlled.light-mode-apply label,
.ada-controlled.light-mode-apply input,
.ada-controlled.light-mode-apply strong,
.ada-controlled.light-mode-apply h1,
.ada-controlled.light-mode-apply h2,
.ada-controlled.light-mode-apply h3,
.ada-controlled.light-mode-apply h4,
.ada-controlled.light-mode-apply h5,
.ada-controlled.light-mode-apply h6 {
	color: #000000!important;
	background: #ffffff!important;
}

body header.light-mode-apply,
body header div.light-mode-apply,
body header section.light-mode-apply,
body header nav.light-mode-apply,
body header main.light-mode-apply,
body .ada-header.light-mode-apply,
body .ada-header div.light-mode-apply {
	background: #ffffff!important;
}

body footer.light-mode-apply,
body footer div.light-mode-apply,
body footer section.light-mode-apply,
body footer nav.light-mode-apply,
body footer main.light-mode-apply,
body .ada-header.light-mode-apply,
body .ada-header div.light-mode-apply {
	background: #ffffff!important;
}

body.light-mode-apply,
body .ada-controlled header.light-mode-apply,
body .ada-controlled footer.light-mode-apply,
body .ada-controlled div.light-mode-apply,
body .ada-controlled section.light-mode-apply,
body .ada-controlled nav.light-mode-apply,
body .ada-controlled main.light-mode-apply {
	background: #ffffff!important;
}

body.page-id-9591 .fusion-menu-element-wrapper.collapse-enabled.mobile-size-full-absolute:not(.mobile-mode-always-expanded).expanded > ul {
    max-height: 100vh;
}

.footer-menu {

}

.footer-menu ul#menu-footer-menu {

}

.footer-menu ul#menu-footer-menu li {
	height: 34px;
	line-height: 34px;
}

.footer-menu ul#menu-footer-menu li a {
	height: 34px;
	line-height: 34px;
	padding: 0px!important;
	max-height: 34px;
	min-height: 34px;
}

.header-menu nav.fusion-menu-element-wrapper {
	justify-content: flex-end!important;
}

body.page-id-9679 .fusion-secondary-header {
	background: #000000;
}

/*
 *Mobile Responsiveness
 */

@media only screen and (max-width: 1024px) {
	.header-logo span.fusion-imageframe {
		position: relative;
		top: 4px;
	}

	button.avada-menu-mobile-menu-trigger {
		position: relative;
		left: 20px;
		top: -4px;
	}

	.ada-popup {
		position: absolute;
		width: 300px;
		left: calc(50% - 150px);
		background: #fbfbfb;
		z-index: -1;
		bottom: 0px;
		border-radius: 14px;
		overflow: hidden;
		border-bottom: 20px solid #146FF8;
		opacity: 0;
	}

	.ada-popup.show {
		position: absolute;
		width: 300px;
		left: calc(50% - 150px);
		background: #fbfbfb;
		z-index: 99999999;
		bottom: 50px;
		border-radius: 14px;
		overflow: hidden;
		border-bottom: 20px solid #146FF8;
		opacity: 1;
	}
}


@media only screen and (max-width: 640px) {
	.ada-controlled h1.title-heading-left span {
		font-size: 42px!important;
		line-height: 42px!important;
	}
}
/* Coupon Container Styling - Added 2025-09-05 */
/* Match coupon container width to cart totals */
.cart-collaterals .cart_totals,
.cart-collaterals .cross-sells {
    width: 100%;
    max-width: 100%;
}

/* Style the promotional code section to match cart totals */
.cart-collaterals h2,
.cart-collaterals .woocommerce-form-coupon-toggle,
.cart-collaterals .checkout-coupon,
.cart-collaterals form.checkout_coupon {
    width: 100%;
}

/* Ensure coupon form takes full width */
.woocommerce-cart .cart-collaterals .checkout-coupon {
    width: 100%;
    margin-bottom: 2em;
}

/* Style coupon input and button to match */
.woocommerce-cart .checkout-coupon input[type="text"] {
    width: calc(100% - 120px);
    display: inline-block;
    margin-right: 10px;
}

.woocommerce-cart .checkout-coupon button {
    width: auto;
    min-width: 100px;
    display: inline-block;
}

/* If using a two-column layout, ensure both sections have same width */
.woocommerce-cart .cart-collaterals {
    width: 100%;
}

.woocommerce-cart .cart-collaterals > * {
    width: 100%;
    max-width: 100%;
    float: none;
}

/* Specific styling for "Have A Promotional Code?" section */
.cart-collaterals h2:contains("Promotional"),
.cart-collaterals h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

/* Ensure consistent spacing */
.cart-collaterals > div {
    margin-bottom: 30px;
}

/* Make coupon field and button align nicely */
.woocommerce-cart form.checkout_coupon {
    display: flex;
    gap: 10px;
    align-items: center;
}

.woocommerce-cart form.checkout_coupon input#coupon_code {
    flex: 1;
    margin: 0;
}

.woocommerce-cart form.checkout_coupon button {
    flex: 0 0 auto;
    margin: 0;
}
/* Hide coupon field on checkout page */
/* Hide coupon field on checkout page while preserving layout */
.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none !important;
}

.woocommerce-checkout .checkout_coupon {
    display: none !important;
}

/* Hide the "Have A Promotional Code?" section completely */
.woocommerce-checkout h2:contains("Promotional"),
.woocommerce-checkout .coupon-form,
.woocommerce-checkout .checkout-coupon,
.woocommerce-checkout form.checkout_coupon,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .showcoupon {
    display: none !important;
}

/* Target the promotional code container specifically */
.col-2 > div:has(h2:contains("Promotional")),
.col-2 > div:has(input#coupon_code),
.col-2 > .checkout-coupon,
.col-2 > form.checkout_coupon {
    display: none !important;
}

/* Ensure proper spacing is maintained between sections */
.woocommerce-checkout .woocommerce-billing-fields {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}

.woocommerce-checkout #order_review_heading {
    margin-top: 0 !important;
}

/* Additional specific selectors for the coupon area */
.woocommerce-checkout .col-2 > *:has(input[name="coupon_code"]),
.woocommerce-checkout .col-2 > *:has(button[name="apply_coupon"]) {
    display: none !important;
}

/* Hide any element that contains coupon-related text or classes */
[class*="coupon"]:not(.woocommerce-remove-coupon):not(.cart-discount),
[id*="coupon"]:not(.woocommerce-remove-coupon):not(.cart-discount) {
    display: none !important;
}

/* But keep coupon discounts visible in order review */
.woocommerce-checkout .cart-discount {
    display: table-row !important;
}

/* Hide Save to Account checkbox - causes errors */
/* Hide Save to Account checkbox on checkout */
.woocommerce-checkout .woocommerce-SavedPaymentMethods-saveNew,
.woocommerce-checkout #wc-stripe-new-payment-method,
.woocommerce-checkout .wc-stripe-save-payment-method-checkbox,
.woocommerce-checkout input#wc-eh_stripe_pay-new-payment-method,
.woocommerce-checkout label[for="wc-eh_stripe_pay-new-payment-method"],
.woocommerce-checkout .save-payment-method,
.woocommerce-checkout .woocommerce-SavedPaymentMethods,
.woocommerce-checkout input[name="wc-eh_stripe_pay-new-payment-method"],
.woocommerce-checkout input[name="save_payment_method"],
.woocommerce-checkout input[name="wc-stripe-new-payment-method"],
.woocommerce-checkout p:has(input[name="wc-eh_stripe_pay-new-payment-method"]),
.woocommerce-checkout p:has(input#save_to_account),
.woocommerce-checkout #save_to_account,
.woocommerce-checkout label[for="save_to_account"],
.woocommerce-checkout .form-row:has(#save_to_account) {
    display: none !important;
}

/* Additional selectors for different Stripe versions */
.woocommerce-checkout .payment_method_eh_stripe_pay .save-payment-method,
.woocommerce-checkout .payment_method_stripe .save-payment-method,
.woocommerce-checkout .wc-payment-form .form-row:has(input[type="checkbox"][name*="save"]),
.woocommerce-checkout .wc-payment-form .form-row:has(input[type="checkbox"][name*="payment-method"]) {
    display: none !important;
}

/* Fix: Show payment fields while hiding save checkbox */
/* Remove the overly broad CSS that hides payment fields */
/* Show credit card fields explicitly */
.woocommerce-checkout #eh_stripe_pay_card-element,
.woocommerce-checkout #stripe-card-element,
.woocommerce-checkout .wc-credit-card-form,
.woocommerce-checkout .payment_box,
.woocommerce-checkout .wc-payment-form,
.woocommerce-checkout #eh_stripe_pay_card-container,
.woocommerce-checkout .stripe-card-group,
.woocommerce-checkout .form-row:has(#eh_stripe_pay_card-element),
.woocommerce-checkout .form-row:has(.stripe-card-element),
.woocommerce-checkout input[name="eh_stripe_pay_card"],
.woocommerce-checkout iframe[name*="stripe"],
.woocommerce-checkout .__PrivateStripeElement {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Only hide the specific save checkbox, not payment fields */
.woocommerce-checkout .form-row.save-payment-method,
.woocommerce-checkout .form-row:has(#wc-eh_stripe_pay-new-payment-method):has(label:contains("Save")),
.woocommerce-checkout p.form-row:has(input#save_to_account) {
    display: none !important;
}

/* Ensure Stripe elements are visible */
.woocommerce-checkout .payment_method_eh_stripe_pay .form-row:not(.save-payment-method) {
    display: block !important;
}

/* Reset any hidden form rows that contain actual payment inputs */
.woocommerce-checkout .payment_box .form-row {
    display: block !important;
}

/* But still hide the save checkbox specifically */
.woocommerce-checkout input#wc-eh_stripe_pay-new-payment-method,
.woocommerce-checkout label[for="wc-eh_stripe_pay-new-payment-method"] {
    display: none !important;
}