/*Ajuste para smartphones*/


/* HEADER*/



/* NAV*/

.navContainer {

    text-align: center;
    margin-bottom: 3em;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
}


.navContainer ul{
        display: inline-block;
        margin:0px;
        padding: 0px;

}

.navContainer ul li{
        display: inline;
        list-style-type: none;
        margin: 0 1rem 0 1rem;

}


.navLink {
    color: #444;
    display: inline-block;
    text-decoration: none;
    font-size: 0.95rem;

}

.navLink:hover {
    color: #000;
    text-decoration: none;
}

input[type=checkbox]:checked ~ .navContainer {

    display:block;


}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    display:none;


}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #000;
}

.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}

@media only screen and (max-width: 780px) {


    .navContainer{
        padding-bottom: 0;
        border-bottom: none;
        display:none;
    }


    .navContainer ul li{
        display:block;
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #eee;
    }

    .navContainer .searchIcon{
        display:none;
    }


    .sidebarIconToggle {
    display:block;
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 15px;
    left: 22px;
    height: 22px;
    width: 22px;
    }

}


/* BREAD CRUMB*/

/* KATEX */
.katex > .katex-html {
    margin-top: 3rem;
    white-space: normal;
    font-size: calc(12px + 4 * ((100vw - 320px) / 680));
  }


/* GENERAL*/

.citacao {
padding-left: 2rem;
padding-right: 2rem;
font-size: 0.9rem;
margin-top: 3rem;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}