/**
 * @file
 * Generic base elements.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

html {
  font-family: var(--font-sans);
  font-size: 100%;
  height: 100%;
}

body {
  margin: 0;
  color: var(--color-text-neutral-medium);
  background-position: top left; /* LTR */
  height: 100%;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4375rem;
}

body.is-fixed {
    position: fixed;
    overflow: hidden;
    width: 100%;
  }

[dir="rtl"] body {
  background-position: top right;
}

a {
  color: var(--color--primary-50);
}

a:hover {
    color: var(--color--primary-40);
  }

a:focus, a:focus-within {
    outline: solid 2px currentColor;
    outline-offset: 2px;
  }

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

audio {
  display: block;
  max-width: 100%;
}

h1 {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 700;
  border-bottom: solid var(--color-text-neutral-medium) 3px;
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: var(--color--primary-50);
  border-bottom: solid var(--color--light-50) 3px;
}

h3 {
  font-size: 1.75rem;
  line-height: 2.1rem;
  font-weight: 700;
  color: var(--color--primary-50);
}

h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.8rem;
  color: var(--color--light-50);
}

h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}

h6 {
  font-size: 0.875rem;
  line-height: 1.2rem;
  font-weight: 700;
}

p, .field {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

@media (min-width: 700px) {

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}
  }

ul:not([class]) {
  list-style-type: none;
  margin-left: 20px;
  padding: 0 0 15px;
  margin-top: 10px;
  margin-bottom: 0;
 }

ul:not([class]) li {
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative;
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
  }

ul:not([class]) li:before {
      content: '';
      width: 12px;
      height: 12px;
      background-color: var(--_bullet-color, var(--color--light-50));
      border-radius: 12px;
      position: absolute;
      left: 0px;
      top: 8px;
      padding: 0;
  }

ol:not([class]) {
  list-style-type: none;
 }

ol:not([class]) li {
    counter-increment: li;
    font-size: 1rem;
    line-height: 1.5rem;
  }

ol:not([class]) li:before { 
    content: counter(li); 
    color: var(--_bullet-color, var(--color--light-50));
    display: inline-block; 
    width: 1em; 
    margin-left: -1.5em;
    margin-right: 0.5em; 
    text-align: right; 
    direction: rtl
    }

.custom-icon {
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  visibility: hidden;
  width: 1px;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}

.custom-icon::before {
    content: "";
    position: relative;
    display: inline-block;
    visibility: visible;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
  }

.custom-icon.x-twitter::before {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20x='0px'%20y='0px'%20width='24'%20height='24'%20viewBox='0%200%2030%2030'%3e%3cpath%20fill='white'%20d='M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65%20l7.182-8.322L19.42,26H26.37z%20M10.23,6l12.34,18h-2.1L8.12,6H10.23z'%3e%3c/path%3e%3c/svg%3e");
}

.custom-icon.facebook::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='25'%20viewBox='0%200%2014%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.5122%2013.9469L13.2065%209.67582H8.86524V6.9042C8.86524%205.73573%209.47168%204.59675%2011.416%204.59675H13.3896V0.960422C13.3896%200.960422%2011.5986%200.671875%209.88623%200.671875C6.31104%200.671875%203.97412%202.71751%203.97412%206.42068V9.67582H0V13.9469H3.97412V24.2719H8.86524V13.9469H12.5122Z'%20fill='white'/%3e%3c/svg%3e");
}