@charset "UTF-8";
figure {
  width: 100% !important;
}
figure img {
  width: 100%;
}
figure figcaption {
  font-size: 0.8rem;
  padding: var(--pxls-xsmall);
  border-bottom: 1px solid var(--color-border);
}

blockquote {
  border-bottom: 3px solid var(--color-brand);
  background-color: var(--color-xoff-body);
  padding: 24px 12px;
  position: relative;
  overflow: hidden;
}
blockquote::after {
  font-family: rooblacons;
  position: absolute;
  font-size: 8em;
  top: -12px;
  right: -12px;
  opacity: 0.2;
  content: "";
  line-height: 1;
}

.featured-media.with-external .external {
  min-height: 100px;
}
.featured-media.with-external .external.wheight {
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.featured-media.with-external .external.wheight iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#next-previous-post {
  margin-top: -5px;
}

#search404 form {
  max-width: 400px;
}

.rdeck .thumbnail .status {
  -o-border-image: -o-linear-gradient(350deg, rgba(var(--color-brand-m1-rgb), 0.3), transparent) 1;
     border-image: linear-gradient(100deg, rgba(var(--color-brand-m1-rgb), 0.3), transparent) 1;
  width: 200px;
  max-width: 30%;
}

.snapshot-open .featured-media .content {
  -webkit-box-shadow: inset 0px -6rem 50px -4px rgba(var(--color-brand-m2-rgb));
  box-shadow: inset 0px -6rem 50px -4px rgba(var(--color-brand-m2-rgb));
}

@media only screen and (min-width: 600px) {
  #the-content > ul, #the-content > ol, #the-content > ul ul, #the-content > ul ol, #the-content > ol ul, #the-content > ol ol {
    padding-left: 48px;
  }
}