/*==== estilo breadcrumb páginas internas ====*/

.ats-breadcrumb--paginasInternas {
    padding-top: 20px;
    padding-bottom: 5px;
}

.ats-breadcrumb .ats-breadcrumb-lnk, .ats-breadcrumb .ats-breadcrumb--titulo {
}

    .ats-breadcrumb .ats-breadcrumb-lnk:after {
    }

.ats-breadcrumb .ats-breadcrumb--titulo {
    color: #4354A6;
    font-weight: bold;
    margin-left: .2em;
    margin-bottom: 2px;
}

/*==== Para menus que deslizam, como na extranet e na certidão online ====*/

.ats-breadcrumb .ats-ativador-dropdownMenuInterno .ats-breadcrumb--titulo {
    cursor: pointer;
}
    /*cursor: pointer;
    float: right;
    border: 1px solid gray;
    padding: 10px;
    font-size: 1.2em;
    color: gray;
    font-weight: 600;
}

    .ats-breadcrumb .ats-ativador-dropdownMenuInterno .ats-breadcrumb--titulo:hover {
    cursor: pointer;
    cursor: pointer;
    float: right;
    border: 1px solid #4354A6;
    padding: 10px;
    font-size: 1.2em;
    color: #4354A6;
    font-weight: 600;
    box-shadow: 5px 5px 11px rgba(88,88,230,0.2);
    -webkit-transition: ease;
    -moz-transition: ease;
    -ms-transition: ease;
    -o-transition: ease;
    transition: ease;
    -webkit-transition-duration: 0.3;
    -moz-transition-duration: 0.3;
    -ms-transition-duration: 0.3;
    -o-transition-duration: 0.3;
    transition-duration: 0.3;
    
}*/



    .ats-breadcrumb .ats-ativador-dropdownMenuInterno .ats-breadcrumb--titulo:after {
        content: "\e917";
        font-family: 'icomoon' !important;
    }




.ats-btn-dropdown {
    display: block;
    float: right;
    background-color: #fff;
    color: gray;
    border: 1px solid lightgray;
    padding: 10px 30px;
    margin-top: -65px;
}

    .ats-btn-dropdown:hover, .ats-btn-dropdown:active, .ats-btn-dropdown:focus {
        display: block;
        float: right;
        background-color: #f4f4f4;
        color: gray;
        border: 1px solid lightgray;
        padding: 10px 30px;
        margin-top: -65px;
    }

@media only screen and (max-width: 40.063em) {
    .ats-btn-dropdown {
        padding: 8px 16px;
        margin-top: -60px;
        font-size: 12PX;
    }
}

@media only screen and (max-width: 30.063em) {
    .ats-btn-dropdown {
        margin-top: 15px;
        font-size: 12PX;
        color: gray;
        float: left;
        margin-top: 12px;
    }

        .ats-btn-dropdown:hover, .ats-btn-dropdown:active, .ats-btn-dropdown:focus {
            display: block;
            float: left;
            background-color: #f4f4f4;
            color: gray;
            border: 1px solid lightgray;
            margin-top: 15px;
            padding: 8px 16px;
            margin-top: -60px;
            font-size: 12PX;
        }
}

.ats-btn-menuInterno {
    cursor: pointer !important;
    border: 1px solid #e4e4e5 !important;
    padding: 10px !important;
    font-size: 1.2em !important;
    color: #4354A6 !important;
    font-weight: 600 !important;
    margin: 20px 0px 30px !important;
}




@media only screen and (min-width: 40.063em) {

    .ats-btn-menuInterno:hover {
        cursor: pointer;
        border: 1px solid gray;
        padding: 10px;
        font-size: 1.2em;
        color: gray;
        font-weight: 600;
        box-shadow: 5px 5px 11px rgba(88,88,230,0.2);
        -webkit-transition: ease;
        -moz-transition: ease;
        -ms-transition: ease;
        -o-transition: ease;
        transition: ease;
        -webkit-transition-duration: 0.3;
        -moz-transition-duration: 0.3;
        -ms-transition-duration: 0.3;
        -o-transition-duration: 0.3;
        transition-duration: 0.3;
    }
}

.ats-breadcrumb-lnk:first-child::before {
    content: "\f015"; 
    font: normal 900 11px "Font Awesome 6 Free";
    padding-right: 8px;
    color: var(--ui-01);
    padding: 0px 6px 0 0;
    border-radius: 100%;
}

.ats-breadcrumb-lnk:not(:last-child)::after {
    content: "\f054"; 
    padding: 0 8px;
    font: normal 900 9px "Font Awesome 6 Free";
}

.ats-breadcrumb-lnk::before, .ats-breadcrumb-lnk::after {
    vertical-align: middle;
}


section#breadcrumb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

    section#breadcrumb a.ats-breadcrumb-lnk {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        font-size: 12px;
    }

        section#breadcrumb a.ats-breadcrumb-lnk:hover {
        }

    section#breadcrumb h6.ats-breadcrumb--titulo {
        font-size: 12px;
        color: var(--black);
        font-weight: normal;
    }