/*
  Custom colored boxes for warnings and infos in descriptions
*/
.redoc-wrap warn::before, info::before, note::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.redoc-wrap info::before {
    content: "\f05a";
}

.redoc-wrap warn::before {
    content: '\f071';
}

.redoc-wrap note::before {
    content: '\f059';
}

.redoc-wrap warn {
    margin: 1em 2em;
    padding: .5em .8em;
    display: block;
    margin-left: 2em;
    border-radius: 10px;
    color: #9F6000;
    background-color: #FEEFB3;
}

.redoc-wrap info {
    margin: 1em 2em;
    padding: .5em .8em;
    display: block;
    margin-left: 2em;
    border-radius: 10px;
    color: #00529B;
    background-color: #BDE5F8;
}

.redoc-wrap note {
    margin: 1em 2em;
    padding: .5em .8em;
    display: block;
    margin-left: 2em;
    border-radius: 10px;
    color: #424242;
    background-color: #f3f3f3;
}

/*
    Custom handling of remarks
*/
.redoc-wrap remarks {
    display: block;
    font-size: 0.9em;
    margin-left: 20px;
    margin-top: 10px;
    color: dimgray;
    line-height: unset;
}

.redoc-wrap remarks span {
    display: inline-block;
    margin-top: unset;
}

/* Don't want to apply the margin to the first <span> child of the remarks section */
.redoc-wrap remarks span ~ span {
    margin-top: 6px;
}

/*
    Styling group headers to better separate each section
*/
h1 {
    margin-bottom: 0;
    border-bottom: 1px solid black;
}