/*
Theme Name: ISE-Astra Child
Theme URI: https://infamoussportsentertainment.com/
Template: astra
Author: Jennifer Thomas
Author URI: https://infamoussportsentertainment.com/about/
Description: The official child theme for the Infamous Sports Entertainment (ISE) WordPress site. It extends the Astra theme to implement ISE's unique branding, including its dark theme, red accents, and custom typography. This theme also houses template modifications required for the custom wrestling and event management systems. Using this child theme ensures that all custom code is preserved during parent theme updates.
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.8.1754282246
Updated: 2025-08-04 04:37:26

*/
/* ISE Brand Colors */
:root {
    --ise-black: #0a0a0a;
    --ise-dark: #1a1a1a;
    --ise-red: #dc2626;
    --ise-red-dark: #991b1b;
    --ise-gray: #4a4a4a;
    --ise-white: #ffffff;
    --ise-gold: #fbbf24;
}

/* Global Styles */
body {
    background-color: var(--ise-black);
    color: var(--ise-white);
}

/* Header Styling */
.site-header {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 100%);
    backdrop-filter: blur(10px);
    border-bottom: 2px solid var(--ise-red);
}

/* Navigation */
.main-navigation a {
    color: var(--ise-white);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.main-navigation a:hover {
    color: var(--ise-red);
}

/* Buttons */
.wp-block-button__link,
.button,
.ast-button {
    background: linear-gradient(135deg, var(--ise-red) 0%, var(--ise-red-dark) 100%);
    color: white;
    border: none;
    padding: 12px 30px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.wp-block-button__link:hover,
.button:hover,
.ast-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(220, 38, 38, 0.4);
}

/* Footer */
.site-footer {
    background-color: var(--ise-dark);
    border-top: 2px solid var(--ise-red);
    margin-top: 50px;
}