/*
Theme Name: Gaming WDA Child
Theme URI: https://wpdevart.com/wordpress-gaming-theme
Template: gaming-wda
Author: WpDevArt
Author URI: https://wpdevart.com
Description: WordPress Gaming WDA is a responsive and multipurpose theme. This theme can be used to create a gaming blog, game store, or any other website related to video games. The WordPress Gaming theme comes with a lot of great features that will help you quickly create a well-designed and functional website. Let's take a look at some of the features of our theme. The theme features three global layouts (normal, wide, full-width), three top bar and header layouts, WooCommerce integration, search bar feature, breadcrumbs feature, ready-made homepage, pre-made patterns, sticky header feature, banner animations, primary buttons, preloader, footer themes, and much more. The WordPress Gaming theme has two global versions: free and premium. Some of these features are missing in the free version, while the premium version includes all available features. Gaming WDA is a cutting-edge WordPress theme crafted specifically for gaming enthusiasts, streamers, content creators, developers, and eSports teams who want a powerful, stylish online presence. Designed for performance and engagement, this theme perfectly blends modern aesthetics with user-focused functionality - making it ideal for showcasing games, teams, streaming schedules, merchandise, and community events. With a fully responsive layout that looks stunning on desktops, tablets, and mobile screens alike, the WordPress Gaming theme ensures your audience gets an immersive experience no matter how they browse. Every component is built for visual impact and interactivity, from animated hero banners to dynamic product grids - so you can launch a compelling gaming site quickly and without coding knowledge. The theme is fully customizable, so you can customize the hero banner, texts, button styles, and background visuals to reflect your unique gaming brand - whether you’re promoting a tournament, highlighting your stream schedule, or launching a new game. The WordPress Gaming theme is also ideal for those who want to create a website for online games (arcades, escape rooms) or a blog dedicated to a specific game (e.g. Cyberpunk, Arcane, Borderlands, Minecraft, PUBG, etc.). Whether you’re launching a gaming blog, building a professional eSports team site, or creating a hub for your live streams, the WordPress Gaming theme gives you everything you need with powerful customization and a sleek professional look. Its modular page structure makes it easy to adapt to any gaming content style - from solo streamers to international competitive clans.
Tags: translation-ready,e-commerce,blog,entertainment,one-column,left-sidebar,right-sidebar,custom-logo,custom-menu,custom-colors,editor-style,featured-images,footer-widgets,full-width-template,theme-options,two-columns,threaded-comments,grid-layout,block-styles,block-patterns
Version: 1.0.3.1770179753
Updated: 2026-02-04 04:35:53

*/
.wpdevart-search-button-icon,
.wpdevart-search-button-icon-mobile {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (min-width: 960px) {
  .wpdevart-header-container {
    padding: 10px 16px !important;
  }
}
@media (min-width: 600px) {
  .wpdevart-main-content {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}
/* Main Content Container */
.generic-content {
    background: #000;
    color: #e0e0e0;
    font-size: 17px;
    line-height: 1.7;
}

/* Hero Image Styling */
.wp-block-image {
    margin: 0 0 2rem 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(255, 69, 0, 0.3);
}

.wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
}

/* Headings */
h1, h2, h3 {
    font-weight: 700;
    margin: 2rem 0 1.2rem;
    line-height: 1.3;
    position: relative;
}

h2.wp-block-heading {
    font-size: 2.2rem;
    color: #fff;
    padding-left: 20px;
    border-left: 5px solid #ff4500;
    margin-top: 2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: linear-gradient(90deg, rgba(255, 69, 0, 0.1) 0%, transparent 100%);
    padding: 12px 20px;
    border-radius: 0 8px 8px 0;
}

h3.wp-block-heading {
    font-size: 1.6rem;
    color: #ffa500;
    padding-left: 26px;
    margin-top: 1.2rem;
    position: relative;
}

h3.wp-block-heading::before {
    content: "▶";
    position: absolute;
    left: 0;
    top: 2px;
    color: #ffa500;
    font-size: 1.2rem;
}

/* Paragraphs */
.generic-content p {
    margin: 1rem 0;
    color: #d0d0d0 !important;
    font-size: 18px !important;
}

/* Table Styling */
.wp-block-table {
    margin: 1.1rem 0;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(255, 69, 0, 0.2);
}

.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
}

