/* Footer styles */

.site-footer {
    border-bottom: 1rem solid var(--color-orange, #F26B53);

    a { @apply text-white transition-colors duration-300 hover:text-secondary-400 focus-visible:text-secondary-400; }

    .widget {
        li { @apply text-16px my-1 mb-2 leading-4; }

        h4 { @apply font-bold text-18px text-secondary mb-2; }
    }

    .menu-footer-menu-container { @apply grow; }

    .copyright {
        p { @apply text-white leading-none m-0 p-0; }

        a { @apply text-white hover:text-primary-500 underline underline-offset-2; }
    }
}