//blog styles //------------------------------------------------ $primaryColor: $accent4; .post{ padding: 50px 0; border-bottom: 1px solid $accent6; &:first-child{ padding-top: 0; } &:last-child{ border: none; } .post-title a{ color: $primaryColor; } .post-image{ margin-bottom: 20px; text-align: center; box-shadow: 0 1px 7px rgba(0,0,0,0.15); } div[itemprop="description"]{ text-align: justify; a{ color: $primaryColor; font-weight: 700; &:hover{ color: $primaryColor; } } } } .back-to-all a{ color: $primaryColor; &:hover{ color: $primaryColor; } } .post-meta{ display: block; position: relative; padding-left: 0; font-size: $font-size-base * 0.9; li{ display: inline-block; margin-right: 5px; &:last-child{ margin-right: 0px; } i{ color: rgba($primaryColor, .85); } a{ color: $black; font-weight: 500; &:hover{ color: $primaryColor; text-decoration: none; } } } } .post-content { padding: 15px 0; } .comment{ a{color: $primaryColor;} } .post-comment-form-block { margin-top: 30px; h3{ color: $white; background-color: $primaryColor; padding: 10px; } } .post-comment-submitted-block{ a{ color: $primaryColor; } } .member-blog { h2 { margin-bottom: 30px; } } .member-blog__post { margin: 0; padding: 50px 0; border-bottom: 1px solid $accent5; &:first-child { padding-top: 0; } &:last-child { padding-bottom: 0; border: 0; } } .member-blog__post-image { box-shadow: 0 1px 7px rgba(0,0,0,0.15); text-align: center; } .member-blog__post-content { h3 { margin-bottom: 15px; font-size: 28px; font-weight: 500; } p:last-child { margin-bottom: 0; } } @media all and (max-width: 768px) { .member-blog__post-image { margin-bottom: 15px; } }