p, footer, .post-list, .relatedposts, .support, .footnote, .post li, .post td {

a {
  color: $default-color;
  outline: none;
  text-decoration: none !important;
  transition: all .2s ease-out;
  background: linear-gradient($accent-color, $accent-color);
  background-size: 100% .2em;
  background-repeat: no-repeat;
  background-position: left 0 bottom 0;
}

}

results-container a {

color: $default-color;
text-decoration: none;

}

ul#results-container li {

color: $accent-color;
list-style-type: square;

}

input, textarea {

font-family: $serif-primary;
font-size: 1em;
border: none;
padding: 0.2em 0.5em;
width: 100%;

}

input:focus, textarea:focus {

outline: none;

}

.post-info a {

color: inherit;
text-decoration: none;

}

.post-info a:hover {

text-decoration: none;

}

.post .drop-cap {

font-size: 5.8em;
float: left;
line-height: 1;
margin: -0.09em 0.03em -0.1em -0.05em;

}

.post > p:first-of-type::first-line {

font-family: $sc-font;
text-transform: lowercase;
letter-spacing: 0.01em;

}

.page .post-title, .post .post-title, .catalogue-title {

text-transform: lowercase;

}

.post > .post-subtitle {

font-size: $base-font-size;
font-family: $serif-primary;
font-style: italic;
font-weight: normal;
text-align: center;
margin-top: -1rem;
margin-bottom: 3rem;

}

.relatedposts ul li, .post ul li {

font-size: $base-font-size;
list-style-type: square;

}

.post ul#markdown-toc {

color: $accent-color;
li a {
  background: none;
}

}

.relatedposts {

margin: 2.5em 0;

}

.footer-icons {

color: $grey-2;
font-size: 3em;
margin-top: 0.2em;

}

.footer-icons .fas, .footer-icons .fab {

margin: 0 0.1em;

}

.share-bar {

padding-bottom: 1.5em;

}

footer {

max-width: 40em;

}

// for those little screens

@media (max-width: 37.5em) {

* {
  line-height: 1.45em;
}

html {
  font-size: 1.1 * $base-font-size;
}

.post-title {
  font-size: 2.5em;
}

.post .drop-cap {
  font-size: 5.2em;
  float: left;
  line-height: 1;
  margin: -0.09em 0.03em -0.1em -0.05em;
}

.nav-title {
  font-size: 2em;
  margin-top: 1em;
}

.nav-container ul {
  font-size: 1.3em;
}

.nav-container ul a {
  color: $grey-1;
}

.share-bar .share-buttons {
  font-size: 1.1em;
}

.share-bar .share-buttons .fab {
  margin: 0 0.1em;
}

}

::selection {

background-color: $accent-color;

}

footer, .share-bar, .nav-container { /* Disable selection of some elements */

-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

}

@media (max-width: 37.5em) {

* {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

}

.post blockquote p {

font-size: 0.9 * $base-font-size;

}

.post li {

font-size: $base-font-size;

}

.hidden {

display: none;

}

.small-caps {

font-family: $sc-font;
letter-spacing: 0.01em;
text-transform: lowercase;

}

// for HiDPI screens

@media (min-width: 90em) {

html {
  font-size: 1.2 * $base-font-size;
}

}

// sub-heading adjustments

.post h2 {

font-size: 1.7em;

}

.post h3 {

font-size: 1.4em;

}

// footnote tweaks

.post > .footnotes {

border-top: solid 1px $grey-2;

ol li, ol li p {
  font-size: 0.9 * $base-font-size;
}

.reversefootnote {
  background: none;
}

}

.post-info > a::before {

content: "Written by ";
font-style: italic;

}

.post-info time::before {

content: "on ";
font-style: italic;

}

.contact-form {

margin-bottom: 2em;

}

.contact-form input {

display: block;
background: $accent-color;
max-width: 8em;
margin: 0 auto;
border-radius: 0.15em;
/* Disable iOS and Mozilla button overrides*/
-webkit-appearance: none;
   -moz-appearance: none;

}

table {

margin-right: auto;
margin-left: auto;
margin-bottom: 1em;

}

.yt-container {

position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
margin-bottom: 1em;

}

.video {

position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0.4rem;

}

th, td {

padding-left: 0.3em;
padding-right: 0.3em;

}

th {

font-family: $sans-serif;
font-size: 1.1em;

}