/* Subcategories Fix */
.menu__item .menu {
    z-index: 1;
}

/* Header & Footer background */
.header__top,
.footer__top{
    background: linear-gradient(to bottom, rgba(69, 63, 97, 1) 0%, rgba(33, 33, 33, 1) 100%);
}

/* Custom search background */
.search__input, .search input[type=search].search__input {
    background-color: #FFF;
}

/* Menu icon color */
.header__top-mobile-menu-line {
    background-color: #FFF;
}

/* Custom Logo Size */
.logo,
.logo__image {
    max-width: 305px;
    max-height: 60px;
}

/* Make cart icon white */
.cart__icon {
    filter: invert(1);
}


/* Category Buttons */
.row.m-productlist-categories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

@media (max-width: 880px) {
    .row.m-productlist-categories {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .row.m-productlist-categories {
        display: flex;
        flex-direction: column;
    }
}

.row:before {
    display: none;
}

.category-item-content,
.category-item-title,
.category-item-link {
    height: 100%;
}
.category-item.col-l-4 {
    width: 100%;
    text-align: center;
}
.category-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d3dfd6;
    border-radius: 5px;
    padding: 10px 30px;
    text-align: center;
}
.category-item-link h4 {
    margin: 0;
}
/* Breadcrumbs */
.breadcrumbs {
    margin: 20px 0;
}

/* Main slider style */
.main-banner-slider .w-slick-next.slick-arrow,
.main-banner-slider .w-slick-prev.slick-arrow {
    /*display: none !important;*/
}
.main-banner {
    background-size: contain;
    background-position: top center;
}

@media (max-width: 1400px) {
    .main-banner {
        height: 500px;
    }
}

@media (max-width: 1100px) {
    .main-banner {
        height: 400px;
    }
}

@media (max-width: 900px) {
    .main-banner {
        height: 320px;
    }
}

@media (max-width: 700px) {
    .main-banner {
        height: 245px;
    }
}

@media (max-width: 600px) {
    .main-banner {
        height: 220px;
    }
}

@media (max-width: 420px) {
    .main-banner {
        height: 150px;
    }
}

.main-banner {
    max-height: 555px;
}

.footer__top-wrapper .logo,
.footer__top-wrapper .logo__image {
    width: 290px;
    max-height: initial;
    max-width: initial;
}

/* Styling submenu */
.menu__item .menu {
    position: absolute;
    background-color: #FFF;
    display: block;
    opacity: 0;
    pointer-events: none;
    translate: 0 10%;
    transition: all .3s ease-in-out;
}

.menu__item:hover > .menu {
    opacity: 1;
    translate: 0;
    pointer-events: all;
}

/* Styling product cards */
[data-ng-hide=loadingProducts] > div,
[data-ng-hide=loadingProducts] .products__item,
[data-ng-hide=loadingProducts] form {
    height: 100%;
}

.products__item-title {
    max-height: 40px;
    overflow: hidden;
}

/* Setting page max width to 1600px */
.content-container {
    max-width: 1600px;
    margin-inline: auto;
}

/* Styling social icon */
.feather-facebook {
    stroke: none;
}

/* Text Page Styling */

.m-text p + p {
    margin-top: 15px;
}

.m-text ul {
    list-style: disc;
}

.m-text ul,
.m-text ol { 
    margin: 20px 0;
    padding-left: 15px;
}
/**/
.panel-success {
    backgoround-color: #d3dfd6;
    border: none;
    color: #000;
}

.m-product .m-product-transaction .m-product-transaction-amount .m-transaction-input {
    background-color: #efefef;
    border: 1px solid #e4e1e1;
    border-radius: 5px 0 0 5px;
}

.m-product .m-product-transaction .m-product-transaction-button .button-primary {
    border-radius: 0 5px 5px 0;
}

/*Headlines */
.page-title,
.m-product-priceline,
.product-title,
.m-product-price,
.m-product-price-before-discount,
.button-primary,
.products-related-headline,
.h1,
.m-text-headline {
    font-family: 'Barlow Semi Condensed', sans-serif;
    letter-spacing: 0.01px;
}


/* Badges */
.badge.badge-succes {
    background-color: #d3dfd6;
    border: none;
    color: #000;
}
.badge.badge-warning {
    color: #d3dfd6;
    background-color: #000;
}

.button-primary {
    transition: all .3s;
    border-radius: 5px;
}

.button-primary:hover {
    background-color: #000;
}

.miniBasket {
    z-index: 5;
}

p {
    font-weight: 300;
}