html.a11y-fontsize-9{
    font-size: 56.2%;
}
html.a11y-fontsize-10{
    font-size: 62.5%;
}
html.a11y-fontsize-11{
    font-size: 68%;
}
html.a11y-fontsize-12{
    font-size: 75%;
}
html.a11y-fontsize-13{
    font-size:81%;
}
html.a11y-fontsize-14{
    font-size:88%;
}
html.a11y-fontsize-15{
    font-size:93%;
}
html.a11y-fontsize-16{
    font-size:100%;
}
html.a11y-class-grayscale{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
html.a11y-class-negative-contrast{
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);    	
}

html.a11y-class-high-contrast{
    filter:none;
    body{color:#f1f1f1 !important; 
        background-color:#181818 !important; 
        *{color:#f1f1f1 !important;  background-color: #181818 !important; }
        .slider-widget .slide a{background-color: transparent !important;}
    }
    a{
        color: #ffffff !important; 
        span{  color: #ffffff !important; }
        &:hover{
            color: #ffff00 !important; 
            span{  color: #ffff00 !important; }
        } 
    }
    h1,h2,h3,h4,h5,h6{ color:#40C090 !important }
    strong{color:#ffff00 !important}
    .navigation-widget{
        &.dropdown{
            ul.submenu{
                border:1px solid #ffff00;
            }
        }
        &.vertical > div{
            border:1px solid #ffff00;
        }
    }
   
}

html.a11y-class-light-background *:not(div.accessibilityWidget,.site-logo,.logo){
    background-color:#ffffff !important;
    color:#111111 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    .column-widget .backdrop{ display: none;}
    .slider-widget .slide a{background-color: transparent !important;}
    .navigation-widget{
        &.dropdown{
            ul.submenu{
                border:1px solid #33333350;
            }
        }
        &.vertical > div{
            border:1px solid #33333350;
        }
    }
}

html.a11y-class-light-background .item-category{
	display:none !important;
}
html.a11y-class-light-background body{
	background:#ffffff !important;
}

html.a11y-hide-images *:not(div.accessibilityWidget,.site-logo,.logo){
    background-image:none !important;
    > img, .item-list .thumbnail, .item-image, figure.image{display: none !important;}
}

html.a11y-underline-links a{
    text-decoration: underline !important;
    pointer-events: auto !important;
}
html.a11y-overide-font *:not(.fa,.g7){
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
}

/* Widget Styles */
div.accessibilityWidget{
    position: fixed;
    top:15%;
    left:-1px;
    color:#333;
    background: #fff;
    border: 1px solid #888;
    padding:5px 0;
    transition: all 300ms ease-in-out;
    transform: translateX(-100%);
   	z-index:999999;
    &.open{
        transform: translateX(0);
    }
    a.toggle-widget{
        position: absolute;
        left: 100%;
        top: -1px;
		color:var(--btn-text-color) !important;
        background-color: var(--brand-color) !important;
        text-align: center;
        margin: 0;
        display: inline-block;
        z-index: 999999;
        font-size: 40px;
        line-height: 1;
        padding: 8px;
        border-radius: 0 10px 10px 0;
        i{margin:0; }
    }

    strong{
        padding: 10px 16px;
        display: block;
    }
    ul{
        list-style: none;
        margin:0;
        padding:0;
    }
    a{
        color:#000;
        padding:6px 16px;
        display: block;
        cursor: pointer;

        &.active{
            background:#0080FF !important;
            color:#fff !important;
            i{
                color:#fff !important;
            }
        }
        i{margin-right:5px; width:1em; background-color: transparent !important; text-align: center;}

    }
    
}