1body {
2    color: $text-default;
3    font-family: $font-family;
4    font-size: $font-size-base;
5    line-height: $line-height-base;
6    font-weight: $font-weight-base;
7}
8
9p {
10    margin: 0;
11    margin-bottom: $lg-pad;
12}
13
14b, strong {
15    font-weight: $font-weight-strong;
16}
17
18.usr-content p img {
19    margin-top: $lg-pad;
20    margin-bottom: $lg-pad;
21    margin-left: auto;
22    margin-right: auto;
23}
24
25h1,
26h2,
27h3,
28h4,
29h5,
30h6 {
31    color: inherit;
32    font-family: inherit;
33    line-height: 1.3;
34    font-weight: $font-weight-strong;
35    margin-bottom: .7rem;
36}
37
38h1 {
39    font-size: $font-size-h1;
40    margin: $lg-pad 0 $md-pad;
41    letter-spacing: $letter-spacing-base - 0.2;
42}
43
44h2 {
45    font-size: $font-size-h2;
46    margin: $lg-pad 0 $md-pad;
47    letter-spacing: $letter-spacing-base - 0.2;
48}
49
50h3 {
51    font-size: $font-size-h3;
52    margin: $md-pad 0 $xs-pad;
53    color: $text-header-sm;
54}
55
56h4 {
57    font-size: $font-size-h4;
58    margin: $md-pad 0 $xs-pad;
59    color: $text-header-sm;
60}
61
62h5 {
63    font-size: $font-size-h5;
64    margin: $md-pad 0 $xs-pad;
65    color: $text-header-sm;
66}
67
68h6 {
69    font-size: $font-size-h6;
70    margin: $md-pad 0 $xs-pad;
71    color: $text-header-sm;
72}
73
74small {
75    color: $text-ui;
76    vertical-align: bottom;
77}
78
79pre {
80    background: $grey;
81    color: $text-default;
82    display: block;
83    font-family: $monospace;
84    font-size: $font-size-base;
85    margin: $md-pad 0;
86    white-space: pre-wrap;
87    overflow-wrap: break-word;
88}
89
90code {
91    color: $red;
92    font-family: $monospace;
93    font-size: $font-size-base;
94    background: $bg-light-well;
95    line-height: inherit;
96    margin: 0;
97    padding: 0;
98    vertical-align: baseline;
99    word-break: break-all;
100    word-wrap: break-word;
101    display: inline;
102    padding-left: 7px;
103    padding-right: 7px;
104    border-radius: 7px;
105    font-size: $font-size-base;
106}
107
108pre {
109    background: $bg-light-well;
110    padding-left: $sm-pad;
111    padding-right: $sm-pad;
112    border-radius: $sm-pad;
113    color: $red;
114    font-size: $font-size-base;
115    margin-bottom: $margin-default;
116}
117
118a:not(.media):not(.fn_top):not(img):not(div) {
119    text-decoration: none;
120    color: inherit;
121    &:hover,
122    &:focus {
123        text-decoration: none;
124        border-bottom: $border-link;
125    }
126}
127
128a.primary,
129.usr-content .page a:not(.media):not(.fn_top):not(img):not(div),
130a.mediafile {
131    color: $primary;
132    text-decoration: none;
133    border-bottom: $border-link;
134    &:hover, &:focus, &:active {
135        color:$primary-active;
136    }
137    &:visited {
138      color: $link-visited-color;
139      &:hover, &:focus, &:active {
140          color:darken($link-visited-color, 15%);
141      }
142    }
143}
144
145dl {
146    margin-bottom: $md-pad;
147}
148
149dd {
150    margin-left: $xlg-pad;
151}
152
153ul,
154ol {
155    margin-bottom: $margin-default;
156    padding-left: $xlg-pad;
157    vertical-align: baseline;
158}
159
160.usr-content {
161  ul, ol {
162    li {
163      margin-bottom: $sm-pad;
164    }
165  }
166}
167
168blockquote {
169    border-left: 3px solid $primary;
170    font-family: inherit;
171    margin-left: $md-pad;
172    padding-left: $md-pad;
173    padding: 0 1em;
174    font-size: 1.15rem;
175    font-weight: $font-weight-base;
176    font-style: normal;
177    margin-top: 2rem;
178    margin-bottom: 2rem;
179}
180
181figcaption {
182    font-family: inherit;
183}
184
185u {
186    text-decoration: underline;
187}
188
189s {
190    text-decoration: line-through;
191}
192
193sup {
194    vertical-align: super;
195    line-height: 0;
196    font-size: 75%;
197}
198
199sub {
200    font-size: $font-size-small;
201    vertical-align: sub;
202}
203
204mark {
205    background: $yellow;
206}
207