.offcanvas .navbar {
    display: block !important;
}

.offcanvas-navbar {
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.offcanvas-navbar .logo {
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offcanvas-navbar .logo img {
    max-width: 50px;
    margin: 0;
    padding-right: 5px;
}

.offcanvas-navbar .logo .field--name-field-menu-title {
    color: white;
}

.offcanvas-navbar .extras-menu-wrap {
    width: 85vw;
}

.offcanvas-navbar .extras-menu {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    float: right;
    margin-bottom: 0;
}

.offcanvas-navbar .extras-menu li {
    margin-right: 7px;
    color: white;
}
.offcanvas-navbar .extras-menu li a {
    color: white;
}
.offcanvas-navbar .hamburger {
    width: 5vw;
}
.offcanvas-navbar .hamburger i {
    font-size: 1.5rem;
    float: right;
}
.offcanvas-end .mobile-only {
    display: block;
}
.offcanvas-title {
    display: none;
}
.offcanvas .field--name-field-vmenu-title {
    background: #7a8a93;
    color: white;
    border: none;
    border-radius: 0;
}
.offcanvas-end .paragraph--type--vertical-menu {
    padding: 0;
}

/*Header menu mobile*/

.dgco-navbar .field--name-field-offcanvas-paragraph .paragraph--type--vertical-menu .navbar {
    /*display: none !important;*/
    padding: 25px;
    background-color: #15345E !important;
}

.dgco-navbar .field--name-field-offcanvas-paragraph .paragraph--type--vertical-menu .navbar .nav {
    flex-direction: column;
}

.dgco-navbar .field--name-field-offcanvas-paragraph .paragraph--type--vertical-menu .navbar .nav li a {
    color: white;
}

.dgco-navbar .field--type-entity-reference {
    margin: 0;
}

.dgco-navbar .field--name-field-vmenu-title {
    padding: 10px;
    font-size: 28px;
}

/*Search block hack*/
#closeSearchBlock {
    position: absolute;
    left: 10px;
    top: 5px;
}

#closeSearchBlock a span {
    font-size: 32px;
}
#search-hack-content {
    margin: 25px 5vw;
    padding: 50px 50px 0 50px;
    border: 1px solid #6691a1;
    background-color: #C3D6D4;
    border-radius: 5px;
}
#block-searchblockhack h2 {
    display: none;
}

.field--type-entity-reference {
    margin: 0;
}
.mobile-only-lens {
    display: none;
}
/*End search block hack*/

@media screen and (max-width: 992px) {
    .offcanvas-end .navbar-toggler-icon {
      display: none; 
    }
    .offcanvas-end .paragraph--type--vertical-menu .field--type-entity-reference {
        display: block;
    } 
    .offcanvas-navbar .extras-menu li {
        font-size: 14px;
    }
    .offcanvas-navbar .logo {
        width: 350px;
    }
    .offcanvas-navbar .extras-menu {
        padding-left: 0;
    }
}
@media screen and (max-width: 680px) {
    .mobile-only-lens {
        display: block;
    }
    .offcanvas-navbar .hamburger {
        width: 10vw;
    }
    .offcanvas-navbar .mobile-only-lens {
        width: 40vw;
        text-align: right;
    }
    .offcanvas-navbar .mobile-only-lens span {
        color: white;
    }
    .offcanvas-navbar .extras-menu-wrap {
        width: 0vw;
        display: none;
    }
    .offcanvas-navbar .logo {
        width: 50vw;
    }
    .dgco-navbar .field--name-field-offcanvas-paragraph .paragraph--type--vertical-menu .navbar {
        display: block !important;
    }
    .offcanvas-navbar .logo {
        width: 70vw;
        justify-content: left;
    }
}