header { background: var(--color-font-light); }
header .img-fluid { max-width: 230px; position: absolute; z-index: 3; } 
header h1 span { position: absolute; top: -9999px; left: -9999px; text-indent: -9999px; }

/* NAVBAR MENU DESKTOP */
header nav { display: flex; align-items: center; height: 100px; }
header nav > ul { padding: 0; margin: 0; }
header nav > ul > li { transition: .3s; display: inline; padding: 2.5rem 1rem; }
header nav > ul > li:hover { transition: .3s; background: var(--color-secondary); }
header nav > ul > li.active { background: var(--color-secondary); }
header nav > ul > li.active a { color: var(--color-font-light) !important; }

header nav > ul > li > a { font-size: 1.4rem; padding: 0 5px;  font-family: "OzHandicraftBT"; }
header nav > ul > li:hover a { color: var(--color-font-light); }

/* Estilo do menu drop-down */
nav ul li.dropdown {
    position: relative;
}

.pushy-content ul li ul {
    display: none; /* Esconde o submenu */
}

nav ul li.dropdown:hover .dropdown-content {
    display: block;
}

nav ul .dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--color-button-bg-doacao);
    min-width: 340px;
    /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
    z-index: 1;
    left: -1px;
    top: 100px;
}

nav ul .dropdown-content li {
    clear: both;
}

nav ul .dropdown-content li a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

nav ul .dropdown-content li a:hover {
    background-color: var(--color-primary);
}


/* MENU HAMBURGER */
.menu-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    background: var(--color-secondary);
    border-radius: 50%;
}
.menu-btn__burger {
    width: 25px;
    height: 4px;
    background: var(--color-font-light);
    border-radius: 5px;
    transition: all .5s ease-in-out;
}
.menu-btn__burger::before,
.menu-btn__burger::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 4px;
    background: var(--color-font-light);
    border-radius: 5px;
    transition: all .5s ease-in-out;
}
.menu-btn__burger::before { transform: translateY(-11px); }
.menu-btn__burger::after { transform: translateY(11px); }


/* ANIMATION */
.menu-btn.open .menu-btn__burger { transform: translateX(-50px); background: transparent; box-shadow: none; }
.menu-btn.open .menu-btn__burger::before { transform: rotate(45deg) translate(35px, -35px); }
.menu-btn.open .menu-btn__burger::after { transform: rotate(-45deg) translate(35px, 35px); }
/* END MENU HAMBURGER */




/* MENU LATERAL PUSH */
.pushy { background: var(--color-primary); width: 230px; }
.pushy img { max-width: 80%; margin: 1rem 10% 0; }
.pushy::-webkit-scrollbar { width: 6px; background-color: rgb(209 216 212 / 70%); } 
.pushy .pushy-submenu button, .pushy a  { color: var(--color-font-light); font-size: 1.8rem; font-family: "OzHandicraftBT"; padding: 10px 30px; }
.pushy .pushy-content ul { padding-left: 0 !important; }
/* END MENU LATERAL PUSH */  

.pushy .pushy-content .fa.fa-arrow-down{
    color: var(--color-dialog);
    font-size: 19px;
}
  

@media (max-width: 1199px) {
    header .img-fluid { max-width: 210px; } 
}
@media (max-width: 991px) {
    header .img-fluid { max-width: 200px; position: relative; } 
    header nav { height: auto; }
    header nav ul { display: none; }
}
@media(max-width: 575px) {
    header .row { margin-left: 15px; margin-right: 15px; }
    header .img-fluid { max-width: 150px; } 
}