:root {

  --font-heading: 'SUSE', Arial, sans-serif;
  --font: 'SUSE', Arial, sans-serif;
  /* Light: 300 */
  /* Regular: 400 */
  /* Medium: 500 */
  /* SemiBold: 600 */
  /* Bold: 700 */

}


body,input,select,optgroup,textarea {
  font-family: var(--font);
  font-size: 16px;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  color: var(--main-dark-grey);
}


a {
  font-style: normal;
  color: inherit;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

a:focus, a:active, a:visited {
  color: inherit;
}
a:hover {
  color: unset;
}
a:visited {
  color: unset;
}

body, input, select, optgroup, textarea {
    --color: #fff;
}


/***  Typography  ***/

p,strong,em,li,th,td {
  font-family: var(--font);
}
p, span, div {
  line-height: 1.6;
}
li {
  line-height: 1.5;
  margin-bottom: .5rem;
}
#wpadminbar p, #wpadminbar span, #wpadminbar li, #wpadminbar div, #wpadminbar :before, #wpadminbar :after {
  line-height: 1;
}


/* Headings */

h1,h2,h3,h4,h5,h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.35;
}

h1 {
  font-size: clamp(1.5rem, 3.5vw, 1.9375rem);
  font-style: normal;
  margin-bottom: 1.5rem;
}
h2 {
  font-size: clamp(1.25rem, 3vw, 1.875rem);
  font-style: normal;
  margin-bottom: 1rem;
}
h3 { 
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-style: normal;
  margin-bottom: 1.5rem;
}
h4 { 
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-style: normal;
  margin-bottom: 1rem;
}
h5, h6 {
  font-size: clamp(.9375rem, 2vw, 1.125rem);
  font-style: normal;
  margin-bottom: .5rem;
}

@media (max-width: 639px) {
  h2, h3, h4 { margin-bottom: .5rem; }
}



thead th {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
}
tbody td {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
}
p:not(:last-child) {
  margin-bottom: 1.5rem;
}
p, li {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
}
b, strong {
  font-style: normal;
  font-weight: 600;
}