/* =============================================== */
/* SEMANTIC STYLES */
/* =============================================== */

header {
    border-bottom: solid var(--color-detail) 2px;
}



/* =============================================== */
/* GENERIC CLASSES */
/* =============================================== */

li > .sfc-imgin-button {
    display: none;
}

/* Header - begin */

/* Aplicar o estilo em todos os nav após a classe, exceto no primeiro */
.sfc-hamburguer ~ nav:not(:first-of-type) {
    display: none;
}

.sfc-hamburguer + label > span {
    background: var(--color-detail);
    display: block;
    height: 5px;
    position: relative;
    width: 40px;

}

.sfc-hamburguer + label > span::before,
.sfc-hamburguer + label > span::after{
    background: var(--color-detail);
    content: '';
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.sfc-hamburguer + label > span::before{
    top: 10px;
}
.sfc-hamburguer + label > span::after{
    top: -10px;
}

.sfc-hamburguer:checked + label  > span {
    background: transparent;
}

.sfc-hamburguer:checked + label  > span::before {
    transform: rotate(-45deg);
    top:0;
}

.sfc-hamburguer:checked + label  > span::after {
    transform: rotate(45deg);
    top:0;
}

/* Header - end */

.sfc-depoiment-text {
    font-size: 2.2rem;
}

.sfc-depoiment-author, .sfc-depoiment-author a {
    font-size: 1.75rem;
}