.navbar-placeholder {
    min-height: unset;
    position: sticky;
    top: 0;
    z-index: 9;
}
.navbar {
    position: sticky;
    top: 0;
    z-index: 99;
}
.navbar-content {
    flex-direction: column;
    gap: 20px;
    padding: 0 0 20px;
}
.w-logo .w-logo-img {
    max-height: 60px;
    padding: 10px 0 0;
    max-width: 100%;
}
.site-header {
    background-color: #e9ad2c;
}
.navbar .navbar-center {
    display: none;
}
.w-usp {
    height: auto;
    min-height: 45px;
}
.w-usp-icon {
    display: none;
}
.w-usp .w-usp-item {
    justify-content: flex-start;
}
.navbar .navbar-icons>li i.count-bubble {
    background-color: #365da2;
}
.navbar-right ul.menu-vertical {
    flex-direction: column;
    align-items: flex-end;
}

.header-nav>.menu {
    display: none;
}
.topitem {
    position: relative;
}
.header-nav .topitem svg {
    display: none;
}
.topitem>ul {
    position: absolute;
    left: auto;
    right: 0;
    text-align: right;
    top: 100%;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #eee;
    width: 250px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
}
.topitem:hover>ul {
    opacity: 1;
    visibility: visible;
}
.miniBasket {
    z-index: 9;
}

@media (min-width: 960px) {
    .navbar-content {
        flex-direction: row;
        padding: 0;
    }
}
@media (min-width: 1025px) {


    .header-nav {
        margin-bottom: 20px;
    }
    .header-nav>.menu {
        display: flex;
        justify-content: flex-end;
        margin-top: -35px;
        background: #fff;
    }
    
    .nav-search {
        order: -1;
    }
    .navbar .navbar-icons .w-search {
        border: 1px solid #eee;
    }
    .navbar .navbar-icons .w-search .w-search-form {
        opacity: 1;
        position: static;
        height: auto;
        padding: 0;
        margin-right: auto;
        transform: none;
        pointer-events: all;
        min-width: 250px;
    }
    .w-search .w-search-container .w-search-form .w-search-submit {
        margin: 0;
        padding: 5px;
        line-height: 1;
    }
    .w-search-form .w-search-close,
    .w-search .w-search-container .w-search-open {
        display: none;
    }
    .w-search .w-search-container .w-search-form .w-search-input {
        font-size: 1em;
        padding: 0 10px;
    }
}

.w-frontpage-text {
    padding: 2em 1em;
    background: #f5f5f5;
}
.site-footer,
.site-footer a {
    color: #015826;
}

.badge.badge-warning {
    background-color: orange;
    color: #015826;
}
.badge.badge-succes {
    background: #E9AD2C;
    color: #015826;
}
.badge.badge-danger {
    background: #fff;
    color: #000;
}

input:disabled+.switch-rail {
    opacity: 1;
}
input:checked + .switch-rail {
    background-color: green;
    box-shadow: inset 0px 0px 3px 1px green;
}
.w-cookie-actions button[name="accept"],
.m-cart .panel-warning,
.type-cart .w-notification .panel {
    color: initial;
    background: #eee;
    border: none;
}

.category-item-title {
    text-align: center;
}

.footer .footer-bottom {
    background: #eee;
    color: initial;
}
.footer-paymenticons {
    height: 30px;
}

