.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)