body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  background: #FFF;
  color: #3B3B3B;
  margin: 0px;
  font-size: 15px;
  line-height: 1.25em;
}

@media (min-width: 40em) {
  .banner, #bodyContent {
    margin-left: 300px;
  }
}

a:link, a:active, a:visited, a:hover {
  color: #CC0000;
  text-decoration: none;
}

a:hover {
  color: #990000;
  text-decoration: underline;
}

.banner a:hover {
  color: white;
}

h1 a, h2 a, .banner a {
  color: #fff;
}

p {
  margin-bottom: 1em;
  text-align: justify;
}

h1 {
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1.2em;
    margin: 1.4em 0 0.7em 0;
}

h2 {
    font-size: 1.6em;
    margin: 1.8em 0 0.8em 0;
    font-weight: normal;
    line-height: 1.2em;
}

h3 {
    font-size: 1.4em;
    color:#555;
    margin: 1.4em 0 0.7em 0;
    font-weight: normal;
}

h4 {
    margin: 1.4em 0 0.5em 0;
    font-size: 1em;
}

table
{
    margin-bottom: 1em;
}

td, th
{
    padding: 0 0.7em 0.3em 0;
}

th
{
    font-weight: bold;
}

.clear
{
    clear: both;
    width: 0; height: 0;
}

dt
{
    margin-bottom: 0.3em;
    font-weight: bold;
}

dd
{
    margin-left: 2em;
    margin-bottom: 1em;
}

dd p
{
    margin-top: 0.6em;
}

li
{
    margin: 0 0 0.5em 2em;
}

ul li
{
    list-style: disc;
}

ol li
{
    list-style: decimal;
}

.banner
{
    background: #B61D1D;
    color: #FFF;
    border-bottom: 1px solid #9b281c;
    padding: 1em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.banner h2
{
    font-size: 1.2em;
    margin: 0;
}

.banner h2 .type
{
    font-size: 0.833em;
    display:block;
}

.banner h2 .type,
.banner h2 .parent
{
    color: #CCC;
}

.banner ul
{
    margin-top: 0.3em;
    margin-bottom: 0;
    font-size: 0.85em;
}

.banner li
{
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.banner .github_url {
  color: #CCC;
}

pre
{
    margin-bottom: 1em;
}

.methods dt
{
    width: 1em;
    font-size: 1.5em;
    color:#AAA;
    position: absolute;
    font-weight: normal;
    margin: 0;
}

.methods dd
{
    margin-left: 2.5em;
    min-height: 1.8em;
    -height: 1.8em;
    padding-bottom: 0.8em;
}


.methods ul li
{
    margin-right: 0.7em;
    margin-left: 0;
    list-style: none;
    display: inline;
}

#content {
  margin: 2em;
  margin-left: 3.5em;
  margin-right: 3.5em;
  max-width: 980px;
}


.sectiontitle {
  margin-top: 2em;
  margin-bottom: 1.3em;
  margin-left: -1.2em;
  font-size: 1.2em;
  padding: 0 0 0.25em 0;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.contenttitle {
  margin-top: 4em;
  margin-bottom: 1.3em;
  margin-left: -0.9em;
  font-size: 1.6em;
  padding: 0 0 0.25em 0;
  font-weight: bold;
}

.attr-rw {
  padding-right: 1em;
  text-align: center;
  color: #055;
}

.attr-name {
  font-weight: bold;
  padding-right: 1em;
}

.attr-desc {
}

tt {
  font-size: 1.15em;
}

.attr-value {
  font-family: monospace;
  padding-left: 1em;
  font-size: 1.15em;
}

.dyn-source {
  display: none;
  background: #fffde8;
  color: #000;
  border: #ffe0bb dotted 1px;
  margin: 0.5em 2em 0.5em 0;
  padding: 0.5em;
}

.dyn-source .cmt {
  color: #00F;
  font-style: italic;
}

.dyn-source .kw {
  color: #070;
  font-weight: bold;
}

.description pre {
  padding: 0.5em;
  background: #EEEEEE;
  font-size: 15px;
  overflow-x: scroll;
}

.method {
    margin-bottom: 2em;
}
.method .description,
.method .sourcecode
{
    margin-left: 1.2em;
}
.method h4
{
    border-bottom: 1px dotted #999;
    padding: 0 0 0.2em 0;
    margin-bottom: 0.8em;
    font-size: 1.1em;
    color:#333;
}
.method .method-title {
    border-bottom: 1px dotted #666;
    padding: 0 0 0.15em 0;
    margin: 0 0 0.5em 0;
    font-size: 1.2em;
    line-height: 1.25em;
    position: relative;
}

.method .method-title a.permalink {
  position: absolute;
  font-size: 0.75em;
  right: 0;
}

.method .sourcecode p.source-link {
  text-indent: 0em;
  margin-top: 0.5em;
}

.method .aka {
  margin-top: 0.3em;
  margin-left: 1em;
  font-style: italic;
  text-indent: 2em;
}

.method .source-link
{
    font-size: 0.85em;
}

.ruby-constant {
  color: teal;
}
.ruby-keyword {
  color: #000;
  font-weight: bold
}
.ruby-title {
  color: #900;
  font-weight: bold;
}
.ruby-ivar {
  color: teal;
}
.ruby-operator {
  color: #000;
  font-weight: bold
}
.ruby-identifier {
  color: #000;
}
.ruby-string,
.ruby-node {
  color: #D14;
}
.ruby-comment {
  color: #998;
  font-style: italic;
}
.ruby-regexp {
  color: #009926;
}
.ruby-value {
  color: #990073;
}
.ruby-number {
  color: #40A070;
}

@keyframes highlight {
  from { background-color: yellow; }
  to { background-color: white; }
}

.highlight {
  animation-name: highlight;
  animation-duration: 1s;
}

p code {
  background: #eeeeee;
  border-radius: 2px;
  border: 1px solid #dddddd;
  font-family: Consolas, Menlo, Courier, monospace;
  font-size: 14px;
  margin-bottom: 1px;
  padding: 0 5px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: fixed;
  top: 10%;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  padding: 2rem;
  border: 4px solid #990000;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
  left: 40%;
  z-index: 100;
  background: #fff;
  font-size: 2rem;
}

#version-badge {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  color: white;
  transform: rotate(45deg) translate(27.5%, -40%);
  min-width: 200px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.5;
  text-shadow: 2px 2px 4px #5400007d;
  text-align: center;
  box-shadow: 0px 2px 2px 1px #1209096e;
  background: radial-gradient(circle, rgb(255, 10, 0) 0%, rgb(200, 0, 0) 90%);
}