Create an Account2026-05-06T08:52:06-04:00
.mm-donate-widget,
.mm-donate-widget *,
.mm-donate-menu,
.mm-donate-menu * {
box-sizing: border-box;
}
.mm-donate-widget {
--mm-green: #00ff88;
--mm-green-soft: rgba(0, 255, 136, 0.18);
--mm-green-border: rgba(0, 255, 136, 0.45);
--mm-bg: #071007;
--mm-panel: rgba(8, 18, 10, 0.96);
--mm-text: #ffffff;
--mm-muted: rgba(255, 255, 255, 0.72);
position: relative !important;
width: 100%;
max-width: 390px;
margin: 0 auto;
font-family: inherit;
z-index: 2147483646 !important;
overflow: visible !important;
}
.mm-donate-trigger {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
background:
radial-gradient(circle at top left, rgba(0, 255, 136, 0.22), transparent 38%),
linear-gradient(135deg, #050805, #0c180d 52%, #050805);
color: var(--mm-text);
border: 1px solid var(--mm-green-border);
border-radius: 16px;
padding: 14px 16px;
cursor: pointer;
box-shadow:
0 0 0 1px rgba(255, 255, 255, 0.04) inset,
0 12px 30px rgba(0, 0, 0, 0.28),
0 0 24px rgba(0, 255, 136, 0.18);
transition:
transform 0.22s ease,
border-color 0.22s ease,
box-shadow 0.22s ease,
background 0.22s ease;
}
.mm-donate-trigger:hover,
.mm-donate-trigger:focus {
transform: translateY(-1px);
border-color: var(--mm-green);
box-shadow:
0 0 0 1px rgba(0, 255, 136, 0.18) inset,
0 14px 34px rgba(0, 0, 0, 0.34),
0 0 34px rgba(0, 255, 136, 0.32);
outline: none;
}
.mm-donate-trigger-left {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
text-align: left;
}
.mm-donate-main-icon {
width: 42px;
height: 42px;
flex: 0 0 42px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: rgba(0, 255, 136, 0.12);
color: var(--mm-green);
border: 1px solid rgba(0, 255, 136, 0.35);
font-size: 21px;
text-shadow: 0 0 12px rgba(0, 255, 136, 0.7);
}
.mm-donate-title,
.mm-donate-subtitle {
display: block;
line-height: 1.25;
}
.mm-donate-title {
font-size: 16px;
font-weight: 800;
letter-spacing: 0.2px;
}
.mm-donate-subtitle {
margin-top: 2px;
font-size: 13px;
color: var(--mm-muted);
font-weight: 500;
}
.mm-donate-chevron {
display: inline-flex;
color: var(--mm-green);
transition: transform 0.22s ease;
}
.mm-donate-widget.is-open .mm-donate-chevron {
transform: rotate(180deg);
}
.mm-donate-menu {
--mm-green: #00ff88;
--mm-green-border: rgba(0, 255, 136, 0.45);
--mm-text: #ffffff;
--mm-muted: rgba(255, 255, 255, 0.72);
position: fixed !important;
width: 390px;
background:
linear-gradient(180deg, rgba(10, 24, 12, 0.98), rgba(5, 9, 5, 0.98));
border: 1px solid var(--mm-green-border);
border-radius: 16px;
padding: 8px;
overflow: hidden;
box-shadow:
0 22px 50px rgba(0, 0, 0, 0.42),
0 0 28px rgba(0, 255, 136, 0.18);
opacity: 0;
transform: translateY(-8px) scale(0.98);
pointer-events: none;
visibility: hidden;
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0.2s ease;
z-index: 2147483647 !important;
}
.mm-donate-menu.is-open {
opacity: 1;
transform: translateY(0) scale(1);
pointer-events: auto;
visibility: visible;
}
.mm-donate-option {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 13px 12px;
border-radius: 12px;
color: var(--mm-text);
text-decoration: none !important;
transition:
background 0.18s ease,
transform 0.18s ease,
color 0.18s ease;
}
.mm-donate-option:hover,
.mm-donate-option:focus {
background: rgba(0, 255, 136, 0.12);
color: var(--mm-text);
transform: translateX(3px);
outline: none;
}
.mm-donate-option-icon {
width: 38px;
height: 38px;
flex: 0 0 38px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 13px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(0, 255, 136, 0.22);
color: var(--mm-green);
font-weight: 900;
font-size: 17px;
}
.mm-donate-option-text {
min-width: 0;
flex: 1;
}
.mm-donate-option-text strong,
.mm-donate-option-text small {
display: block;
line-height: 1.25;
}
.mm-donate-option-text strong {
color: #ffffff;
font-size: 15px;
font-weight: 800;
}
.mm-donate-option-text small {
margin-top: 3px;
color: var(--mm-muted);
font-size: 12.5px;
}
.mm-donate-option-arrow {
color: var(--mm-green);
font-size: 18px;
opacity: 0.75;
transition: transform 0.18s ease, opacity 0.18s ease;
}
.mm-donate-option:hover .mm-donate-option-arrow,
.mm-donate-option:focus .mm-donate-option-arrow {
transform: translateX(3px);
opacity: 1;
}
.mm-donate-widget::after {
content: "";
position: absolute;
inset: -2px;
border-radius: 18px;
pointer-events: none;
background: linear-gradient(
120deg,
transparent,
rgba(0, 255, 136, 0.18),
transparent
);
opacity: 0;
transition: opacity 0.25s ease;
}
.mm-donate-widget:hover::after,
.mm-donate-widget.is-open::after {
opacity: 1;
}
@media (max-width: 480px) {
.mm-donate-widget {
max-width: 100%;
margin: 0 auto;
}
.mm-donate-trigger {
padding: 13px 14px;
}
.mm-donate-title {
font-size: 15px;
}
.mm-donate-subtitle {
font-size: 12.5px;
}
}
@media (prefers-reduced-motion: reduce) {
.mm-donate-trigger,
.mm-donate-chevron,
.mm-donate-menu,
.mm-donate-option,
.mm-donate-option-arrow,
.mm-donate-widget::after {
transition: none;
}
}
(function () {
"use strict";
var activeDonationWidget = null;
function getMenuForWidget(widget) {
var menuId = widget.getAttribute("data-mm-donate-menu-id");
return menuId ? document.getElementById(menuId) : null;
}
function positionDonationMenu(widget, menu) {
if (!widget || !menu) {
return;
}
var trigger = widget.querySelector(".mm-donate-trigger");
if (!trigger) {
return;
}
var rect = trigger.getBoundingClientRect();
var gap = 10;
var viewportPadding = 12;
var viewportWidth = window.innerWidth || document.documentElement.clientWidth;
var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
var menuWidth = Math.min(rect.width, viewportWidth - viewportPadding * 2);
var left = rect.left;
if (left + menuWidth > viewportWidth - viewportPadding) {
left = viewportWidth - menuWidth - viewportPadding;
}
if (left viewportHeight - viewportPadding) {
var aboveTop = rect.top - menuRect.height - gap;
if (aboveTop > viewportPadding) {
menu.style.top = aboveTop + "px";
}
}
}
function closeDonationWidget(widget) {
if (!widget) {
return;
}
var trigger = widget.querySelector(".mm-donate-trigger");
var menu = getMenuForWidget(widget);
widget.classList.remove("is-open");
if (trigger) {
trigger.setAttribute("aria-expanded", "false");
}
if (menu) {
menu.classList.remove("is-open");
}
if (activeDonationWidget === widget) {
activeDonationWidget = null;
}
}
function closeAllDonationMenus(exceptWidget) {
document.querySelectorAll("[data-mm-donate].is-open").forEach(function (widget) {
if (widget !== exceptWidget) {
closeDonationWidget(widget);
}
});
}
function openDonationWidget(widget) {
var trigger = widget.querySelector(".mm-donate-trigger");
var menu = getMenuForWidget(widget);
if (!trigger || !menu) {
return;
}
closeAllDonationMenus(widget);
widget.classList.add("is-open");
menu.classList.add("is-open");
trigger.setAttribute("aria-expanded", "true");
activeDonationWidget = widget;
positionDonationMenu(widget, menu);
}
function toggleDonationWidget(widget) {
if (widget.classList.contains("is-open")) {
closeDonationWidget(widget);
} else {
openDonationWidget(widget);
}
}
function initDonationDropdowns() {
var widgets = document.querySelectorAll("[data-mm-donate]");
widgets.forEach(function (widget, index) {
if (widget.dataset.mmDonateReady === "true") {
return;
}
widget.dataset.mmDonateReady = "true";
var trigger = widget.querySelector(".mm-donate-trigger");
var menu = widget.querySelector(".mm-donate-menu");
var options = menu ? menu.querySelectorAll(".mm-donate-option") : [];
if (!trigger || !menu) {
return;
}
var menuId = "mm-donate-menu-" + Date.now() + "-" + index;
menu.id = menuId;
widget.setAttribute("data-mm-donate-menu-id", menuId);
trigger.setAttribute("aria-controls", menuId);
/*
Move the dropdown menu to body.
This is the important part that helps it escape Avada containers,
z-index conflicts, and overflow clipping.
*/
document.body.appendChild(menu);
trigger.addEventListener("click", function (event) {
event.preventDefault();
event.stopPropagation();
toggleDonationWidget(widget);
});
trigger.addEventListener("keydown", function (event) {
if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
event.preventDefault();
openDonationWidget(widget);
if (options.length) {
options[0].focus();
}
}
if (event.key === "Escape") {
event.preventDefault();
closeDonationWidget(widget);
trigger.focus();
}
});
options.forEach(function (option, optionIndex) {
option.addEventListener("keydown", function (event) {
if (event.key === "Escape") {
event.preventDefault();
closeDonationWidget(widget);
trigger.focus();
}
if (event.key === "ArrowDown") {
event.preventDefault();
var nextOption = options[optionIndex + 1] || options[0];
nextOption.focus();
}
if (event.key === "ArrowUp") {
event.preventDefault();
var previousOption = options[optionIndex - 1] || options[options.length - 1];
previousOption.focus();
}
});
});
});
}
document.addEventListener("click", function (event) {
var clickedWidget = event.target.closest("[data-mm-donate]");
var clickedMenu = event.target.closest(".mm-donate-menu");
if (!clickedWidget && !clickedMenu) {
closeAllDonationMenus(null);
}
});
document.addEventListener("keydown", function (event) {
if (event.key === "Escape") {
closeAllDonationMenus(null);
}
});
window.addEventListener("resize", function () {
if (activeDonationWidget) {
positionDonationMenu(activeDonationWidget, getMenuForWidget(activeDonationWidget));
}
});
window.addEventListener("scroll", function () {
if (activeDonationWidget) {
positionDonationMenu(activeDonationWidget, getMenuForWidget(activeDonationWidget));
}
}, true);
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", initDonationDropdowns);
} else {
initDonationDropdowns();
}
})();
We speak your language:Â
I earn from qualifying purchases as an Amazon Associate. Support keeps the site running â I only recommend what I use and trust.
Copyright © 1993 â 2026 Bernard Aybout’s MiltonMarketing and No-Name Software inc. All rights reserved worldwide. | Site-Map