/** Header **/
#header {
display: grid;
position: fixed;
width: 100%;
z-index: 9;
grid-template-columns: 250px 1fr;
background-color: #fff;
padding: 10px 20px;
}
@media (min-width: 768px) {
#header {
padding: 10px 60px;
}
}
#header.active {
background: #222522;
}
#header.active .navbar-nav {
height: 100vh;
align-items: start;
grid-column: 1/3;
padding-top: 25px;
flex-direction: column;
}
@media (min-width: 1200px) {
#header.active .navbar-nav {
flex-direction: row;
}
}
#header.active .navbar-nav .nav-link {
color: #fff;
font-size: 1rem;
line-height: 2rem;
}
#header .toggle-menu {
display: block;
justify-self: end;
float: right;
}
#header .toggle-menu::after {
content: "";
display: block;
width: 33px;
height: 37px;
background-repeat: no-repeat;
background-size: contain;
}
@media (min-width: 1200px) {
#header .toggle-menu {
display: none;
}
}
#header .navbar-nav .nav-link {
color: #222522;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: bold;
text-transform: uppercase;
padding: 10px 1vw;
}
#header .navbar-nav .nav-link.is-active {
text-decoration: underline;
text-decoration-color: #B9A35A;
text-decoration-thickness: 3px;
text-underline-offset: 10px;
}
#header .navbar-nav .nav-link:hover {
text-decoration: underline;
text-decoration-color: #222522;
text-decoration-thickness: 3px;
text-underline-offset: 10px;
}
#block-bootstrap-barrio-subtheme-logoblock > .content,
#block-bootstrap-barrio-subtheme-logoblock .field--name-body {
height: 100%;
}
.active .logo_main .dark {
display: none;
}
.active .logo_main .light {
display: block;
}
.logo_main {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0.5rem 0;
height: 100%;
}
.logo_main.active .dark {
display: none;
}
.logo_main.active .light {
display: block;
}
.logo_main .dark {
display: block;
}
.logo_main .light {
display: none;
}
@media (min-width: 300px) {
.navbar {
display: none;
justify-content: flex-start;
grid-column: 1/span 2;
}
}
@media (min-width: 1200px) {
.navbar {
display: flex;
justify-content: flex-end;
grid-column: 2;
}
}
.active .navbar {
display: block;
}
.user-logged-in #header .menu-btn {
transform: translate(0px, 80px);
}
@media (min-width: 300px) {
#block-bootstrap-barrio-subtheme-mobilenavigation {
display: block;
}
}
@media (min-width: 1200px) {
#block-bootstrap-barrio-subtheme-mobilenavigation {
display: none;
}
}
.toggle-menu::after {
background: url('data:image/svg+xml,');
}
.toggle-menu.active::after {
background: url('data:image/svg+xml,');
}
.toggle-menu {
display: block;
justify-self: end;
}
.toggle-menu::after {
content: "";
display: block;
width: 33px;
height: 37px;
background-repeat: no-repeat;
background-size: contain;
}
@media (min-width: 1200px) {
.toggle-menu {
display: none;
}
}/*# sourceMappingURL=header.css.map */