/* Add here all your CSS customizations */
#header .header-body {
    background: #000;
}

.font-haviland{
    font-family: 'Mr De Haviland', cursive !important;
}

.gradient-top {
    background: transparent linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    height: 350px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 80;
}

html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.overlay.overlay-op-0:hover::before, .overlay.overlay-op-0.overlay-show::before, .overlay.overlay-op-0.show::before {
    opacity: 0;
}

.shop .products .product .onsale {
    right: 5px;
    top: 5px;
}