.card_mf {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; 
    font-style: italic;
    <!-- color: blue; -->
}  

.navbar.fixed-top {
    padding-top: env(safe-area-inset-top);
}


.sans-only {
    font-family: 'Open Sans', sans-serif !important;
}

.simple-text {
    font-family: 'Open Sans', sans-serif;
    <!-- font-size: 16; -->
    font-weight: 300;
    font-style: italic;
    <!-- color: grey; -->
}

.navbar-brand { 
    font-size: 16px;
    color: black; 
}

.nav-link {
   color: grey;
} 

.specialty { 
    font-size: 14px;
    color: grey; 
}

.list_color, p.list_color {
    color: grey !important;
}


.basic-color {
    background-image: url("../emmeleia/images/papyrous.8bce28a50f8e.jpg");
    background-size: cover;
    color-accent: #DDCBAA; 
}

.my-color {
    background-color: #FFFFFF;
    background-image: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
    background-attachment: fixed; /* Keeps the gradient in place when scrolling */
}

.custom-table {
    background-color: #DECDC3 !important;
} 

.custom-toggler {
    background-color: #DECDC3;        /* changes button background */
    border-color: #DECDC3;             /* changes button border */
}

.navbar-toggler-icon {
    filter: brightness(0) invert(1);
}
.hero-section {
    background-image: url("/static/emmeleia/images/meli_1.31c7dbec713f.png"); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 60vh;          
    position: relative;
}

/* Optional overlay for better text contrast */
.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* semi‑transparent black */
    z-index: 1;
}

.hero-text {
    position: relative;
    z-index: 2;
    top: 30%; 
    color: white;  /* fallback if text‑white class is missed */
}