/*
  @license
  
  Font Family: Outfit
  Designed by: On Brand Investments Pty Ltd, Rodrigo Fuenzalida
  URL: https://www.fontshare.com/fonts/outfit
  © 2025 Indian Type Foundry
*/

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Light.woff2") format("woff2"), url("../fonts/Outfit-Light.woff") format("woff"),
    url("../fonts/Outfit-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Regular.woff2") format("woff2"), url("../fonts/Outfit-Regular.woff") format("woff"),
    url("../fonts/Outfit-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Medium.woff2") format("woff2"), url("../fonts/Outfit-Medium.woff") format("woff"),
    url("../fonts/Outfit-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Bold.woff2") format("woff2"), url("../fonts/Outfit-Bold.woff") format("woff"),
    url("../fonts/Outfit-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-ExtraBold.woff2") format("woff2"), url("../fonts/Outfit-ExtraBold.woff") format("woff"),
    url("../fonts/Outfit-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}

body {
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

/* TEXT */
/* TEXT */
/* TEXT */

.h1,
.rte h1,
.h2,
.rte h2,
.h3,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  line-height: 1.15;
  font-weight: 800;
}

.h1,
.rte h1 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.rte h1 {
  margin: 0 0 1rem;
}

.h2,
.rte h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.h3,
.rte h3 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.rte h2,
.rte h3 {
  margin: 2rem 0 0.75rem;
}

.rte h4 {
  font-size: 1rem;
}

.rte h5 {
  font-size: 0.8rem;
}

.rte h6 {
  font-size: 0.6rem;
}

.rte h4,
.rte h5,
.rte h6 {
  margin: 1.25rem 0 0.75rem;
}

.p,
.p-large {
  line-height: 1.45;
}

.label {
  font-size: 1rem;
  line-height: 1.15;
  font-weight: 300;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .h1,
  .rte h1 {
    font-size: 3rem;
  }

  .h2,
  .rte h2 {
    font-size: 2rem;
  }

  .h3,
  .rte h3 {
    font-size: 1.5rem;
  }

  .rte h4 {
    font-size: 1.25rem;
  }

  .rte h5 {
    font-size: 1rem;
  }

  .rte h6 {
    font-size: 0.75rem;
  }

  .p-large {
    font-size: 1.25rem;
  }
}

/* UTILITIES */
/* UTILITIES */
/* UTILITIES */

.text-center {
  text-align: center;
}


/* RTE */
/* RTE */
/* RTE */

.rte > * {
  display: block;
}

.rte p {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.rte img {
  display: block;
  width: 100%;
  height: auto;
}

.rte blockquote,
.rte img {
  margin: 1.5rem 0;
}

.rte ul,
.rte ol {
  display: flex;
  flex-direction: column;
  margin: 2.5rem 0;
}

.rte h1 + ul,
.rte h2 + ul,
.rte h3 + ul,
.rte h4 + ul,
.rte h5 + ul,
.rte h6 + ul,
.rte h1 + ol,
.rte h2 + ol,
.rte h3 + ol,
.rte h4 + ol,
.rte h5 + ol,
.rte h6 + ol {
  margin-top: 1rem;
}

.rte ol {
  padding-left: 1.5rem;
  list-style: auto;
  counter-reset: listCounter;
}

.rte li {
  position: relative;
}

.rte ul li {
  padding: 1.5rem 0;
}

.rte ol li {
  padding: 1.5rem 0 1.5rem 2rem;
  counter-increment: listCounter;
}

.rte li p {
  margin: 0;
}

.rte li::before,
.rte li:last-child::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% + 1.5rem);
  height: 1px;
  right: 0;
  background-color: currentColor;
  opacity: 0.2;
}

.rte ul li::before,
.rte ul li:last-child::after {
  width: 100%;
}

.rte li::before {
  top: 0;
}

.rte li:last-child::after {
  bottom: 0;
}

.rte ol li::marker {
  content: counter(listCounter, decimal-leading-zero);
  font-weight: 300;
}

.rte blockquote {
  padding: 1.25rem 1.5rem;
  background-color: var(--color-orange--100);
  border-radius: 0.75rem;
  font-style: italic;
  color: var(--color-orange--800);
}

.rte strong {
  font-weight: 800;
}