/*Typography

This theme uses the <b>Panton</b> font with 2 weights: regular and bold. <br>
`$font-family-sans-serif`: 'Panton', Helvetica, Arial, sans-serif;
<br><br>
There is also a <b>monospace</b> font variable:<br>
`$font-family-monospace`: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

Styleguide Variables.Fonts*/
@font-face {
  font-family: "flanders_art_serif";
  src: url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.eot");
  src: url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.woff") format("woff"), url("../../assets/FlandersArtSerif-Bold/FlandersArtSerif-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: "flanders_art_serif_regular";
  src: url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.eot");
  src: url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.eot?#iefix") format("embedded-opentype"), url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.woff") format("woff"), url("../../assets/FlandersArtSans-Regular/FlandersArtSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "flanders_art_serif_light";
  src: url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.eot");
  src: url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.eot?#iefix") format("embedded-opentype"), url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.woff") format("woff"), url("../../assets/FlandersArtSans-Light/FlandersArtSans-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300; }

.paragraph h2, .paragraph--title {
  font-size: 1.125rem;
  font-weight: 500;
  background: #105269;
  color: #FFF;
  padding: 15px; }

.paragraph .paragraph .paragraph--title {
  font-size: 1.40625rem;
  background: none;
  padding: 0;
  margin: 15px 0;
  color: #333; }

.paragraph--type--text {
  margin-bottom: 30px; }
  .paragraph--type--text > div {
    margin-top: 1rem; }
  .paragraph--type--text p {
    margin: 15px 0; }
  .paragraph--type--text ol,
  .paragraph--type--text ul {
    list-style: disc;
    margin-left: 1.5rem; }