/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.top-menu {
    margin-bottom: 0;
    margin-top: 8px;
}

#products .thumbnail-container, 
.featured-products .thumbnail-container, 
.product-accessories .thumbnail-container, 
.product-miniature .thumbnail-container,
.product-variants>.product-variants-item select,
.bootstrap-touchspin,
.btn-primary, .btn-secondary, .btn-tertiary,
.tabs,
.product-images>li.thumb-container>.thumb,
.custom-checkbox input[type=checkbox]+span.color, .variant-links .color, label .color,
.carousel,
.product-cover img,
.brands-sort .select-title, .products-sort-order .select-title, .suppliers-sort .select-title,
.card,
.block-categories,
#search_filters, #search_filters_brands, #search_filters_suppliers,
.pagination .page-list {
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
}

.card {
    border: none;
}

#wrapper {
    box-shadow: inset 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.block_newsletter form input[type=email] {
    border: 1px solid rgba(0,0,0,.25);
}

.btn-primary,
.product-flags li.product-flag {
    background-color: #219cb7;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover,
.tabs .nav-tabs .nav-link.active,
#header .top-menu a[data-depth="0"]:hover,
a:hover {
    color: #219cb7 !important;
    border-color: #219cb7;
}

.product-flags li.product-flag.discount, 
.product-flags li.product-flag.discount-amount, 
.product-flags li.product-flag.discount-percentage,
.has-discount .discount {
    background-color: #ee6e24;
}

#wrapper .breadcrumb {
    padding: .75rem 1rem;
}