@import url('../fonts.css');

/* Promotion Container */
.promotion-container {
    background: #FFF6F8;
    border-bottom: 1px solid #EBEBEB;
}

.promotion-container a {
    font-family: 'ubuntu mid';
    background: #FFF6F8;
    color: #909090;
}

.promotion-container a:hover {
    background: #fff;
    color: #ED1C24;
}

/* .patient-text {
    color: #ED1C24;
}

.physicians-text {
    color: #909090;
} */


/* End of Promotions */

div ul li {
    font-family: 'ubuntu mid';
}

div ul li a{
    color: #000;
}

div ul li a:hover {
    text-decoration: underline;
    color: #ED1C24;
}

div ul li a.active {
    color: #ED1C24;
    font-family: 'cera pro bold';
    text-decoration: underline;
}

div button {
    background: #ED1C24;
    font-family: 'cera pro reg';
    color: #FFF;
}

.servicehub-text {
    color: #ED1C24;
}


/* Mobile View */
/* Navigation Bar */
.mobile-navbar {
    background: #FAFAFA;
}

.burger-menu-btn {
    background: #FAFAFA;
}

.burger-menu-btn-open {
    background: #FFF;
}


#mobile-menu {
    text-align: center;
    font-family: 'cera pro mid';
}

/* Navigation Bar Open */
.burger-panel-open {
    background: #fff;
}

.burger-links {
    border-bottom: 1px solid #FFF6F8;
}

.burger-links-text {
    font-family: 'ubuntu mid';
    color: #000;
}

/* Nav button */
.mobile-nav-btn {
    background: #ED1C24;
    border-radius: 50px;
}

.mobile-nav-btn-text {
    font-family: 'ubuntu mid';
    color: #fff;
}

.navigation-container {
    position: relative;
}

.group:hover > ul {
    display: block;
}

.group ul {
    display: none;
    position: absolute;
    top: 100%; /* Align dropdown below the parent */
    left: 20%;
    z-index: 10;
    background-color: #F1F2F4;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
    }

.group ul li {
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

.group ul li:hover {
    background-color: #f3f4f6; 
}

.group ul li a {
    text-decoration: none;
    color: #000;
}

.active-link {
    color: #ED1C24;
}


/* Promotions Links */
.patients-text {
    color: #ED1C24;
}

.healthcare-bg {
    background: #FFF6F8;
    color: #909090;
}