@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Light";
  src: url(/fonts/Montserrat-Light.ttf) format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Light";
  src: url(/fonts/Montserrat-Light.ttf) format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url(/fonts/Montserrat-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Medium";
  src: url(/fonts/Montserrat-Medium.ttf) format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-display: swap;
  font-style: normal;
  font-named-instance: "SemiBold";
  src: url(/fonts/Montserrat-SemiBold.ttf) format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Bold";
  src: url(/fonts/Montserrat-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-display: swap;
  font-style: normal;
  font-named-instance: "ExtraBold";
  src: url(/fonts/Montserrat-ExtraBold.ttf) format("truetype");
}

:root {
  --text: #1c1c1c;
  --background: #f5f5f5;
  --primary: #142a5e;
  --secondary: #b8cc10;
  --accent: #b9ce00;
  --success: #00c458;
  --error: #eb1c50;
  --danger: #ff653f;

  --link: #102a63;
  --link-visited: #102a63;
  --link-dark: #b8cc10;

  --nav-text: #f5f5f5;
  --nav-active: #b8cc10;
  --nav-background: #292929;

  --accordion: #b8cc10;
  --accordion-dark: #b8cc10;
  --accordion-content-dark: #2b2b2b;
  --accordion-content: #ffffff;
  --accordion-active: #b9ce00;
  --accordion-divider: #1c1c1c;
  --accordion-divider-dark: #2b2b2b;
  --subtitle: #2b2b2b;
  --subtitle-dark: #a0a0a0;
  --button-border: #b8cc10;
  --button-background: #b8cc10;
  --button-background-hover: #b9ce0090;
  --button-active: #142a5e;
  --button-outline-background-hover: #b9ce0052;
  --dialog-border: #b8cc10;
  --dialog-text-border: #b8cc10;
}

#headline {
  font-family: "Impact", sans-serif;
  color: var(--primary);
  word-break: break-word;
}

#headline > span {
  word-break: keep-all;
}

.accordion-active, .accordion.accordion-last {
  --accordion-divider-dark: var(--accordion);
}

body,
button {
  font-family: "Montserrat", sans-serif;
}

.contentdark a,
.contentdark a:visited {
  color: var(--link-dark);
}

.logo-table-img {
  width: 140px;
  height: auto;
  display: block;
}

table {
  border-collapse: collapse;
}

table tr {
  border-bottom: 1px solid #d9d9d9;
}

table th,
table td {
  padding: 0.75rem 0.5rem;
}

table th:nth-child(2),
table td:nth-child(2),
table th:nth-child(3),
table td:nth-child(3) {
  text-align: center;
}

table td:nth-child(2) > .logo-table-img {
  margin-left: auto;
  margin-right: auto;
}

/* Ensure icon + text in buttons do not wrap under the icon */
.linkbutton {
  display: inline-flex;
  align-items: center;
  justify-content: center; /* center icon + text horizontally */
  text-align: center;      /* center wrapped text lines */
  gap: 0.5rem;
}

/* CTA columns prevent icon/text wrapping */
.home-cta > div {
  flex: 1 1 clamp(6rem, 20vw, 11rem); /* keep items wide enough for icon + text, */
                                      /* but allow smaller bases on narrow screens */
}

/* https://codepen.io/sosuke/pen/Pjoqqp?__cf_chl_jschl_tk__=ecc0b72797ae71bc009d6322e3e470773936b386-1604211766-0-ASpz720gXnc6Ej0vzlgY9-KLmlPkldgcOx1wAmGTUCjLZLOxkArNxpRzZ9m8woL-NGmP9LBGVPws8UxMJZrR7O1qFH6QkKtrGVPw6StRnXiK1XTQR_nY905r0XobAG2nOmyC6Zq8mdyPDp1MyHD7JLodJUXCRViXhtmLmRVE_-JGarVJRlxs6k3DzAOQQEJewfp00DjhlD0mxr8ZKpk2yq6IPTZZQ52XYxh26FC5MxLHhs7LuAwhtolmDZyp4_IuwRg8I5m-2--MmvGE8CCqjRWrkE85zgkMXPlOqcZtppRpZhn6Uz9DZAuKheHwVBb0ySIhFYG92bvQOgiKX0TTswB1SHgOLIeqktuyUaAgxI_h */
.iconadjusted {
  filter: invert(76%) sepia(52%) saturate(576%) hue-rotate(24deg) brightness(94%) contrast(94%);
}

#people {
  width: 60%;
}

@media screen and (max-width: 1000px) {
  #people {
    width: 80%;
  }
  
  .smallcolumn-img {
    width: 100%;
  }
  
  .smallcolumn-img img {
    width: 100%;
  }
}


#home > .contentcontainer {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

#innerhomecontainer {
  max-width: 820px;
  text-align: left;
}

.hero-logo-lockup {
  display: flex;
  align-items: center;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
  flex: 0 1 auto;
}

.hero-mark-logo {
  width: 240px;
  max-width: 300px;
}

.hero-text-logo {
  display: block;
  width: 520px;
  max-width: 640px;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .hero-logo-lockup {
    flex-direction: column;
    gap: 1rem;
  }
}

@media screen and (max-width: 1000px) {
  #home > .contentcontainer {
    flex-direction: column;
    align-items: center;
  }

  .hero-logo-lockup {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .hero-mark-logo {
    width: 65%;
    max-width: 240px;
  }

  .hero-text-logo {
    width: 95%;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}