.btn.toggle-fadeout-button:empty::after {
    left: .25rem; /* this re adds the left, because we are adding ::before.content, so it is not really empty */
}

.toggle-fadeout-button::before {
    content: "Collapse options";
}

.toggle-fadeout-button.collapsed::before {
    content: "Show all options";
}

.btn.download {
    background-image: url(https://resources.esd.org.uk/images/icons/download.white.16x16.png);
    background-position: 0.5em center;
}


.term-service {
    background-color: #6f8b94;
}

.term-function {
    background-color: #5a5c75;
}

.term-box {
    padding: 0.4em;
    margin-bottom: 0.3em;
}

.term-box, .term-box a {
    color: #ffffff !important;
    text-decoration: none;
}

@media screen and (max-width: 500px) {
    #tabs > nav > ul.subMenuVisible, #tabs > ul.subMenuVisible, .esd-tabs > nav > ul.subMenuVisible, .esd-tabs > ul.subMenuVisible {
        margin-bottom: 5em !important;  /* on small screens the sub menu line can wrap to a new line, overlapping the content. This larger margin prevents the overlap. */
    }
}