.elementor-kit-4{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#9F00FF;--e-global-color-text:#FBFBFB;--e-global-color-accent:#111111;--e-global-color-84e7546:#E300FF;--e-global-color-777d82c:#9F00FF;--e-global-color-6bc3971:#008DFF;--e-global-color-1c1ee20:#D000FF;--e-global-color-bc3a3f9:#00C6FF;--e-global-color-f070c48:#111111;--e-global-color-db3316a:#B9B9B9;--e-global-typography-primary-font-family:"Harugha";--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:2rem;--e-global-typography-primary-letter-spacing:0.1rem;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Harugha";--e-global-typography-secondary-font-size:2.5rem;--e-global-typography-secondary-font-weight:100;--e-global-typography-secondary-line-height:2rem;--e-global-typography-secondary-letter-spacing:0.1rem;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:2rem;--e-global-typography-text-letter-spacing:0.05rem;--e-global-typography-text-word-spacing:0.2rem;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:1.25rem;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:2rem;--e-global-typography-accent-letter-spacing:0.05rem;--e-global-typography-accent-word-spacing:0.2rem;background-color:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-text );}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor6 );color:var( --e-global-color-primary );box-shadow:0px -3px 25px -7px #00C6FF inset;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-bc3a3f9 );border-radius:10px 10px 10px 10px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-primary );}.elementor-kit-4 a:hover{color:var( --e-global-color-accent );}.elementor-kit-4 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-4 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-4 h3{color:var( --e-global-color-777d82c );font-family:"Neon Sans", Sans-serif;font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:0.05rem;word-spacing:0.2rem;}.elementor-kit-4 h4{color:var( --e-global-color-777d82c );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-text );box-shadow:0px -5px 25px -5px #9F00FF inset;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-777d82c );border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:3rem;}.elementor-element{--widgets-spacing:3rem 3rem;--widgets-spacing-row:3rem;--widgets-spacing-column:3rem;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:2400px){.elementor-kit-4 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}@media(max-width:1280px){.elementor-kit-4 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}@media(max-width:768px){.elementor-kit-4{--e-global-typography-secondary-line-height:0.7em;--e-global-typography-accent-line-height:1em;}.elementor-kit-4 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:320px){.elementor-kit-4 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Basic CSS Classes for QOL stuff */ .anchor-link { scroll-margin-top: 125px } /* This is background animation code */ @keyframes slide { 0% { background-position: 0 0; } 100% { background-position: -1000% 0; /* Moves the background by its full width */ } } .sliding-background { /* ... (previous background styles) ... */ animation: slide 60s linear infinite; /* Name, duration, timing function, iteration count */ } .mixblend-overlay { mix-blend-mode: overlay; } .isolate { isolation: isolate; } /* ================================================================ | AUTOMATIC Text Glow Effect Classes (Modern Way) | ================================================================ This method uses the modern CSS color-mix() function. It directly references your Elementor global colors and makes them transparent on the fly. No more manual HEX-to-RGB conversions! */ .text-glow-primary { /* The solid text color still comes from the standard variable */ color: var(--e-global-color-primary); /* Build the glow by mixing the global color with transparent at different percentages */ text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-primary) 90%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-primary) 60%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-primary) 40%, transparent), 0 0 40px color-mix(in srgb, var(--e-global-color-primary) 80%, transparent); } .text-glow-accent { color: var(--e-global-color-accent); text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-accent) 80%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-accent) 60%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-accent) 40%, transparent), 0 0 40px color-mix(in srgb, var(--e-global-color-accent) 20%, transparent); } /* ================================================================ | Pulsing Glow Primary Animation | ================================================================ */ /** * 1. Define the animation "recipe" using @keyframes. * We'll make the text-shadow expand and intensify at 50% * and then return to its base state, creating a smooth pulse. */ @keyframes pulse-glow-primary { 0% { text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-primary) 50%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-primary) 30%, transparent); } 50% { text-shadow: 0 0 10px color-mix(in srgb, var(--e-global-color-primary) 80%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-primary) 60%, transparent), 0 0 35px color-mix(in srgb, var(--e-global-color-primary) 40%, transparent); } 100% { text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-primary) 50%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-primary) 30%, transparent); } } /** * 2. Create a class to apply the animation to any element. */ .pulsing-glow-primary { /* Set the base text color */ color: var(--e-global-color-primary); /* Apply the animation! */ /* animation: [animation-name] [duration] [timing-function] [iteration-count]; */ animation: pulse-glow-primary 3s ease-in-out infinite; } /* ================================================================ | Pulsing Glow Accent Color Animation | ================================================================ */ /** * 1. Define the animation "recipe" for the ACCENT color. */ @keyframes pulse-glow-accent { 0% { text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-accent) 50%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-accent) 30%, transparent); } 50% { text-shadow: 0 0 10px color-mix(in srgb, var(--e-global-color-accent) 80%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-accent) 60%, transparent), 0 0 35px color-mix(in srgb, var(--e-global-color-accent) 40%, transparent); } 100% { text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-accent) 50%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-accent) 30%, transparent); } } /** * 2. Create a class to apply the ACCENT animation. */ .pulsing-glow-accent { /* Set the base text color */ color: var(--e-global-color-accent); /* Apply the accent animation */ animation: pulse-glow-accent 3s ease-in-out infinite; } /* ================================================================ | Custom Global Color Glows & Animations | ================================================================ */ /* ---------------------------------------------------------------- | NEW ITEM #1 CODE | | ID: --e-global-color-84e7546 | ---------------------------------------------------------------- */ .text-glow-new-1 { color: var(--e-global-color-84e7546); text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-84e7546) 80%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-84e7546) 60%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-84e7546) 40%, transparent); } @keyframes pulse-glow-new-1 { 0%, 100% { text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-84e7546) 50%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-84e7546) 30%, transparent); } 50% { text-shadow: 0 0 10px color-mix(in srgb, var(--e-global-color-84e7546) 80%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-84e7546) 60%, transparent), 0 0 35px color-mix(in srgb, var(--e-global-color-84e7546) 40%, transparent); } } .pulsing-glow-new-1 { color: var(--e-global-color-84e7546); animation: pulse-glow-new-1 3s ease-in-out infinite; } /* ---------------------------------------------------------------- | NEW ITEM #2 CODE | | ID: --e-global-color-777d82c | ---------------------------------------------------------------- */ .text-glow-new-2 { color: var(--e-global-color-777d82c); text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-777d82c) 80%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-777d82c) 60%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-777d82c) 40%, transparent); } @keyframes pulse-glow-new-2 { 0%, 100% { text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-777d82c) 50%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-777d82c) 30%, transparent); } 50% { text-shadow: 0 0 10px color-mix(in srgb, var(--e-global-color-777d82c) 80%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-777d82c) 60%, transparent), 0 0 35px color-mix(in srgb, var(--e-global-color-777d82c) 40%, transparent); } } .pulsing-glow-new-2 { color: var(--e-global-color-777d82c); animation: pulse-glow-new-2 3s ease-in-out infinite; } /* ---------------------------------------------------------------- | NEW ITEM #3 CODE | | ID: --e-global-color-6bc3971 | ---------------------------------------------------------------- */ .text-glow-new-3 { color: var(--e-global-color-6bc3971); text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-6bc3971) 80%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-6bc3971) 60%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-6bc3971) 40%, transparent); } @keyframes pulse-glow-new-3 { 0%, 100% { text-shadow: 0 0 5px color-mix(in srgb, var(--e-global-color-6bc3971) 50%, transparent), 0 0 10px color-mix(in srgb, var(--e-global-color-6bc3971) 30%, transparent); } 50% { text-shadow: 0 0 10px color-mix(in srgb, var(--e-global-color-6bc3971) 80%, transparent), 0 0 20px color-mix(in srgb, var(--e-global-color-6bc3971) 60%, transparent), 0 0 35px color-mix(in srgb, var(--e-global-color-6bc3971) 40%, transparent); } } .pulsing-glow-new-3 { color: var(--e-global-color-6bc3971); animation: pulse-glow-new-3 3s ease-in-out infinite; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Harugha'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://splitbase.events/wp-content/uploads/2025/09/harugha-regular-webfont.woff2') format('woff2'), url('https://splitbase.events/wp-content/uploads/2025/09/harugha-regular-webfont.woff') format('woff'), url('https://splitbase.events/wp-content/uploads/2025/09/Harugha-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Neon Sans'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://splitbase.events/wp-content/uploads/2025/09/neonsans-m2yex-webfont.woff2') format('woff2'), url('https://splitbase.events/wp-content/uploads/2025/09/neonsans-m2yex-webfont.woff') format('woff'); } /* End Custom Fonts CSS */