section.description .related-terms a {
    font-style: italic;
}
section.description .related-terms a:hover span {
    text-decoration: underline;
}
section.description .related-terms a:hover {
    font-style: italic;
}

section.filters {
	background: #F7F7F7;
}

section.filters .affliction-terms .terms a:not(.all) {
    color: #777;
}
section.filters .affliction-terms a:hover {
    color: #0164B1;
}

section.filters .affliction-terms h3 a:after {
    content: "\f0a9";
    font-family: "prohumano";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 900;
    margin-left: 0.5em;
    opacity: 0.35;
    font-size: 0.8em;
    display: none;
}
section.filters .affliction-terms h3 a:hover:after {
    opacity: 0.8;
}

section.filters .index-letters {
	margin-bottom: 2.5em;
}

.medicalterm-image {
    color: #fff;
    position: relative;
    overflow: hidden;
}

.medicalterm-image img.letter {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.92;
}
.medicalterm-image svg {
    width: 130%;
    position: absolute;
    left: -30%;
    top: -20%;
}
.medicalterm-image svg path,
.medicalterm-image svg line,
.medicalterm-image svg circle {
    stroke: #ffffff;
}

/* Small devices (landscape phones, 576px) */
@media (max-width: 576px) {
}

@media (max-width: 767px) {
    ul.letters li a {
        margin: 1rem 0.5rem 0rem;
    }
    section.letters h3 {
       margin-top: 1.5rem;
    }
	section.filters .index-letters {
	    margin-bottom: 1em;
	}
    section.filters .filters-header {
    }
}
@media (min-width: 768px) {
    section.filters .filters-header {
       margin-bottom: 1.5rem;
    }
}
@media (max-width: 991px) {
}
@media (min-width: 992px) {
    section.filters .affliction-terms h3 a:after {
        display: inline-block;
	}
	section.letters ol.letternav {
	    display: inline-block;
	}
}