html {
  font-size: var(--base-html-size-small);
}

@media (min-width: 769px) {
  html {
    font-size: var(--base-html-size-medium);
  }
}
@media (min-width: 1281px) {
  html {
    font-size: var(--base-html-size-large);
  }
}
body,
input,
textarea,
select {
  font-size: var(--body-font-size, 1rem);
  line-height: var(--base-size);
  font-family: var(--font-family-normal);
  color: var(--font-color);
  font-weight: var(--font-weight-normal);
  font-variation-settings: var(--font-variation-settings);
}

header * {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  font-variation-settings: var(--header-font-variation-settings);
  color: var(--header-font-color);
  margin-top: 0;
  margin-bottom: var(--base-size);
}

.content-footer h1,
.content-footer .h1,
.content-footer h2,
.content-footer .h2,
.content-footer h3,
.content-footer .h3,
.content-footer h4,
.content-footer .h4,
.content-footer h5,
.content-footer .h5 {
  color: var(--footer-color);
}

.content-footer .frame-layout-100 h1,
.content-footer .frame-layout-100 .h1,
.content-footer .frame-layout-100 h2,
.content-footer .frame-layout-100 .h2,
.content-footer .frame-layout-100 h3,
.content-footer .frame-layout-100 .h3,
.content-footer .frame-layout-100 h4,
.content-footer .frame-layout-100 .h4,
.content-footer .frame-layout-100 h5,
.content-footer .frame-layout-100 .h5 {
  color: var(--header-font-color);
}

h1,
.h1,
.fontsize1 {
  font-size: var(--font-size1);
  line-height: var(--line-height1);
}

h2,
.h2,
.fontsize2 {
  font-size: var(--font-size2);
  line-height: var(--line-height2);
}

h3,
.h3,
.fontsize3,
.ce-uploads-fileName {
  font-size: var(--font-size3);
  line-height: var(--line-height3);
}

h4,
.h4,
.fontsize4 {
  font-size: var(--font-size4);
}

h5,
.h5,
.fontsize5 {
  font-size: var(--font-size5);
}

.header-group *:first-child {
  margin-bottom: var(--base-size-half);
}

p + p,
pre,
table {
  margin-top: var(--base-size);
}

p,
ul,
ol,
dl,
pre,
table {
  margin-bottom: var(--base-size);
}

.small,
small {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}

b,
strong,
.bold {
  font-family: var(--font-family-normal);
  font-weight: var(--font-weight-semibold);
  font-variation-settings: var(--font-variation-settings-semibold);
}

a {
  color: var(--body-link-color);
  text-decoration: var(--body-link-text-decoration) var(--body-link-text-decoration-color);
  -webkit-text-decoration-line: var(--body-link-text-decoration);
  -webkit-text-decoration-color: var(--body-link-text-decoration-color);
  -webkit-text-decoration-thickness: var(--body-link-text-decoration-thickness);
  text-underline-offset: var(--body-link-underline-offset);
  -webkit-transition: all var(--transition);
  -moz-transition: all var(--transition);
  -ms-transition: all var(--transition);
  -o-transition: all var(--transition);
  transition: all var(--transition);
}
@media (prefers-reduced-motion: reduce) {
  a {
    transition: none;
  }
}
a:focus, a:hover {
  color: var(--body-link-hover-color);
  text-decoration-color: var(--body-link-hover-color);
  -webkit-text-decoration-color: var(--body-link-hover-color);
}
a.invers {
  color: var(--body-link-invers-color);
}
a.invers:focus, a.invers:hover {
  color: var(--body-link-invers-hover-color);
}
a.btn {
  text-decoration: none;
  text-underline-offset: unset;
}

.content-header a {
  color: var(--header-link-color);
}
.content-header a:focus, .content-header a:hover {
  color: var(--header-link-hover-color);
}
.content-header a.btn-secondary:focus, .content-header a.btn-secondary:hover {
  color: var(--button2-hover-color);
}

.content-footer a {
  color: var(--footer-link-color);
}
.content-footer a:focus, .content-footer a:hover {
  color: var(--footer-link-hover-color);
  text-decoration-color: var(--footer-link-hover-color);
}
.content-footer a.btn-secondary {
  color: var(--button2-color);
}
.content-footer a.btn-primary {
  color: var(--button-color);
}
.content-footer a.btn-primary:focus, .content-footer a.btn-primary:hover {
  color: var(--button-hover-color);
}
.content-footer a.btn-secondary:focus, .content-footer a.btn-secondary:hover {
  color: var(--button2-hover-color);
}
.content-footer .frame-layout-100 a {
  color: var(--body-link-color);
}
.content-footer .frame-layout-100 a:focus, .content-footer .frame-layout-100 a:hover {
  color: var(--body-link-hover-color);
  text-decoration-color: var(--body-link-hover-color);
}
.content-footer .frame-layout-100 a.btn-primary {
  color: var(--button-color);
}
.content-footer .frame-layout-100 a.btn-primary:focus, .content-footer .frame-layout-100 a.btn-primary:hover {
  color: var(--button-hover-color);
}
.content-footer .frame-layout-100 a.btn-secondary {
  color: var(--button2-color);
}
.content-footer .frame-layout-100 a.btn-secondary:focus, .content-footer .frame-layout-100 a.btn-secondary:hover {
  color: var(--button2-hover-color);
}

.content-footer2 a {
  color: var(--footer2-link-color);
}
.content-footer2 a:focus, .content-footer2 a:hover {
  color: var(--footer2-link-hover-color);
  text-decoration-color: var(--footer2-link-hover-color);
}

sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub {
  top: 0.4em;
}

.invers {
  color: var(--white, #fff);
}

.font-color-light {
  color: var(--font-color-light);
}

blockquote {
  position: relative;
  text-align: center;
  width: 80%;
  padding: var(--base-size) var(--gutter);
  margin: var(--base-size-double) auto;
}
blockquote:before, blockquote:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  color: var(--gray3);
  font-size: 48px;
}
blockquote:before {
  content: "\f10e";
  margin-right: calc(var(--gutter) * -1);
  bottom: 0;
  right: 100%;
}
blockquote:after {
  content: "\f10d";
  margin-left: calc(var(--gutter) * -1);
  left: 100%;
  top: 0;
  bottom: auto;
}
