#g-sidebar {
    background: $main-background;
    color: $main-text-color;
}

#g-sidebar-top {
    height: 100%;
    .g-social {
        @include display(flex);
        @include flex-direction(column);
        @include align-items(center);

        @include breakpoint(mobile-only) {
            @include flex-direction(row);
            @include justify-content(space-evenly);
        }

        a {
            display: block;
            margin-bottom: $content-padding * 2;

            @include breakpoint(mobile-only) {
                margin-bottom: 0;
                width: 100%;
            }

            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}

@media print {
    #g-sidebar{
        background: #fff !important;
        color: #000 !important;
    }
}