html,
body {
  height: 100%;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  font-family: "lato";
  font-weight: 200;
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  background-color: #101010;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: 3840px 2160px;
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  body {
    background-size: 1920px 1080px;
  }
}

@media print {
  article {
    color: black;
    max-width: 100% !important;
  }

  @page {
    margin: 15mm;
  }

  body {
    margin: 0;
  }

  a, img, blockquote {
    page-break-inside: avoid;
    border: none;
  }

  .nav-scroller {
    display: none;
  }

  .blog-header {
    display: none;
  }

  .article-timestamp::after {
    content: "at RPLKTR.com";
  }

  h1 {
    color: rgb(77, 0, 77);
    font-weight: bold;
    font-size: 4rem !important;
    break-after: avoid;
  }

  h2 {
    color: rgb(77, 0, 77);
    font-size: 3rem;
    break-after: avoid;
  }

  h3 {
    color: rgb(77, 0, 77);
    font-size: 2.5rem;
    break-after: avoid;
  }

  h4 {
    color: rgb(77, 0, 77);
    font-size: 2.25rem;
    break-after: avoid;
  }

  li::marker {
    color: rgb(77, 0, 77);
  }

  .ul {
    list-style: none;
  }

  .ul li:before {
    content: "\2022";
    font-size: 1.5rem;
    font-weight: bold;
    color: rgb(77, 0, 77);
    display: inline-block;
    width: 2rem;
    margin-left: -2rem;
  }

  h5, h6, p, ul, ol, table {
    font-size: 1.5rem;
  }

  p.lead {
    font-size: 1.5rem !important;
    font-weight: bold;
  }
}

footer {
  color: rgba(255, 255, 255, .5);
}

footer p:last-child {
  margin-bottom: 0.5rem;
}

h1 {
  font-size: 2.25em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

h2, h3, h4 {
  margin-top: 2rem;
}

h2 {
  border-bottom: 1px solid #6c757d;;
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

hr {
  line-height: 1;
  border-bottom: 1px solid #6c757d;;
  margin: 2rem 0;
}

a,
a:focus,
a:hover {
  color: #fff;
}

article {
  max-width: 65ch;
}

article a {
  /*color: #6c757d;*/
  color: #17a2b8;
}

article img {
  max-width: 100%;
}

article table {
  margin-bottom: 1rem;
}

article table img {
  margin-right: 1rem;
}

.blog-header {
  line-height: 1;
  background-color: white;
}

.homepage-text {
  max-width: 42em;
}

.svg-align {
  margin-bottom: 0.25rem;
}

.card-footer {
  text-align: left;
}

.card-footer .dot {
  margin: 0 0.5rem;
}

.floaty-cards {
  column-count: 1;
  column-gap: 1em;
}

.floaty-cards .card {
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
  break-inside: avoid;
  page-break-inside: avoid;
}

.blockquote {
  color: #6c757d;
  font-style: italic;
  font-family: Georgia, "Times New Roman", serif;
  quotes: "\201C""\201D""\2018""\2019";
  padding-left: 1.5rem;
  border-left: 4px solid #6c757d;
}

.head-shot {
  width: 300px; height: 300px; margin-bottom: 1rem;
}

@media only screen and (min-width: 1440px) {
  .floaty-cards {
    column-count: 4;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .floaty-cards {
    column-count: 3;
  }
}

@media only screen and (min-width: 720px) and (max-width: 1024px) {
  .floaty-cards {
    column-count: 2;
  }
}

@media only screen and (min-width: 720px) {
  main {
    padding: 0 2rem;
  }

  h1 {
    font-size: 3em;
  }
}

@media only screen and (max-width: 480px) {
  .extlinks {
    display: none;
  }

  table.licensed-cover img {
    display: none;
  }
}

.nav-scroller {
  font-weight: bold;
}

.extlinks {
  min-width: 11rem;
  max-width: 11rem;
}

.btn-fb{color:#fff;background-color:#3765a2;border-color:#fff}
.btn-fb:hover{color:#fff;background-color:#2b4e7c;border-color:#fff}
.btn-fb.focus,.btn-fb:focus{color:#fff;background-color:#2b4e7c;border-color:#fff;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-fb.disabled,.btn-fb:disabled{color:#fff;background-color:#3765a2;border-color:#fff}

.btn-sndcld{color:#fff;background-color:#ff2200;border-color:#ffff}
.btn-sndcld:hover{color:#fff;background-color:#c01a01;border-color:#fff}
.btn-sndcld.focus,.btn-sndcld:focus{color:#fff;background-color:#c01a01;border-color:#fff;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-sndcld.disabled,.btn-sndcld:disabled{color:#fff;background-color:#ff2200;border-color:#fff}

.btn-insta{color:#fff;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);border-color:#fff}
.btn-insta:hover{color:#fff;background:radial-gradient(circle at 30% 107%, #cfc87a 0%, #c7c076 5%, #d14a3e 45%,#94196d 60%,#1c3c9e 90%);border-color:#fff}
.btn-insta.focus,.btn-insta:focus{color:#fff;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);border-color:#fff;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-insta.disabled,.btn-insta:disabled{color:#fff;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);border-color:#fff}

table.tracklisting {
  width: 100%;
}

table.tracklisting td:nth-child(1) {
  color: #6c757d;
  width: 2rem;
}

table.tracklisting td:nth-child(3),
table.tracklisting td:nth-child(4),
table.tracklisting td:nth-child(5),
table.tracklisting td:nth-child(6),
table.tracklisting td:nth-child(7) {
  text-align: right;
  color: #6c757d;
}

table.licensed-cover img
{
  max-height: 6rem;
}

.listen-button-am {
  display: inline-block;
  width: 25%;
  margin-right: 5%;
}

.listen-button-sp {
  display: inline-block;
  width: 35%;
  margin-right: 5%;
}

.listen-button-yt {
  display: inline-block;
  width: 25%;
}