/* your custom css */
html {
    font-size: 15px;
}
body {
    font-family: 'Roboto', sans-serif;
}
.breadcrumb {
    margin-bottom: 0;
}
main {
    background: #fff;
}
.umb-grid > .uk-container:first-of-type > div:first-of-type > .uk-grid {
    padding-top: 0;
}
.umb-grid > .uk-container:last-of-type > div:last-of-type > .uk-grid {
    padding-bottom: 0;
}
.product-category, .product-details {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, 
.uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge.uk-heading-2xlarge, .uk-heading-3xlarge {
    font-weight: 600;
}

@media (min-width: 960px) {
  .custom-category-navigation-placeholder {
    height: 90px;
  }
}

.catIcon.isActive * {
    color: #1d1d1b;
}
.group-label .group-label-value {
    text-transform: none!important;
}

/* Product and category image margin */
.product-images .active-product-image img {
  margin: 15px;  
}
.category-list-category img {
  margin: 15px;
  max-width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  max-width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  max-width: fill-available;
}
.product-images .product-images-grid .product-images-main-area a {
    padding: 30px;
}

/* Fix for .remember-to-login overflowing container */
.product-preview .add-to-cart {
    min-height: var(--slider-purchase-height);
    height: auto !important;
}


/* Header and footer background image */
.footer,
#checkout-header,
.mobile-header-top-row,
.mobile-navigation-header,
.cbx-header-background .navbar-main {
    background-image: url(/media/mkqpi1cx/sb-bg-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.category-list-category .uk-flex.uk-flex-column {
    flex: 1;
}

/* Increase size of SKU and variant size */
.details-item-number,
.group-label .group-label-value {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--black-color) !important;
}

/* MAKE EMPLOYEE IMAGES 100% wide */
.employee-image-container {
    width: 100%;
    img {
        aspect-ratio: 1;
        width: 100%;
    }
}