/* Buttons panel */
/*ul.wcag {
  margin: 0;
  padding: 0;
}
ul.wcag li {
  cursor: pointer;
  list-style: none;
  display: inline-block;
}
ul.wcag li#minus a, ul.wcag li#normal a, ul.wcag li#plus a, ul.wcag li#neutral a, ul.wcag li#bright a {
  line-height: 0;
  text-align: center;
  font-size: 1.2em !important;
  border: 1px solid #000;
  background: #000 !important;
  color: #fff;
  padding: 4px 8px;
  text-decoration: none;
}
ul.wcag li#neutral a {
  background: #fff !important;
  color: #000 !important;
}
ul.wcag li#bright a {
  background: #ffff00 !important;
  color: #000 !important;
}
/* WCAG Styling *//*
body, body.neutral {
  background: #fff !important;
  color: #000 !important;
}
body.dark {
  background: #000 !important;
  color: #ffff00 !important;
}
body.bright {
  background: #ffff00 !important;
  color: #000 !important;
}
body.size32,
body.size32 p,
body.size32 li:not(.wcag-item),
body.size32 label,
body.size32 input,
body.size32 select,
body.size32 textarea,
body.size32 legend,
body.size32 code,
body.size32 pre,
body.size32 dd,
body.size32 dt,
body.size32 span,
body.size32 blockquote,
body.size32 li a
{
font-size: 130% !important;
}
body.size42,
body.size42 p,
body.size42 li:not(.wcag-item),
body.size42 label,
body.size42 input,
body.size42 select,
body.size42 textarea,
body.size42 legend,
body.size42 code,
body.size42 pre,
body.size42 dd,
body.size42 dt,
body.size42 span,
body.size42 blockquote,
body.size42 li a
{
font-size: 180% !important;
}*/
/* WCAG Dark */

/* Here goes CSS classes chains styling for dark preset. They must start with body.dark e.g body.dark .some-class {some-attribute: some value;}

/* WCAG Bright */

/* Here goes CSS classes chains styling for bright preset. They must start with body.bright e.g body.bright .some-class {some-attribute: some value;}
/* Buttons panel */

ul.wcag li {
  cursor: pointer;
  list-style: none;
  display: inline-block;
}
 ul.wcag li#neutral a, ul.wcag li#bright a {
  line-height: 0;
  text-align: center;
  font-size: 15px ;
  border: none;
  padding: 0;
  background: transparent ;
  color: #404042;
  padding: 0 2px;
  text-decoration: none;
    position: relative;
    top: -2px;
}
ul.wcag li#minus a, ul.wcag li#normal a, ul.wcag li#plus a {padding: 0;}
ul.wcag li#neutral a {background: transparent; color: #000 ;}
ul.wcag li#bright a {background: transparent ;color: #000 ;}
.wcag {color: #404042;}
ul.wcag li#minus a, ul.wcag li#normal a, ul.wcag li#plus a  {background: transparent; color: #404042; font-weight: 300;}
ul.wcag li#normal a  {font-size: 14px;}
ul.wcag li#plus a {font-size: 18px}
ul.wcag li#minus a {font-size: 21px;}
ul.wcag li#minus a {margin-right: 5px;}
ul.wcag li#plus a {margin: 0 5px;}
ul.wcag li#minus a, ul.wcag li#normal a, ul.wcag li#plus a {background: transparent; border: none; color: #404042;}

/* WCAG Styling */
body, body.neutral {
  background: #fff ;
  color: #000 ;
}
body.dark {
  background: #000 ;
  color: #ffff00 ;
}
body.bright {
  background: #ffff00 ;
  color: #000 ;
}




body.bright ul.wcag li#minus a, body.bright ul.wcag li#normal a, body.bright ul.wcag li#plus a, body.bright ul.wcag li#neutral a, body.bright ul.wcag li#bright a {color: yellow;}

@media (max-width: 1199px) {

ul.wcag li#minus a, ul.wcag li#normal a, ul.wcag li#plus a {display: none;}

}

body.size32 p {font-size: 1.1em;}
body.size42 p {font-size: 1.2em;}


ul.wcag li#neutral a {font-size: 0px;}
ul.wcag li#neutral a:before {
    color: #000;
    content: "\e807";
    font-family: Linearicons-Free;
    display: inline-block;
    position: relative;
    top: 4px;
    font-size: 20px;
}


ul.wcag li#bright a {font-size: 0px;}
ul.wcag li#bright a:before {
    color: #000;
    content: "\e808";
    font-family: Linearicons-Free;
    display: inline-block;
    position: relative;
    top: 4px;
    font-size: 20px;
}