File: /var/www/html/site/newsite/wp-content/themes/digital-download/sass/pages/_single-post.scss
.single{
#primary{
.post,
.page{
.post-thumbnail{
margin: 0 0 40px;
img{@include border-radius(4px);}
} /*post-thumbnail*/
.text-holder{
border: 0;
padding: 0;
@include border-radius(0);
padding-bottom: 60px;
} /*text-holder*/
.entry-footer{
.tags{
float: left;
.tag-title{
font-size: 1.4em;
font-weight: 500;
color: $secondary_color;
margin-right: 15px;
text-transform: none;
}
svg{
font-size: 1.1em;
color: $secondary_color;
margin-right: 5px;
}
} /*tags*/
} /*entry-footer*/
} /*post page*/
.newsletter{
margin: 0 0 30px;
padding: 0 0 60px;
border-bottom: 2px solid #f1f5f8;
.blossomthemes-email-newsletter-wrapper{
background: #f1f5f8 !important;
padding: 50px 30px 70px;
text-align: center;
.text-holder{
max-width: 570px;
margin: 0 auto 20px;
h3{
font-size: 1.333em;
line-height: 1.083em;
font-weight: 500;
margin: 0 0 0.583em;
} //h3
span{
display: block;
font-size: 1.111em;
line-height: 1.600em;
color: #86919d;
}
} //text-holder
form{
max-width: 570px;
margin: 0 auto;
display: flex;
background: #fff;
border: 1px solid rgba(218, 225, 231, 0.5);
box-shadow: 0 2px 0 #DAE1E7;
border-radius: 4px;
position: relative;
input[type="text"]{
flex-grow: 1;
flex-basis: 0;
border: 0;
border-radius: 0;
margin: 0;
padding: 0 15px;
background: none;
}
input[name="subscribe-fname"]{
border-right: 1px solid rgba(218, 225, 231, 0.5);
}
input[type="submit"]{
width: 112px;
border-radius: 0 4px 4px 0;
margin: 0;
}
label{
position: absolute;
bottom: -45px;
width: 100%;
font-size: 0.722em;
color: #86919d;
width: auto;
.check-mark{
width: 15px;
height: 15px;
display: inline-block;
background: #fff;
vertical-align: middle;
margin-right: 10px;
position: relative;
margin-top: -2px;
&:after{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 448 512'%3E%3Cpath d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E") center center no-repeat;
width: 15px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
content: '';
@include transform(translate(-50%, -50%));
} //after
} //checkmark
input[type="checkbox"]:checked ~ .check-mark{
background: $primary_color;
}
input[type="checkbox"]{
position: absolute;
opacity: 0;
clip: rect(1px 1px 1px 1px);
}
} //label
} //form
} //blossomthemes-email-newsletter-wrapper
} //newsletter
} /*primary*/
} /*single*/
#primary{
.post,
.page,
.edd-download{
.entry-content{
h1,
h2,
h3,
h4,
h5,
h6{
color: $secondary_color;
font-weight: 500;
}
h1{
line-height: 1.25em;
font-size: 2.222em;
margin: 0 0 15px;
} /*h1*/
h2{
font-size: 1.88em;
line-height: 1.264em;
margin: 0 0 15px;
} /*h2*/
h3{
font-size: 1.444em;
line-height: 1.269em;
margin: 0 0 15px;
} /*h3*/
h4{
font-size: 1.222em;
line-height: 1.272em;
margin: 0 0 15px;
} /*h4*/
h5{
font-size: 1em;
line-height: 1.277em;
margin: 0 0 15px;
} /*h5*/
h6{
font-size: 0.8em;
line-height: 1.25em;
margin: 0 0 15px;
} /*h6*/
.highlight{background: #e9f4ff;} /*highlight*/
ul,
ol{
li{
margin: 0 0 15px;
}
}
li > ul,
li > ol{
margin-top: 15px;
}
blockquote{
margin: 0 0 1.5em;
line-height: 1.818em;
font-size: 1.222em;
font-weight: 500;
font-style: italic;
color: $secondary_color;
padding-left: 30px;
border-left: 4px solid $primary_color;
p{margin: 0 0 10px;}
cite{
font-size: 0.818em;
color: #86919d;
line-height: 1.611em;
font-style: normal;
text-align: right;
display: block;
} /*cite*/
} /*blockquote*/
table{
font-size: 0.8em;
thead{
th{
text-align: left;
background: #f1f5f8;
padding: 20px;
&:first-child{
@include border-radius(4px 0 0 0);
}
&:last-child{
@include border-radius(0 4px 0 0);
}
} /*th*/
} /*thead*/
tbody{
tr{
border-bottom: 1px solid #f1f5f8;
&:last-child{border-bottom: 0;}
td{
padding: 10px 20px;
}
} /*tr*/
} /*tbody*/
} /*table*/
.pull-right{
float: right;
width: 280px;
color: $secondary_color;
font-weight: 500;
font-style: italic;
line-height: 1.6em;
font-size: 1.111em;
padding-left: 20px;
border-left: 4px solid $primary_color;
margin-left: 15px;
margin-bottom: 1.5em;
} /*pull-right*/
.pull-left{
float: left;
width: 280px;
color: $secondary_color;
font-weight: 500;
font-style: italic;
line-height: 1.6em;
font-size: 1.111em;
padding-left: 20px;
border-left: 4px solid $primary_color;
margin-right: 15px;
margin-bottom: 1.5em;
} /*pull-right*/
}
} /*page post*/
} /*primary*/
@media only screen and (max-width: 767px){
#primary{
.post,
.page{
.entry-content{
table{
thead{
th{
padding: 10px;
} //th
} //thead
tbody{
tr{
td{
padding: 10px;
} //td
} //tr
} //tbody
} //table
} //entry-content
} //post page
} //primary
.single{
#primary{
.newsletter{
.blossomthemes-email-newsletter-wrapper{
form{
flex-direction: column;
input[type="text"]{
padding: 15px;
} //input
input[name="subscribe-fname"]{
border-right: 0;
border-bottom: 1px solid rgba(218, 225, 231, 0.5);
}
input[type="submit"]{
width: 100%;
border-radius: 0 0 4px 4px;
}
} //form
} //blossomthemes-email-newslette-wrapper
} //newsletter
} //primary
} //single
} //media
// underline fixes
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
color: #454f59;
text-decoration: underline;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
color: #2f8be6;
text-decoration: underline;
}