/* Break redoc out of the Bootstrap container on wide screens */
@media (min-width: 1320px) {
  redoc {
    display: block;
    width: 80vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -40vw;
    margin-right: -40vw;
  }
}

span,
p,
h5 {
  font-size: 1.6rem !important;
}

.http-verb,
.operation-type,
.tab-success {
  color: white !important;
  font-size: 0.9em !important;
}

ul > li.react-tabs__tab--selected {
  color: var(--client-font-secondary-color) !important;
  background-color: var(--client-primary-color) !important;
}

div .hoverable a,
.token.property.string,
span {
  color: var(--client-font-primary-color) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 span {
  color: var(--client-font-primary-color) !important;
}

h1 {
  font-size: 3.4rem !important;
}