input {
  color: black;
}

/* Major Third - > Minor Third  */
h1, h2, h3, h4, h5 {
  margin: 0.75rem 0 1.05rem; /*2.75rem 0 1.05rem;*/
  font-family: 'Ubuntu', sans-serif;
  font-weight: 900;
  line-height: 1.15;
  color: var(--heading-colour);
}

h1 {
  font-family: 'Poppins', sans-serif;
  margin-top: 0;
  font-size: 2em;
  font-weight: lighter;
  max-width: 1000px;
  /*color: #c5eab7;*/
  line-height: 1.33; /* todo: check is less that 1.5 on heading is accessible */
}

.path-frontpage h1 {
  font-weight: lighter;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2.488em;
  }
}

h2 {
  /* margin-top: 0; removed for testing*/
  font-size: 1.5em;
  /*color: #2f8c25;*/
  max-width: 1200px;
}
footer h2 {
  font-weight: 400;
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
}


@media only screen and (min-width: 768px) {
  h2 {
    font-size: 2.074em;
  }

  h3 {
    font-size: 1.728em;
  }

  h4 {
    font-size: 1.44em;
  }

  h5 {
    font-size: 1.2em;
  }
}

small, .text_small {
  font-size: 0.8em;
}

em {
}

strong {
}

article a {
  color: var(--global-a);
  /*text-decoration: none;*/
  transition: border-bottom 1s ease-in;
}
article a:hover {
  /*text-decoration: underline;*/
  border-bottom: 2px solid var(--global-a);
}
article h2 a {
  text-decoration: none;
}

article img { /* img is within <p></p> */
  /* width: 100%; Todo: remove after the article image settings/sizes are decided and documented */
  max-width: 100%;
  height: auto;
}
article p, article blockquote {
  max-width: 1000px; /* change to em */
}
article blockquote {
  border: 1px solid;
  padding: 1em;
  background-color: #FAFAFA;
  border-radius: 2px;
  margin: 2rem 0;
  color: #101010;
}
article blockquote p {
  margin: 0;
}
article ol, article ul  {
  max-width: 1000px;
}


/* DK Feature Specific

h1 > span {
  padding: 0.3rem;
  background: hsla(0, 0%, 0%, 0.95);
  mix-blend-mode: overlay; /* #258B17 /
  will-change: opacity; /* add this for chrome opacity /
}
.path-contact h1 {
  padding: 0.3rem;
  background: hsla(0,0%,0%,0.95);
  mix-blend-mode: overlay;
  will-change: opacity;
  display: inline;
} */
/* One off over-ride for homepage type pages, not article content */
.block-views-blockfrontpage-block-1 h2 {
  color: #c5eab7;
}

/* Mailer lite - This should be add in a separate file */

#block-mailerlitefullcode {
  margin: 0 auto 0;
}

#mlb2-1518766.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
  max-width: 885px !important;
  width: 100%;
}

#mlb2-1518766.ml-form-embedContainer .ml-form-embedWrapper {
  background-color: #3aa6d740 !important;
}

#mlb2-1518766.ml-form-embedContainer .ml-form-align-center {
  text-align: unset !important;
}

/* Button with input labels */
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn {
  padding-top: 32px !important;
}

#block-mailerliteform10tipstomodernise #mlb2-1518766.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
  background-color: #17858B !important;
  border-color: #17858b !important;
  font-size: 22px !important;
  color: #C6E9B9 !important;
}

/* html embed in block for mobile spinner */
.ml-form-embedSubmitLoad {
  display: none;
}

/* About Page (or maybe default title )
@media (prefers-color-scheme: dark) {
  h1 > span {
    background: hsla(0, 0%, 0%, 0.65);
    mix-blend-mode: normal; /* #000000 /
  }
*/

/* Mailer lite - This should be add in a separate file */
.ml-form-embedContent h4 {
  color: #EEFCD6 !important;
}

.ml-form-embedContent p,
.ml-block-form label,
#mlb2-1518766 .ml-block-form .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p { /* This doesn't work, not able to */
  color: #ffffff !important;
}