.elementor-kit-27{--e-global-color-primary:#3662FF;--e-global-color-secondary:#000000;--e-global-color-text:#374151;--e-global-color-accent:#FEFEFE;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:12px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-solace_body_font_family-font-family:"DM Sans";--e-global-typography-solace_body_font_family-font-size:16px;--e-global-typography-solace_body_font_family-font-weight:400;--e-global-typography-solace_body_font_family-text-transform:none;--e-global-typography-solace_body_font_family-line-height:1.5em;--e-global-typography-solace_h1_font_family_general-font-family:"DM Sans";--e-global-typography-solace_h1_font_family_general-font-size:68px;--e-global-typography-solace_h1_font_family_general-font-weight:700;--e-global-typography-solace_h1_font_family_general-line-height:1em;--e-global-typography-solace_h2_font_family_general-font-family:"DM Sans";--e-global-typography-solace_h2_font_family_general-font-size:50px;--e-global-typography-solace_h2_font_family_general-font-weight:700;--e-global-typography-solace_h2_font_family_general-line-height:1.1em;--e-global-typography-solace_h3_font_family_general-font-family:"DM Sans";--e-global-typography-solace_h3_font_family_general-font-size:38px;--e-global-typography-solace_h3_font_family_general-font-weight:700;--e-global-typography-solace_h3_font_family_general-line-height:1.2em;--e-global-typography-solace_h4_font_family_general-font-family:"DM Sans";--e-global-typography-solace_h4_font_family_general-font-size:28px;--e-global-typography-solace_h4_font_family_general-font-weight:700;--e-global-typography-solace_h4_font_family_general-line-height:1.3em;--e-global-typography-solace_h5_font_family_general-font-family:"DM Sans";--e-global-typography-solace_h5_font_family_general-font-size:21px;--e-global-typography-solace_h5_font_family_general-font-weight:700;--e-global-typography-solace_h5_font_family_general-line-height:1.3em;--e-global-typography-solace_h6_font_family_general-font-family:"DM Sans";--e-global-typography-solace_h6_font_family_general-font-size:16px;--e-global-typography-solace_h6_font_family_general-font-weight:700;--e-global-typography-solace_h6_font_family_general-line-height:1.3em;--e-global-typography-solace_smaller_font_family-font-family:"DM Sans";--e-global-typography-solace_smaller_font_family-font-size:12px;--e-global-typography-solace_smaller_font_family-font-weight:400;--e-global-typography-solace_smaller_font_family-line-height:1.5em;--e-global-typography-solace_logotitle_font_family-font-family:"DM Sans";--e-global-typography-solace_logotitle_font_family-font-size:16px;--e-global-typography-solace_logotitle_font_family-font-weight:400;--e-global-typography-solace_logotitle_font_family-line-height:1.5em;--e-global-typography-solace_button_font_family-font-family:"DM Sans";--e-global-typography-solace_button_font_family-font-size:16px;--e-global-typography-solace_button_font_family-font-weight:400;--e-global-typography-solace_button_font_family-line-height:1.5em;background-color:#000000;}.elementor-kit-27 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1800px;}.e-con{--container-max-width:1800px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-27{--e-global-typography-primary-font-size:12px;--e-global-typography-primary-line-height:1.5em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-solace_body_font_family-font-size:16px;--e-global-typography-solace_body_font_family-line-height:1.5em;--e-global-typography-solace_body_font_family-letter-spacing:0px;--e-global-typography-solace_h1_font_family_general-font-size:50px;--e-global-typography-solace_h1_font_family_general-line-height:1em;--e-global-typography-solace_h1_font_family_general-letter-spacing:0px;--e-global-typography-solace_h2_font_family_general-font-size:38px;--e-global-typography-solace_h2_font_family_general-line-height:1.1em;--e-global-typography-solace_h2_font_family_general-letter-spacing:0px;--e-global-typography-solace_h3_font_family_general-font-size:28px;--e-global-typography-solace_h3_font_family_general-line-height:1.2em;--e-global-typography-solace_h3_font_family_general-letter-spacing:0px;--e-global-typography-solace_h4_font_family_general-font-size:21px;--e-global-typography-solace_h4_font_family_general-line-height:1.3em;--e-global-typography-solace_h4_font_family_general-letter-spacing:0px;--e-global-typography-solace_h5_font_family_general-font-size:18px;--e-global-typography-solace_h5_font_family_general-line-height:1.3em;--e-global-typography-solace_h5_font_family_general-letter-spacing:0px;--e-global-typography-solace_h6_font_family_general-font-size:14px;--e-global-typography-solace_h6_font_family_general-line-height:1.3em;--e-global-typography-solace_h6_font_family_general-letter-spacing:0px;--e-global-typography-solace_smaller_font_family-font-size:12px;--e-global-typography-solace_smaller_font_family-line-height:1.5em;--e-global-typography-solace_smaller_font_family-letter-spacing:0px;--e-global-typography-solace_logotitle_font_family-font-size:16px;--e-global-typography-solace_logotitle_font_family-line-height:1.5em;--e-global-typography-solace_logotitle_font_family-letter-spacing:0px;--e-global-typography-solace_button_font_family-font-size:16px;--e-global-typography-solace_button_font_family-line-height:1.5em;--e-global-typography-solace_button_font_family-letter-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-27{--e-global-typography-primary-font-size:12px;--e-global-typography-primary-line-height:1.5em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-solace_body_font_family-font-size:16px;--e-global-typography-solace_body_font_family-line-height:1.5em;--e-global-typography-solace_body_font_family-letter-spacing:0px;--e-global-typography-solace_h1_font_family_general-font-size:38px;--e-global-typography-solace_h1_font_family_general-line-height:1em;--e-global-typography-solace_h1_font_family_general-letter-spacing:0px;--e-global-typography-solace_h2_font_family_general-font-size:28px;--e-global-typography-solace_h2_font_family_general-line-height:1.1em;--e-global-typography-solace_h2_font_family_general-letter-spacing:0px;--e-global-typography-solace_h3_font_family_general-font-size:21px;--e-global-typography-solace_h3_font_family_general-line-height:1.2em;--e-global-typography-solace_h3_font_family_general-letter-spacing:0px;--e-global-typography-solace_h4_font_family_general-font-size:18px;--e-global-typography-solace_h4_font_family_general-line-height:1.3em;--e-global-typography-solace_h4_font_family_general-letter-spacing:0px;--e-global-typography-solace_h5_font_family_general-font-size:16px;--e-global-typography-solace_h5_font_family_general-line-height:1.3em;--e-global-typography-solace_h5_font_family_general-letter-spacing:0px;--e-global-typography-solace_h6_font_family_general-font-size:14px;--e-global-typography-solace_h6_font_family_general-line-height:1.3em;--e-global-typography-solace_h6_font_family_general-letter-spacing:0px;--e-global-typography-solace_smaller_font_family-font-size:12px;--e-global-typography-solace_smaller_font_family-line-height:1.5em;--e-global-typography-solace_smaller_font_family-letter-spacing:0px;--e-global-typography-solace_logotitle_font_family-font-size:16px;--e-global-typography-solace_logotitle_font_family-line-height:1.5em;--e-global-typography-solace_logotitle_font_family-letter-spacing:0px;--e-global-typography-solace_button_font_family-font-size:16px;--e-global-typography-solace_button_font_family-line-height:1.5em;--e-global-typography-solace_button_font_family-letter-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ========================================== BUTTON COLORS (HEADER) ========================================== */ .street-fighter-6-btn, .tekken-8-btn, .xko-btn, .mortal-kombat-1-btn, .guilty-gear-strive-btn, .fatal-fury-btn, .granblue-fantasy-btn, .dragon-ball-fighterz-btn, .super-smash-bros-btn, .brawlhalla-btn, .rivals-of-aether-btn, .more-games-btn { transition: all .25s ease !important; } .street-fighter-6-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(0,162,255,.6), 0 0 18px rgba(0,162,255,.35) !important; } .tekken-8-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(255,0,40,.6), 0 0 18px rgba(255,0,40,.35) !important; } .xko-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(190,255,0,.6), 0 0 18px rgba(190,255,0,.35) !important; } .mortal-kombat-1-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(255,150,0,.6), 0 0 18px rgba(255,150,0,.35) !important; } .guilty-gear-strive-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(255,35,35,.6), 0 0 18px rgba(255,35,35,.35) !important; } .fatal-fury-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(255,190,0,.6), 0 0 18px rgba(255,190,0,.35) !important; } .granblue-fantasy-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(0,180,255,.6), 0 0 18px rgba(0,180,255,.35) !important; } .dragon-ball-fighterz-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(255,100,0,.6), 0 0 18px rgba(255,100,0,.35) !important; } .super-smash-bros-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(255,255,255,.6), 0 0 18px rgba(255,255,255,.35) !important; } .brawlhalla-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(0,220,220,.6), 0 0 18px rgba(0,220,220,.35) !important; } .rivals-of-aether-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(190,70,255,.6), 0 0 18px rgba(190,70,255,.35) !important; } .more-games-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 0 8px rgba(255,106,0,.65), 0 0 18px rgba(255,106,0,.4) !important; } /* ========================================== GAME BAR POSITIONING (HEADER) ========================================== */ .frameforge-header { display: grid !important; grid-template-columns: 1fr auto !important; grid-template-rows: auto auto !important; } .frameforge-header > .nav-box { grid-column: 1 !important; grid-row: 1 !important; } .frameforge-header > .login-box { grid-column: 2 !important; grid-row: 1 !important; } .frameforge-header > .game-buttons-container { grid-column: 1 / 3 !important; grid-row: 2 !important; } /* ========================================== GAME BAR SCALING DOWN (HEADER) ========================================== */ @media (min-width: 1025px) and (max-width: 1970px) { .frameforge-header, .game-buttons-container { zoom: 0.90 !important; } } @media (min-width: 1025px) and (max-width: 1700px) { .frameforge-header, .game-buttons-container { zoom: 0.84 !important; } } @media (min-width: 1025px) and (max-width: 1500px) { .frameforge-header, .game-buttons-container { zoom: 0.78 !important; } } @media (min-width: 1025px) and (max-width: 1350px) { .frameforge-header, .game-buttons-container { zoom: 0.72 !important; } } /* ========================================== ORANGE DIVIDER LINE (HEADER) ========================================== */ .frameforge-header { position: relative !important; } .frameforge-header::before { content: ""; position: absolute; left: 0; right: 0; top: clamp(55%, 3.1vw, 100%); height: 1px; background: #c2410c; box-shadow: 0 0 2px rgba(194,65,12,.8), 0 0 4px rgba(194,65,12,.5); animation: frameforgePulse 4s ease-in-out infinite; pointer-events: none; z-index: 999; } @keyframes frameforgePulse { 0%, 100% { opacity: .7; box-shadow: 0 0 2px rgba(194,65,12,.6), 0 0 4px rgba(194,65,12,.3); } 50% { opacity: 1; box-shadow: 0 0 4px rgba(249,115,22,.9), 0 0 8px rgba(194,65,12,.7), 0 0 12px rgba(194,65,12,.4); } } /* TOP AMBIENT ORANGE LINE */ .frameforge-header::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: #c2410c; box-shadow: 0 0 2px rgba(194,65,12,.8), 0 0 4px rgba(194,65,12,.5); animation: frameforgePulse 4s ease-in-out infinite; pointer-events: none; z-index: 999; } /* ========================================== GAME BAR SPACING (HEADER) ========================================== */ .game-buttons-container { padding-top: clamp(8px, 0.5vw, 1px) !important; } /* ========================================== NAV-BOX FONT SIZE SCALING DOWN (HEADER) ========================================== */ @media (max-width: 2250px) { .nav-box a { font-size: clamp(16px, 0.75vw, 16px) !important; } } /* ========================================== LOGIN-BOX SCALING DOWN (HEADER) ========================================== */ @media (max-width: 2250px) { .login-box { transform: scale(.9); transform-origin: right center; } } @media (max-width: 1800px) { .login-box { transform: scale(.8); } } @media (max-width: 1500px) { .login-box { transform: scale(.7); } } /* ========================================== LOGO/NAV-BOX SCALING DOWN (HEADER) ========================================== */ @media (max-width: 1600px) and (min-width: 1025px) { .nav-box { transform: scale(0.92) !important; transform-origin: left center !important; margin-left: 0 !important; } } @media (max-width: 1300px) and (min-width: 1025px) { .nav-box { transform: scale(0.85) !important; transform-origin: left center !important; margin-left: 0 !important; } }/* End custom CSS */