:root {
  /* colors */
  --eds-light-color: #f8f8f8;
  --eds-dark-color: #505050;
  --eds-text-color: #131313;
  --eds-link-color: #3b63fb;
  --eds-link-hover-color: #1d3ecf;

  /* ARB site colors */
  --eds-background-color: white;
  --eds-black: #000;
  --eds-primary-red: #ED1C24;
  --eds-grey: #EBEBEB;
  --eds-dark-grey: #454B58;
  --eds-light-grey: #72747B;
  --eds-davy-grey: #555;
  --eds-ashy-blue: #9299A8;
  --eds-white: #FFF;
  --eds-lavendar-wisp: #E9EBEE;

  /* body sizes */
  --body-font-size-m: 22px;
  --body-font-size-s: 20px;
  --body-font-size-xs: 16px;
  --body-font-size-xxs: 14px;

  /* heading sizes */
  --heading-font-size-xxl: 54px;
  --heading-font-size-xl: 40px;
  --heading-font-size-l: 32px;
  --heading-font-size-m: 24px;
  --heading-font-size-s: 20px;
  --heading-font-size-xs: 18px;

  /* nav height */
  --nav-height: 64px;

  /* Font families */
  --font-family-elza-regular: "elza-regular", sans-serif;
  --font-family-elza-medium: "elza-medium", sans-serif; 
  --font-family-elza-semibold: "elza-semibold", sans-serif;
  --font-family-elza-bold: "elza-bold", sans-serif;
}

@media (width >=900px) {
  :root {
    /* heading sizes */
    --heading-font-size-xxl: 64px;
    --heading-font-size-xl: 40px;
    --heading-font-size-l: 32px;
    --heading-font-size-m: 24px;
    --heading-font-size-s: 22px;
    --heading-font-size-xs: 20px;
  }
}

body {
  display: none;
  margin: 0;
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size-m);
  line-height: 1.6;
  padding-top: 80px !important;
}

header {
  display: none;
}

main {
  margin-top: 0 !important;
  height: 100%;
  width: 100%;
}

body.appear {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0.8em;
  margin-bottom: 0.25em;
  font-family: var(--heading-font-family);
  font-weight: 600;
  line-height: 1.25;
  scroll-margin: 40px;
}

h1 {
  font-size: var(--heading-font-size-xxl);
}

h2 {
  font-size: var(--heading-font-size-xl);
}

h3 {
  font-size: var(--heading-font-size-l);
}

h4 {
  font-size: var(--heading-font-size-m);
}

h5 {
  font-size: var(--heading-font-size-s);
}

h6 {
  font-size: var(--heading-font-size-xs);
}

p,
dl,
ol,
ul,
pre,
blockquote {
  margin-top: 0.8em;
  margin-bottom: 0.25em;
}

code,
pre {
  font-size: var(--body-font-size-s);
}

pre {
  padding: 16px;
  border-radius: 8px;
  background-color: var(--light-color);
  overflow-x: auto;
  white-space: pre;
}

main>div {
  margin: 0 16px;
}

input,
textarea,
select,
button {
  font: inherit;
}

/* links */
a:any-link {
  text-decoration: none;
}

/* buttons */
a.button:any-link,
button {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  border: 2px solid transparent;
  padding: 0.5em 1.2em;
  font-family: var(--body-font-family);
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  background-color: var(--link-color);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.button:hover,
a.button:focus,
button:hover,
button:focus {
  cursor: pointer;
}

button:disabled,
button:disabled:hover {
  cursor: unset;
}

a.button.secondary,
button.secondary {
  background-color: unset;
  border: 2px solid currentcolor;
  color: var(--text-color);
}

main img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.icon {
  display: inline-block;
  height: 24px;
  width: 24px;
}

.icon img {
  height: 100%;
  width: 100%;
}

/* sections */
main>.section:first-of-type {
  margin-top: 0;
}

@media (width >=900px) {
  .section {
    max-width: 1376px;
    margin: 0 auto;
  }
}

/* margin top classes */
.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

/* margin bottom classes */
.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

/* border classes */
.border-all {
  border: 1px solid #304F6C1A;
}

.border-top {
  border-top: 1px solid #304F6C1A;
}

.border-bottom {
  border-bottom: 1px solid #304F6C1A;
}

/* flex classes */
.arb-eds-flex-container {
  display: flex;
}

/* text classes */
.text-center {
  text-align: center;
}

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

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

.section.width-60>div:first-child {
  width: 60%;
}

.section.width-40>div:nth-child(2) {
  width: 40%;
}

.section.arb-eds-flex-container.blog-wrapper {
  gap: 64px;
}

/* section metadata */
main .section.light,
main .section.highlight {
  background-color: var(--eds-light-color);
  margin: 0;
  padding: 40px 0;
}

@media screen and (width <=768px) {
  .section.arb-eds-flex-container.blog-wrapper {
    gap: 40px;
    flex-direction: column;
  }
}

/* breadcrumbs css start */
.breadcrumbs {
  margin-top: 48px;
}

.breadcrumbs ol {
  display: flex;
  list-style: none;
}

.breadcrumbs ol li > a {
  font-size: var(--body-font-size-xxs);
  font-family: var(--font-family-elza-medium);
  line-height: 24px;
  font-weight: 500;
  color: var(--eds-dark-grey);
}

.breadcrumbs ol li:not(:last-child) a {
  color: var(--eds-black);
}

.breadcrumbs ol li:not(:last-child) a::after {
  content: "/";
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--eds-ashy-blue);
  padding: 0 8px;
}

@media screen and (width <= 768px) {
  .breadcrumbs {
    margin-top: 16px;
  }

  .breadcrumbs ol {
    padding: 0 16px;
    flex-wrap: wrap;
  }

  .breadcrumbs ol li > a {
    color: var(--eds-light-grey);
  }
  
}

/* breadcrumbs css end */