@font-face {
font-family: 'fontello';
src: url(//www.pioxii.br/wp-content/themes/pioxii/css/font/fontello.eot?74267568);
src: url(//www.pioxii.br/wp-content/themes/pioxii/css/font/fontello.eot?74267568#iefix) format('embedded-opentype'),
url(//www.pioxii.br/wp-content/themes/pioxii/css/font/fontello.woff2?74267568) format('woff2'),
url(//www.pioxii.br/wp-content/themes/pioxii/css/font/fontello.woff?74267568) format('woff'),
url(//www.pioxii.br/wp-content/themes/pioxii/css/font/fontello.ttf?74267568) format('truetype'),
url(//www.pioxii.br/wp-content/themes/pioxii/css/font/fontello.svg?74267568#fontello) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-wheelchair:before { content: '\e800'; } .icon-fontsize:before { content: '\e801'; } .icon-ajust:before { content: '\e802'; }   body {
margin: 0;
padding: 0; } .menu-acess-trigger-open-menu {
position: fixed;
top: 50%;
left: -40px;
margin-top: -32px;
width: 64px;
height: 64px;
background-color: #3C537F;
border: none;
border-right: 6px solid #F1C40F;
cursor: pointer;
transition: .3s;
z-index: 9998; }
.menu-acess-trigger-open-menu:hover {
transform: translateX(40px); }
.menu-acess-trigger-open-menu i {
color: #fff;
font-size: 24px !important;
line-height: 64px; } .menu-acess-panel {
background-color: #3C537F;
color: #fff;
width: 100%;
max-height: 280px;
position: fixed;
top: 30%;
z-index: 9999;
display: none;
overflow-y: scroll;
padding: 1rem 0; }
.menu-acess-panel.open {
display: block; }
.menu-acess-panel .menu-acess-panel-head {
position: relative;
padding: 1rem; }
.menu-acess-panel .menu-acess-panel-head .menu-acess-panel-button-close {
position: absolute;
right: 1rem;
top: 1rem;
background: transparent;
border: none;
color: #fff;
cursor: pointer; }
.menu-acess-panel .menu-acess-panel-head .menu-acess-panel-button-close:focus {
outline: #00ff00 dotted 2px !important; }
.menu-acess-panel .menu-acess-panel-head .menu-acess-panel-title {
width: 70%;
margin: 0;
width: 70%;
color: #ffffff;
font-size: 36px;
padding: 0; }
.menu-acess-panel .menu-acess-panel-head .menu-acess-panel-title:focus {
outline: #00ff00 dotted 2px !important; }
.menu-acess-panel .menu-acess-shortcut-list {
padding: 0 1rem;
margin: 0;
width: 100%;
box-sizing: border-box;
font-size: 18px; }
.menu-acess-panel .menu-acess-shortcut-list li {
box-sizing: border-box;
display: inline-block;
width: 12.5%;
list-style: none;
padding: .5rem; }
@media screen and (max-width: 960px) {
.menu-acess-panel .menu-acess-shortcut-list li {
width: 25%; } }
@media screen and (max-width: 480px) {
.menu-acess-panel .menu-acess-shortcut-list li {
width: 100%; } }
.menu-acess-panel .menu-acess-shortcut-list li a {
color: #fff;
text-decoration: none; }
.menu-acess-panel .menu-acess-shortcut-list li a:focus {
outline: #00ff00 dotted 2px !important; }
.menu-acess-panel .menu-acess-shortcut-list li a small {
display: block;
font-size: 12px; }
.menu-acess-panel .menu-acess-tools-list {
padding: 0 1rem;
margin: 0;
width: 100%;
box-sizing: border-box; }
.menu-acess-panel .menu-acess-tools-list li {
box-sizing: border-box;
display: inline-block;
list-style: none;
padding: .5rem; }
.menu-acess-panel .menu-acess-tools-list li button {
font-size: 16px;
padding: .75rem;
border: none;
color: #000; }
.menu-acess-panel .menu-acess-tools-list li button:focus {
outline: #00ff00 dotted 2px !important; }
[data-contrast~=contrast-1] {
background: #000 !important;
color: #F1C40F !important; }
[data-contrast~=contrast-1] div,
[data-contrast~=contrast-1] button,
[data-contrast~=contrast-1] a,
[data-contrast~=contrast-1] span,
[data-contrast~=contrast-1] p,
[data-contrast~=contrast-1] ul,
[data-contrast~=contrast-1] li,
[data-contrast~=contrast-1] section,
[data-contrast~=contrast-1] header,
[data-contrast~=contrast-1] h1, [data-contrast~=contrast-1] h2, [data-contrast~=contrast-1] h3, [data-contrast~=contrast-1] h4, [data-contrast~=contrast-1] h5 {
background: #000 !important;
color: #F1C40F; }
[data-contrast~=contrast-1] button, [data-contrast~=contrast-1] a.btn {
color: #00ff00 !important;
border: 1px solid #00ff00 !important; }
[data-contrast~=contrast-1] a {
color: #8080ff !important; }
[data-fontincrease~=sm] {
font-size: 1.6rem !important; }
[data-fontincrease~=sm] button, [data-fontincrease~=sm] a, [data-fontincrease~=sm] p, [data-fontincrease~=sm] span, [data-fontincrease~=sm] i {
font-size: 1.6rem !important; }
[data-fontincrease~=md] {
font-size: 1.8rem !important; }
[data-fontincrease~=md] button, [data-fontincrease~=md] a, [data-fontincrease~=md] p, [data-fontincrease~=md] span, [data-fontincrease~=md] i {
font-size: 1.8rem !important; }
[data-fontincrease~=lg] {
font-size: 2rem !important; }
[data-fontincrease~=lg] button, [data-fontincrease~=lg] a, [data-fontincrease~=lg] p, [data-fontincrease~=lg] span, [data-fontincrease~=lg] i {
font-size: 2rem !important; }
[data-fontincrease~=xlg] {
font-size: 2.4rem !important; }
[data-fontincrease~=xlg] button, [data-fontincrease~=xlg] a, [data-fontincrease~=xlg] p, [data-fontincrease~=xlg] span, [data-fontincrease~=xlg] i {
font-size: 2.4rem !important; }