/* HTML  -------------------------------------------------------------------- */
html {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #030403;
}

body {
  margin: 0;
  overflow-x: hidden;
  background-color: #F3F3F3;
}

/* Headings  ---------------------------------------------------------------- */
h1, .h1 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 24px !important;
  line-height: 33.6px !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  font-weight: 500;
  letter-spacing: .5px;
}

@media (min-width: 992px) {
  h1, .h1 {
    font-size: 32px !important;
    line-height: 44.8px !important;
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

h2, .h2 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
  letter-spacing: .25px;
}

@media (min-width: 992px) {
  h2, .h2 {
    font-size: 24px;
    line-height: 33.6px;
    margin-top: 32px;
    margin-bottom: 24px;
  }
}

h3, .h3 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
}

@media (min-width: 992px) {
  h3, .h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

h4, .h4 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
}

/* Links  ------------------------------------------------------------------- */
a {
  color: #5f7a5f;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

a:visited {
  color: #5f7a5f;
}

a:hover {
  color: #daa300;
}

a:active {
  color: #5f7a5f;
}

a:focus {
  color: #daa300;
  outline: none;
}

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

/* Paragraph  --------------------------------------------------------------- */
p {
  margin-block-start: 16px;
  margin-block-end: 16px;
  font-family: "Source Serif Pro", "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.5;
}

@media (min-width: 768px) {
  p {
    text-align: justify;
  }
}

p a {
  border-bottom: 1px solid #5f7a5f;
  -webkit-transition: color 0.5s ease-out, border-color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out, border-color 0.5s ease-out;
  -ms-transition: color 0.5s ease-out, border-color 0.5s ease-out;
  -o-transition: color 0.5s ease-out, border-color 0.5s ease-out;
  transition: color 0.5s ease-out, border-color 0.5s ease-out;
}

p a:hover {
  border-bottom-color: #779577;
}

p li {
  margin-bottom: 16px;
}

/* Fixed position class ----------------------------------------------------- */
.position-fixed {
  position: fixed;
  width: 100%;
}

.field__label {
  font-weight: 500 !important;
}

.field--name-body ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.field--name-body li {
  margin-bottom: 16px;
  display: block;
  background-image: url(../../images/chevron-right.svg);
  background-position: left top 3px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-left: 32px;
  font-family: "Source Serif Pro", "Times New Roman", serif;
  font-size: 18px;
}

.ajax-throbber.sk-cube-grid .sk-cube {
  background-color: #daa300 !important;
}