/* Weaver Platform - Globals */
/* Weaver Construction - Override - Globals */
/* Theme - Agency  */
* {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  font-size: calc(clamp(1.8rem, 1.9vw, 2.0rem));
  margin: 0px; }

body,
body p,
body li,
body a {
  font-family: "Urbanist", sans-serif; }
  body.primary,
  body p.primary,
  body li.primary,
  body a.primary {
    font-weight: bold; }
  body.alternative,
  body p.alternative,
  body li.alternative,
  body a.alternative {
    font-style: italic; }

li {
  margin-bottom: 6px; }

p,
li {
  margin: 0 0 10px 0;
  color: var(--color-foreground);
  font-weight: 100;
  font-size: calc(clamp(1.6rem, 1.7vw, 1.7rem));
  line-height: calc(clamp(2.1rem, 2.3vw, 2.6rem));
  font-weight: 100;
  max-width: calc(clamp(800px, 90%, 2000px)); }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  margin: 0; }

h1,
h2,
h3,
h4,
h1 {
  font-size: calc(clamp(2rem, 2.5vw, 2.5rem));
  line-height: calc(clamp(2rem, 2.5vw, 2.5rem));
  letter-spacing: 0.04rem; }

h2 {
  font-size: calc(clamp(2.1rem, 2.1vw, 2.2rem));
  line-height: calc(clamp(2.7rem, 2.5vw, 2.8rem));
  font-weight: 600;
  letter-spacing: 0.02rem;
  margin: 0 0 20px 0; }

h3 {
  font-size: calc(clamp(1.9rem, 2.0vw, 2.1rem));
  line-height: calc(clamp(2.7rem, 2.5vw, 3.0rem));
  text-transform: uppercase;
  word-spacing: 0.04rem;
  font-weight: 700;
  margin: 0 0 3.0rem 0; }

h4 {
  font-size: calc(clamp(1.7rem, 3.2vw, 1.9rem));
  line-height: calc(clamp(2.7rem, 2.5vw, 2.8rem));
  margin: 0 0 4.0rem 0;
  font-weight: 400; }

h5 {
  font-size: calc(clamp(1.4rem, 3.2vw, 1.6rem));
  line-height: calc(clamp(2.7rem, 2.5vw, 2.8rem));
  font-weight: 800;
  margin: 2.0rem 0 1.5rem 0;
  text-transform: uppercase; }

h1 {
  font-family: "Urbanist", sans-serif;
  color: color-mix(in srgb, #2f4d30, var(--color-foreground) 20%);
  padding-top: 5px;
  padding-bottom: 5px;
  max-width: 85%; }

.alternative h1,
.alternative h2,
.alternative h3,
.alternative h4,
.alternative h5 {
  color: color-mix(in srgb, #2f4d30, var(--color-foreground) 20%); }

h2 {
  font-family: "Urbanist", sans-serif;
  transition: color 2s ease-in-out, background-color 2s ease-in-out;
  color: color-mix(in srgb, #999, var(--color-foreground) 10%);
  max-width: 95%; }

h3 {
  margin: 0 0 20px 0;
  padding: 0;
  transition: color 2s ease-in-out, background-color 2s ease-in-out;
  color: color-mix(in srgb, #2f4d30, var(--color-foreground) 20%);
  font-family: "Urbanist", sans-serif; }
  h3 > a {
    text-decoration: none; }
    h3 > a:hover[href] {
      text-decoration: underline; }

h4 {
  margin: 0 0 20px 0;
  padding: 0;
  transition: color 2s ease-in-out, background-color 2s ease-in-out;
  color: color-mix(in srgb, #2f4d30, var(--color-foreground) 20%);
  font-family: "Urbanist", sans-serif; }
  h4 > a {
    text-decoration: none; }
    h4 > a:hover[href] {
      text-decoration: underline; }

.gallery h5 {
  color: color-mix(in srgb, #2f4d30, var(--color-foreground) 10%); }

h5 {
  color: color-mix(in srgb, #2f4d30, var(--color-foreground) 10%); }
  h5 > a {
    text-decoration: none; }
    h5 > a:hover[href] {
      text-decoration: underline; }

h2 strong {
  color: color-mix(in srgb, #2f4d30, var(--color-foreground) 50%);
  font-weight: 800; }

article a,
article h1,
article h2,
article h3,
article h4,
article h5,
article li,
article p,
article div a,
article div h1,
article div h2,
article div h3,
article div h4,
article div h5,
article div li,
article div p,
article div > div a,
article div > div h1,
article div > div h2,
article div > div h3,
article div > div h4,
article div > div h5,
article div > div li,
article div > div p {
  transition: color 2s ease-in-out, background-color 2s ease-in-out; }
