/* Modify page accordion CSS to change colours to orange only */
  .ckeditor-accordion-container > dl {
      border: none;
      border-bottom: 1px solid #f5871f;
  }

  .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    left: unset;
    right: 11px;
  }

  .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
  .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: #c7501a !important;
  }

  /* Default state: orange text on white */
  .ckeditor-accordion-container > dl dt > a,
  .ckeditor-accordion-container > dl dt > a:not(.button) {
      background-color: #ffffff !important;
      color: #c7501a !important;
      text-decoration: none;
      border-top: 1px solid #f5871f !important;
      border-bottom: none !important;
      padding: 10px 50px 10px 15px;
  }

  /* Hover + active state: white text on orange */
  .ckeditor-accordion-container > dl dt > a:hover,
  .ckeditor-accordion-container > dl dt > a:not(.button):hover,
  .ckeditor-accordion-container > dl dt.active > a,
  .ckeditor-accordion-container > dl dt.active > a:not(.button) {
      background-color: #c7501a !important;
      color: #ffffff !important;
      text-decoration: none;
  }

/* Toggle icon colour reversal on hover + active */
.ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle:after,
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after {
  background: #ffffff !important;
}

dd p:first-child, dd h2:first-child, dd h3:first-child,
dd h4:first-child, dd h5:first-child, dd h6:first-child {
    margin-top: 0.2rem;
}

/* fixes for new fields */
.fieldset-wrapper {
  margin-top: 1em;
}

.fieldset-legend {
  font-style: italic;
}

/* Override section heading paragraph colour */
.page-section__heading .page-section__title {
  color: #E67509;
}
 
/* Override webform background colour */
.box {
  background-color: #26252a;
}

/* Override news teaser to black titles, orange read more*/
.teaser .teaser__title a {
  color: #26252a;
}

.teaser .more-link__text,
.teaser .more-link__icon {
  color: #E67509;
}

/* Override pager colours for navigating through news items */
.pager__item a {
  color: #26252a;
}

/* Add customisations for webform counter */
  .webform-counter--progress .progress__bar {
    border-color: #f5871f;
    background: #fcc589;
    background-image:
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0.15)
      ),
      linear-gradient(
        to right bottom,
        rgba(255, 255, 255, 0.9) 0%,
        rgba(255, 255, 255, 0.9) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.9) 50%,
        rgba(255, 255, 255, 0.9) 75%,
        rgba(255, 255, 255, 0.9) 100%
      );
    background-size: 40px 40px;
  }

  .webform-counter--progress .progress__percentage {
    display: none;
  }