@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
html {
  min-height: 100%;
  -webkit-font-smoothing: antialiased; }

html,
*, *::before, *::after {
  box-sizing: border-box; }

body {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.5;
  word-wrap: break-word; }

h1, .h1, .t1 {
  font-size: 3.6rem; }

h2, .h2, .t2 {
  font-size: 3rem; }

h3, .h3, .t3 {
  font-size: 2.4rem; }

h4, .h4, .t4 {
  font-size: 1.8rem; }

h5, .h5, .t5, small, .tag, .search_query {
  font-size: 1.4rem; }

h6, .h6, .t6, .btn {
  font-size: 1.2rem; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  letter-spacing: 1px;
  line-height: 1.4;
  font-weight: bold; }

p {
  margin-bottom: 1em; }

a {
  outline: 0; }

.semi-transparent {
  opacity: 0.4; }

.block {
  display: block;
  width: 100%; }

img {
  max-width: 100%;
  border: 0; }
  img[align="right"] {
    margin-left: 1rem;
    margin-bottom: 1rem;
    float: right; }
  img[align="left"] {
    margin-right: 1rem;
    margin-bottom: 1rem;
    float: left; }
  img[align="middle"] {
    display: block;
    margin: 1rem auto; }

figure img {
  display: block;
  margin: 0 auto 2rem; }

table {
  width: 100%;
  border-spacing: 0;
  border: 1px solid; }

thead, tfoot, th, td {
  padding: 0.5rem; }

td {
  border-bottom: 1px solid; }

tr:last-child td {
  border-bottom: 0; }

th {
  font-size: 110%; }

.site-notes .avatar {
  margin-right: 1rem;
  width: 3.2rem; }

.avatar_frame {
  border-bottom: 0; }
  .avatar_frame:focus, .avatar_frame:hover {
    border-bottom: 0;
    opacity: 0.5; }

.notes {
  padding: 0;
  margin: 0; }

.notes li {
  list-style: none;
  border-top: 1px solid; }

