/****
CSS Versions of SCSS include: _type
****/
/*****
 Base Font
*****/
.wf-active body {
  font-family: 'Roboto Subset', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";;
  font-weight: inherit;
}
.wf-active-2 body {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";;
  font-weight: inherit;
}
body {
    word-break: break-word;
}

/*****
 Headlines
*****/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  color: #414141;
}
h1, .h1 {
  font-size: 3.45rem;
  font-weight: 700;
}

h2, .h2 {
  font-size: 2.25rem;
  font-weight: 700;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.25rem;
}

h5, .h5 {
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

@media only screen and (max-width: 480px) {
  h1, .h1 {
    font-size: 2.75rem;
  }
  h2, .h2 {
    font-size: 2rem;
  }
}

/*****
 Type Display classes
*****/
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.text-size--md { font-size: 0.875rem}
.text-size--sm { font-size: 0.75rem}

/*****
 Horizontal Rules
*****/
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/*****
 Emphasis
*****/
small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

/*****
 Lists
*****/
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

/*****
 Misc
*****/
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1rem;
}

.blockquote-footer {
  display: block;
  font-weight: bold;
}


/*****
 Footer Styles
*****/
.footer-title {
    color: #f9cfc5 !important;
    position: relative;
}
.footer-title > span {
    display: inline-block;
    margin-bottom: 2px;
    padding-bottom: 8px;
    position: relative;
}
.footer-title > span::after {
    background: #f9cfc5;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 32px;
}