#bar-logo {
    background-color: var(--theme-color-d1);
    color: #555;
}

#bar-logo #navbar_logo {
    padding: 0;
    display: inline-block;
}

#bar-logo #navbar_logo img {
    height: 80px;
    width: auto;
}

#bar-logo .w3-bar-item.w3-right {
    background-color: var(--theme-color-l2);
    color: #333;
    border-right: 1px solid var(--theme-color-d4);
    border-left: 0px;
}

#bar-logo .w3-bar-item.w3-right:last-child {
    border-left: 1px solid var(--theme-color-d4);
}

body.dp--cookie-consent div.dp-content-item button.db--overlay-submit,
body.dp--cookie-consent div.cc-window .cc-btn.cc-allow-all {
    color: #333;
}


element.style {
}

#bar-logo .w3-right {
  padding: 37px; 
}


/* NAVIGATION START */
.offcanvas-start {
    border-left: 3px solid var(--theme-color-d1);
}
.offcanvas {
    position: fixed;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1040;
    display: flex
;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .5sease-in-out;
}


.offcanvas-header {
    line-height: 3em;
    text-align: center;
    /* font-weight: 500; */
    border-bottom: 1px solid green;
    padding: 15px;
}



.offcanvas-content {
    overflow: auto;
    flex: 1;
}

.offcanvas-content .w3-bar-item.w3-button,
.offcanvas-content .w3-dropdown-hover {
    display: block;
    text-align: left;
}

.offcanvas-content .w3-dropdown-hover {
    background-color: transparent;
}

.offcanvas-content .w3-dropdown-hover .w3-button {
    display: block;
    text-align: left;
}

.offcanvas-content .w3-dropdown-content {
    display: block;
    position: relative;
    padding-left: 15px;
}

.offcanvas-content .w3-dropdown-content .w3-button {
    display: block;
    text-align: left;
}