.note {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .note blockquote {
    margin: 1rem 2.5rem;
    font: 1.4rem; }

.more_notes_link:hover, .more_notes_link:focus {
  text-decoration: none; }

.source_tumblelog {
  margin-left: 0.2em; }

.tumblelog,
.source_tumblelog {
  font-weight: bold; }

.more_notes_link_container {
  text-align: center; }

.more_notes_link {
  display: inline-block;
  margin: 1.5rem auto; }

.tag, .search_query {
  text-transform: uppercase; }

.island {
  padding: 2rem; }

.island-double {
  padding: 4rem; }

.island-triple {
  padding: 6rem; }

.island-half {
  padding: 1rem; }

.pad-bottom {
  padding-bottom: 2rem; }

.pad-bottom-double {
  padding-bottom: 4rem; }

.pad-bottom-triple {
  padding-bottom: 6rem; }

.pad-top {
  padding-top: 2rem; }

.pad-top-double {
  padding-top: 4rem; }

.pad-top-triple {
  padding-top: 6rem; }

.vertical-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media (min-width: 992px) {
  .nopadding {
    padding: 0; } }

.inline {
  display: inline-block; }

.wrapper {
  margin: 0;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  position: relative; }

.sidebar {
  position: absolute;
  padding: 3rem;
  top: 0;
  bottom: 0;
  min-height: 100vh;
  width: 33rem;
  z-index: 1000; }

.round {
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }

.sidebar-link {
  position: absolute;
  top: 3rem; }
  .sidebar-link:hover, .sidebar-link:focus {
    text-decoration: none; }

.sidebar.sidebar-visible {
  overflow: auto; }

body.sidebar-visible {
  overflow: hidden; }

.sidebar-visible .sidebar-link {
  position: absolute; }

.sidebar, .site-header, .site-content, .site-footer {
  -webkit-transition: 0.5s ease;
          transition: 0.5s ease; }

.body-sidebar-right {
  -webkit-transition: left 0.5s ease-in-out;
          transition: left 0.5s ease-in-out; }

.sidebar-right {
  right: -33rem;
  left: auto; }

.sidebar-right .sidebar-link {
  right: 36rem; }

.body-sidebar-right .sidebar-visible {
  -webkit-transform: translate(-33rem, 0px);
      -ms-transform: translate(-33rem, 0px);
          transform: translate(-33rem, 0px); }

.body-sidebar-right .sidebar-visible .sidebar-link {
  right: 3rem; }

.body-sidebar-left {
  -webkit-transition: right 0.5s ease-in-out;
          transition: right 0.5s ease-in-out; }

.sidebar-left {
  left: -33rem;
  right: auto; }

.sidebar-left .sidebar-link {
  left: 36rem; }

.body-sidebar-left .sidebar-visible {
  -webkit-transform: translate(33rem, 0px);
      -ms-transform: translate(33rem, 0px);
          transform: translate(33rem, 0px); }

.body-sidebar-left .sidebar-visible .sidebar-link {
  left: 3rem; }

.mini-thumbs a {
  height: 7.5rem;
  width: 7.5rem;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin: 0 0.3rem;
  opacity: 1;
  border: 1px solid #ffffff;
  -webkit-transition: 0.8s opacity;
          transition: 0.8s opacity; }
  .mini-thumbs a:hover, .mini-thumbs a:focus {
    opacity: 0.6; }

.mini-thumb {
  width: 7.5rem;
  height: auto; }

.list-thumbs {
  padding-left: 0;
  list-style: none; }

.list-thumbs li {
  float: left;
  display: inline-block; }

.widget-dribbble .mini-thumb {
  width: auto;
  max-width: none;
  height: 7.5rem; }

.post-media-content {
  font-size: 1.6rem; }
  @media (min-width: 992px) {
    .post-media-content {
      padding-left: 4.5rem; } }

.post-media {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.post-media .post-date {
  text-align: center; }

.post-tags {
  line-height: 2; }
  @media (max-width: 991px) {
    .post-tags {
      display: block;
      text-align: center; } }
  .post-tags li a {
    padding: 0.5rem 1rem; }
  .post-tags li:after {
    content: " / "; }
  .post-tags li:last-child::after,
  .post-tags li:first-child::after {
    content: ""; }
  .post-tags.list-inline > li {
    padding: 0; }

.post-tags-title {
  margin-left: 0.8rem; }

.btn-reblog, .btn-like {
  display: inline-block;
  width: 1.6rem;
  margin: 0 0.3rem; }

.quote-source {
  font-style: normal; }
  .quote-source p {
    display: inline-block;
    margin-left: 0.85rem; }

.thumb-quote a:hover, .thumb-quote a:focus {
  text-decoration: none; }

.credits {
  margin: 0; }

.back-top {
  width: 3rem;
  height: 3rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.6rem;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 99900; }

.wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-height: 100vh; }

.site-content {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: auto; }

.logo-text {
  font-size: 1.5rem;
  letter-spacing: 3px;
  margin: 1rem 0 0; }

.tagline {
  font-size: 1.2rem;
  letter-spacing: 1px;
  margin: 0.4rem 0 0; }

.site-footer {
  font-size: 1.3rem; }

.text-sentencecase {
  text-transform: lowercase; }
  .text-sentencecase:first-letter {
    text-transform: uppercase; }

.pill, .pill a, .tag, .search_query {
  padding: 0.5em 1em;
  margin-right: 0.5em;
  border-radius: 2em;
  text-decoration: none; }
  .pill:hover, .pill:focus, .pill a:hover, .pill a:focus, .tag:hover, .tag:focus, .search_query:hover, .search_query:focus {
    text-decoration: none; }

.tag-link:hover, .tag-link:focus {
  text-decoration: none; }

.credits .pill:hover {
  opacity: 1; }

.is-media .article-header {
  text-align: center; }

.post-tags a:hover, .post-tags a:focus {
  border-radius: 2rem; }

.logo-text:hover, .logo-text:focus,
a.logo:hover,
a.logo:focus {
  text-decoration: none; }

.post-answer h2,
.post-text h2 {
  text-transform: uppercase; }

.post-text h2 {
  font-size: 3rem;
  margin-bottom: 3rem; }

.post-answer h2 {
  font-size: 2rem; }

.icon {
  font-size: 1.6rem;
  border-radius: 50%;
  height: 2em;
  width: 2em;
  display: inline-block;
  line-height: 1em;
  padding: 0.5em 0 0;
  -webkit-transition: 250ms;
          transition: 250ms; }

.social-icons li {
  padding: 0 0.15rem;
  margin-bottom: 1rem; }

.icon-sidebar-open,
.icon-sidebar-close {
  width: 3rem;
  text-align: center;
  font-size: 3rem;
  -webkit-transition: 250ms;
          transition: 250ms; }

.icon-sidebar-close,
.sidebar-visible .icon-sidebar-open {
  display: none; }

.sidebar-visible .icon-sidebar-close {
  display: block; }

.home-pagination {
  font-size: 2rem; }

.thumb-audioembed .spotify_audio_player {
  width: 254px;
  height: 345px;
  position: relative;
  overflow: hidden;
  top: -2.9rem;
  left: -26px; }

.thumb-audioembed .soundcloud_audio_player,
.thumb-audioembed .tumblr_audio_player {
  width: 21rem;
  height: 21rem; }

.audio-embed .spotify_audio_player,
.audio-embed .soundcloud_audio_player,
.audio-cover {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  overflow: hidden;
  max-width: 100%;
  max-height: 30rem; }
  @media only screen and (min-width: 400px) {
    .audio-embed .spotify_audio_player,
    .audio-embed .soundcloud_audio_player,
    .audio-cover {
      max-height: 40rem; } }
  @media only screen and (min-width: 500px) {
    .audio-embed .spotify_audio_player,
    .audio-embed .soundcloud_audio_player,
    .audio-cover {
      max-height: 50rem; } }
  @media only screen and (min-width: 600px) {
    .audio-embed .spotify_audio_player,
    .audio-embed .soundcloud_audio_player,
    .audio-cover {
      max-height: 60rem; } }
  @media only screen and (min-width: 700px) {
    .audio-embed .spotify_audio_player,
    .audio-embed .soundcloud_audio_player,
    .audio-cover {
      max-height: 70rem; } }

.tumblr_audio_player {
  border: 1px solid; }

.audio_message_container {
  display: none !important; }

.search-field {
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0 auto 2rem;
  border: 0;
  padding: 0.4rem 0.8rem; }

.btn, .more_notes_link {
  padding: 1rem 2rem;
  border-radius: 2rem; }
  .btn:focus, .btn:hover, .more_notes_link:focus, .more_notes_link:hover {
    padding-bottom: 1rem;
    border-bottom: 0;
    outline: 0; }

.sidebar .btn:focus, .sidebar .btn:hover {
  outline: 0; }

.search-field {
  border: 0;
  outline: 0; }

.user-avatar {
  margin-top: 6rem;
  margin-bottom: 2.5rem;
  border-radius: 50%;
  max-width: 10rem; }

.primary-navigation {
  padding-left: 0; }
  .primary-navigation a {
    line-height: 240%;
    border-radius: 2rem;
    padding: 0.8rem 1.6rem; }
    .primary-navigation a:hover, .primary-navigation a:focus {
      text-decoration: none; }

.thumb {
  position: relative;
  margin: 0 0.5rem 1rem; }

.thumb.zigzag {
  margin-bottom: 2rem; }

.thumb.thumb-square.zigzag {
  margin-bottom: 1rem; }

.thumbs {
  max-width: 105.5rem;
  padding-top: 1rem;
  padding-bottom: 10rem;
  margin: 0 auto;
  overflow: auto; }

.thumb-wrapper,
.thumb-img,
.thumb-caption {
  width: 20rem;
  height: 20rem;
  overflow: hidden;
  -webkit-transition: 0.8s opacity;
          transition: 0.8s opacity; }

.thumb-img,
.thumb-caption {
  position: absolute;
  top: 0;
  left: 0; }

.thumb-img {
  z-index: 400; }

.thumb-quote {
  display: block;
  width: 100%;
  clear: both;
  padding-top: 1em; }
  .thumb-quote h6 {
    font-size: 1rem;
    letter-spacing: 0; }

.thumb-caption {
  z-index: 300; }

.thumb-img:first-child {
  z-index: 410; }

.thumb-media .thumb-caption {
  opacity: 0; }

.thumb-media a:hover .thumb-caption,
.thumb-media a:focus .thumb-caption {
  z-index: 500;
  opacity: 1; }

@media (min-width: 451px) {
  .thumb {
    -webkit-transition: 0.8s opacity;
            transition: 0.8s opacity; }

  .thumbs-fade:hover .thumb {
    opacity: 0.3; }

  .thumbs-fade:hover .thumb:hover {
    opacity: 1; } }
.bubble-tag {
  width: 7.5rem;
  height: 7.5rem;
  position: absolute;
  right: -1rem;
  top: -1rem;
  text-align: center;
  z-index: 600; }

.bubble-text {
  width: 100%; }

.bubble-tag {
  visibility: hidden; }

.thumb-square .bubble-tag {
  right: -0.5rem;
  top: -0.5rem; }

@media (max-width: 450px) {
  .thumbs {
    width: 22rem;
    text-align: center; }

  .list-thumbs li {
    float: none;
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 451px) and (max-width: 879px) {
  .thumbs {
    width: 43rem; }

  .thumb.zigzag:nth-child(2n+2) {
    top: 10rem; } }
@media (min-width: 880px) and (max-width: 991px) {
  .thumbs {
    width: 64rem; }

  .thumb.zigzag:nth-child(3n+1) {
    top: 10rem; }

  .thumb.zigzag:nth-child(3n+3) {
    top: 10rem; } }
@media (min-width: 992px) and (max-width: 1139px) {
  .thumbs {
    width: 84.5rem; }

  .thumb.zigzag:nth-child(2n+2) {
    top: 10rem; } }
@media (min-width: 1140px) {
  .thumbs {
    width: 105.5rem; }

  .thumb.zigzag:nth-child(2n+1) {
    top: 10rem; }

  .thumb.zigzag:nth-child(2n) {
    top: 0; }

  .thumb.zigzag:nth-child(2n+6) {
    top: 10rem; }

  .thumb.zigzag:nth-child(2n+7) {
    top: 0; }

  .thumb.zigzag:nth-child(2n+11) {
    top: 10rem; }

  .thumb.zigzag:nth-child(2n+12) {
    top: 0; } }
.tmblr-embed,
.tumblr_video_container,
.tumblr_video_iframe {
  display: block;
  max-width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.tumblr_video_container,
.tumblr_video_iframe {
  margin-bottom: 0; }

.widget {
  font-size: 1.5rem;
  margin: 5rem 0; }

.widget-title {
  padding-bottom: 0.8rem;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  border-bottom: 2px solid; }

.timeago {
  display: block;
  font-size: 1.1rem;
  margin-top: 1rem;
  border-bottom: 0; }