/* Example Page Specific Styles */

.current-page::before {
    content: '';
    position: absolute;
    background-color: var(--accent-60);
    bottom: -7px;
    width: 24px;
    height: 4px;
    border-radius: 2px;
    left: 37%;
}

#mobileMenu .current-page {
    color: var(--primary-200);
}

#mobileMenu .current-page:hover {
    color: var(--primary-140);
}

#mobileMenu .current-page:active, #mobileMenu .current-page:focus {
    color: var(--primary-180);
}

#mobileMenu .current-page::before {
    content: '';
    position: absolute;
    background-color: var(--primary-200);
    bottom: 5px;
    width: 24px;
    height: 4px;
    border-radius: 2px;
    left: 50%;
    transform: translate(-50%, -50%);
}