Join 2,000,000+ Professionals who use WPCode to Future-Proof Their Websites!
.hero-section { text-align: center; padding-bottom: 6rem; } @media (max-width: 849px) { .hero-section { padding-bottom: 4rem; } .hero-section h1 { font-size: 38.25px; } } .pill-label { display: inline-block; font-size: 0.875rem; font-weight: 500; padding: 0.4rem 0.9rem; border-radius: 9999px; } .icon-wrapper { background-color:…Continue reading
.ib_gradient-bg { background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), radial-gradient(68% 58% at 50% 50%, #c81e3a 0%, #a51d35 16%, #7d1a2f 32%, #591828 46%, #3c1722 60%, #2a151d 72%, #1f1317 84%, #141013 94%, #0a0a0a 100%), radial-gradient(90% 75% at 50% 50%, rgba(228,42,66,0.06) 0%, rgba(228,42,66,0) 55%), radial-gradient(150% 120%…Continue reading
.glass-shard { /* Glass effect */ background: rgba(255, 255, 255, 0.18); backdrop-filter: blur(9.8px); -webkit-backdrop-filter: blur(9.8px); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); z-index:99; border-radius: 11px; z-index:98; } .glass-shard:hover { transform: translateY(-6px); /* lifts up slightly */ box-shadow: 0 2px…Continue reading
.btn, button { background-color: lightgreen; }Continue reading
/* ========================================================= TYPOGRAPHY FOUNDATION Author: Piers Berry – Load Google Fonts in HTML (see demo HTML) – Keep this file CSS-only (no @import or here) ========================================================= */ /* ———————– 1) Design Tokens ———————– */ :root{ /* Spacing scale (16–24px baseline)…Continue reading
/* =============== FONTS (WOFF2) =============== */ /* — Sohne (Sans) from child theme — */ @font-face { font-family:’Sohne’; src:url(‘/wp-content/themes/Artillery-Divi-Child/webfonts/soehne-400-buch.woff2’) format(‘woff2′); font-weight:400; font-style:normal; font-display:swap; } @font-face { font-family:’Sohne’; src:url(‘/wp-content/themes/Artillery-Divi-Child/webfonts/soehne-400-buch-kursiv.woff2’) format(‘woff2′); font-weight:400; font-style:italic; font-display:swap; } @font-face { font-family:’Sohne’; src:url(‘/wp-content/themes/Artillery-Divi-Child/webfonts/soehne-500-kraftig.woff2’) format(‘woff2′); font-weight:500; font-style:normal;…Continue reading
/* WATERFALL PULSE – Raver Dog Tales */ @keyframes waterfall-pulse { 0%, 100% { text-shadow: 0 0 6px rgba(255, 3, 230, 0.5), 0 0 12px rgba(255, 3, 230, 0.3); } 50% { text-shadow: 0 0 18px rgba(255, 3, 230, 0.9),…Continue reading
.ultp-post-view.ultp-block-meta-element { display: none !important; } .ultp-builder-content p { text-transform:none!important; line-height: 1.5; }Continue reading
.ultp-post-view.ultp-block-meta-element { display: none !important; }Continue reading
/* Lock page scroll when any mobile menu is open */ html.menu-open, body.menu-open { height: 100%; overflow: hidden; } /* Global dim backdrop (avoids per-menu stacking/context issues) */ @media (max-width: 980px) { body.menu-open::before { content: “”; position: fixed; inset: 0;…Continue reading