/* ==========================================================================
   MOBILE HEADER + OFFCANVAS
   ========================================================================== */

.mobile-icon {
    font-size: 22px;
    color: var(--eb-header-mobile-icon);
    position: relative;
}

.offcanvas-title {
    font-weight: 600;
}

.mobile-menu-item {
    padding: 12px 6px;
    display: flex;
    align-items: center;
    font-size: 16px;
    text-decoration: none;
    color: var(--eb-header-mobile-link);
    transition: 0.2s ease;
}

.mobile-menu-item:hover {
    background: var(--eb-header-mobile-link-hover-bg);
}