.single { .site-main { .title-wrap { width: 100%; margin-bottom: 30px; } .entry-header { background: rgba($white_color, 0.95); text-align: center; padding: 60px 30px 0 30px; position: relative; top: -60px; width: calc(100% - 80px); margin: 0 auto; &:after { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; width: 80px; height: 10px; position: absolute; bottom: -30px; left: 0; right: 0; margin: 0 auto; } .byline { display: inline-block; font-size: 0.6666em; font-weight: 700; letter-spacing: 1px; a { color: #333; &:hover { color: $primary_color; } } }//.byline }//.entry-header .entry-meta { margin-bottom: 10px; > span { font-size: 0.6666em; text-transform: uppercase; margin-right: 20px; &.posted-on { a { color: #999; &:hover { color: $primary_color; } } }//&.posted-on &.category { a { display: inline-block; margin-right: 5px; &:last-child { margin-right: 0; } } }//&.category &:last-child { margin-right: 0; } } }//.entry-meta .entry-title { font-size: 2em; }//.entry-title article { display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; &.sticky-enabled .article-meta { position: sticky; top: 20px; } }//article .article-meta { width: 65px; padding-left: 15px; text-align: center; .social-list { margin: 0; padding: 0; list-style: none; li { margin-bottom: 10px; a { width: 40px; height: 40px; text-align: center; background: $primary_color; color: $white_color; line-height: 40px; font-size: 0.7778em; border-radius: 100%; svg { margin-top: 0; } &.facebook { background: #3b5998; } &.twitter { background: #00aced; } &.instagram { background: #3f729b; } &.google-plus { background: #dd4b39; } &.pinterest { background: #cb2128; } &.linkedin { background: #007fb1; } &.youtube { background: #ff3333; } &.vimeo { background: #1ab7ea; } &.dribbble { background: #ea4c89; } &.foursquare { background: #0072b1; } &.flickr { background: #0063db; } &.reddit { background: #000000; } &.skype { background: #26ade3; } &.stumbleupon { background: #ea4b24; } &.tumblr { background: #2c4762; } &.odnoklassniki { background: #f38231; } &.vk { background: #4e76a1; } &.xing { background: #006565; } &:hover { opacity: 0.75; filter: alpha(opacity=75); } }//a }//li }//.social-list .favourite { text-align: center; a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: $white_color; color: #F03628; border: 1px solid rgba($black_color, 0.05); @include border-radius(100%); @include box-shadow(0 2px 5px rgba($black_color, 0.06)); svg { margin-top: 0; } &:hover { color: $white_color; background: #F03628; border-color: #F03628; } } &.liked .liked-icon { color: $white_color; background: #F03628; border-color: #F03628; } .fav-count { display: block; font-size: 0.6666em; font-weight: 700; letter-spacing: 1px; } }//.favourite + .entry-content { width: calc(100% - 65px); padding-left: 50px; } ~ .entry-footer { padding-left: 115px; } }//.article-meta .entry-content { margin-top: 0; .wp-caption { border-radius: 0; }//.wp-caption }//.entry-content .entry-footer { display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; > span { margin-right: 30px; &.cat-tags { text-transform: uppercase; h5 { display: inline-block; margin: 0; font-size: 0.6666em; font-weight: 400; } a { display: inline-block; margin-left: 5px; color: $black_color; font-size: 0.6666em; font-weight: 700; line-height: 1.3; letter-spacing: 1px; border-bottom: 1px solid $primary_color; &:after { content: ","; } &:last-child:after { display: none; } &:hover { color: $primary_color; } }//a }//&.cat-tags }//span }//.entry-footer }//.site-main .author-block { .author-content-wrap { .author-name { .sub-title { display: none; }//.sub-title }//.author-name }//.author-content-wrap }//.author-block .post-navigation { margin-top: 65px; }//.post-navigation #primary { > .author-block { border-top: 1px solid rgba($black_color, 0.1); border-bottom: none; margin-bottom: 0; margin-top: 65px; padding-bottom: 0; padding-top: 65px; } }//#primary }//.single .newsletter { margin-top: 65px; .blossomthemes-email-newsletter-wrapper { padding: 50px; display: flex; flex: 1; flex-wrap: wrap; align-items: center; .text-holder { padding-right: 40px; padding-left: 40px; margin-bottom: 0; min-height: 40px; display: flex; flex: auto; flex-direction: column; position: relative; justify-content: center; &::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); position: absolute; top: 6px; left: 0; width: 25px; height: 25px; background-repeat: no-repeat; background-size: cover; } h3 { margin: 0; font-size: 1em; }//h3 span { display: block; font-size: 0.8888em; }//span }//.text-holder form { display: flex; flex: auto; flex-wrap: wrap; input { display: flex; flex: 2; width: auto; margin-bottom: 0; &[type="submit"] { flex: 1; padding-left: 10px; padding-right: 10px; } }//input label { margin-top: 10px; order: 5; font-size: 0.8888em; width: 100%; .text { line-height: 1.3; } }//label }//form }//.blossomthemes-email-newsletter-wrapper }//.newsletter @include media(xs) { .single { .site-main { .entry-header { width: calc(100% - 20px); padding: 30px 20px 0 20px; top: -30px; }//.entry-header .entry-title { font-size: 1.6665em; }//.entry-title article { margin-top: 40px; &.sticky-enabled { .article-meta { position: static; } }//&.sticky-enabled }//article .article-meta { width: 100%; padding-left: 0; margin-bottom: 20px; display: flex; flex: 1; justify-content: center; .social-list { display: flex; flex: 1; flex-wrap: wrap; li { margin-right: 5px; }//li }//.social-list .favourite { display: flex; flex: 1; align-items: center; .fav-count { margin-left: 6px; } }//.favourite + .entry-content { width: 100%; padding-left: 0; }//.entry-content ~ .entry-footer { padding-left: 0; } }//.article-meta }//.site-main }//.single .newsletter { .blossomthemes-email-newsletter-wrapper { .text-holder { padding-right: 0; }//.text-holder }//.blossomthemes-email-newsletter-wrapper }//.newsletter }//@include media(xs)