[class*=content-grid] .grid-item {
    width:100%;
    padding-left:1.5rem;
    padding-right:1.5rem;
    float:left
}

[class*=content-grid] .grid-item {
    margin:0 0 3rem;
    float:left
}

[class*=content-grid] .thumbnail {
    max-width:100%;
    float:none
}

.post-info {
    margin-bottom:3rem;
    padding:0;
    margin-right:.2rem;
    margin-top:0;
    font-weight:700;
    letter-spacing:.1rem;
    text-transform:uppercase;
    display:inline-block;
    border:none
}
.post-info span {
    padding-top:0;
    margin-top:0;
    border:none
}
.post-info span:first-child {
    margin-left:0
}
.post-info span:last-child {
    margin-right:0
}
.post-info [class*=icon-] {
    display:inline-block;
    position:relative;
    z-index:1
}
.post-info .post-love [class*=icon-] {
    margin-right:.2rem
}


.post {
    margin-bottom:7rem
}
.post:last-child {
    margin-bottom:0!important
}
.post-content {
    position:relative;
    transition-property:background,color;
    transition-duration:.6s
}
.post-content.post-content,.post-content.post-media {
    margin-top:3rem
}
.post-content.with-background {
    padding:3rem;
    margin-top:0;
    background:#f9f9f9
}
.post-content.with-background>:first-child {
    margin-top:0
}
.post-content .read-more,.post-content>:last-child {
    margin-bottom:0
}
.post-media {
    max-width:114rem
}
.post-media>* {
    margin-bottom:0;
    float:none
}
.post-media .mejs-audio,.post-media .mejs-audio .mejs-button.mejs-mute {
    height:4.9rem!important
}
.post-media .mejs-audio .mejs-button.mejs-pause {
    height:4.9rem!important;
    width:4.4rem!important
}
.post-media .mejs-audio .mejs-button.mejs-pause button {
    margin:1.6rem 1.4rem
}
.post-media .mejs-audio .mejs-button.mejs-play {
    height:4.9rem!important;
    width:4.4rem!important
}
.post-media .mejs-audio .mejs-button.mejs-play button {
    margin:1.6rem 1.4rem
}
.post-media .mejs-audio .mejs-button button {
    margin:1.6rem .7rem
}
.post-media .mejs-audio .mejs-controls,.post-media .mejs-audio .mejs-controls div.mejs-horizontal-volume-slider,.post-media .mejs-audio .mejs-controls div.mejs-time-rail {
    height:4.9rem!important
}
.post-media .mejs-audio .mejs-controls .mejs-time {
    margin-top:1rem
}
.post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    top:2.1rem
}
.post-media .mejs-audio .mejs-container .mejs-button {
    height:4.9rem!important
}
.post-media .mejs-audio .mejs-time-rail .mejs-time-total {
    margin-top:2.1rem
}
.post-media+.post-info-aside,.post-media~.post-content {
    margin-top:3rem
}

.content-grid-1 .grid-item {
    width:100%
}
.content-grid-2 .grid-item {
    width:50%
}
.content-grid-3 .grid-item {
    width:33.33333%
}
.content-grid-4 .grid-item {
    width:25%
}
.content-grid-5 .grid-item {
    width:20%
}
.content-grid-6 .grid-item {
    width:16.66667%
}
[class*=content-grid-].no-margins {
    margin-right:0!important;
    margin-left:0!important
}
[class*=content-grid-].no-margins .grid-item {
    padding:0!important;
    margin:0!important
}


.post-info {
    margin-bottom:2rem;
    font-size:1.1rem;
    font-weight:400;
    color:#999
}


article.post {
    box-shadow:-4px 4px 15px rgba(0,0,0,.1)
}
article.post,article.post .post-content {
    border-radius:3px;
    background-color:#fff
}
article.post .post-content.with-background {
    background-color:#fff;
    border-radius:3px;
    color:#000!important;
    text-transform:none;
    margin-top:0
}
article.post .post-content .avatar-container {
    overflow:hidden;
    border-radius:7rem
}
article.post .post-content .avatar-container img.avatar {
    display:inline-block;
    width:5rem;
    height:5rem
}
article.post .post-media {
    border-top-right-radius:3px;
    border-top-left-radius:3px;
    overflow:hidden
}