:root {
    --background-color: #4d5d71;
    --default-color: #ffffff;
    --heading-color: #ffffff;
    --nav-color: rgba(255, 255, 255, 0.6);
    --nav-hover-color: #ffffff;
    --nav-mobile-background-color: #ffffff;
    --nav-dropdown-background-color: #ffffff;
    --nav-dropdown-color: #212529;
    --nav-dropdown-hover-color: #7c3848;
}

a.dropdown-item.active.is-active:hover {
    color: white !important;
}

a.dropdown-item.active.is-active {
    color: var(--background-color) !important;
}

.header.page-row{
    color: var(--default-color);
    background-color: var(--background-color);
    transition: all 0.5s;
}

.header.page-row span, .header.page-row li a, .header.page-row li button{
    color: var(--default-color) !important;
    font-family: "Source Sans 3";
    font-weight: 100 !important;
}

#navbar-top {
    border: 0;
}

#navbar-top .region.region-navigation {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#navbar-top .qs-site-logo {
    margin: 0;
}

#navbar-top .qs-site-logo .img-fluid {
    height: 130px;
}

#navbar-top a[title="Início"]{
    width: 60%;
    margin-left: 15px;
}

#block-az-barrio-branding {
	display: flex;
}

#navbar-top nav[role="navigation"] {
    width: 60%;
    display: flex;
    margin-right: 10px;
    align-items: center;
    justify-content: flex-end;
}

.dropdown-menu {
    background-color: var(--background-color) !important;
}
.dropdown-item:hover {
    background-color: #2e3845;
}

#navbar-top .nav-item, #navbar-top .nav-link {
    border-radius: 10px !important;
}

.navbar-offcanvas .nav-link:hover {
		color: var(--background-color) !important;
}

.navbar-offcanvas .nav-item .nav-link:focus {
		background-color: unset;
}

.navbar-offcanvas .nav-item.show .dropdown-toggle, .navbar-offcanvas .nav-item.show .dropdown-toggle:hover, .navbar-offcanvas .nav-item.show .dropdown-toggle:focus {
    background-color: white !important;
    color: var(--background-color) !important;
}

.navbar-offcanvas .nav-item .nav-link:hover {
    color: var(--background-color) !important;
    background-color: white;
}

.navbar-offcanvas .nav-item:hover {
  	color: unset;
  	background-color: unset;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1400px;
    }
}