/* ==========================================================================
   Mother & Baby - Redesigned Philosophy Banner Stylesheet (White Text Version)
   ========================================================================== */

.philosophy-content-container {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    padding: 20px 20px;
    text-align: center;
}

.philosophy-icon {
    font-size: 28px;
    color: #ffffff !important;
    margin-bottom: 20px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.philosophy-quote {
    font-family: 'Philosopher', serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
    font-style: italic;
    margin-bottom: 20px !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

.philosophy-signature {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .philosophy-quote {
        font-size: 19px !important;
        line-height: 1.5 !important;
    }
}