header {
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 43%, rgba(0, 0, 221, 0.6) 100%) /* Estilo padrão (para as restantes páginas excepto Homepage) */
}
header .navbar-brand img {
    content: url('/assets/img/Poems-logo-blue.svg'); /* logo azul - Estilo padrão (para as restantes páginas excepto Homepage)  */
    width: 100%;
    height: auto;
}
header nav a,
header nav button, header nav .nav-link, header nav .nav-item i{
    color: var(--primary-color); /* Estilos padrão (para as restantes páginas excepto Homepage - nav em azul) */
    text-decoration: none;
    font-family: "Exo 2", sans-serif;
    font-weight: 600;
}

header nav button.navbar-toggler{
    color: var(--primary-color);
    background-color: transparent; /* Cor do botão de menu */
    border: none !important;
}

header nav li:hover a.nav-link, header nav a:hover,  header nav .nav-item:hover i,  header .dropdown-item:hover, body.homepage header .dropdown-item:hover, body.homepage header .nav-item:hover i{
    color: var(--third-color) !important;
}
body.homepage header {/* Estilo específicos para a homepage*/
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 24%, transparent 100%);
    position: absolute;
    top: 0;
    z-index: 1000;
}
 body.homepage header .navbar-brand img {
    content: url('/assets/img/Poems-logo-white.svg'); /* Troca de logo para a versão branca - so homepage */
}

body.homepage navbar-toggler, body.homepage header nav a, body.homepage header nav button, body.homepage header nav i {
    color: #ffffff; /* Troca de nav para a versão branca - so homepage */
}

header nav .dropdown-menu {
    color: var(--text-color);
    min-width: 0rem;
    box-shadow: var(--primary-shadow);
    border: none!important;
}
header nav .dropdown-item:hover {
    background-color: transparent;
}

header .dropdown-item, body.homepage header .dropdown-item {
    color: var(--text-color);
}

.nav-link:focus, .nav-link:hover {
    color: var(--primary-color);
}
body.homepage .nav-link:focus, body.homepage .nav-link:hover {
    color: #ffffff;
}
header .navbar-nav {
    justify-content: end;
}
header .navbar-nav li{
    margin-right: 2rem;
}