/*!
*   Accessibility Buttons v3.1.2
*   http://tiagoporto.github.io/accessibility-buttons
*   Copyright (c) 2014-2017 Tiago Porto (http://tiagoporto.com)
*   Released under the MIT license
*/

html {
  font-size: 100%;
}
body {
  -webkit-transition: background 1s ease, font-size 0.7s linear;
  transition: background 1s ease, font-size 0.7s linear;
}
input,
textarea,
keygen,
select,
button {
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.accessibility-font {
/* First font-size fallback to older browsers*/
  font-size: 1.25em;
  font-size: 1.25rem;
}
.accessibility-font input,
.accessibility-font textarea,
.accessibility-font keygen,
.accessibility-font select,
.accessibility-font button {
/* The default font-size of these elements is approximately 20% less than the body */
  font-size: 1.041625em;
  font-size: 1.04163rem;
}
.accessibility-contrast {
  color: #fff;
  background: #000;
}

.accessibility-contrast,
.accessibility-contrast nav,
.accessibility-contrast div,
.accessibility-contrast li,
.accessibility-contrast ol,
.accessibility-contrast header,
.accessibility-contrast footer,
.accessibility-contrast section,
.accessibility-contrast main,
.accessibility-contrast aside,
.accessibility-contrast article {
    background: black !important;
    color: white !important;
    border-color: white !important;
}

.accessibility-contrast .bg-teal { background-color: white !important;}

.accessibility-contrast a{
    color: yellow !important;
}

.accessibility-contrast a:hover{
    background-color: white !important;
}

.accessibility-contrast a:hover .accessibility-contrast{
    background-color: white !important;
    color: black !important;
}

.accessibility-contrast button,
.accessibility-contrast input[type=button],
.accessibility-contrast input[type=reset],
.accessibility-contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: none !important;
}

.accessibility-contrast .bg-green {
  border: 1px solid white !important;
}


.accessibility-contrast input[type=text],
.accessibility-contrast input[type=password],
.accessibility-contrast input[type=url],
.accessibility-contrast input[type=search],
.accessibility-contrast input[type=email],
.accessibility-contrast input[type=tel],
.accessibility-contrast input[type=date],
.accessibility-contrast input[type=month],
.accessibility-contrast input[type=week],
.accessibility-contrast input[type=datetime],
.accessibility-contrast input[type=datetime-local],
.accessibility-contrast textarea,
.accessibility-contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}

.accessibility-contrast .button {
    background: black !important;
    color: yellow !important;
    border-color: white !important;
}

.accessibility-contrast .btn-secondary {
  background-color: black !important;
  color: yellow !important;
  border-color: white !important;
}

.accessibility-contrast .input-icon-addon{
  border: 1px solid white !important;
}

body.accessibility-grey {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
body.accessibility-grey #b-acc_toolbar li button.accessibility-grey {
    background-color: #3d3d3d;
}
