body {
    overflow-y: scroll;
}

h1 {
    font-size: 2rem; /* 2.5rem; */
}

h2 {
    font-size: 1.6rem; /* 2rem; */
}

h3 {
    font-size: 2rem; /* 1.75rem; */
}

h4 {
    font-size: 1.2rem; /* 1.5rem; */
}

h5 {
    font-size: 1.rem; /* 1.25rem; */
}

h6 {
    font-size: 0.8rem; /* 1rem; */
}

/* .btn:disabled { */
/*     opacity: 0.5; */
/* } */

/* __________________________________________________________________________ */
/* Accordion expanded/collapsed indicators */

/* Bootstrap puts expanded/collapsed indicators on the right of the headers.
   They can be hard to see.
   Put indicators on the left instead. */

.accordion-button::before {
    content: "\25B6"; /* Black Right-Pointing Triangle */
    margin-right: 1em;
    transition-property: transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.accordion-button:not(.collapsed)::before {
    transform: rotate(90deg);
}

.accordion-button::after {
    /* Any of the following would do. Use `width: 0` if you want to see the
       pseudo element in browser dev tools. */
    /* width: 0; */
    /* all: unset; */
    display: none;
}

/* __________________________________________________________________________ */
/* Nomis Bootstrap 4 Accordion expanded/collapsed indicators */

/* Compared to when using Bootstrap 4, we've lost the gradual expand/collapse
   behaviour. */

/* The transform stuff that we're using for `.accordion-button` above doesn't
   work here. (Maybe Bootstrap does something that I don't know about that makes
   it work above.) So do something simpler instead. */

.nomis-bs4-style-accordion-button::before {
    content: "\25B6"; /* Black Right-Pointing Triangle */
    margin-right: 1em;
}

[aria-expanded="true"].nomis-bs4-style-accordion-button::before {
    content: "\25BC"; /* Black Down-Pointing Triangle */
}