/*
  MENU ACESSIBILIDADE v 1.1;
  05/2023;
  João Diogo Pereira;
*/

.acessibility__btn{
    cursor: pointer;
    position: relative;
    z-index: 99;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .3s ease-in-out;
}

.acessibility__btn:hover, .acessibility__btn.active{
    background-color: var(--white);
}

.acessibility__btn svg{
    fill: var(--white);
    width: 18px;
    transition: all .3s ease-in-out;
}

.acessibility__btn:hover svg, .acessibility__btn.active svg{
    fill: var(--purple);
}

.acessibility__container{
    position: fixed;
    right: 0;
    width: 300px;
    transform: translateX(300px);
    background: var(--green);
    overflow: auto;
    height: fit-content;
    max-height: 100vh;
    border-bottom-left-radius: 25px;
    z-index: 98;
    top: var(--headerSize);
    box-shadow: 0px 3px 3px color-mix(in srgb, var(--black-to-white) 10%, transparent);
    transition: transform .3s ease-in-out;
}

.page-template-page-servicos .acessibility__container,
.page-template-page-recrutamento .acessibility__container,
.single-servico .acessibility__container,
.single-imovel .acessibility__container,
.page-template-page-area-reservada .acessibility__container,
.error404 .acessibility__container,
.page-template-page-perfil .acessibility__container,
.page-template-page-documentos .acessibility__container, 
.page-template-page-agendamentos .acessibility__container,
.page-template-page-simuladores .acessibility__container{
    box-shadow: 0px 3px 3px color-mix(in srgb, var(--white) 10%, transparent);
}

.acessibility__container.active{
    transform: translateX(0);
}

.acessibilty__menu__options{
    margin:0;
}

.acessibilty__menu__options ul{
    padding: 1rem!important;
}

.acessibilty__menu__options li{
    list-style: none;
    background-color: transparent;
    transition: all .3s ease-in-out;
}

.acessibilty__menu__options a{
    display: inline-block;
    color: var(--white);
    font-size: calc(16px + var(--fontSize));
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    width: 100%;
    padding: .5rem 3rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.acessibilty__menu__options li:hover a, .acessibilty__menu__options li.active a{
    color: var(--lightbrown);
}

.font2__on {
    --cardo: Verdana, Arial, Helvetica, sans-serif;
    --gothic: Verdana, Arial, Helvetica, sans-serif;
    --ivy: Verdana, Arial, Helvetica, sans-serif;
    --roboto: Verdana, Arial, Helvetica, sans-serif;
}

.text__up__1 {
    --fontSize: 1px;
}

.text__up__2 {
    --fontSize: 2px;
}

.text__up__3 {
    --fontSize: 3px;
}

.text__up__4 {
    --fontSize: 4px;
}

.underlineURL__on a, .underlineURL__on a *, .underlineURL__on button, .underlineURL__on .filter-btn, .underlineURL__on .filter-btn *{
    text-decoration: underline!important;
    text-decoration-color: initial!important;
}

.grayscale__on {
    filter: grayscale(100%);
}

.contrast__on {
    color-scheme: dark;
}

@media only screen and (max-width: 767px){
    .acessibility__btn{
        width: 25px;
        height: 25px;
    }

    .acessibility__btn svg{
        width: 16px;
    }

    .text__up__2 {
        --fontSize: 1px;
    }

    .text__up__3 {
        --fontSize: 1px;
    }

    .text__up__4 {
        --fontSize: 1px;
    }

    .acessibilty__menu__options a {
        padding: .5rem 1rem!important;
        font-size: calc(16px + var(--fontSize))!important;
    }
}