h1, .h1 {

}

h2, .h2 {

}

h3, .h3 {

}

header, .header-fixed {
  background-color: #fff;
}

.header-banner {
  background-color: #662964;
  height: 4.25em;
}

body {
  background-color: #fff;
  color: #4a4a4a;
}

footer {
  background-color: #ecece8;
}

.footer-social {
  background-color: #ecece8;
}

.footer-social--icons h2 {
  border-bottom: 1px solid #dddcd5;
  font-size: 24px;
  color: #4a4a4a;
}

.footer-social--icons img {
  height: 35px;
}

.footer-bottom {
  background-color: #4a4a4a;
  color: #fff;
}

a,
a:hover {

}

main a {
  color: #662964;
  font-weight: 700;
}

main a:not(.btn):hover {
  color: #955592;
  text-decoration: underline;
}

.btn {
  background-color: #662964;
  color: #fff;
    border: none;
    border-radius: 5px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
[type="radio"]:checked + .custom-radio-button,
.checkbox-button:checked + label,
.wizard-form__form [type="radio"]:checked + label {
  background-color: #955592;
  color: #fff;
}

.btn-primary.disabled,
.btn-primary:disabled {
}

.oc-link-v2 .btn {
    padding: 0.25em 0.5em;
}

[type="radio"]:checked + .custom-radio-button {
}

[type="radio"]:not(:checked) + .custom-radio-button {
}

.breadcrumbs {

}

ul.breadcrumb-list li a {
  color: #662964;
  transition: all 250ms ease-in-out;
  font-weight: 400;
}

ul.breadcrumb-list li a:hover {
  color: #955592;
  text-decoration: underline;
  font-weight: 400;
}

ul.breadcrumb-list li+li:before, .breadcrumb-list__item {
  color: #666;
}

.breadcrumb-list__item + .breadcrumb-list__item::before {
  color: #666;
}



/*
 * document reader pages
*/
.readdocument__child__link--highlight {

}

.readdocument__icon--comment {

}

.readdocument__icon--view {

}

/*
 * homepage document lists
*/
.opus-document-list__heading {
  background-color: #662964;
  color: #fff;
}

.opus-document-list button {
    color: white;
}

.opus-primary-document-list .opus-document-list__heading {

}

.opus-primary-document-list .opus-document-list__all-documents {

}

/*
 * representation wizard
*/
.wizard {
  border-color: silver;
  background: #fff;
}

.wizard__heading {
  color: #888;
}

#back-to-top-static {
  background-color: #fff;
  color: #000;
}

#back-to-top-static a {
  color: #000;
}

#back-to-top-static:hover {
  background-color: #888;
}

/* new colour for vision divs/ table highlighting */
div.table-highlight {
    background-color: #e5e5e5;
    border-color: #C2B5A0;
}