.elementor-35 .elementor-element.elementor-element-60e21d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-eb842e4{text-align:center;}.elementor-35 .elementor-element.elementor-element-eb842e4 .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:18px;font-weight:600;text-transform:capitalize;font-style:italic;color:#E46E6E;}.elementor-35 .elementor-element.elementor-element-a7f1403{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-b7ed731{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-fd08be3{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-35 .elementor-element.elementor-element-fd08be3.elementor-element{--align-self:flex-end;}.elementor-35 .elementor-element.elementor-element-569dec7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-e80797b{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-35 .elementor-element.elementor-element-e80797b .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:30px;font-weight:600;font-style:italic;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35 .elementor-element.elementor-element-1d03cb0 .elementor-button{background-color:#FF2E2E;font-family:"PT Sans", Sans-serif;font-size:20px;font-weight:500;border-style:double;}.elementor-35 .elementor-element.elementor-element-1d03cb0{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-35 .elementor-element.elementor-element-681582b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-d3a79f9{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-35 .elementor-element.elementor-element-d3a79f9 .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:30px;font-weight:600;font-style:italic;color:#000000;}.elementor-35 .elementor-element.elementor-element-ec4d646{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-e551e8e{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-35 .elementor-element.elementor-element-e551e8e .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:30px;font-weight:600;font-style:italic;color:#000000;}.elementor-35 .elementor-element.elementor-element-601cadd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-35 .elementor-element.elementor-element-601cadd .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:14px;font-weight:600;font-style:italic;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-1c4c9c1{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-7590f71{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-48d877b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-b433014{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-35 .elementor-element.elementor-element-b433014 .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:30px;font-weight:600;font-style:italic;color:#000000;}.elementor-35 .elementor-element.elementor-element-7138c12 .elementor-button{background-color:#FF2E2E;font-family:"PT Sans", Sans-serif;font-size:20px;font-weight:500;border-style:double;}.elementor-35 .elementor-element.elementor-element-7138c12{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-35 .elementor-element.elementor-element-ee8d3d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-6332f38 .elementor-button{background-color:#FF2E2E;font-family:"PT Sans", Sans-serif;font-size:20px;font-weight:500;border-style:double;}.elementor-35 .elementor-element.elementor-element-6332f38{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-35 .elementor-element.elementor-element-251114f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-d659ae3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-8764ac8{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-35 .elementor-element.elementor-element-8764ac8 .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:30px;font-weight:600;font-style:italic;color:#000000;}.elementor-35 .elementor-element.elementor-element-616f37e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-7528439{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-35 .elementor-element.elementor-element-7528439 .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:30px;font-weight:600;font-style:italic;color:#000000;}.elementor-35 .elementor-element.elementor-element-81879ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-35 .elementor-element.elementor-element-81879ee .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:14px;font-weight:600;font-style:italic;color:#000000;}.elementor-35 .elementor-element.elementor-element-c376b8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-35 .elementor-element.elementor-element-578774c{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-35 .elementor-element.elementor-element-578774c .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-35 .elementor-element.elementor-element-994a024 .elementor-button{background-color:#FF2E2E;font-family:"PT Sans", Sans-serif;font-size:20px;font-weight:500;border-style:double;}.elementor-35 .elementor-element.elementor-element-994a024{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-60e21d3{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-35 .elementor-element.elementor-element-eb842e4 .elementor-heading-title{font-size:14px;}.elementor-35 .elementor-element.elementor-element-a7f1403{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-35 .elementor-element.elementor-element-fd08be3.elementor-element{--align-self:center;}.elementor-35 .elementor-element.elementor-element-1d03cb0{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-35 .elementor-element.elementor-element-7590f71{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-35 .elementor-element.elementor-element-48d877b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-b433014{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-35 .elementor-element.elementor-element-7138c12{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-35 .elementor-element.elementor-element-6332f38{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-35 .elementor-element.elementor-element-251114f{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-35 .elementor-element.elementor-element-d659ae3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-994a024{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-b7ed731{--width:10%;}.elementor-35 .elementor-element.elementor-element-569dec7{--width:15%;}.elementor-35 .elementor-element.elementor-element-681582b{--width:40%;}.elementor-35 .elementor-element.elementor-element-ec4d646{--width:35%;}.elementor-35 .elementor-element.elementor-element-48d877b{--width:15100%;}.elementor-35 .elementor-element.elementor-element-d659ae3{--width:50%;}.elementor-35 .elementor-element.elementor-element-616f37e{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-35 .elementor-element.elementor-element-d659ae3{--width:70%;}.elementor-35 .elementor-element.elementor-element-616f37e{--width:30%;}}/* Start custom CSS *//* ================================================================ * AskBossWheel.com — Full Site Casino Polish v1.0 * Theme: Deep Space Navy × Electric Gold × Neon Accents * * HOW TO USE: * Elementor → top-right ☰ → Site Settings → Custom CSS * — OR — * WP Admin → Appearance → Customize → Additional CSS * ================================================================ */ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400&display=swap'); /* ---------------------------------------------------------------- 1. DESIGN TOKENS ---------------------------------------------------------------- */ :root { /* Core palette */ --abw-navy: #07090f; --abw-navy-mid: #0d1220; --abw-navy-card: #111827; --abw-navy-light: #1a2540; /* Gold family */ --abw-gold: #FFD700; --abw-gold-lt: #fff0a0; --abw-gold-dk: #b8860b; --abw-gold-glow: rgba(255, 215, 0, 0.45); /* Neon accents */ --abw-electric: #00e5ff; --abw-neon-green: #00ff88; --abw-neon-pink: #ff3cac; --abw-neon-purple: #bf5fff; --abw-purple: #7b2fff; --abw-purple-dk: #4f1ecc; /* Text */ --abw-text: #ffffff; --abw-text-soft: #fff; --abw-text-muted: #4b5563; /* Borders / surfaces */ --abw-border: rgba(255, 215, 0, 0.20); --abw-border-bright: rgba(255, 215, 0, 0.50); --abw-surface: rgba(255, 255, 255, 0.04); --abw-radius: 16px; } /* ---------------------------------------------------------------- 2. BODY — deep space background ---------------------------------------------------------------- */ html { scroll-behavior: smooth; } body { background-color: var(--abw-navy); background-image: /* Corner nebula glows */ radial-gradient(ellipse at 0% 0%, rgba(123, 47, 255, 0.30) 0%, transparent 50%), radial-gradient(ellipse at 100% 0%, rgba(0, 229, 255, 0.18) 0%, transparent 45%), radial-gradient(ellipse at 100% 100%, rgba(255, 60, 172, 0.22) 0%, transparent 48%), radial-gradient(ellipse at 0% 100%, rgba(255, 215, 0, 0.14) 0%, transparent 48%), radial-gradient(ellipse at 50% 50%, rgba(123, 47, 255, 0.08) 0%, transparent 70%); background-attachment: fixed; background-size: cover; color: var(--abw-text); font-family: 'Poppins', system-ui, sans-serif; position: relative; overflow-x: hidden; -webkit-font-smoothing: antialiased; } /* ---- Animated star field ---- */ body::before { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0; background-image: /* Gold stars */ radial-gradient(1.5px 1.5px at 5% 8%, rgba(255,215,0,0.80) 0%, transparent 100%), radial-gradient(1px 1px at 18% 22%, rgba(255,215,0,0.60) 0%, transparent 100%), radial-gradient(2px 2px at 32% 14%, rgba(255,215,0,0.55) 0%, transparent 100%), radial-gradient(1px 1px at 47% 4%, rgba(255,215,0,0.70) 0%, transparent 100%), radial-gradient(1.5px 1.5px at 60% 18%, rgba(255,215,0,0.55) 0%, transparent 100%), radial-gradient(1px 1px at 75% 9%, rgba(255,215,0,0.65) 0%, transparent 100%), radial-gradient(2px 2px at 88% 3%, rgba(255,215,0,0.50) 0%, transparent 100%), radial-gradient(1px 1px at 96% 25%, rgba(255,215,0,0.60) 0%, transparent 100%), /* Cyan stars */ radial-gradient(1px 1px at 12% 42%, rgba(0,229,255,0.65) 0%, transparent 100%), radial-gradient(1.5px 1.5px at 29% 58%, rgba(0,229,255,0.55) 0%, transparent 100%), radial-gradient(1px 1px at 55% 48%, rgba(0,229,255,0.50) 0%, transparent 100%), radial-gradient(2px 2px at 82% 38%, rgba(0,229,255,0.55) 0%, transparent 100%), /* Pink stars */ radial-gradient(1.5px 1.5px at 8% 72%, rgba(255,60,172,0.60) 0%, transparent 100%), radial-gradient(1px 1px at 38% 85%, rgba(255,60,172,0.50) 0%, transparent 100%), radial-gradient(2px 2px at 65% 76%, rgba(255,60,172,0.55) 0%, transparent 100%), radial-gradient(1px 1px at 90% 68%, rgba(255,60,172,0.45) 0%, transparent 100%), /* Green stars */ radial-gradient(1px 1px at 22% 95%, rgba(0,255,136,0.55) 0%, transparent 100%), radial-gradient(1.5px 1.5px at 50% 92%, rgba(0,255,136,0.50) 0%, transparent 100%), radial-gradient(1px 1px at 78% 88%, rgba(0,255,136,0.50) 0%, transparent 100%), /* Purple stars */ radial-gradient(1.5px 1.5px at 42% 34%, rgba(191,95,255,0.55) 0%, transparent 100%), radial-gradient(1px 1px at 70% 55%, rgba(191,95,255,0.45) 0%, transparent 100%), radial-gradient(2px 2px at 15% 60%, rgba(191,95,255,0.40) 0%, transparent 100%); animation: abw-stars-drift 28s linear infinite; } @keyframes abw-stars-drift { from { transform: translateY(0px); } to { transform: translateY(-80px); } } /* ---- Slow rotating neon gradient orbs in background ---- */ body::after { content: ''; position: fixed; width: 900px; height: 900px; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: conic-gradient( from 0deg, rgba(123,47,255,0.06) 0deg, rgba(0,229,255,0.06) 90deg, rgba(255,60,172,0.06) 180deg, rgba(255,215,0,0.05) 270deg, rgba(123,47,255,0.06) 360deg ); animation: abw-orb-spin 30s linear infinite; pointer-events: none; z-index: 0; filter: blur(40px); } @keyframes abw-orb-spin { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } } /* Ensure all real content sits above the background effects */ body > * { position: relative; z-index: 2; } #wpadminbar { z-index: 99999 !important; } /* ---------------------------------------------------------------- 3. TYPOGRAPHY ---------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .elementor-heading-title { font-family: 'Bebas Neue', 'Poppins', sans-serif; letter-spacing: 2px; color: var(--abw-text); } /* Main page headings — shimmering gold gradient */ .elementor-heading-title { background: linear-gradient(160deg, #fff8d4 0%, var(--abw-gold) 40%, #ffaa00 70%, var(--abw-gold-dk) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 22px rgba(255,215,0,0.45)); animation: abw-heading-shimmer 4s ease-in-out infinite; } @keyframes abw-heading-shimmer { 0%, 100% { filter: drop-shadow(0 0 18px rgba(255,215,0,0.40)); } 50% { filter: drop-shadow(0 0 32px rgba(255,215,0,0.75)); } } p, .elementor-widget-text-editor p, .elementor-text-editor p { color: var(--abw-text-soft); line-height: 1.75; } a { color: var(--abw-gold); text-decoration: none; transition: color 0.2s ease, text-shadow 0.2s ease; } a:hover { color: var(--abw-gold-lt); text-shadow: 0 0 10px rgba(255,215,0,0.5); } /* ---------------------------------------------------------------- 4. HEADER ---------------------------------------------------------------- */ header, .site-header, .elementor-location-header { background: rgba(7, 9, 15, 0.95) !important; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border-bottom: 1px solid var(--abw-border); box-shadow: 0 1px 0 rgba(255,215,0,0.08), 0 4px 30px rgba(0,0,0,0.6); position: sticky !important; top: 0; z-index: 1000; } /* Animated gold underline on header */ .elementor-location-header::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent 0%, var(--abw-purple) 20%, var(--abw-gold) 50%, var(--abw-electric) 80%, transparent 100%); animation: abw-header-line 4s ease-in-out infinite; opacity: 0.7; } @keyframes abw-header-line { 0%, 100% { background-position: 0% center; } 50% { background-position: 100% center; } } /* Nav links */ .elementor-nav-menu a, .site-header a, nav a { color: var(--abw-text-soft) !important; font-weight: 600; letter-spacing: 0.5px; transition: color 0.2s ease, text-shadow 0.2s ease !important; position: relative; } .elementor-nav-menu a:hover, .site-header a:hover, nav a:hover { color: var(--abw-gold) !important; text-shadow: 0 0 12px rgba(255,215,0,0.6); } /* Nav link underline slide-in effect */ .elementor-nav-menu a::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, var(--abw-purple), var(--abw-gold)); transition: width 0.25s ease; border-radius: 2px; } .elementor-nav-menu a:hover::after { width: 100%; } /* Site logo glow */ .site-logo img, .elementor-site-logo img, .custom-logo { filter: drop-shadow(0 0 12px rgba(255,215,0,0.4)); transition: filter 0.3s ease; } .site-logo img:hover, .elementor-site-logo img:hover { filter: drop-shadow(0 0 22px rgba(255,215,0,0.75)); } /* ---------------------------------------------------------------- 5. FOOTER ---------------------------------------------------------------- */ footer, .site-footer, .elementor-location-footer { background: linear-gradient(180deg, rgba(7,9,15,0.98) 0%, #030507 100%) !important; border-top: 1px solid var(--abw-border); box-shadow: 0 -4px 30px rgba(0,0,0,0.5); color: var(--abw-text-soft); position: relative; } .elementor-location-footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent 0%, var(--abw-gold) 25%, var(--abw-electric) 50%, var(--abw-neon-pink) 75%, transparent 100%); opacity: 0.5; } footer p, .site-footer p { color: var(--abw-text-soft); } footer a, .site-footer a { color: var(--abw-gold-lt); } footer a:hover, .site-footer a:hover { color: var(--abw-gold); } /* ---------------------------------------------------------------- 6. BUTTONS ---------------------------------------------------------------- */ .elementor-button, .wp-block-button__link, .elementor-button-wrapper .elementor-button { background: linear-gradient(135deg, var(--abw-purple) 0%, var(--abw-purple-dk) 100%) !important; color: var(--abw-gold) !important; border: 1px solid rgba(255,215,0,0.30) !important; font-family: 'Bebas Neue', 'Poppins', sans-serif !important; font-size: 18px !important; letter-spacing: 2px !important; font-weight: 400 !important; border-radius: 999px !important; padding: 13px 36px !important; box-shadow: 0 0 20px rgba(123,47,255,0.5), 0 4px 15px rgba(0,0,0,0.4) !important; transition: all 0.22s ease !important; position: relative; overflow: hidden; text-transform: uppercase; } /* Button shimmer */ .elementor-button::before, .wp-block-button__link::before { content: ''; position: absolute; top: 0; left: -80%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent); transform: skewX(-15deg); animation: abw-btn-shimmer 3s ease-in-out infinite; } @keyframes abw-btn-shimmer { 0% { left: -80%; } 60% { left: 120%; } 100% { left: 120%; } } .elementor-button:hover, .wp-block-button__link:hover { background: linear-gradient(135deg, #9b4fff 0%, var(--abw-purple) 100%) !important; transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 0 40px rgba(123,47,255,0.8), 0 0 20px rgba(255,215,0,0.3), 0 8px 20px rgba(0,0,0,0.4) !important; color: #fff !important; } .elementor-button:active, .wp-block-button__link:active { transform: translateY(0px) scale(0.99) !important; } /* Green CTA variant — for any button with class "cta-green" or "green" */ .elementor-button.elementor-button-success, .elementor-button[style*="background-color: #00"], button.cta-green { background: linear-gradient(135deg, #00c853 0%, #007a33 100%) !important; color: #fff !important; border-color: rgba(0,200,83,0.4) !important; box-shadow: 0 0 20px rgba(0,200,83,0.5) !important; } /* ---------------------------------------------------------------- 7. CARDS & POSTS ---------------------------------------------------------------- */ .elementor-post, article.post, .wp-block-group, .elementor-widget-container .e-con, .elementor-column > .elementor-widget-wrap { transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .elementor-post, article.post { background: rgba(255,255,255,0.04) !important; border: 1px solid var(--abw-border) !important; border-radius: var(--abw-radius) !important; box-shadow: 0 8px 30px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,215,0,0.06) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); overflow: hidden; } .elementor-post:hover, article.post:hover { transform: translateY(-5px); border-color: rgba(255,215,0,0.45) !important; box-shadow: 0 16px 48px rgba(0,0,0,0.5), 0 0 25px rgba(255,215,0,0.12), inset 0 1px 0 rgba(255,215,0,0.12) !important; } /* Card image zoom on hover */ .elementor-post__thumbnail img { transition: transform 0.4s ease; } .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.05); } .elementor-post__title a, article.post h2 a, article.post h3 a { color: var(--abw-gold) !important; transition: text-shadow 0.2s ease; } .elementor-post__title a:hover, article.post h2 a:hover { text-shadow: 0 0 12px rgba(255,215,0,0.6); } .elementor-post__meta-data, .cat-links a, .tag-links a, .posted-on a { color: var(--abw-neon-green) !important; text-shadow: 0 0 6px rgba(0,255,136,0.35); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; } .elementor-post__read-more, .read-more, a.more-link { color: var(--abw-electric) !important; font-weight: 700; border-bottom: 1px solid rgba(0,229,255,0.4); padding-bottom: 1px; transition: color 0.2s ease, border-color 0.2s ease; } .elementor-post__read-more:hover, a.more-link:hover { color: var(--abw-gold) !important; border-color: var(--abw-gold); } /* Tags */ .tags-links a, .wp-block-tag-cloud a { background: rgba(123,47,255,0.2); border: 1px solid rgba(123,47,255,0.4); color: var(--abw-neon-purple) !important; border-radius: 999px; padding: 3px 10px; font-size: 11px; font-weight: 600; transition: all 0.15s ease; } .tags-links a:hover, .wp-block-tag-cloud a:hover { background: rgba(123,47,255,0.4); border-color: var(--abw-neon-purple); color: #fff !important; } /* ---------------------------------------------------------------- 8. SECTION / COLUMN CONTAINERS ---------------------------------------------------------------- */ /* Give Elementor sections a subtle inner glow on dark bg */ .elementor-section, .e-con { position: relative; } /* Hero section — extra glow treatment */ .elementor-section:first-of-type { overflow: hidden; } .elementor-section:first-of-type::before { content: ''; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 800px; height: 800px; background: radial-gradient(circle, rgba(123,47,255,0.18) 0%, transparent 65%); pointer-events: none; animation: abw-hero-pulse 5s ease-in-out infinite; } @keyframes abw-hero-pulse { 0%, 100% { transform: translateX(-50%) scale(1); opacity: 0.7; } 50% { transform: translateX(-50%) scale(1.2); opacity: 1; } } /* Divider sections — neon line */ .elementor-widget-divider .elementor-divider-separator { border-color: var(--abw-gold) !important; box-shadow: 0 0 8px rgba(255,215,0,0.4); } /* ---------------------------------------------------------------- 9. SIDEBAR WIDGETS ---------------------------------------------------------------- */ .widget, aside .widget, .elementor-widget-sidebar .widget { background: var(--abw-surface); border: 1px solid var(--abw-border); border-radius: var(--abw-radius); padding: 22px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); margin-bottom: 24px; } .widget-title, .widgettitle { font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 2px; color: var(--abw-gold); border-bottom: 1px solid var(--abw-border); padding-bottom: 10px; margin-bottom: 16px; text-shadow: 0 0 10px rgba(255,215,0,0.3); } .widget ul li a { color: var(--abw-text-soft); padding: 5px 0; display: block; border-bottom: 1px solid rgba(255,215,0,0.06); transition: color 0.15s ease, padding-left 0.15s ease; } .widget ul li a:hover { color: var(--abw-gold); padding-left: 6px; } /* Search widget */ .search-form input[type="search"] { background: rgba(0,0,0,0.5); border: 1px solid var(--abw-border); color: var(--abw-text); border-radius: 8px 0 0 8px; } .search-form input[type="search"]:focus { border-color: var(--abw-gold); box-shadow: 0 0 0 2px rgba(255,215,0,0.15); outline: none; } .search-form button[type="submit"] { background: linear-gradient(135deg, var(--abw-purple), var(--abw-purple-dk)); border: none; color: var(--abw-gold); border-radius: 0 8px 8px 0; padding: 10px 16px; cursor: pointer; transition: background 0.15s ease; } .search-form button[type="submit"]:hover { background: linear-gradient(135deg, #9b4fff, var(--abw-purple)); } /* ---------------------------------------------------------------- 10. FORMS ---------------------------------------------------------------- */ input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], textarea, select { background: rgba(0, 0, 0, 0.55) !important; color: var(--abw-text) !important; border: 1px solid rgba(255,215,0,0.25) !important; border-radius: 10px !important; padding: 11px 16px !important; font-family: 'Poppins', sans-serif !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } input::placeholder, textarea::placeholder { color: var(--abw-text-muted) !important; } input:focus, textarea:focus, select:focus { outline: none !important; border-color: var(--abw-gold) !important; box-shadow: 0 0 0 3px rgba(255,215,0,0.15), 0 0 18px rgba(255,215,0,0.08) !important; } /* Elementor Form */ .elementor-field-group label, .elementor-form-fields-wrapper label { color: var(--abw-gold) !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; } .elementor-button[type="submit"] { background: linear-gradient(135deg, var(--abw-neon-green) 0%, #00875a 100%) !important; color: #001a0d !important; border-color: rgba(0,255,136,0.35) !important; box-shadow: 0 0 20px rgba(0,200,83,0.4) !important; font-weight: 800 !important; } .elementor-button[type="submit"]:hover { box-shadow: 0 0 35px rgba(0,255,136,0.7) !important; transform: translateY(-2px) !important; } /* ---------------------------------------------------------------- 11. COMMENTS ---------------------------------------------------------------- */ .comment-list .comment, #respond { background: var(--abw-surface); border: 1px solid var(--abw-border); border-radius: 12px; padding: 20px; margin-bottom: 16px; } .comment-author .fn { color: var(--abw-gold); font-weight: 700; } .comment-meta a { color: var(--abw-text-soft); font-size: 12px; } .comment-content p { color: var(--abw-text-soft); } #respond h3#reply-title { color: var(--abw-gold); font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; } .comment-form-comment textarea, .comment-form-author input, .comment-form-email input { background: rgba(0,0,0,0.45) !important; border-color: var(--abw-border) !important; color: var(--abw-text) !important; } #submit, input[type="submit"] { background: linear-gradient(135deg, var(--abw-purple), var(--abw-purple-dk)) !important; color: var(--abw-gold) !important; border: 1px solid rgba(255,215,0,0.3) !important; border-radius: 8px !important; padding: 10px 24px !important; font-weight: 700 !important; cursor: pointer !important; transition: all 0.2s ease !important; } #submit:hover, input[type="submit"]:hover { box-shadow: 0 0 20px rgba(123,47,255,0.6) !important; transform: translateY(-1px) !important; } /* ---------------------------------------------------------------- 12. PAGINATION ---------------------------------------------------------------- */ .page-numbers, .nav-links a { background: var(--abw-surface) !important; border: 1px solid var(--abw-border) !important; color: var(--abw-text-soft) !important; padding: 8px 14px !important; border-radius: 8px !important; transition: all 0.15s ease !important; } .page-numbers:hover, .nav-links a:hover, .page-numbers.current { background: linear-gradient(135deg, var(--abw-purple), var(--abw-purple-dk)) !important; border-color: rgba(255,215,0,0.35) !important; color: var(--abw-gold) !important; box-shadow: 0 0 12px rgba(123,47,255,0.4) !important; } /* ---------------------------------------------------------------- 13. TABLES ---------------------------------------------------------------- */ table { border-collapse: collapse; width: 100%; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.3); } thead th { background: linear-gradient(135deg, var(--abw-purple), var(--abw-purple-dk)); color: var(--abw-gold); font-family: 'Bebas Neue', sans-serif; letter-spacing: 1.5px; padding: 14px 16px; font-size: 15px; text-align: left; border-bottom: 1px solid rgba(255,215,0,0.3); } tbody tr { background: rgba(255,255,255,0.03); border-bottom: 1px solid rgba(255,215,0,0.07); transition: background 0.15s ease; } tbody tr:hover { background: rgba(123,47,255,0.1); } tbody td { padding: 12px 16px; color: var(--abw-text-soft); } /* ---------------------------------------------------------------- 14. BLOCKQUOTES ---------------------------------------------------------------- */ blockquote, .wp-block-quote { border-left: 3px solid var(--abw-gold); background: rgba(255,215,0,0.04); padding: 16px 22px; border-radius: 0 12px 12px 0; margin: 24px 0; box-shadow: inset 0 0 20px rgba(255,215,0,0.04); } blockquote p, .wp-block-quote p { color: var(--abw-text-soft); font-style: italic; font-size: 15px; line-height: 1.7; } blockquote cite, .wp-block-quote cite { color: var(--abw-gold); font-size: 13px; font-weight: 700; font-style: normal; } /* ---------------------------------------------------------------- 15. SCROLLBAR ---------------------------------------------------------------- */ ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track { background: var(--abw-navy); } ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--abw-purple) 0%, var(--abw-gold-dk) 100%); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--abw-gold); } ::-webkit-scrollbar-corner { background: var(--abw-navy); } /* ---------------------------------------------------------------- 16. MISCELLANEOUS POLISH ---------------------------------------------------------------- */ /* HR — gold gradient line */ hr { border: none; height: 1px; background: linear-gradient(90deg, transparent 0%, var(--abw-purple) 20%, var(--abw-gold) 50%, var(--abw-electric) 80%, transparent 100%); margin: 36px 0; opacity: 0.5; } /* Selection highlight */ ::selection { background: rgba(255,215,0,0.3); color: var(--abw-navy); } /* Image hover subtle glow */ .elementor-image img, .wp-post-image { border-radius: 10px; transition: filter 0.3s ease, transform 0.3s ease; } .elementor-image img:hover, .wp-post-image:hover { filter: brightness(1.08) drop-shadow(0 0 14px rgba(255,215,0,0.25)); transform: scale(1.01); } /* Code blocks */ pre, code { background: rgba(0,0,0,0.6); border: 1px solid rgba(255,215,0,0.15); border-radius: 8px; color: var(--abw-electric); font-size: 13px; padding: 2px 8px; } pre { padding: 16px 20px; overflow-x: auto; } /* Back-to-top button if theme has one */ #scroll-top, .back-to-top, .scroll-to-top { background: linear-gradient(135deg, var(--abw-purple), var(--abw-purple-dk)) !important; border: 1px solid rgba(255,215,0,0.3) !important; color: var(--abw-gold) !important; box-shadow: 0 0 15px rgba(123,47,255,0.5) !important; border-radius: 50% !important; } /* AddToAny share buttons */ .a2a_kit a { border-radius: 8px; transition: transform 0.15s ease, filter 0.15s ease; } .a2a_kit a:hover { transform: translateY(-2px) scale(1.08); filter: drop-shadow(0 4px 10px rgba(255,215,0,0.4)); } /* ---------------------------------------------------------------- 17. MOBILE RESPONSIVE TWEAKS ---------------------------------------------------------------- */ @media (max-width: 768px) { .elementor-heading-title { letter-spacing: 1px; } .elementor-button, .wp-block-button__link { font-size: 16px !important; padding: 11px 24px !important; } .elementor-post { border-radius: 12px !important; } } @media (max-width: 480px) { body::after { display: none; } /* hide orb on very small screens for perf */ }/* End custom CSS */