@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?8yxcqm');
  src:  url('fonts/icomoon.eot?8yxcqm#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?8yxcqm') format('truetype'),
    url('fonts/icomoon.woff?8yxcqm') format('woff'),
    url('fonts/icomoon.svg?8yxcqm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
#wcag-accessibility-wrapper {
    position: fixed !important;
    top: 50%;
    right: 0;
    z-index: 10000;
    filter: none !important;
    background: none;
}
.wcag-accessibility-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    padding: 15px;
    border-radius: 7px;
}
#wcag-accessibility-toggle {
    background: #333;
    color: #fff;
    border: none;
    padding: 6px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px 0 0 4px;
}
#wcag-accessibility-toggle.hidden { 
    display: none; 
}
#wcag-accessibility-toggle::before {
    font-family: 'icomoon' !important;
    content: "\e900";
    background: #fff;
    color: #000;
    border-radius: 50px;
    font-size: 22px;
    padding: 5px;
    vertical-align: middle;
}
#wcag-accessibility-panel {
    position: absolute;
    display: grid;
    gap: 10px;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    background: #000;
    box-shadow: 0 0 5px 1px #c9c9c9;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    max-height: 0;
    padding: 0 10px;
    visibility: hidden;
    opacity: 0;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
}
#wcag-accessibility-panel.open {
    max-height: 600px;
    transform: translate(0, -50%);
    padding: 10px 15px 10px 10px;
    visibility: visible;
    opacity: 1;
    width: 215px;
}
.wcag-accessibility-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 18px;
}
.wcag-accessibility-header #wcag-accessibility-close {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    padding: .5rem 0;
}
.wcag-accessibility-header span {
    color: #fff;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 16px !important;
    letter-spacing: normal !important;
}
/* highlight and hide effects */
.wcag-hide-images img {
    display: none !important;
 }
a.wcag-highlight:not(.backtopbutton), span.faq-text.wcag-highlight:not(.backtopbutton) {
    background: black !important;
    color: yellow !important;
    text-decoration: underline !important;
}
a.wcag-highlight .logo1 {
    background: black;
}
.site-main.wcag-contrast-invert,
.site-footer-docs.wcag-contrast-invert,
.site-header-docs.wcag-contrast-invert,
.innerpage.wcag-contrast-invert {
  filter: invert(100%) hue-rotate(180deg);
}
.site-main.wcag-contrast-filter,
.site-footer-docs.wcag-contrast-filter,
.site-header-docs.wcag-contrast-filter,
.innerpage.wcag-contrast-filter {
  filter: contrast(150%) grayscale(100%);
}
html.wcag-lineheight-medium *:not(#wcag-accessibility-wrapper):not(#wcag-accessibility-wrapper *) {
    line-height: 1.8 !important;
}
html.wcag-lineheight-large *:not(#wcag-accessibility-wrapper):not(#wcag-accessibility-wrapper *) {
    line-height: 2.2 !important;
}
html.wcag-align-left {
    text-align: left !important;
}
html.wcag-align-center {
    text-align: center !important;
}
html.wcag-align-right {
    text-align: right !important;
}
html.wcag-align-justify {
    text-align: justify !important;
}
button.button-accessibility,
button.button-accessibility:focus {
    background: #F6F6F6;
    color: #000;
    border: none;
    text-align: left;
    border-radius: 6px;
    font-size: 14px !important;
    line-height: 16px !important;
    display: flex;
    align-items: center;
}
button.button-accessibility:hover {
    background: #fff;
    color: #B30012;
}
#wcag-accessibility-close::before {
    font-family: 'icomoon' !important;
    content: "\e902";
    font-size: 20px;
}
/* Icon and state styles for all toolbar buttons (merged, no duplicates) */
#image-button::before {
    content: "\e916";
}
#image-button.images-hidden,
#lineheight-button[data-icon="lineheight-medium"],
#lineheight-button[data-icon="lineheight-large"],
#textalign-button[data-icon="center"],
#textalign-button[data-icon="right"],
#textalign-button[data-icon="justify"],
#contrast-button[data-icon="invert"],
#contrast-button[data-icon="filter"],
#highlight-button[data-icon="highlight-off"],
#font-size-button[data-icon="font-2x"],
#font-size-button[data-icon="font-4x"],
#font-size-button[data-icon="font-6x"],
#spacing-button[data-icon="spacing-wide"],
#spacing-button[data-icon="spacing-wider"] {
    border: 1px solid #B30012;
}
#textalign-button[data-icon="left"]::before {
    content: "\e91c";
}
#textalign-button[data-icon="center"]::before {
    content: "\e911";
}
#textalign-button[data-icon="right"]::before {
    content: "\e918";
}
#textalign-button[data-icon="justify"]::before {
    content: "\e90a";
}
#textalign-button::before {
    content: "\e91c";
}
#contrast-button::before {
    content: "\e915";
}
#contrast-button[data-icon="off"]::before {
    content: "\e915";
}
#contrast-button[data-icon="invert"]::before {
    content: "\e913";
}
#contrast-button[data-icon="filter"]::before {
    content: "\e90e";
}
#highlight-button::before {
    content: "\e91f";
}
#highlight-button[data-icon="highlight-on"]::before,
#highlight-button[data-icon="highlight-off"]::before {
    content: "\e91f";
}
#font-size-button::before {
    content: "\e91a";
}
#font-size-button[data-icon="font-normal"]::before {
    content: "\e91a";
}
#font-size-button[data-icon="font-2x"]::before {
    content: "\e914";
}
#font-size-button[data-icon="font-4x"]::before {
    content: "\e91d";
}
#font-size-button[data-icon="font-6x"]::before {
    content: "\e901";
}
#spacing-button::before {
    content: "\e912";
}
#spacing-button[data-icon="spacing-normal"]::before {
    content: "\e912";
}
#spacing-button[data-icon="spacing-wide"]::before {
    content: "\e919";
}
#spacing-button[data-icon="spacing-wider"]::before {
    content: "\e910";
}
#lineheight-button::before {
    content: "\e90f";
}
#lineheight-button[data-icon="lineheight-normal"]::before {
    content: "\e90f";
}
#lineheight-button[data-icon="lineheight-medium"]::before {
    content: "\e91b";
}
#lineheight-button[data-icon="lineheight-large"]::before {
    content: "\e917";
}
.button-accessibility.icon-button::before{
    font-family: 'icomoon' !important;
    font-size: 20px;
    margin-right: 10px;
}
.dark-mode .wcag-accessibility-content {
    background-color: #2F2F2E;
}
.dark-mode button.button-accessibility,
.dark-mode button.button-accessibility:focus{
    background-color: #000;
    color:#fff
}
.dark-mode #wcag-accessibility-panel{
    box-shadow: 0 0 4px 1px #5d5d5d;
}