/* Hero List Items with Bullets - Desktop/Tablet Only */
@media (min-width: 768px) {
    #csueb-hero-list {
        display: inline-block;
        margin: 0;
        padding: 0;
    }
    
    #csueb-hero-list .csueb-hero-list-item {
        display: inline;
        margin: 0;
        padding: 0;
        list-style: none;
        white-space: nowrap; /* Prevent text wrapping */
        color: white;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        font-style: italic;
    }
    
    /* Remove any bullets from first item */
    #csueb-hero-list .csueb-hero-list-item:first-child:before {
        display: none !important;
        content: none !important;
    }
    
    /* Add bullets between items */
    #csueb-hero-list .csueb-hero-list-item:not(:first-child):before {
        content: " • ";
        color: white;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        margin: 0 8px;
        font-weight: bold;
        font-style: italic;
        display: inline !important;
        white-space: nowrap; /* Prevent bullet from wrapping */
    }
    
    /* Reset any child element styling */
    #csueb-hero-list .csueb-hero-list-item * {
        display: inline;
        margin: 0;
        padding: 0;
        list-style: none;
        white-space: nowrap; /* Prevent child elements from wrapping */
        color: white;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        font-style: italic;
    }
}

/* Mobile - Stack vertically without bullets */
@media (max-width: 767px) {
    #csueb-hero-list {
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    
    #csueb-hero-list .csueb-hero-list-item {
        display: block;
        margin-bottom: 7.5px; /* Reduced spacing by 25% (was 10px) */
        padding: 0;
        list-style: none;
        white-space: normal; /* Allow wrapping on mobile if needed */
        color: white;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        text-align: center;
        font-style: italic;
    }
    
    #csueb-hero-list .csueb-hero-list-item:before {
        display: none !important;
        content: none !important;
    }
    
    #csueb-hero-list .csueb-hero-list-item:last-child {
        margin-bottom: 0;
    }
    
    /* Allow child elements to wrap normally on mobile */
    #csueb-hero-list .csueb-hero-list-item * {
        display: inline;
        margin: 0;
        padding: 0;
        white-space: normal; /* Allow wrapping on mobile */
        color: white;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        text-align: center;
        font-style: italic;
    }
}