/* ==========================================================================
   tokens.css
   ========================================================================== */

:root {
  /* ---------- Colours ---------- */
  --rh-color-8e9091: rgb(142, 144, 145);
  --rh-color-ffffff: rgb(255, 255, 255);
  --rh-color-7e858b: rgb(126, 133, 139);
  --rh-color-212121: rgb(33, 33, 33);
  --rh-color-000000: rgb(0, 0, 0);
  --rh-color-548baf: rgb(84, 139, 175);
  --rh-color-676c70: rgb(103, 108, 112);
  --rh-color-cccccc: rgb(204, 204, 204);
  --rh-color-2f363b: rgb(47, 54, 59);
  --rh-color-365b73: rgb(54, 91, 115);
  --rh-color-ffffff-a0: rgba(255, 255, 255, 0);
  --rh-color-000000-a0p075: rgba(0, 0, 0, 0.075);
  --rh-color-303030: rgb(48, 48, 48);
  --rh-color-ebebeb: rgb(235, 235, 235);
  --rh-color-f0f0f0: rgb(240, 240, 240);
  --rh-color-000000-a0p05: rgba(0, 0, 0, 0.05);
  --rh-color-ffffff-a0p2: rgba(255, 255, 255, 0.2);
  --rh-color-e0e0e0: rgb(224, 224, 224);
  --rh-color-000000-a0p6: rgba(0, 0, 0, 0.6);
  --rh-color-000000-a0p8: rgba(0, 0, 0, 0.8);
  --rh-color-ff9900: rgb(255, 153, 0);
  --rh-color-3d3d3d: rgb(61, 61, 61);
  --rh-color-639dc3: rgb(99, 157, 195);
  --rh-color-7b9ebd: rgb(123, 158, 189);
  --rh-color-52a8ec-a0p8: rgba(82, 168, 236, 0.8);
  --rh-color-548baf-a0p8: rgba(84, 139, 175, 0.8);
  --rh-color-77a3ec: rgb(119, 163, 236);
  --rh-color-eeeeee: rgb(238, 238, 238);
  --rh-color-e5e5e5: rgb(229, 229, 229);
  --rh-color-000000-a0p4: rgba(0, 0, 0, 0.4);
  --rh-color-000000-a0p5: rgba(0, 0, 0, 0.5);
  --rh-color-5ea9dd: rgb(94, 169, 221);
  --rh-color-666666: rgb(102, 102, 102);
  --rh-color-f7f9fb: rgb(247, 249, 251);
  --rh-color-52a8ec-a0p6: rgba(82, 168, 236, 0.6);
  --rh-color-003db8: rgb(0, 61, 184);
  --rh-color-a4a6a8: rgb(164, 166, 168);
  --rh-color-b94a48: rgb(185, 74, 72);
  --rh-color-eb3f1d: rgb(235, 63, 29);
  --rh-color-000000-a0p15: rgba(0, 0, 0, 0.15);
  --rh-color-ffffff-a0p95: rgba(255, 255, 255, 0.95);
  --rh-color-text: rgb(142, 144, 145);
  --rh-color-text-strong: rgb(33, 33, 33);
  --rh-color-primary: rgb(84, 139, 175);
  --rh-color-primary-dark: rgb(54, 91, 115);
  --rh-color-menu-selected: rgb(47, 54, 59);
  --rh-color-accent: rgb(99, 157, 195);
  --rh-color-site-bg: rgb(240, 240, 240);
  --rh-color-border: rgb(235, 235, 235);
  --rh-color-white: rgb(255, 255, 255);
  --rh-color-black: rgb(0, 0, 0);

  /* ---------- Font families ---------- */
  --rh-font-base: Roboto, sans-serif;
  --rh-font-roboto-1: Roboto, Helvetica, Arial, sans-serif;
  --rh-font-noto-serif-2: "Noto Serif", serif;
  --rh-font-sans-serif-3: sans-serif;

  /* ---------- Font weights ---------- */
  --rh-fw-300: 300;
  --rh-fw-400: 400;
  --rh-fw-700: 700;

  /* ---------- Font sizes ---------- */
  --rh-fs-0: 0px;
  --rh-fs-12: 12px;
  --rh-fs-13: 13px;
  --rh-fs-14: 14px;
  --rh-fs-16: 16px;
  --rh-fs-17: 17px;
  --rh-fs-18: 18px;
  --rh-fs-20: 20px;
  --rh-fs-24: 24px;
  --rh-fs-30: 30px;
  --rh-fs-35: 35px;
  --rh-fs-36: 36px;
  --rh-fs-38: 38px;
  --rh-fs-48: 48px;
  --rh-fs-60: 60px;
  --rh-fs-90: 90px;
  --rh-fs-100: 100px;

  /* ---------- Line heights ---------- */
  --rh-lh-0: 0px;
  --rh-lh-10: 10px;
  --rh-lh-16: 16px;
  --rh-lh-18: 18px;
  --rh-lh-21: 21px;
  --rh-lh-22: 22px;
  --rh-lh-24: 24px;
  --rh-lh-26: 26px;
  --rh-lh-28p8: 28.8px;
  --rh-lh-30: 30px;
  --rh-lh-34: 34px;
  --rh-lh-36: 36px;
  --rh-lh-40: 40px;
  --rh-lh-43p2: 43.2px;
  --rh-lh-45p6: 45.6px;
  --rh-lh-57p6: 57.6px;
  --rh-lh-72: 72px;
  --rh-lh-108: 108px;
  --rh-lh-normal: normal;

  /* ---------- Letter spacing ---------- */
  --rh-ls-1p2: 1.2px;
  --rh-ls-6: 6px;
  --rh-ls-normal: normal;

  /* ---------- Spacing ---------- */
  --rh-space-n35: -35px;
  --rh-space-n30: -30px;
  --rh-space-n25: -25px;
  --rh-space-n1: -1px;
  --rh-space-0p5: 0.5px;
  --rh-space-1: 1px;
  --rh-space-2: 2px;
  --rh-space-3: 3px;
  --rh-space-4: 4px;
  --rh-space-5: 5px;
  --rh-space-6: 6px;
  --rh-space-7: 7px;
  --rh-space-9: 9px;
  --rh-space-10: 10px;
  --rh-space-12: 12px;
  --rh-space-15: 15px;
  --rh-space-18: 18px;
  --rh-space-20: 20px;
  --rh-space-25: 25px;
  --rh-space-30: 30px;
  --rh-space-35: 35px;
  --rh-space-40: 40px;
  --rh-space-50: 50px;
  --rh-space-95: 95px;

  /* ---------- Radius ---------- */
  --rh-radius-3: 3px;
  --rh-radius-4: 4px;
  --rh-radius-9: 9px;
  --rh-radius-10: 10px;
  --rh-radius-30: 30px;
  --rh-radius-50pc: 50%;

  /* ---------- Shadows ---------- */
  --rh-shadow-1: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
  --rh-shadow-2: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  --rh-shadow-3: rgba(0, 0, 0, 0.8) 0px 0px 10px;
  --rh-shadow-4: rgba(0, 0, 0, 0.6) 0px 0px 20px;
  --rh-shadow-5: rgba(0, 0, 0, 0.6) 0px 0px 30px;
  --rh-shadow-6: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset, rgba(82, 168, 236, 0.6) 0px 0px 8px 0px;
  --rh-shadow-7: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;

  /* ---------- Layout ---------- */
  --rh-grid-columns: 60;
  --rh-html-font-size: 16px;
  --rh-body-padding-x: 0px;
  --rh-container-max-width: 980px;
  --rh-container-padding-x: 0px;
  --rh-content-padding: 15px;
  --rh-gutter: 25px;
  --rh-grid-margin: -25px;
  --rh-navbar-height: 95px;
  --rh-navbar-position: fixed;
  --rh-logo-height: 84.1562px;
  --rh-breadcrumb-height: 400px;
  --rh-footer-padding-y: 30px;

  /* ---------- Breakpoints ---------- */
  --rh-bp-max-320: 320px;
  --rh-bp-max-350: 350px;
  --rh-bp-max-414: 414px;
  --rh-bp-max-433: 433px;
  --rh-bp-max-460: 460px;
  --rh-bp-min-480: 480px;
  --rh-bp-min-500: 500px;
  --rh-bp-max-550: 550px;
  --rh-bp-max-556: 556px;
  --rh-bp-max-600: 600px;
  --rh-bp-max-610: 610px;
  --rh-bp-max-650: 650px;
  --rh-bp-max-766: 766px;
  --rh-bp-max-767: 767px;
  --rh-bp-min-767: 767px;
  --rh-bp-max-768: 768px;
  --rh-bp-min-768: 768px;
  --rh-bp-max-845: 845px;
  --rh-bp-max-959: 959px;
  --rh-bp-max-960: 960px;
  --rh-bp-min-960: 960px;
  --rh-bp-max-979: 979px;
  --rh-bp-max-991: 991px;
  --rh-bp-min-991: 991px;
  --rh-bp-min-992: 992px;
  --rh-bp-max-1024: 1024px;
  --rh-bp-min-1040: 1040px;
  --rh-bp-max-1160: 1160px;
  --rh-bp-min-1185: 1185px;
  --rh-bp-min-1200: 1200px;
  --rh-bp-min-1220: 1220px;
  --rh-bp-max-1250: 1250px;
  --rh-bp-max-1259: 1259px;
  --rh-bp-max-1280: 1280px;
  --rh-bp-min-1380: 1380px;
  --rh-bp-max-1424: 1424px;
  --rh-bp-min-1650: 1650px;

  /* ---------- Motion durations ---------- */
  --rh-duration-100ms: 0.1s;
  --rh-duration-150ms: 0.15s;
  --rh-duration-200ms: 0.2s;
  --rh-duration-250ms: 0.25s;
  --rh-duration-300ms: 0.3s;
  --rh-duration-500ms: 0.5s;
  --rh-duration-600ms: 600ms;
  --rh-duration-800ms: 0.8s;
  --rh-duration-1000ms: 1000ms;
  --rh-duration-8000ms: 8000ms;
  --rh-duration-9000ms: 9000ms;

  /* ---------- Motion easings ---------- */
  --rh-ease-ease: ease;
  --rh-ease-ease-in-out: ease-in-out;
  --rh-ease-ease-out: ease-out;
  --rh-ease-linear: linear;
  --rh-ease-jquery-swing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ---------- Responsive overrides ---------- */

@media (min-width: 768px) {
  :root {
    --rh-content-padding: 30px;
  }
}

@media (min-width: 960px) {
  :root {
    --rh-container-max-width: 100%;
  }
}

@media (min-width: 1220px) {
  :root {
    --rh-gutter: 35px;
    --rh-grid-margin: -35px;
  }
}