/*
 * Content/Sidebar
 */
.sidebar {
    margin: 0 0 @gutter_width 0;

    @media @desktop, @tablet {
        width: 30%;
        margin: 0 0 0 @gutter_width;
        float: right;
    }

    .widget {
        margin: 0 0 20px;
    }

    .widgettitle {
        .headingStyle(h4);
    }
}

.sidebar + .postContent {

    @media @desktop, @tablet {
        width: calc(70% ~"-" (@gutter_width * 2));
        float: left;
    }
}