/* TYPOGRAFY */



.u-content {
    font-size: 1rem;
    line-height: 1.5em;
    color: var(--font);
    text-align: justify;
}

.u-content * {
    padding: 0;
    margin: 0;
    vertical-align: baseline;
}

.u-content a {
    color: var(--link);
}

.u-content a:hover {
    color: var(--link-hover);
}

.u-content a:visited {
    color: var(--link);
}

.u-content b,
.u-content strong {
    font-weight: 700;
}

.u-content p {
    margin: 0 0 1em 0;
    font-size: 1em;
}

.u-content img {
    max-width: 100%;
    height: auto;
}

.u-content img[style*="float:left"],
.u-content img[style*="float: left"],
.u-content img[align="left"] {
    margin: 0.33em 1.33em 1.33em 0;
}

.u-content img[style*="float:right"],
.u-content img[style*="float: right"],
.u-content img[align="right"] {
    margin: 0.33em 0 1.33em 1.33em;
}

.u-content sup {
    vertical-align: super;
    font-size: 80%;
}

.u-content sub {
    vertical-align: sub;
    font-size: 80%;
}

.u-content h1,
.h1 {
    font: normal 500 2em/1.2 "Montserrat", "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 0.5em 0;
}

.u-content h2,
.h2 {
    font: normal 500 1.75em/1.2 "Montserrat", "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 1em 0;
}

.u-content h3,
.h3 {
    font: normal 600 1.333em/1.2 "Montserrat", "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 0.5em 0;
}

.u-content h4,
.h4 {
    font: normal bold 1.2em/1.2 "Montserrat", "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 0.5em 0;
}

.u-content h5 {
    font: normal bold 1.1em/1.2 "Montserrat", "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 0.5em 0;
}

.u-content h6 {
    font: normal bold 1em/1.1 "Montserrat", "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 0.5em 0;
}

.u-content ul,
.u-content ol {
    margin: 0 0 1.5em 3em;
}

.u-content ul > li {
    margin: 0 0 0.5em 0;
    font-size: 1em;
    line-height: 1.4em;
    list-style-type: disc;
}

.u-content ol > li {
    margin: 0 0 0.5em 0;
    font-size: 1em;
    line-height: 1.2em;
    list-style-type: decimal;
}

.u-content li ul,
.u-content li ol {
    margin: 0.5em 0 1em 3em;
}

.u-content hr {
    height: 0;
    line-height: 0;
    font-size: 0;
    display: block;
    border: none;
    border-bottom: solid 1px var(--base);
    margin: 15px 0;
}

.u-content table {
    width: 100%;
    float: none;
    border-collapse: collapse;
    margin: 0 0 1.5em 0;
    max-width: 100%;
}

.u-content table[cellspacing] {
    border-collapse: separate;
}

.u-content td,
.u-content th {
    padding: 0.333em;
    font-size: 0.8em;
    line-height: 1.2em;
}

.u-content th {
    background-color: #eee;
    font-weight: 700;
}

.u-content td p:last-child {
    margin-bottom: 0;
}

.u-content td[valign="middle"] {
    vertical-align: middle;
}

.u-content td[valign="top"] {
    vertical-align: top;
}

.u-content td[valign="bottom"] {
    vertical-align: bottom;
}

.u-content td img {
}

.u-content table[border="1"] td,
.u-content table[border="1"] th,
.u-content table td,
.u-content table th {
    border: solid 1px var(--base);
}

.u-content table[border="0"] td,
.u-content table[border="0"] th {
    border: none !important;
    padding: 0;
}

.u-content .table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}

.u-content .accent {
    border-left: solid 3px var(--base);
    padding: 1em;
    margin: 1.5em 0;
    font-size: 0.8em;
    line-height: 1.5em;
    background-color: #f5f5f5;
}

.u-content blockquote {
    padding: 1em 2em 0.5em;
    margin: 1.5em 0;
    font-size: 0.8em;
    line-height: 1.5em;
    background-color: #f5f5f5;
    quotes: "“" "”" "‘" "’";
}

.u-content blockquote:before {
    color: #666;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

.u-content blockquote:after {
    color: #666;
    content: close-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-left: 0.25em;
    vertical-align: -0.6em;
}

.u-content pre {
    padding: 1em;
    margin: 1.5em 0;
    font-size: 1em;
    line-height: 1.5em;
    background-color: #f5f5f5;
}