*, *:after, *:before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  outline: 0 !important;
}

::selection {
	background: var(--theme--color--primary);
	color: rgba(255,255,255, 1);
	text-shadow: none;
}

html {
  font-size: var(--theme--font-size);
  background: rgba(255,255,255, 1);
}

body {
  font-family: var(--theme--font-family--primary);
  font-weight: 400;
  line-height: 1.5;
  min-width: 320px;
  background: rgba(255,255,255, 1);
  color: rgba(0,0,0, 1);
}

p, pre {
  margin: 0 0 1.5em;
}
  .field--name-body p:last-of-type,
  .field--name-field-excerpt p:last-of-type {
    margin-bottom: 0;
  }

dl, ol, ul {
  margin: 0 0 1.5em;
  padding-left: 1.5em;
}

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

hr {
  margin: 0;
  height: 1px;
  background: var(--theme--color--light);
  width: 100%;
  border: 0;
}

strong {
	font-weight: 700;
}

a {
	text-decoration: none;
	color: currentcolor;
  word-break: break-word;
}
	a:hover,
	a:active,
	a:focus {
		text-decoration: underline;
	}
  
  p a:not(.button) {
    color: var(--theme--color--secondary);
    text-decoration: underline;
  }
    p a:not(.button):hover,
	  p a:not(.button):focus,
	  p a:not(.button):active {
		  text-decoration: none;
	  }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.5;
  font-family: var(--theme--font-family--secondary);
  font-weight: 500;
  color: var(--theme--color--primary);
  hyphens: auto;
}

h1, .page-title {
  font-size: var(--theme--font-size--xlarge);
  line-height: 1;
  margin-bottom: 0.5em;
}

h2, .headline {
  font-size: var(--theme--font-size--large);
  line-height: 1.125;
}

h3, .section-title {
  font-size: var(--theme--font-size--medium);
  line-height: 1.25;
}

h4 {
  font-size: var(--theme--font-size--normal);
  font-family: var(--theme--font-family--primary);
  font-weight: 700;
  margin-bottom: 1em;
}

h5 {
  font-size: var(--theme--font-size--small);
  margin-bottom: 1em;
}

h6 {
  font-size: var(--theme--font-size--xsmall);
  margin-bottom: 1em;
}

.font-size-xlarge {
  font-size: var(--theme--font-size--xlarge);
  line-height: 1;
}

.font-size-large {
  font-size: var(--theme--font-size--large);
  line-height: 1.125;
}

.font-size-medium {
  font-size: var(--theme--font-size--medium);
  line-height: 1.25;
}

.font-size-normal {
  font-size: var(--theme--font-size--normal);
  line-height: 1.5;
}

.font-size-small {
  font-size: var(--theme--font-size--small);
  line-height: 1.5;
}

.font-size-xsmall {
  font-size: var(--theme--font-size--xsmall);
  line-height: 1.5;
}

.font-size-tiny {
  font-size: var(--theme--font-size--tiny);
  line-height: 1.5;
}

@media (max-width: 575.98px) {
  body {
    --mediaQuery: xsmall;
  }	
}

@media (max-width: 767.98px) {
	body {
    --mediaQuery: small;
  }
}

@media (min-width: 768px) {
	body {
    --mediaQuery: medium;
  }
}

@media (min-width: 992px) {
	body {
    --mediaQuery: large;
  }
}

@media (min-width: 1200px) {
	body {
    --mediaQuery: xlarge;
  }
}