/*!
Theme Name: CinchPress
Theme URI: http://acinch.co/cinchpress/
Author: Topher Wilson
Author URI: https://workandwit.co
Description: A clean, simple, beautiful theme to have you writing in one step; activate. No need to confgure or manage, just start writing.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
Text Domain: cinchpress
Tags: custom-menu, featured-images, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

cinchpress is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126  License: none (public domain) */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* misc */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* global (not for layout, content only) */
.clear {
  clear: both;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.underline {
  border-bottom: 1px solid;
}
.highlight {
  background: #ffc;
}
.wrap {
  width: 960px;
  margin: 0 auto;
}
.img-left {
  float: left;
  margin: 4px 10px 4px 0;
}
.img-right {
  float: right;
  margin: 4px 0 4px 10px;
}
.nopadding {
  padding: 0;
}
.noindent {
  margin-left: 0;
  padding-left: 0;
}
.nobullet {
  list-style: none;
  list-style-image: none;
}
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
/* handy shortcuts */
.clear {
  /* for use on :after */
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.magic-box:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}
/* basics */
img {
  max-width: 100%;
}
a {
  transition: ease all .3s;
  outline: none;
}
html {
  font-size: 10px;
}
body {
  color: #454545;
  font-size: 1.7rem;
  line-height: 1.5;
  font-family: 'Muli', Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--heading);
}
h2 {
  font-size: 2.75rem;
  line-height: 1;
  color: var(--heading);
}
h3 {
  font-size: 2.5rem;
  color: var(--heading);
}
h4 {
  font-size: 2.25rem;
  color: var(--heading);
}
h5 {
  font-size: 2rem;
  color: var(--heading);
}
h6 {
  font-size: 1.75rem;
  color: var(--heading);
}
p,
ul,
ol,
dl {
  padding-bottom: 1.5rem;
}
legend {
  font-weight: bold;
  font-size: 1.2rem;
}
label {
  font-weight: bold;
}
input,
textarea,
select,
button {
  font-family: 'Muli', Arial, Helvetica, sans-serif;
}
blockquote {
  font-style: italic;
}
code,
var,
sub {
  font-family: monospace;
}
/* tags */
html {
  position: relative;
}
body {
  position: relative;
  background: #fff;
  color: var(--text);
}
a {
  color: var(--link);
}
#testing-frame {
  padding: 15px;
}
hr {
  margin: 20px 0;
  height: 1px;
  background: var(--border);
  border: 0;
}
input[type=url],
input[type=text],
input[type=email],
input[type=number],
input[type=password] {
  height: 3.6rem;
  border: 1px solid var(--border);
  background: var(--border);
  text-indent: 1.2rem;
  width: 180px;
  max-width: 100%;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.5;
  box-sizing: border-box;
  margin: 0;
}
input[type=submit],
button {
  height: 3.6rem;
  padding: 0 2rem;
  border: 1px solid var(--border);
  background: var(--border);
  font-size: 1.4rem;
  line-height: 1.5;
  box-sizing: border-box;
  margin: 0;
}
select {
  height: 3.6rem;
  border: 1px solid var(--border);
  background: var(--border);
  text-indent: 1.2rem;
  width: 180px;
  max-width: 100%;
}
textarea {
  display: block;
  height: 3.6rem;
  border: 1px solid var(--border);
  background: var(--border);
  padding: 1.2rem;
  height: 180px;
  width: 480px;
  max-width: 100%;
}
error {
  display: block;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  padding: 1rem;
}
warning {
  display: block;
  background: #fff3cd;
  border: 1px solid #ffeeba;
  padding: 1rem;
}
success {
  display: block;
  background: #d4edda;
  border: 1px solid #c3e6cb;
  padding: 1rem;
}
blockquote {
  padding: 1.5rem 1.5rem 0;
  margin-bottom: 1.5rem;
  background: var(--border);
}
pre {
  display: block;
  padding: 2rem 0;
  margin-bottom: 1.5rem;
}
code {
  padding: 3px;
  background: var(--border);
}
.wp-caption,
.wp-caption-text,
.sticky,
.screen-reader-text,
.gallery-caption,
.bypostauthor {
  position: relative;
}
/* elements */
#site-frame {
  position: relative;
  margin: auto;
  padding: 30px 15px;
  overflow: hidden;
}
.inner,
.nav-links {
  max-width: 738px;
  margin: auto;
}
/* navigation */
#site-nav {
  position: relative;
  padding-bottom: 2rem;
}
#site-nav .inner {
  position: relative;
}
#site-nav:after {
  /* for use on :after */
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.active #logo a {
  background: #fff;
  color: var(--link);
}
#logo {
  position: relative;
  float: left;
  height: 44px;
  line-height: 44px;
  z-index: 3000;
  transition: all ease .3s;
}
#logo a {
  background: var(--link);
  display: block;
  color: var(--heading);
  color: #fff;
  font-weight: bold;
  font-size: 1.7rem;
  padding: 0 16px;
  border-radius: 3px 3px 8px;
  text-decoration: none;
}
#logo a:hover {
  background: var(--dark);
}
.site-description {
  position: relative;
  clear: both;
  text-align: left;
  font-size: 1.3rem;
  line-height: 2rem;
  padding: .5rem 0;
  font-style: italic;
}
.site-menu-frame {
  position: fixed;
  top: -5px;
  right: -25px;
  bottom: -5px;
  width: 5px;
  left: auto;
  background: rgba(255, 255, 255, 0.1);
  z-index: -1000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 300;
  transition: ease all .2s;
  overflow: hidden;
}
.site-menu-frame.active {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  display: flex;
  font-size: 2.4rem;
  transition: ease all .2s;
  background: rgba(255, 255, 255, 0.8);
  background: var(--text);
}
.site-menu-frame .site-menu {
  position: relative;
}
.site-menu-frame li {
  position: relative;
  padding: 6px 0;
  display: none;
  text-align: center;
}
.site-menu-frame li ul {
  display: none;
}
.site-menu-frame li:nth-of-type(1),
.site-menu-frame li:nth-of-type(2),
.site-menu-frame li:nth-of-type(3),
.site-menu-frame li:nth-of-type(4) {
  display: block;
}
.site-menu-frame li.current_page_item a:before,
.site-menu-frame a.active:before {
  position: absolute;
  left: -15px;
  bottom: 3px;
  content: ".";
  font-weight: bold;
  color: var(--link);
}
.site-menu-frame li.current_page_item a:after,
.site-menu-frame a.active:after {
  position: absolute;
  right: -15px;
  bottom: 3px;
  content: ".";
  font-weight: bold;
  color: var(--link);
}
.site-menu-frame a {
  position: relative;
  color: var(--heading);
  color: #fff;
  text-decoration: none;
}
#grip {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  height: 44px;
  width: 44px;
  float: right;
  z-index: 2000;
  transition: ease all .3s;
}
#grip.active:before,
#grip.active:after,
#grip.active span {
  background: #fff !important;
  transition: ease all .3s;
}
#grip.active:before {
  top: 30px;
}
#grip.active:after {
  top: 8px;
}
#grip:before {
  position: absolute;
  top: 8px;
  left: 19px;
  width: 6px;
  height: 6px;
  background: var(--link);
  content: "";
  border-radius: 100%;
  transition: ease all .3s;
}
#grip span {
  position: absolute;
  top: 19px;
  left: 19px;
  width: 6px;
  height: 6px;
  background: var(--link);
  content: "";
  border-radius: 100%;
  transition: ease all .3s;
}
#grip:after {
  position: absolute;
  top: 30px;
  left: 19px;
  width: 6px;
  height: 6px;
  background: var(--link);
  content: "";
  border-radius: 100%;
  transition: ease all .3s;
}
/* site main */
#site-main {
  position: relative;
  padding: 5rem 0 2rem;
}
.content-intro {
  margin-bottom: 3rem;
  border-bottom: 1px solid var(--border);
}
.content-intro h1 {
  font-weight: bold;
}
/* blog entry */
.page-header {
  padding-bottom: 4rem;
}
.entry {
  position: relative;
  color: var(--text);
  padding-bottom: 5rem;
}
.entry:after {
  /* for use on :after */
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.entry-thumb {
  float: right;
  max-width: 140px;
  width: 35%;
  margin-left: 1.5rem;
}
.entry-thumb img {
  display: block;
  width: 100%;
  height: auto;
}
.entry.full {
  padding-bottom: 3rem;
}
.entry.full .entry-header {
  padding-bottom: 1.5rem;
}
.entry.full .entry-header h2 {
  font-size: 3rem;
  font-weight: 900;
}
.entry.full .entry-thumb {
  float: none;
  max-width: none;
  width: 105%;
  margin: 0 -2.5% 2rem;
}
.entry-header {
  padding-bottom: 1.5rem;
}
.entry-header h2 {
  font-size: 2.5rem;
  font-weight: 900;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.entry-header h2 a {
  color: var(--heading);
}
table {
  position: relative;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: 2rem;
}
table th {
  background: #ddd;
  font-weight: bold;
}
table th,
table td {
  padding: 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
table tr:nth-of-type(odd) td {
  background: var(--border);
}
.entry-content:after,
aside:after {
  /* for use on :after */
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.entry-content .gallery,
aside .gallery {
  position: relative;
}
.entry-content .gallery:after,
aside .gallery:after {
  /* for use on :after */
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.entry-content .gallery-item,
aside .gallery-item {
  position: relative;
  padding-bottom: 10px;
}
.entry-content .gallery-item:after,
aside .gallery-item:after {
  /* for use on :after */
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.entry-content .gallery-icon,
aside .gallery-icon {
  position: relative;
  height: 150px;
  width: 150px;
  overflow: hidden;
  float: left;
  margin: 0 10px 0 0;
}
.entry-content .gallery-icon a,
aside .gallery-icon a {
  display: block;
  height: 150px;
  width: 150px;
}
.entry-content .gallery-icon img,
aside .gallery-icon img {
  display: block;
  width: 100%;
}
.entry-content p.wp-block-cover-text,
aside p.wp-block-cover-text {
  color: #fff;
}
.entry-content h2,
aside h2 {
  padding-bottom: .5em;
}
.entry-content h3,
aside h3 {
  padding-bottom: .35em;
}
.entry-content figure,
aside figure {
  position: relative;
  max-width: 100%;
}
.entry-content img,
aside img {
  height: auto;
}
.entry-content figcaption,
aside figcaption {
  font-style: italic;
  font-size: .9em;
  display: block;
  padding-bottom: 1rem;
}
.entry-content ul,
aside ul {
  list-style: inside disc;
}
.entry-content ol,
aside ol {
  list-style: inside decimal;
}
.entry-content dl dt,
aside dl dt {
  float: left;
  clear: both;
  padding-right: 10px;
  font-weight: bold;
}
.entry-content blockquote,
aside blockquote {
  position: relative;
}
.entry-content blockquote:before,
aside blockquote:before {
  position: absolute;
  top: 0px;
  left: 0;
  height: 2px;
  width: 5%;
  background: var(--link);
  content: "";
}
.entry-content blockquote:after,
aside blockquote:after {
  position: absolute;
  bottom: 0px;
  right: 0;
  height: 2px;
  width: 5%;
  background: var(--link);
  content: "";
}
.entry-reading {
  font-size: .9em;
  color: var(--text);
  opacity: .8;
  font-weight: 300;
}
h2.comments-title {
  font-size: 2.5rem;
  padding-top: 3rem;
  border-top: 1px solid var(--border);
}
.post-navigation,
.posts-navigation {
  padding: 3rem 0;
  border-top: 1px solid var(--border);
}
.post-navigation h2,
.posts-navigation h2 {
  display: none;
}
.post-navigation .nav-links,
.posts-navigation .nav-links {
  overflow: hidden;
}
.post-navigation .nav-links .nav-previous,
.posts-navigation .nav-links .nav-previous {
  float: left;
  max-width: 43%;
  text-align: left;
}
.post-navigation .nav-links .nav-next,
.posts-navigation .nav-links .nav-next {
  float: right;
  max-width: 43%;
  text-align: right;
}
.comment-list > li:first-of-type {
  padding-top: 1.5rem !important;
}
.comment-list li.comment {
  position: relative;
  padding: 3rem 0 0;
}
.comment-list li.comment + li.comment {
  border-top: 1px solid var(--border);
}
.comment-list ul.children {
  border-top: 1px solid var(--border);
  padding-left: 58px;
}
.comment-list ul.children ul.children {
  padding-left: 0;
}
.comment-body {
  position: relative;
  overflow: hidden;
  padding-bottom: 3rem;
  padding-left: 58px;
}
.comment-author {
  position: relative;
}
.comment-author:after {
  /* for use on :after */
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.comment-author .vcard,
.comment-author .comment-metadata {
  display: inline;
}
.comment-author img {
  float: left;
  margin-left: -58px;
  border-radius: 100%;
  width: 48px;
  height: 48px;
}
.comment-author .fn {
  display: inline;
  line-height: 48px;
  font-weight: bold;
  font-size: 1.7rem;
}
.comment-author .fn a {
  color: var(--dark);
}
.comment-when {
  font-size: 1.2rem;
  font-style: italic;
  opacity: .7;
}
.comment-when a {
  color: var(--text);
}
#comments > #respond {
  border-top: 1px solid var(--border);
  padding-top: 3rem;
}
.reply {
  position: absolute;
  top: 64px;
  left: 0;
  width: 48px;
}
.reply a {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: 2px 2px 6px 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  transition: ease all .3s;
  text-align: center;
  line-height: 24px;
  height: 24px;
  background: var(--dark);
  border: 1px solid var(--dark);
  text-decoration: none;
  text-transform: lowercase;
}
.reply a:hover {
  background: var(--link);
  border: 1px solid var(--link);
}
li #respond {
  padding-left: 58px;
}
#respond h3 {
  font-size: 1.9rem;
  font-weight: bold;
}
#respond h3 a {
  font-size: 1.2rem;
  font-weight: normal;
}
#respond .comment-notes {
  font-size: 1.4rem;
}
#respond label {
  display: block;
  font-size: 1.4rem;
}
#respond .comment-form-cookies-consent label {
  display: inline;
}
#respond textarea {
  position: relative;
  width: 380px;
  max-width: 100%;
  height: 120px;
  box-sizing: border-box;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url] {
  width: 100%;
  max-width: 380px;
}
#respond input[type=submit] {
  display: inline-block;
  background: var(--link);
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  border: 1px solid var(--link);
  border-radius: 2px 2px 6px 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  transition: ease all .3s;
  cursor: pointer;
}
#respond input[type=submit]:hover {
  background: var(--dark);
  border: 1px solid var(--dark);
}
.entry-footer {
  font-size: .8em;
  color: var(--text);
  font-weight: 300;
}
.entry-footer ul {
  list-style: inside disc !important;
}
.entry-footer li {
  position: relative;
  display: inline-block;
  padding: 0 .75rem 0 1rem;
}
.entry-footer li:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: .5rem;
  content: "•";
  line-height: 1.5rem;
}
.entry-footer a {
  color: var(--text);
}
#site-footer {
  border-top: 1px solid var(--border);
  text-align: center;
  padding: 2rem 0;
}
.social-menu {
  position: relative;
  font-size: 2.8rem;
}
.social-menu li {
  display: inline-block;
  padding: 0 .5rem;
}
.social-menu li a:hover i {
  color: var(--dark);
}
#site-footer h6 {
  position: relative;
  margin-bottom: 2rem;
}
#site-footer h6 a {
  background: var(--link);
  display: inline-block;
  color: var(--heading);
  color: #fff;
  font-weight: bold;
  font-size: 1.7rem;
  padding: 0 16px;
  border-radius: 3px 3px 8px;
  text-decoration: none;
  transition: all ease .3s;
  height: 44px;
  line-height: 44px;
}
#site-footer h6 a:hover {
  background: var(--dark);
}
.footer-menu {
  padding: 0 15%;
}
.footer-menu li {
  display: none;
}
.footer-menu li ul {
  display: none;
}
.footer-menu li:nth-of-type(1),
.footer-menu li:nth-of-type(2),
.footer-menu li:nth-of-type(3),
.footer-menu li:nth-of-type(4) {
  display: inline;
}
.footer-menu li:nth-of-type(1):after,
.footer-menu li:nth-of-type(2):after,
.footer-menu li:nth-of-type(3):after,
.footer-menu li:nth-of-type(4):after {
  content: "•";
  margin: 0 5px;
  font-size: .7em;
}
.footer-menu li:nth-of-type(1):nth-of-type(4):after,
.footer-menu li:nth-of-type(2):nth-of-type(4):after,
.footer-menu li:nth-of-type(3):nth-of-type(4):after,
.footer-menu li:nth-of-type(4):nth-of-type(4):after {
  display: none;
}
.footer-menu a {
  color: var(--grey);
  text-decoration: none;
  opacity: .7;
}
.footer-menu a:hover {
  color: var(--link);
}
/*bio*/
.archive-head {
  position: relative;
  padding-top: 6rem;
}
#user-bio {
  padding: 3rem 0;
  border-top: 1px solid var(--border);
  text-align: center;
}
#user-bio.alt {
  border-top: 0;
  padding: 4rem 0 0;
}
#user-bio.alt .inner {
  width: auto;
  padding: 3rem 0;
  max-width: 738px;
}
#user-bio em {
  font-style: italic;
  font-weight: bold;
}
#user-bio .inner {
  margin: auto;
  max-width: 500px;
}
#user-bio .bio-headshot {
  position: relative;
  width: 90px;
  height: 90px;
  margin: auto auto 1rem;
  overflow: hidden;
  border-radius: 100%;
}
#user-bio .bio-headshot img {
  display: block;
  width: 100%;
}
#user-bio p:last-of-type {
  padding-bottom: 0;
}
/*newsletter*/
#site-newsletter,
.post-password-form {
  padding: 3rem 0;
  border-top: 1px solid var(--border);
  text-align: center;
}
#site-newsletter p,
.post-password-form p {
  position: relative;
}
#site-newsletter .inner,
.post-password-form .inner {
  margin: auto;
  max-width: 500px;
}
#site-newsletter p:last-of-type,
.post-password-form p:last-of-type {
  padding-bottom: 0;
}
#site-newsletter .newsletter-form,
.post-password-form .newsletter-form {
  width: 300px;
  margin: auto;
  padding-top: .5rem;
}
#site-newsletter input[type=text],
.post-password-form input[type=text],
#site-newsletter input[type=email],
.post-password-form input[type=email] {
  width: 65%;
  float: left;
  font-size: 1.3rem;
  border-radius: 3px;
}
#site-newsletter input[type=submit],
.post-password-form input[type=submit] {
  width: 32%;
  display: inline-block;
  top: -1px;
  background: var(--link);
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  border: 1px solid var(--link);
  border-radius: 2px 2px 6px 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  transition: ease all .3s;
  max-width: 200px;
}
#site-newsletter input[type=submit]:hover,
.post-password-form input[type=submit]:hover {
  background: var(--dark);
  border: 1px solid var(--dark);
}
.newsletter-form-results {
  font-weight: bold;
  display: none;
}
a.wp-block-button__link {
  width: 32%;
  display: inline-block;
  top: -1px;
  background: var(--link);
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  border: 1px solid var(--link);
  border-radius: 2px 2px 6px 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  transition: ease all .3s;
  max-width: 200px;
  text-decoration: none !important;
}
a.wp-block-button__link:hover {
  background: var(--dark);
  border: 1px solid var(--dark);
}
.is-style-outline a.wp-block-button__link {
  border: 1px solid #fff;
  color: var(--link);
}
.is-style-outline a.wp-block-button__link:hover {
  background: var(--dark);
  border: 1px solid var(--dark) !important;
}
@media screen and (min-width: 768px) {
  .site-description {
    position: relative;
    clear: none;
    float: left;
    padding: 0 0 0 15px;
    line-height: 44px;
  }
  #user-bio {
    overflow: hidden;
    text-align: left;
  }
  #user-bio .bio-headshot {
    float: left;
    margin-right: 15px;
  }
  #site-footer {
    position: relative;
  }
  #site-footer h6 {
    text-align: left;
  }
  #site-footer .footer-detail {
    text-align: left;
  }
  #site-footer .footer-detail ul {
    padding: 0;
  }
  .entry.full {
    font-size: 1.7rem;
  }
  .entry.full h2.entry-title {
    font-size: 4.8rem;
  }
  .entry.full .entry-thumb {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .entry-content:after,
  aside:after {
    /* for use on :after */
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .entry-content .gallery,
  aside .gallery {
    position: relative;
  }
  .entry-content .gallery-item,
  aside .gallery-item {
    position: relative;
    float: left;
    width: 50%;
  }
  .entry-content .gallery-item:after,
  aside .gallery-item:after {
    /* for use on :after */
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .social-menu {
    float: right;
    height: 30px;
    padding-bottom: 0;
    line-height: 44px;
    height: 44px;
  }
  .social-menu a:hover {
    color: var(--dark);
  }
}