/* Auto-generated Custom CSS from Database Settings */
/* Generated: 2026-01-05 10:22:43 */

@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Quicksand&display=swap');

:root {
    --cta_button_secondary_bg_color: #4af265;
    --folder-tab-border: #e44295;
    --primary-color: #2D9CDB;
    --secondary-color: #F2994A;
    --text-dark: #333333;
    --text-light: #666666;
    --bright-green: #79a838;
    --background-light: #FFFACD;
    --font-primary: Roboto;
    --font-heading: Oswald;
    --base-font-size: 1;
    --line-height: 1.6;
    --notification-title-size: 1.3;
    --notification-title-font: Poppins;
    --notification-title-color: #333333;
    --notification-message-size: 1;
    --notification-message-font: Quicksand;
    --notification-message-color: #555555;
    --logo-font: Poppins;
    --logo-size: 1.5;
    --logo-color: #e44295;
    --nav-font: Poppins;
    --nav-size: .85;
    --nav-color: #333333;
    --welcome-heading-font: Poppins;
    --welcome-tagline-font: Quicksand;
    --welcome-text-font: Quicksand;
    --welcome-text-color: #777777;
    --services-heading-font: Poppins;
    --services-heading-color: #333333;
    --services-card-title-font: Poppins;
    --team-heading-font: Poppins;
    --team-heading-color: #333333;
    --team-name-font: Poppins;
    --team-name-size: 1.25;
    --team-name-color: #0d0d0d;
    --footer-heading-font: Poppins;
    --footer-text-font: Quicksand;
    --button-font: Quicksand;
    --button-size: 1;
    --primary-button-bg: #4af264;
    --secondary-button-bg: #f2994a;
    --folder-tab: Poppins;
    --modal-h1-color: #e44295;
    --modal-h2-color: #000000;
    --mobile-menu-bg: #fd58ae;
    --mobile-menu-text: #ffffff;
    --mobile-menu-border: #000000;
    --link-button-bg: #4af264;
    --link-button-text: #ffffff;
    --link-button-hover-bg: #f2994a;
}

