/*
    Autor: Fábio Almeida
    WebSite: www.fabiodeveloper.com
    Data: 12/04/2020
    Descrição: Recurso que possibilita o aumento do tamanho da fonte através do uso da classe .acessibilidade e de três
    botões.

*/

.acessibilidade {
    font-size: inherit;
}

/* ************************** */

#ac-trigger {
    background: #227bff;
    color: #ffffff;
    display: inline-block;
    padding: 10px;
    font-size: 35px;
    /* float: right; */
    /* margin: 16px; */
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.25s ease-in-out;
    border: none;
    border-radius: 50%;
    /* border-bottom: 4px solid #3C2415; */
    z-index: 100000000000;
    position: fixed;
    right: -54px;
    top: 30px;
  }
  
  #ac-trigger:hover { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
  
  #ac-trigger.active {
    /* background: #b5a363; */
    transition: all 0.75s ease-in-out;
    right: -40px;
  }
  
  #ac-menu {
    background: #3C2415;
    position: fixed;
    top: 200px;
    padding: 0px 40px;
    /* height: 100%; */
    /*     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); */
    border: 1px solid var(--yellow);
    z-index: 10;
    transform: translate(-101%, 0px);
    transition: all 0.75s ease-in-out;
  }
  
  #ac-menu ul {
    margin: 16px 0;
    padding: 0;
/*     color: white; */
    list-style: none;
  }
  
  #ac-menu ul li {
    margin: 16px 0;
    transition: all 0.25s ease-in-out;
  }
  
  #ac-menu ul li:hover {
/*     color: #bdc3c7; */
/*     cursor: pointer; */
  }
  
 #ac-menu ul li button{
    background: #3C2415;
    color: var(--yellow);
    border: none;
 }
 #ac-menu ul li button:hover{
  text-decoration:underline;
 }

  #ac-menu.active {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
    transition: all 0.75s ease-in-out;
  }



/* ************************** */

.type-size-btn{
    z-index:10000;
    position: fixed;
    left:0;
}

.greyscale-filter{
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
    filter: gray; /* IE6+ */
}

.highcontrast-filter{
    filter: brightness(110%) contrast(150%);
}

.dyslexia-font{
    font-family: 'dyslexicgreek' !important;
}


@media (max-width: 959px) {
  #ac-menu {
    top: 70px;
  }
}