.c-sidebar-widget {
    background-color: lighten($primary-color, 45%);
    box-shadow:  0 0 8px rgba(black, 0.4);
    margin-bottom: 2rem;
    padding: .5rem;

    > ul {
        list-style: none;
        margin: 0;
    }


    .widget-title {
        color: $primary-color-dark;
        border-bottom: 2px solid white;
        position: relative;
    }

    
    .widget-title::after {
        content: "";
        background: $primary-color-dark;
        width: 30%;
        height: 2px;
        position: absolute;
        bottom: -1px;
        left: 0;
    }

}


.c-footer-widget {
    padding: 0.5rem;
    
    > ul {
        list-style: none;
        margin: 0;
    }
    &--dark {
    color: white;

    .widget-title {
        color: white;
        border-bottom: 2px solid white;
        position: relative;
        margin-bottom: 1rem;
    }

    
    .widget-title::after {
        content: "";
        background: $primary-color;
        width: 30%;
        height: 2px;
        position: absolute;
        bottom: -1.8px;
        left: 0;
    }
    
    }

    &--light {
        color: $font-color;

        .widget-title {
            color: $primary-color-dark;
            border-bottom: 2px solid white;
            position: relative;
        }
    
        
        .widget-title::after {
            content: "";
            background: $primary-color-dark;
            width: 30%;
            height: 2px;
            position: absolute;
            bottom: -1.8px;
            left: 0;
        }
    }
}