/* 
 * Special Headline Styles
 * 
 * This file contains styles for various headline treatments
 */

/* Cool Thin Headline Style */
.thin-headline {
    font-family: 'neue-haas-grotesk-display', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 100 !important;
    font-size: 90px !important; /* Much bigger! */
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    margin: 70px auto 50px !important;
    max-width: 1200px !important;
    text-align: center !important;
    color: #000 !important;
    text-transform: none !important; /* Not all caps */
}

/* White version of the Thin Headline Style */
.thin-headline-white {
    font-family: 'neue-haas-grotesk-display', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 200 !important;
    font-size: 70px !important; /* Smaller size */
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    margin: 70px auto 50px !important;
    max-width: 1200px !important;
    text-align: center !important;
    color: #fff !important; /* White color */
    text-transform: none !important;
}

/* Title Case Version for Headlines */
.title-case {
    text-transform: none !important; /* Removes any existing text transform */
}

/* Dramatic Ultra-Thin Headline Style (like "After the Ball is Over") */
.dramatic-headline {
    font-family: 'neue-haas-grotesk-display', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 100 !important; /* Ultra thin */
    font-size: 120px !important; /* Super large! */
    line-height: 1 !important;
    letter-spacing: -0.04em !important; /* Extra tight spacing */
    margin: 100px auto 70px !important;
    max-width: 1400px !important;
    text-align: left !important;
    color: #fff !important; /* White text on dark background */
    text-transform: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .thin-headline {
        font-size: 46px !important; /* Bigger on mobile too */
        padding: 0 20px !important;
        margin: 40px auto 30px !important;
        line-height: 1.1 !important;
    }
    
    .thin-headline-white {
        font-size: 36px !important; /* Smaller size on mobile */
        padding: 0 20px !important;
        margin: 40px auto 30px !important;
        line-height: 1.1 !important;
    }
    
    .dramatic-headline {
        font-size: 60px !important;
        line-height: 1 !important;
        letter-spacing: -0.03em !important;
        margin: 50px auto 40px !important;
        padding: 0 20px !important;
    }
    
    /* Make the WordPress button bigger on mobile */
    .wp-block-button.wp-block-button__width-25 {
        width: 75% !important; /* Increase from 25% to 75% on mobile */
    }
    
    .wp-block-button.wp-block-button__width-25 .wp-block-button__link {
        font-size: 18px !important; /* Larger text */
        padding: 12px 24px !important; /* More padding */
    }
} 