@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: #283272;
  --secondary: #f5b21b;
  --accent: #756783;
  --success: #00c458;
  --error: #eb1c50;
  --danger: #ff653f;

  --link: #f5b21b;
  --link-visited: #f5b21b;

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

  --accordion: #f5b21b;
  --accordion-dark: #f5b21b;
  --accordion-content-dark: #2b2b2b;
  --accordion-content: #ffffff;
  --accordion-active: #fac341;
  --accordion-divider: #1c1c1c;
  --accordion-divider-dark: #ca9313;
  --subtitle: #2b2b2b;
  --subtitle-dark: #a0a0a0;
  --button-border: #f5b21b;
  --button-background: #f5b21b;
  --button-background-hover: #f5b41b90;
  --button-active: #00509b;
  --button-outline-background-hover: #f5b41b52;
  --dialog-border: #f5b21b;
  --dialog-text-border: #f5b21b;
}

#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;
}

/* 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 6rem; /* keep items wide enough for icon + text, */
}

/* 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(57%) sepia(61%) saturate(2399%) hue-rotate(156deg) brightness(105%) contrast(102%);
}

#people {
  width: 60%;
}

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