.bg--dark :where(.h--1, .h--2, .h--3, .h--4, .h--5, .h--6) { --heading-color: var(--bg-dark-heading); --h1-color: var(--bg-dark-heading); --h2-color: var(--bg-dark-heading); --h3-color: var(--bg-dark-heading); --h4-color: var(--bg-dark-heading); --h5-color: var(--bg-dark-heading); --h6-color: var(--bg-dark-heading); color: var(--bg-dark-heading); } .text--primary { color: var(--primary) !important; } .badge { padding: .4em 1em; background: var(--bg-light); border-radius: 50vw; color: var(--text-dark); } .badge--s { font-size: var(--text-s); } .badge--accent { background: var(--accent); color: white; } .btn--l { font-size: 1.1rem !important; } body.basic-header #brx-header { position: static !important; background: var(--primary) !important; } .h--2.text--uppercase { line-height: 1.35; } @keyframes fadeInSubtle { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } main .brx-animate-fadeIn, .brx-popup .brx-animate-fadeIn { animation-name: fadeInSubtle !important; } .brx-animated.stagger { animation: none !important; } .brx-animated.stagger>div { animation: fadeInSubtle 1s both; } .brx-animated.stagger>div:nth-child(2) { animation-delay: 0.2s; } .brx-animated.stagger>div:nth-child(3) { animation-delay: 0.3s; } .brx-animated.stagger>div:nth-child(4) { animation-delay: 0.4s; } .brx-animated.stagger>div:nth-child(5) { animation-delay: 0.5s; } .brx-animated.stagger>div:nth-child(6) { animation-delay: 0.6s; } .brx-animated.stagger>div:nth-child(7) { animation-delay: 0.7s; } .brx-animated.stagger>div:nth-child(8) { animation-delay: 0.8s; } .brx-animated.stagger>div:nth-child(9) { animation-delay: 0.9s; } .brx-animated.stagger>div:nth-child(10) { animation-delay: 1s; }