.hentry,.post{ margin-top:2rem; background-color: $white-color; padding:1rem 0;; figure{ margin:0; &.gallery-item{ padding:5px; @include radius(5px); border:1px solid $border-color; } &.wp-caption{ margin:0 auto; } } .entry-header{ text-align: center; h2{ &.entry-title{ font-weight: 700; text-transform: uppercase; margin: 0; a{ color:$heading-color; font-size:1.5rem; line-height: 1.7; font-family: $heading-fonts; text-transform: capitalize; font-weight: 700; } } } .post-author{ span{ font-style: italic; text-transform: capitalize; font-size: 0.875rem; font-weight: 600; a{ font-weight: 600; margin-left: 5px; font-weight: 400; font-size: 0.775rem; } } } } .entry-meta{ @include display-flex(flex); @include justify-content-center; @include align-items-center; @include flex-wrap(wrap); max-width: 540px; margin: 0 auto; margin-top:15px; span{ text-transform: capitalize; color:$bg-dark; span{ margin:0; } svg{ margin-right: 5px; font-size: 0.775rem; } &:last-child{ span{ margin:0; } } } margin-bottom: 2rem; } .entry-content{ padding:1.25rem 1rem; margin-top:1rem; text-align: justify; p{ line-height: 2; margin-bottom: 1rem; a{ color:$pink-color; } &:last-child{ margin-bottom: 0; } } } .readMore{ text-align: center; padding:0 1rem; .common-button{ @include justify-content-center; &.is-clear{ text-transform: uppercase; } } } .entry-footer{ @include display-flex(flex); @include justify-content-center; @include align-items-center; @include flex-wrap(wrap); max-width: 400px; margin: 0 auto; margin-top:10px; span{ text-transform: capitalize; color:$bg-dark; svg{ margin-right: 5px; font-size: 0.775rem; } } margin-bottom: 2rem; } span{ font-size: .875rem; a{ color:$bg-dark; &::before{ content: ""; font-family: "Font Awesome 5 Free"; margin-right:.5rem; font-size: .775rem; font-weight: 400; } } &.posted-on{ a{ &::before{ content: "\f073"; margin:0 .5rem; } } } &.comments-link{ a{ &::before{ content: "\f086"; } } } &.edit-link{ a{ &::before{ content: "\f044"; } } } &.cat-links{ a{ &::before{ content: "\f00b"; margin:0 .5rem; } } } &.author.vcard{ a{ &::before{ content: "\f007"; margin:0 .5rem; } } } &:not(:last-child){ // margin-right: 1.5rem; &::after{ display: inline-flex; content:'|'; margin:0 .6125rem; } } } } .details{ .hentry,.post{ padding-top:0; figure{ margin-bottom: 2rem; } .entry-content{ margin:0; p{ text-align: justify; &:not(:last-child){ margin-bottom: 1rem; } } } .entry-meta{ margin-bottom: .5rem; } } } .authorbox{ @include display-flex(flex); @include justify-content-start; @include align-items-start; margin:2rem 0; .author-avatar{ @include flex (0 0 150px); max-width: 150px; img{ max-width: 120px; width: 120px; height: 120px; @include radius(100%); } } .author-info{ h4{ &.author-header{ font-size: 1.125rem; a{ font-size: 1.125rem; color:$heading-color; &:hover{ color:$pink-color; } } } } } } .rpl-lg-8{ &.left-sidebar{ @include order(1); } &.right-sidebar{ @include order(0); } } .rpl-lg-4{ &.left-sidebar{ @include order(0); } &.right-sidebar{ @include order(1); } }