:root {
    --primary-color: #ce181e;
    --secondary-100: #58595b;
    --secondary-200: #58595b;
    --secondary-300: #f5f5f5;
    --secondary-400: rgba(48, 114, 211, 0.08);
    --light-yellow: rgba(255, 231, 108, 0.2);
    --blue: #3072d3;
    --white: #ffffff;
    --yellow: #ffe76c;
}

.dropdown-toggle::before,
.dropdown-toggle::after {
    display: none !important;
}

@media (max-width: 1024px) {
    .navbar-collapse {
        box-shadow: var(--bs-box-shadow-sm) !important;
    }

    .avatar-collapse {
        display: flex !important;
        flex-direction: row;
        padding-bottom: 12px;
    }

    .avatar.for-nav {
        display: none !important;
    }
}

.bottom-vignette {
    position: absolute;
    bottom: -80px;
    left: 0px;
    width: 100%;
    z-index: -2;
}

footer {
    background: var(--primary-color);
    width: 100%;
    z-index: 99;
}

footer .social-media a {
    padding: 8px 12px;
    border-radius: 50%;
    color: var(--primary-color);
    background: white;
    transition: transform 0.5s;
}

footer .social-media a:hover {
    transform: rotate(-20deg);
}