////////////////////////////////
//       Mobile First
////////////////////////////////

.c-content {
    width: 100%;
    //background: $sidebar-bg; // is strange but this is correct

    .document {
        padding: 20px 25px;
        //background: $content-bg;
    }

    .breadcrumb {
        margin-bottom: 0;
        border-bottom: 1px solid transparent; //$sidebar-bg-color;
    }
}

////////////////////////////////
//       Desktop
////////////////////////////////
@include media-breakpoint-up(md) {

    .c-content {
        width: 100%;
        float: left;

        .document, .breadcrumb {
            margin-left: $sidebar-width;
            transition: margin 300ms linear;
            margin-top: 0;
            .sidebar-closed & {
                margin-left: $sidebar-collapsed-width;
                transition: margin 300ms linear;
            }
            .sidebar-hidden & {
                margin-left: 0;
            }
        }
    }

}