/**

* Page content
*/

.main-content {

padding: $spacing-unit 0;
flex: 1 0 auto;

}

.page-content {

display: inline-block;
vertical-align: top;
margin-bottom: $spacing-unit / 2;

}

.page-sidebar {

width:  calc(#{$sidebar_width} - #{$spacing-unit});
padding-left: calc(#{$spacing-unit});

display: inline-block;
vertical-align: top;
margin-bottom: $spacing-unit / 2;

}

.page-heading {

@include relative-font-size(2);

}

.post-list-heading {

@include relative-font-size(1.75);

}

.post-list {

margin-left: 0;
list-style: none;

> li {
    margin-bottom: $spacing-unit;
}

}

.post-meta {

font-size: $small-font-size;
color: $grey-color;

}

.post-link {

display: block;
@include relative-font-size(1.5);

}

/**

* Posts
*/

.post-header {

margin-bottom: $spacing-unit;

}

.post-title, .post-content h1 {

@include relative-font-size(2.625);
letter-spacing: -1px;
line-height: 1;

@include media-query($on-laptop) {
    @include relative-font-size(2.25);
}

}

.post-content {

margin-bottom: $spacing-unit;

h2 {
    @include relative-font-size(2);

    @include media-query($on-laptop) {
        @include relative-font-size(1.75);
    }
}

h3 {
    @include relative-font-size(1.625);

    @include media-query($on-laptop) {
        @include relative-font-size(1.375);
    }
}

h4 {
    @include relative-font-size(1.25);

    @include media-query($on-laptop) {
        @include relative-font-size(1.125);
    }
}

}