.logoCenter{ display:block; margin-left:auto; margin-right:auto; } .navbar{ height:auto; --bs-navbar-padding-y: 0rem; } a{ text-decoration:none; color:inherit; } .pageContent{ margin-top: 0px; } .navbar-nav { --bs-nav-link-color: var(--clr-text-muted); --bs-nav-link-hover-color: var(--clr-text); --bs-nav-link-disabled-color: var(--clr-text-muted); } .text-primary{ color: var(--clr-text) !important; } .moduleHeader{ margin-top: 10px; margin-bottom: 30px; margin-left: auto; margin-right: auto; text-align: center; } .moduleTopDonator{ color: var(--clr-text-muted); text-align: center; margin-left: auto; margin-right: auto; } .modulePayments{ color: var(--clr-text-muted); text-align: center; margin-left: auto; margin-right: auto; } .modulePayments-Data{ margin-top: 20px; } .package-card { background: var(--clr-surface); border-color: var(--clr-border) !important; box-shadow: var(--lrp-shadow); } .package-card-price { font-size: 0.75rem; color: var(--clr-text-muted); } .package-card-name { font-size: 1rem; color: var(--clr-text); } .package-card-button { float: right; } /* Put modal above any theme overlays/backdrops */ .modal, .modal.show { z-index: 10050 !important; } .modal-backdrop, .modal-backdrop.show { z-index: 10040 !important; } /* Optional: let clicks pass through the backdrop (but NOT the modal) */ .modal-backdrop { pointer-events: none !important; } /* Make sure modal is above anything else */ .modal, .modal.show { z-index: 11000 !important; } .modal-backdrop, .modal-backdrop.show { z-index: 10990 !important; } /* Kill any global dimming the theme applies when a modal is open */ body.modal-open { filter: none !important; /* cancels brightness/blur/etc */ opacity: 1 !important; /* cancels opacity tricks */ } /* Many themes add a veil as a pseudo-element on body or a wrapper */ body.modal-open::before, body.modal-open::after, .layout-overlay, .page-overlay, .site-overlay, .theme-overlay, .dark-overlay { display: none !important; /* or set a lower z-index if you prefer */ } /* Ensure the modal itself is not being dimmed */ .modal, .modal-content { filter: none !important; opacity: 1 !important; } /* Ensure the modal itself is not being dimmed */ .modal-content { border: var(--bs-modal-border-width) solid var(--clr-bg); box-shadow: var(--lrp-shadow); background-color: var(--clr-surface); } /* normal stacking order is enough once the modal is on */ .modal, .modal.show { z-index: 1065 !important; } .modal-backdrop, .modal-backdrop.show { z-index: 1060 !important; } /* The theme is dimming the whole page when a modal opens. Reset that on everything except the Bootstrap backdrop and the modal. */ body.modal-open > :not(.modal):not(.modal-backdrop) { filter: none !important; opacity: 1 !important; } /* Make sure we didn’t accidentally disable outside-click closing earlier */ .modal-backdrop { pointer-events: auto !important; } .btn-primary{ background: var(--clr-primary); border:0; color:#fff; --bs-btn-color: #fff; --bs-btn-bg: var(--clr-primary); --bs-btn-border-color: var(--clr-primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--clr-primary-hover); --bs-btn-hover-border-color: var(--clr-primary-hover); --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--clr-primary-hover); --bs-btn-active-border-color: var(--clr-primary-hover); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--clr-primary-hover); --bs-btn-disabled-border-color: var(--clr-primary-hover); } .dropdown-menu{ background: var(--clr-surface); border-color: var(--clr-bg); box-shadow: var(--lrp-shadow); } .dropdown-item{ color: var(--clr-text-muted); } .dropdown-item:hover, .dropdown-item:focus { color: var(--clr-text); background-color: var(--clr-primary-hover); }