@font-face {
  font-family: 'InclusiveSans';
  src:
    local("InclusiveSans"),
    url("https://stat.medact.org/uploads/fonts/InclusiveSans.woff2") format('woff2');
  font-style: normal;
}
@font-face {
  font-family: 'InclusiveSans-Italic';
  src: local('InclusiveSans-Italic'), url('https://stat.medact.org/uploads/fonts/InclusiveSans-Italic.woff2') format('woff2');
  font-style: italic, oblique;
}
@font-face {
  font-family: 'Oswald';
  src: local('Oswald'), url('https://stat.medact.org/uploads/fonts/Oswald.woff2') format('woff2');
}

:root {
  /* fonts */
  --medact-body-font: InclusiveSans, Lato, sans-serif;
  --medact-title-font: Oswald, InclusiveSans, Lato, sans-serif;
}

h1,
h2 {
  text-transform: uppercase;
}

h3,
h4,
h5,
h6 {
  font-family: var(--medact-body-font);
}

h1.entry-title,
h1.wp-block-post-title {
  border-bottom: 1px solid grey;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  font-size: 2.5rem;
}

.has-white-color a {
  color: var(--medact-white);
}
p.has-white-color a {
  color: var(--medact-yellow);
}

.et_pb_bg_layout_light .et_pb_portfolio_item .post-meta,
.et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a,
.et_pb_bg_layout_light .et_pb_post .post-meta,
.et_pb_bg_layout_light .et_pb_post .post-meta a,
.et_pb_bg_layout_light .et_pb_post p,
.et_pb_bg_layout_light p.et_pb_title_meta_container,
.et_pb_bg_layout_light p.et_pb_title_meta_container a {
  color: #000;
}

blockquote {
  background-color: var(--medact-green);
  padding: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
}

blockquote p {
  padding-bottom: 1em;
}

div.entry-content li,
div.tribe-events-content li {
  margin-bottom: 8px;
}

#left-area ul,
.comment-content ul,
.entry-content ul,
body.et-pb-preview #main-content .container ul,
#left-area ol,
.comment-content ol,
.entry-content ol,
body.et-pb-preview #main-content .container ol {
  list-style-position: outside;
}

#left-area ul li,
#left-area ol li {
  padding-left: 7px;
}

div.entry-content ol,
div.tribe-events-content ol,
div.tribe-events-content ol,
div.entry-content ul,
div.tribe-events-content ul {
  list-style-position: outside;
}

.wp-block-group>ol,
.wp-block-group>ul {
  padding-left: 2rem;
}

a:hover {
  text-decoration: underline;
}

sup {
  font-size: 70%;
}