.post-categories {
font-size: 0.75em; line-height: 1.5; }
.post-date, .post-categories, .further-reading span, .site-title, .menu-primary, .site-footer, .more-link, .comments-link, .sticky-status, .comment-footer, .widget-title {
text-transform: uppercase;
letter-spacing: 0.03em;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Montserrat", sans-serif;
}
.overflow-container {
background: white;
}
@media all and (min-width: 56.25em) {
body {
background: #f2f2f2;
}
.overflow-container {
padding: 0 3.125%;
margin: 0 3.125%;
border-right: solid 1px #ededed;
border-left: solid 1px #ededed;
}
}
@media all and (min-width: 68.75em) {
.overflow-container {
padding: 0 4.6875%;
margin: 0 4.6875%;
}
}
.entry {
margin: 3em 0;
}
.post-categories {
margin-right: 2.25em;
}
.post-categories,
.post-tags {
display: inline-block;
margin-bottom: 1.5em;
}
.further-reading {
margin-top: 0;
}
.site-title {
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
.tagline {
margin-top: 0.5em;
}
.menu-primary {
font-family: "Montserrat", sans-serif;
}
.more-link {
padding: 0;
border: none;
}
.more-link:hover, .more-link:active, .more-link:focus {
background: none;
color: #6b6b6b;
text-decoration: underline;
}
.more-link:hover:before, .more-link:active:before, .more-link:focus:before {
color: #333333;
text-decoration: none;
}
.more-link:before { font-family: "Font Awesome 5 Free";
content: "\f02d";
transition: all 0.1s ease-in-out;
display: inline-block;
padding-right: 6px;
vertical-align: middle;
font-weight:900;
}
.blog .post-content,
.archive .post-content,
.search .post-content {
border-bottom: solid 1px #e8e8e8;
}
.blog .post-content p:nth-last-child(3),
.archive .post-content p:nth-last-child(3),
.search .post-content p:nth-last-child(3) {
padding-bottom: 0.75em;
}
.blog .post-content p:last-of-type,
.archive .post-content p:last-of-type,
.search .post-content p:last-of-type {
margin-top: 0;
padding-bottom: 1.5em;
}
.loop-pagination {
position: relative;
margin: 1.5em 0;
text-align: center;
}
.loop-pagination .next,
.loop-pagination .prev {
position: absolute;
font-weight: 700;
color: #333333;
}
.loop-pagination .next:link, .loop-pagination .next:visited,
.loop-pagination .prev:link,
.loop-pagination .prev:visited {
color: #333333;
}
.loop-pagination .next {
right: 4.6875%;
margin-right: 0;
}
.loop-pagination .prev {
left: 4.6875%;
margin-left: 0;
}
@media all and (min-width: 56.25em) {
.loop-pagination .next {
right: 0;
}
.loop-pagination .prev {
left: 0;
}
}