/**
 * @file
 * Styles rules
 *
 * Theme styles rules.
 */

* {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html {
  height: 100%;
  font-size: var(--content-size-m);
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5rem;
  scroll-padding-top: 150px !important;
  font-family: var(--font-new-hero);
}
html, body {
  position: relative;
  color: var(--color-neutral--9);
  background-color: var(--color-neutral--0);
}
body {
  overflow-x: hidden;
}
body.js-active {
  overflow: hidden;
}
.main {
  position: relative;
}


/**
 * Image
 */

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


/**
 * Text
 */

p, h1, h2, h3, h4 {
  position: relative;
}
@media all and (min-width: 1400px){
  p.left-margin {
    margin-left: 8.25rem;
    max-width: 648px;
  }
}
h1 {
  font-size: var(--title-size-m);
  line-height: var(--title-line-height);
  font-weight: var(--title-weight);
}
@media all and (min-width: 1300px){
  h1 {
    font-size: var(--title-size-l);
  }
}
@media all and (min-width: 1600px){
  h1 {
    font-size: var(--title-size-xl);
  }
}

h2 {
  font-size: var(--title-size-m);
  line-height: var(--title-line-height);
  font-weight: var(--title-weight);
}

@media all and (min-width: 1300px){
  h2 {
    font-size: var(--title-size-l);
  }
}
h3 {
  font-size: var(--heading-size-s);
}
h4 {
  font-size: var(--heading-size-xs);
}
p {
  font-size: var(--content-size-m);
}


/* content */

.content-size--l {
  font-size: var(--content-size-m);
  line-height: var( --content-line-height);
}
.content-size--m {
  font-size: var(--content-size-s);
  line-height: var( --content-line-height);
}
.content-size--s {
  font-size: var(--content-size-s);
  line-height: var(--content-line-height);
}
p.center {
  text-align: center;
}

@media all and (min-width: 800px){
  .content-size--l {
    font-size: var(--content-size-l);
  }
  .content-size--m {
    font-size: var(--content-size-m);
  }
  .content-size--s {
    font-size: var(--content-size-s);
  }
}
/* titles */

.title-size--xxl {
  font-size: var(--title-size-xl);
  font-weight: var(--title-weight);
  line-height: var(--title-line-height);
}
.title-size--xl {
  font-size: var(--title-size-l);
  font-weight: var(--title-weight);
  line-height: var(--title-line-height);
}
.title-size--l {
  font-size: var(--title-size-m);
  font-weight: var(--title-weight);
  line-height: var(--title-line-height);
}
.title-size--m {
  font-size: var(--title-size-s);
  font-weight: var(--title-weight);
  line-height: var(--title-line-height);
}
.title-size--s {
  font-size: var(--title-size-xs);
  font-weight: var(--title-weight);
  line-height: var(--title-line-height);
}
.title-size--xs {
  font-size: var(--title-size-xs);
  font-weight: var(--title-weight);
  line-height: var(--title-line-height);
}
@media all and (min-width: 800px){
  .title-size--xxl {
    font-size: var(--title-size-xxl);
    font-weight: var(--title-weight);
    line-height: var(--title-line-height);
  }
  .title-size--xl {
    font-size: var(--title-size-xl);
    font-weight: var(--title-weight);
    line-height: var(--title-line-height);
  }
  .title-size--l {
    font-size: var(--title-size-l);
    font-weight: var(--title-weight);
    line-height: var(--title-line-height);
  }
  .title-size--m {
    font-size: var(--title-size-m);
    font-weight: var(--title-weight);
    line-height: var(--title-line-height);
  }
  .title-size--s {
    font-size: var(--title-size-s);
    font-weight: var(--title-weight);
    line-height: var(--title-line-height);
  }
  .title-size--xs {
    font-size: var(--title-size-xs);
    font-weight: var(--title-weight);
    line-height: var(--title-line-height);
  }
}


/* subtitles */

.subtitle-size--xxl {
  font-size: var(--subtitle-size-xl);
  font-weight: var(--subtitle-weight);
  line-height: var(--subtitle-line-height);
}
.subtitle-size--xl {
  font-size: var(--subtitle-size-l);
  font-weight: var(--subtitle-weight);
  line-height: var(--subtitle-line-height);
}
.subtitle-size--l {
  font-size: var(--subtitle-size-m);
  font-weight: var(--subtitle-weight);
  line-height: var(--subtitle-line-height);
}
.subtitle-size--m {
  font-size: var(--subtitle-size-s);
  font-weight: var(--subtitle-weight);
  line-height: var(--subtitle-line-height);
}
.subtitle-size--s {
  font-size: var(--subtitle-size-xs);
  font-weight: var(--subtitle-weight);
  line-height: var(--subtitle-line-height);
}
.subtitle-size--xs {
  font-size: var(--subtitle-size-xs);
  font-weight: var(--subtitle-weight);
  line-height: var(--subtitle-line-height);
}
@media all and (min-width: 800px){
  .subtitle-size--xxl {
    font-size: var(--subtitle-size-xxl);
    font-weight: var(--subtitle-weight);
    line-height: var(--subtitle-line-height);
  }
  .subtitle-size--xl {
    font-size: var(--subtitle-size-xl);
    font-weight: var(--subtitle-weight);
    line-height: var(--subtitle-line-height);
  }
  .subtitle-size--l {
    font-size: var(--subtitle-size-l);
    font-weight: var(--subtitle-weight);
    line-height: var(--subtitle-line-height);
  }
  .subtitle-size--m {
    font-size: var(--subtitle-size-m);
    font-weight: var(--subtitle-weight);
    line-height: var(--subtitle-line-height);
  }
  .subtitle-size--s {
    font-size: var(--subtitle-size-s);
    font-weight: var(--subtitle-weight);
    line-height: var(--subtitle-line-height);
  }
  .subtitle-size--xs {
    font-size: var(--subtitle-size-xs);
    font-weight: var(--subtitle-weight);
    line-height: var(--subtitle-line-height);
  }
}

/* colors */

.color-neutral--7 {
  color: var(--color-neutral--7)
}
.color-neutral--8 {
  color: var(--color-neutral--8)
}
.color-neutral--9 {
  color: var(--color-neutral--9)
}




::selection {
  background-color: var(--color-secondary--7);
  color: var(--color-neutral--0);
}


/**
 * Links
 */

a {
  color: var(--color-brand--1);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.toolbar a {
  font-family: "Source Sans Pro","Lucida Grande",Verdana,sans-serif;
  font-weight: normal;
}