.fontscale_small_button, .fontscale_normal_button, .fontscale_large_button {
    background-color: transparent;
    color: white;
    border: 0px;
    height: 21px;
    text-transform: uppercase;
    text-align: center;
    display: grid;
    align-items: end;
	}
.fontscale_small_button {
    font-size: 12px !important;
	}
.fontscale_normal_button {
    font-size: 16px !important;
	}
.fontscale_large_button {
    font-size: 20px !important;
	}
body.fontscale_small .breadcrumb {
	margin-bottom: 0 !important;
}

body.fontscale_small .root-breadcrumb {
	margin-top: -1px;
}

body.fontscale_small .badge:not(#notifications .badge, .crex_document_langtag.badge) {
    margin-top: 2px !important;	
}

body.fontscale_large .badge:not(#notifications .badge, .crex_document_langtag.badge) {
    font-size: 75% !important;	
}

body.fontscale_small,
body.fontscale_small #text #rendition-area p, body.fontscale_normal #document_area p,
body.fontscale_small li.crex-related-link-list-item, body.fontscale_small #toc .title_link_container .title_link, body.fontscale_small #content_title .crex-title-share, body.fontscale_small #breadcrumbs button, body.fontscale_small #root-breadcrumbs button,
body.fontscale_small .result-header .result-title, body.fontscale_small .result-body .breadcrumbs {
    font-size: 12px !important;
	}
body.fontscale_normal,
body.fontscale_normal #text #rendition-area p, body.fontscale_normal #document_area p,
body.fontscale_normal li.crex-related-link-list-item, body.fontscale_normal #toc .title_link_container .title_link, body.fontscale_normal #content_title .crex-title-share, body.fontscale_normal #breadcrumbs button, body.fontscale_normal #root-breadcrumbs button,
body.fontscale_small #search_restriction_container h2 span {
   font-size: 16px !important;
	}

body.fontscale_large,
body.fontscale_large #text #rendition-area p, body.fontscale_large #document_area p,
body.fontscale_large li.crex-related-link-list-item, body.fontscale_large #toc .title_link_container .title_link, body.fontscale_large #content_title .crex-title-share, body.fontscale_large #breadcrumbs button, body.fontscale_large #root-breadcrumbs button,
body.fontscale_large .result-body .breadcrumbs {
   font-size: 20px !important;
	}

body.fontscale_large .result-header .result-title, body.fontscale_large #search_restriction_container h2 span {
	font-size: 24px !important;
}

body.fontscale_normal header a, body.fontscale_normal header a:visited,
body.fontscale_large header a, body.fontscale_large header a:visited {
	font-weight:normal;
	}

body.fontscale_large #header_username, body.fontscale_large #header_buttons, body.fontscale_large #header_login_container {
	font-size: var(--bs-body-font-size) !important;
	}
	
body.fontscale_small h1 { font-size: 1.4em !important; }
body.fontscale_small h2 { font-size: 1.1em !important; }
body.fontscale_small #content_title { font-size: 1.3em !important; }
body.fontscale_small h3 { font-size: 1em !important; }
body.fontscale_small h4 { font-size: 0.9em !important; }
body.fontscale_small h5 { font-size: 0.8em !important; }
body.fontscale_small h6 { font-size: 0.7em !important; }

body.fontscale_large h1 { font-size: 3em !important; }
body.fontscale_large h2, body.fontscale_large #content_title { font-size: 2.25em !important; }
body.fontscale_large h3 { font-size: 2em !important; }
body.fontscale_large h4 { font-size: 1.5em !important; }
body.fontscale_large h5 { font-size: 1.17em !important; }
body.fontscale_large h6 { font-size: 1em !important; }