

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #000;
}

h1, .h1 {

}

h2, .h2 {

}

h3, .h3 {

}

header {
    background-color: #848a8a;
}

.language-link:hover {
    text-decoration: none;
}

.language-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #f06135;
    transition: width .3s;
}

.language-link:hover::after {
    width: 100%;
}


.demo-burger button {
    color: #000;
    background-color: #f06135;
    border: none;
}

.demo-chapters {
    background-color: #ffffff;
    border: solid 1px #f06135;
}

.demo-chapters li:hover, .demo-chapters li:focus {
    background-color: #f06135;
    color: #000;
    outline: none;
    transition: 0.5s ease-in-out;
}

.demo-chapters li a {
    color: #424443;
}

.demo-chapters li a:hover {
    color: #000;
    text-decoration: none;
}


body {
    background-color: #fff;
}

footer {
    background-color: #424443;
}

main {
    background: #fff;
}

main a, .help-instructions-block a, .registration-privacy-policy a {
    text-decoration-color: #f06135;
    text-decoration-thickness: 2px;
    font-weight: 600;
}

main a:hover {
    color: #6a5eff;
    text-decoration-color: currentColor;
}

main a:active {
    color: #6a5eff;
}

.readdocument-chapter-navigation a, .readdocument-chapter-navigation a:hover {
    text-decoration: none;
    color: #000;
    display: inline-block;
    position: relative;
}

.readdocument-chapter-navigation__next a::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #f06135;
    transition: width .3s;
}

.readdocument-chapter-navigation__prev a::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #f06135;
    transition: width .3s;
    position: absolute;
    right: 0;
}

.readdocument-chapter-navigation a:hover::after {
    width: 100%;
}

:root {
    --jdi-theme-btn: #f06135;
    --jdi-theme-btn-rbg: 240, 97, 53;
}

.btn {
    --bs-btn-disabled-color: black;
    --bs-btn-disabled-bg: white;
    --bs-btn-disabled-border-color: rgba(var(--jdi-theme-btn-rbg), 0.65);

    border-color: var(--jdi-theme-btn);
    background-color: var(--jdi-theme-btn);
    border-radius: 0;
    color: #000;
    transition: 0.5s ease-in-out;
}

.btn.active,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.wizard-form__form [type="radio"]:checked + label {
    border-color: var(--jdi-theme-btn);
    background-color: #424443;
    color: #fff;
}

.btn:disabled {
    color: black;
}

.btn:focus {
    outline: 3px solid #6a5eff;
}

[type="radio"]:checked + .custom-radio-button,
.checkbox-button:checked + label {
    border-color: #424443;
    background-color: #424443;
    color: #fff;
}

/* new style comment buttons */

.oc-link-v2 .btn {
    text-decoration: none;
    color: #fff;
    background-color: #424443;
    border: 2px solid #424443;
}

.oc-link-v2 .btn:hover {
    text-decoration: none;
    border-color: var(--jdi-theme-btn);
    background-color: var(--jdi-theme-btn);
    color: #000;
}

.oc-link-v2 .btn.user-view-comment:hover svg path,
.oc-link-v2 .btn.user-map-button:hover svg path,
.oc-link-v2 .btn.maplist-btn:hover svg path {
    fill: #000;
}


.breadcrumbs {
    background-color: #424443;
    color: #fff;
}

.breadcrumbs a,
.breadcrumbs a:hover,
.breadcrumbs a:active {
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.breadcrumbs a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--jdi-theme-btn);
    transition: width .3s;
}

.breadcrumbs a:hover::after {
    width: 100%;
}

.breadcrumb-list__item {
    color: #fff;
}

.breadcrumb-list__item__link,
.breadcrumb-list__item__link:hover,
.breadcrumb-list__item__link:focus {
    color: #fff;
}

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

}

.readdocument__child__link:hover {
    color: #424443;
}

.readdocument__icon--comment {

}

.readdocument__icon--view {

}

/*
 * homepage document lists
*/
.opus-document-list__heading {
    color: #000;
}

.opus-document-list__heading__text {
    text-decoration: underline;
    text-decoration-color: var(--jdi-theme-btn);
    text-decoration-thickness: 2px;
    text-underline-offset: 7px;
}

.opus-document-list__heading__text::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: var(--jdi-theme-btn);
    transition: width ease-in-out 0.75s;
}

.opus-document-list__heading__text:hover::after {
    width: 100%;
}

.documentlist-document-item {
    box-shadow: 0 1px 0 #000;
}

.documentlist-document-item:hover {
    background-color: var(--jdi-theme-btn);
    border: none;
    box-shadow: 0 3px 5px #424443;
}

.documentlist-document-item a, .documentlist-document-item a:hover {
    color: #000;
}

.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: #424443;
    color: #fff;
}

.page-item.active .page-link {
    color: #fff;
    background-color: rgba(33, 68, 132, 1.0);
    border-color: rgba(33, 68, 132, 1.0);
}

.page-item.disabled .page-link {
    color: #000;
}

.page-link {
    color: #000;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

/* Carousel */

.carousel-caption p {
    font-weight: 700;
    font-size: 30px;
}

.carousel-caption a {
    color: #fff;
}

/* Contents button */

.readdocument .index-chapters a:hover {
    text-decoration: none;
    background-color: var(--jdi-theme-btn);
    color: #000;
}

.readdocument .table-of-contents-btn:not(:disabled):not(.disabled).active:focus {
    border-color: var(--jdi-theme-btn);
    background-color: #424443;
    color: #fff;
}

/* Cover page */

.chapter-block-item .chapter-block {
    background-color: var(--jdi-theme-btn);
    color: #fff;
    font-weight: 700;
    transition: ease-in-out 0.5s;
}

.chapter-block-item .chapter-block:hover {
    background-color: #000;
    color: #fff;
}

.chapter-block-item a, .chapter-block-item a:hover {
    text-decoration: none;
}

.coverpage-chapter-name {
    background-color: #fff;
}

.readdocument .coverpage-link, .coverpage-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--jdi-theme-btn);
    background-blend-mode: darken;
}

.coverpage-link:hover {
    background-size: 120%;
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
}

/*.consultations.offcanvas-body a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 0.5em;
    text-align: left;
}

.consultations.offcanvas-body a:hover {
    color: #fff;
    text-decoration: none;
    border-color: var(--jdi-theme-btn);
    background-color: #424443;
    transform: translateX(1em);;
}

.consultations.offcanvas-body a:hover span {
    color: #fff;
}*/

/* Consultations list */

.consultations.offcanvas-body a {
    color: var(--btn-color);
    text-decoration: none;
    display: block;
    padding: 0.5em;
    text-align: left;
}

.consultations.offcanvas-title {
    color: #fff;
}

.consultations.offcanvas-body {
    transition: 0.5s ease-in-out;
}

.consultations.offcanvas-body a {
    transition: all 0.5s ease-in-out;
}

.consultations.offcanvas-body a:hover {
    color: var(--btn-hover-color);
    text-decoration: none;
    border-color: var(--btn-hover-border-color);
    background-color: var(--btn-hover-bg-color);
    transform: translateX(1em);
}

.consultations.offcanvas-body a span {
    color: var(--btn-color);
}

.consultations.offcanvas-body a:hover span {
    color: var(--btn-hover-color);
}
