/* Custom styling for the #NoStuNoStream protest page */

body {
    background-color: #121212;
    color: #e0e0e0;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.5px;
}

/* Gritty Accent Headings */
.brand-heading {
    font-family: 'Permanent Marker', cursive;
    color: #dc3545; /* Bootstrap Danger Red */
    text-shadow: 3px 3px 0px #000;
}

.sub-heading {
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

/* Hero Banner Background */
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(18, 18, 18, 1)), 
                url('https://images.unsplash.com/photo-1539683255143-73a6b838b106?q=80&w=1920') no-repeat center center;
    background-size: cover;
    min-height: 50vh;
    border-bottom: 5px solid #dc3545;
    padding: 40px 0;
}

/* Custom Card Layouts */
.card {
    background-color: #1e1e1e;
    border: 1px solid #2d2d2d;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
    color: #e0e0e0;
}

.section-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-uppercase: uppercase;
    letter-spacing: 1px;
}

/* Typography elements */
blockquote {
    font-style: italic;
    font-size: 1.1rem;
}

/* Smooth structural margins */
.container-custom {
    max-width: 900px;
}