.m-productlist-filter .panel-heading>.row {
    display: flex;
    align-items: center;
}
@media (min-width: 1280px) {
    .type-product .category-item {
        width: 16.6666% !important;
    }
    .productItem.m-productlist-list-item {
        width: 20% !important;
    }
}
@media (min-width: 1024px) {
    .navbar .navbar-content {
        flex-wrap: wrap;
    }
    .navbar .navbar>div {
        padding: 10px 0;
    }
    .navbar .navbar-center {
        flex: unset;
        display: block;
        order: 4;
        width: 100%;
        background: #E9AD2C;
    }
    .navbar .navbar-center a {
        color: #015826;
    }
    .navbar .navbar-center {
        display: flex;
    }
    .productmenu {
        position: relative;
        justify-content: center;
        color: inherit
    }
    .productmenu>li {
        position: relative
    }
    .productmenu>li>a {
        display: block;
        text-decoration: none;
        padding: 10px 15px;
        color: inherit;
        font-size: 14px;
        font-weight: 700;
        transition: color ease .15s
    }
    .productmenu>li.has-dropdown>a {
        display: flex;
        align-items: center
    }
    .productmenu>li.has-dropdown>a svg {
        width: 14px;
        height: 14px;
        margin-left: 10px;
        opacity: .5;
        display: block
    }
    .productmenu>li>ul {
        min-width: 240px;
        position: absolute;
        top: 110%;
        left: 15px;
        background-color: #fff;
        border-radius: 3px;
        z-index: 1;
        box-shadow: rgba(100,100,111,.2) 0 4px 29px 0;
        list-style: none;
        padding: 5px 0;
        margin: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity ease .25s,top ease .25s
    }
    .productmenu>li:hover>ul {
        opacity: 1;
        top: 100%;
        pointer-events: auto
    }
    .productmenu>li:nth-last-child(1)>ul,.productmenu>li:nth-last-child(2)>ul {
        left: auto;
        right: 15px
    }
    .productmenu>li:nth-last-child(1)>ul::before,.productmenu>li:nth-last-child(2)>ul::before {
        left: auto;
        right: 15px
    }
    .productmenu>li>ul>li>a {
        display: block;
        padding: 5px 15px;
        font-size: 14px;
        text-decoration: none;
        color: #888;
        transition: color ease .15s
    }
    .productmenu>li>ul li a svg {
        display: none
    }
    .productmenu>li>ul>li:hover>a {
        color: #000
    }
    .productmenu>li>ul.megamenu {
        width: fit-content;
        left: 50%;
        transform: translate(-50%,0);
        flex-wrap: wrap;
        margin: 0 -10px;
        padding: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px
    }
    .productmenu>li>ul.megamenu.megamenu--large {
        grid-template-columns: repeat(4,1fr)
    }
    .productmenu>li>ul.megamenu.megamenu--extralarge {
        grid-template-columns: repeat(5,1fr)
    }
    .productmenu>li>ul.megamenu>li {
        margin: 0;
        min-width: 180px;
        width: fit-content
    }
    .productmenu>li>ul.megamenu>li a {
        padding: 5px;
        display: block
    }
    .productmenu>li>ul.megamenu>li>a {
        color: #666;
        font-weight: 700;
        transition: color ease .15s
    }
    .productmenu>li>ul.megamenu>li:hover>a {
        color: #000
    }
    .productmenu>li>ul.megamenu>li>ul {
        list-style: none;
        padding: 0;
        margin: 0
    }
    .productmenu>li>ul.megamenu>li>ul>li>a {
        padding: 5px;
        font-size: 14px;
        text-decoration: none;
        color: #888;
        transition: color ease .15s
    }
    .productmenu>li>ul.megamenu>li>ul>li:hover>a {
        color: #000
    }
    .productmenu>li>ul.megamenu>li>ul>li.has-dropdown .item-arrow {
        display: none
    }
    .productmenu>li>ul.megamenu>li>ul>li.has-dropdown .menu {
        display: none
    }
    .productmenu>li>ul.megamenu>li>ul>li.seeMore>a {
        text-decoration: underline;
        color: #000
    }
    .productmenu>li>ul.megamenu>li>ul>li ul {
        display: none
    }
    .productmenu>li {
        position: static;
    }
    .navbar-center .productmenu>li>ul {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
        text-align: left;
        padding: 2em;
        gap: 20px;
        margin: 0;
        transform: none;
    }
    .navbar-center .productmenu>li>ul>li>a {
        text-transform: uppercase;
        border-bottom: 1px solid;
        font-weight: bold;
        color: #666;
    }
    .productmenu>li>ul.megamenu>li>ul {
        display: none;
    }
    .m-productlist-wrapper {
        flex-direction: column;
        margin: 0 -10px;
    }
    .m-productlist-wrapper .m-productlist-filter {
        width: 100%;
    }
}