/* ===============

 Basics 

================== */

:root {
  font-size: 16px;
  --headline-fonts: 'Montserrat', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --headline-font-color: #101010;
  --blog-headline-color: #17174c;
  --body-fonts: 'Quicksand', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --body-font-color: #303030;
  --menu-fonts: 'Montserrat', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --menu-font-color: #fff;
  --text-width-medium: 65ch;
  --text-width-large: 70ch;
  --blog-text-width-medium: 70ch;
  --blog-text-width-large: 90ch;
  --epp-blue: #4D4DFF;
  --epp-mediumblue:#9494ff;
  --epp-darkblue: #2e2e99;
  --epp-lightyellow: #fffbd4;
  --epp-yellow: #ffeb29;
  --epp-creme: #f6f4f2;
  --epp-darkcreme: #e6e6fa;
  --epp-lightblue: #EDEDFE;
  --epp-lightgray: #d3d3d3;
  --epp-darkgray: #a9a9a9;
  --blue-gradient: linear-gradient(145deg, rgba(69, 69, 230, 1), rgba(82, 82, 255, 1));
  --hero-gradient: linear-gradient(145deg, rgba(69, 69, 230, 0.75), rgba(82, 82, 255, 0.75));
  --hero-bg: url(/wp-content/uploads/2024/10/epp-hero-image.jpg);
  --hero-bg-webp: url(/wp-content/uploads/2024/10/epp-hero-image.webp);
  --hero-bg-avif: url(/wp-content/uploads/2024/10/epp-hero-image.avif);
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  color-scheme: light;
  forced-color-adjust: none;
}

#root,
#__next {
  isolation: isolate;
}

/* ===============

Fonts

================== */

/* quicksand-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/quicksand/quicksand-v31-latin-300.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand/quicksand-v31-latin-regular.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand/quicksand-v31-latin-500.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

/* quicksand-600 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/quicksand/quicksand-v31-latin-600.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand/quicksand-v31-latin-700.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

/* Montserrat */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat/montserrat-v26-latin-100.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/montserrat/montserrat-v26-latin-100italic.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat/montserrat-v26-latin-200.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/montserrat/montserrat-v26-latin-200italic.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat/montserrat-v26-latin-300.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat/montserrat-v26-latin-300italic.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat/montserrat-v26-latin-regular.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat/montserrat-v26-latin-italic.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat/montserrat-v26-latin-500.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat/montserrat-v26-latin-500italic.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat/montserrat-v26-latin-600.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat/montserrat-v26-latin-600italic.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat/montserrat-v26-latin-700.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat/montserrat-v26-latin-700italic.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat/montserrat-v26-latin-800.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat/montserrat-v26-latin-800italic.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat/montserrat-v26-latin-900.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat/montserrat-v26-latin-900italic.woff2') format('woff2');
  text-rendering: optimizeLegibility;
}pen-sans-v40-latin-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/opensans/open-sans-v40-latin-800italic.woff2') format('woff2');
}
/* Montserrat */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat/montserrat-v26-latin-100.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/montserrat/montserrat-v26-latin-100italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat/montserrat-v26-latin-200.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/montserrat/montserrat-v26-latin-200italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat/montserrat-v26-latin-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat/montserrat-v26-latin-300italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat/montserrat-v26-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat/montserrat-v26-latin-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat/montserrat-v26-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat/montserrat-v26-latin-500italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat/montserrat-v26-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat/montserrat-v26-latin-600italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat/montserrat-v26-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat/montserrat-v26-latin-700italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat/montserrat-v26-latin-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat/montserrat-v26-latin-800italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat/montserrat-v26-latin-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat/montserrat-v26-latin-900italic.woff2') format('woff2');
}