.wp-block-table thead tr {
    background: linear-gradient(135deg, #ff4500 0%, #ff6a00 100%);
}

.mtr-th-tag {
    padding: 14px 18px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.95rem;
    border: none;
}

.mtr-td-tag {
    padding: 12px 18px;
    color: #e0e0e0;
    border-bottom: 1px solid #2a2a2a;
}

.wp-block-table tbody tr:last-child .mtr-td-tag {
    border-bottom: none;
}

/* Lists Base Styling */
.wp-block-list {
    margin: 1.2rem 0;
    padding-left: 0;
    list-style: none;
}

.wp-block-list li {
    margin: 0.6rem 0;
    padding-left: 33px;
    position: relative;
}

/* styled-list - Orange cycling theme */
.styled-list li::before {
    content: "🚴";
    position: absolute;
    left: 3px;
    font-size: 1.2rem;
}

/* styled-list-1 - Checkered flag pattern */
.styled-list-1 li::before {
    content: "🏁";
    position: absolute;
    left: 5px;
    top: 6px;
    font-size: 1.2rem;
}

.styled-list-1 li {
    background: linear-gradient(90deg, rgba(255, 69, 0, 0.05) 0%, transparent 100%);
    padding: 8px 8px 8px 37px;
    margin: 0.4rem 0;
    border-radius: 0;
    border-left: 3px solid #ff4500;
}

/* worked-list - Success/green theme */
.worked-list li::before {
    content: "✓";
    position: absolute;
    left: 3px;
    top: 2px;
    background: linear-gradient(135deg, #00ff88 0%, #00cc66 100%);
    color: #000;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    box-shadow: 0 0 10px rgba(0, 255, 136, 0.4);
}

.worked-list li {
    color: #e8ffe8;
}

/* additional-list - Star rating style */
.additional-list li::before {
    content: "⭐";
    position: absolute;
    left: 3px;
    top: 2px;
    font-size: 1.1rem;
}

/* styled-list-2 - Trophy/medal theme */
.styled-list-2 li::before {
    content: "🏆";
    position: absolute;
    left: 3px;
    font-size: 1.2rem;
}

.styled-list-2 li {
    background: linear-gradient(90deg, rgba(255, 165, 0, 0.05) 0%, transparent 100%);
    padding: 6px 8px 6px 33px;
    border-radius: 0;
    border-left: 2px solid #ffa500;
}

/* str-list (Strengths) - Positive green gradient */
.str-list li::before {
    content: "➕";
    position: absolute;
    left: 3px;
    background: linear-gradient(135deg, #00ff88 0%, #00cc66 100%);
    color: #000;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);
}

.str-list li {
    padding-left: 35px;
    color: #d0ffd0;
}

/* lim-list (Limitations) - Warning orange/red */
.lim-list li::before {
    content: "⚠";
    position: absolute;
    left: 3px;
    background: linear-gradient(135deg, #ff6600 0%, #ff4500 100%);
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    box-shadow: 0 0 15px rgba(255, 69, 0, 0.3);
}

.lim-list li {
    padding-left: 35px;
    color: #ffd0d0;
}

/* yr-list (Year list) - Timeline style */
.yr-list li::before {
    content: "📅";
    position: absolute;
    left: 3px;
    font-size: 1.1rem;
}

.yr-list li {
    padding: 9px 8px 9px 33px;
    background: rgba(255, 165, 0, 0.05);
    margin: 0.6rem 0;
    border-radius: 0;
    border-left: 3px solid #ffa500;
}

/* Nested lists in yr-list - Clean arrow style */
.yr-list li ul {
    margin-top: 0.8rem;
    padding-left: 0;
}

.yr-list li ul li {
    background: transparent;
    border-left: none;
    padding: 6px 8px 6px 25px;
    margin: 0.4rem 0;
}

.yr-list li ul li::before {
    content: "➜";
    color: #ffa500;
    font-weight: 700;
    font-size: 1rem;
    left: 3px;
    background: none;
    width: auto;
    height: auto;
    box-shadow: none;
}

/* Two Column Layout (Strengths/Limitations) */
.wp-block-columns {
    display: flex;
    gap: 1.5rem;
    margin: 2rem 0;
}

.wp-block-column {
    flex: 1;
}

/* str-block (Strengths block) */
.str-block {
    background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 204, 102, 0.04) 100%);
    padding: 16px;
    border-radius: 12px;
    border: 2px solid rgba(0, 255, 136, 0.3);
    box-shadow: 0 8px 25px rgba(0, 255, 136, 0.1);
}

.str-block strong {
    color: #00ff88;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 0.8rem;
}

/* lim-block (Limitations block) */
.lim-block {
    background: linear-gradient(135deg, rgba(255, 102, 0, 0.08) 0%, rgba(255, 69, 0, 0.04) 100%);
    padding: 20px;
    border-radius: 12px;
    border: 2px solid rgba(255, 69, 0, 0.3);
    box-shadow: 0 8px 25px rgba(255, 69, 0, 0.1);
}

.lim-block strong {
    color: #ff6600;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 0.8rem;
}

/* corp-one blocks - Racing categories style */
.corp-one {
    background: linear-gradient(135deg, rgba(255, 165, 0, 0.06) 0%, rgba(255, 69, 0, 0.03) 100%);
    padding: 15px;
    border-radius: 10px;
    border: 2px solid rgba(255, 165, 0, 0.2);
    box-shadow: 0 6px 20px rgba(255, 165, 0, 0.08);
}

.corp-one h3 {
    margin-top: 0;
    color: #ffa500;
}

.corp-one p {
    color: #d0d0d0;
}

/* clos-col blocks - Spectator experience columns */
.clos-col {
    background: linear-gradient(135deg, rgba(100, 200, 255, 0.06) 0%, rgba(50, 150, 255, 0.03) 100%);
    padding: 17px;
    border-radius: 10px;
    border: 2px solid rgba(100, 200, 255, 0.2);
    box-shadow: 0 6px 20px rgba(100, 200, 255, 0.08);
}

.clos-col strong {
    color: #64c8ff;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 0.8rem;
}

.clos-col p {
    color: #d0d0d0;
}

/* note-box - Important disclaimer box */
.note-box {
    background: linear-gradient(135deg, rgba(255, 165, 0, 0.1) 0%, rgba(255, 69, 0, 0.05) 100%);
    border: 2px solid #ffa500;
    border-radius: 12px;
    padding: 32px 25px;
    margin: 3rem 0 2rem 0 !important;
    position: relative;
    box-shadow: 0 8px 30px rgba(255, 165, 0, 0.2);
}

.note-box::before {
    content: "📢";
    position: absolute;
    top: -20px;
    left: 25px;
    background: #000;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 1.5rem;
    border: 2px solid #ffa500;
}

.note-box strong {
    color: #ffa500;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 0.8rem;
}

.note-box em {
    color: #999;
    font-size: 0.9rem;
    line-height: 1.6;
    display: block;
    margin-top: 0.8rem;
}

/* Strong text emphasis */
strong {
    color: #f9f251;
    font-weight: 700;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    h2.wp-block-heading {
        font-size: 1.7rem;
        padding: 10px 15px;
    }
    
    h3.wp-block-heading {
        font-size: 1.3rem;
        padding-left: 30px;
    }
    
    h3.wp-block-heading::before {
        font-size: 1rem;
    }
    
    .wp-block-columns {
        flex-direction: column;
        gap: 1.2rem;
    }
    
    .mtr-th-tag,
    .mtr-td-tag {
        padding: 10px 12px;
        font-size: 0.9rem;
    }
    
    .wp-block-list li {
        padding-left: 28px;
    }
    
    .note-box {
        padding: 20px;
    }
    
    .note-box::before {
        left: 20px;
        font-size: 1.2rem;
    }
    
    .corp-one,
    .clos-col {
        padding: 15px;
    }
}

/* Smooth animations on page load */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.generic-content > * {
    animation: fadeInUp 0.6s ease-out backwards;
}

.generic-content > *:nth-child(1) { animation-delay: 0.1s; }
.generic-content > *:nth-child(2) { animation-delay: 0.2s; }
.generic-content > *:nth-child(3) { animation-delay: 0.3s; }