body {
    background: linear-gradient(180deg, #fffafe 0%, #f9fbf9 20%, #fffafe 40%, #f9fbf9 70%, #fff0fc 100%) !important;
}

body::before {
    background: linear-gradient(180deg, #fffafe 0%, #f9fbf9 20%, #fffafe 40%, #f9fbf9 70%, #fff0fc 100%) !important;
}

body { font-family: 'Roboto', sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif !important; }
body { font-size: 1rem !important; }
body { line-height: 1.6 !important; }
h2 { font-size: 2.5rem !important; }
h2 { font-weight: 800 !important; }
h2 { color: #333333 !important; }
header { background-color: #ffffff !important; }
.logo { font-family: 'Poppins', sans-serif !important; }
.logo { font-size: 1.5rem !important; }
.logo { color: #e44295 !important; }
.logo { color: #e44295 !important; }
.desktop-nav a, .mobile-nav a, nav a { font-family: 'Poppins', sans-serif !important; }
.desktop-nav a, .mobile-nav a, nav a { font-size: .85rem !important; }
.desktop-nav a, .mobile-nav a, nav a { color: #333333 !important; }
.cta-nav { background-color: #4af265 !important; }
.phone-button i { color: #79a838 !important; }
.email-button i { color: #79a83a !important; }
.map-button i { color: #79a83a !important; }
.contact-button { background: #ffffff !important; }

/* ===== NOTIFICATION SECTION STYLES ===== */
#notification.notification-section {
    padding: 1.5rem 5% !important;
    background: transparent !important;
    display: block;
}

#notification .notification-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    background: white !important;
    border-radius: 12px !important;
    padding: 1.5rem 2rem !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    gap: 1.5rem !important;
}

#notification .notification-icon {
    flex-shrink: 0 !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#notification .notification-icon i {
    font-size: 1.5rem !important;
    color: white !important;
}

#notification .notification-content { flex: 1 !important; }

#notification .notification-title { font-family: 'Poppins', sans-serif !important; }
#notification .notification-title { font-size: 1.3rem !important; }
#notification .notification-title { color: #333333 !important; }
#notification .notification-title { font-weight: 700 !important; margin: 0 0 0.5rem 0 !important; }

#notification .notification-message, #notification .notification-message p { font-family: 'Quicksand', sans-serif !important; }
#notification .notification-message, #notification .notification-message p { font-size: 1rem !important; }
#notification .notification-message, #notification .notification-message p { color: #555555 !important; }
#notification .notification-message, #notification .notification-message p { margin: 0 !important; padding: 0 !important; line-height: 1.5 !important; }


/* ===== POP-UP WINDOW STYLES ===== */
.service-modal #modalBody h1,
.team-modal #bioBody h1,
.patient-modal #patientModalBody h1 {
    color: #e44295 !important;
}

.service-modal #modalBody h2,
.team-modal #bioBody h2,
.patient-modal #patientModalBody h2,
.team-modal #teamModalTitle {
    color: #000000 !important;
}

#notification .notification-container.info { border-left: 6px solid #2D9CDB !important; }
#notification .notification-container.info .notification-icon { background: #2D9CDB !important; }
#notification .notification-container.warning { border-left: 6px solid #f39c12 !important; }
#notification .notification-container.warning .notification-icon { background: #f39c12 !important; }
#notification .notification-container.alert { border-left: 6px solid #e74c3c !important; }
#notification .notification-container.alert .notification-icon { background: #e74c3c !important; }
#notification .notification-container.success { border-left: 6px solid #79a838 !important; }
#notification .notification-container.success .notification-icon { background: #79a838 !important; }

.hero-section { background: linear-gradient(180deg, #ffd6fa 0%, #ffd6fa 100%) !important; }
.hero-content h1 { color: #333333 !important; }
.hero-content h1 { font-size: 3.5rem !important; }
.hero-content p { color: #555555 !important; }
.hero-content p { font-size: 1.25rem !important; }
.dot.active { background-color: #e44295 !important; }
.dot { background-color: #000000 !important; }
.carousel-button { background: #000000 !important; }
.welcome-content h2 { font-family: 'Poppins', sans-serif !important; }
.welcome-content h2 { font-size: 3rem !important; }
.welcome-content h2 { color: #333333 !important; }
.welcome-tagline { font-family: 'Quicksand', sans-serif !important; }
.welcome-tagline { font-size: 1.2rem !important; }
.welcome-tagline { color: #e44295 !important; }
.welcome-content p { font-family: 'Quicksand', sans-serif !important; }
.welcome-content p { font-size: 1rem !important; }
.welcome-content p { color: #777777 !important; }
.welcome-content p { color: #777777 !important; }
.welcome-content p { font-size: 1.5rem !important; }
.folder-tab { font-family: 'Poppins', sans-serif !important; }
.folder-tab.active { background: linear-gradient(to right, #ffebfd, #ffebfd) !important; }
.folder-tab { background: linear-gradient(to right, #ffffff, #ffffff) !important; }
.folder-tab { border-color: #e44295 !important; }
.folder-tab.active { border-left-color: #e44295 !important; }
.folder-title { color: #5a4a3a !important; }
.folder-title { font-size: 2rem !important; }
.folder-main { background: #ffebfc !important; }
.folder-content { background-color: #ffebfc !important; }
.indicator.active { background-color: #e44295 !important; border-color: #e44295 !important; }
.indicator { background-color: #ffffff !important; }
.clinic-section h2 { font-size: 2.5rem !important; }
.clinic-section p { font-size: 1.5rem !important; }
.services-section h2 { font-family: 'Poppins', sans-serif !important; }
.services-section h2 { font-size: 2.5rem !important; }
.services-section h2 { color: #333333 !important; }
.service-card h3, .overlay h3 { font-family: 'Poppins', sans-serif !important; }
.service-card h3, .overlay h3 { font-size: 1.5rem !important; }
.service-card p, .overlay p { font-size: 1.5rem !important; }
.overlay { background-color: #000000 !important; }
.overlay, .overlay h3, .overlay p { color: #ffffff !important; }
.service-card h3 { font-size: 1.5rem !important; }
.service-card p { font-size: 1.5rem !important; }
.team-section h2 { font-family: 'Poppins', sans-serif !important; }
.team-section h2 { font-size: 2.5rem !important; }
.team-section h2 { color: #333333 !important; }
.member-info h4, .team-modal #teamModalTitle { font-family: 'Poppins', sans-serif !important; }
.member-info h4 { font-size: 1.25rem !important; }
.member-info h4 { color: #0d0d0d !important; }
.bio-body, .bio-body p { font-size: 0.875rem !important; }
.member-card { background-color: #ffffff !important; }
.member-info h4 { color: #e44295 !important; }
.member-info h4 { font-size: .75rem !important; }
.member-info p { color: #666666 !important; }
.member-info p { font-size: 1rem !important; }
footer h2 { font-family: 'Poppins', sans-serif !important; }
footer h2 { font-size: 1.125rem !important; }
footer p, footer a { font-family: 'Quicksand', sans-serif !important; }
footer p, footer a { font-size: 0.875rem !important; }
footer { background-color: #ff85c4 !important; }
footer, footer h2, footer p, footer a { color: #ffffff !important; }
footer a { color: #ffffff !important; }
footer a:hover { color: #000000 !important; }
.button, .btn, .contact-button { font-family: 'Quicksand', sans-serif !important; }
.button, .btn { font-size: 1rem !important; }
.primary-cta, .btn-primary { background-color: #4af264 !important; }
.secondary-cta { background-color: #f2994a !important; }
.button, .btn, .contact-button { border-radius: 30px !important; }
.service-card, .member-card, .room-card { border-radius: 10px !important; }
#modalBody a, #bioBody a, #patientModalBody a { background-color: #4af264 !important; }
#modalBody a, #bioBody a, #patientModalBody a { color: #ffffff !important; }
#modalBody a:hover, #bioBody a:hover, #patientModalBody a:hover { background-color: #f2994a !important; }

/* End Auto-generated CSS */