/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 aliena.sk */
 #index #wrapper {
    padding-top: 0;
}
#wrapper {
    background: #ffffff;
}
.breadcrumb {
    margin-bottom: 40px;
    padding-top: 20px !important;
}
.product-cover img {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
    background: #fff;
    padding: 20px;
}
.btn-primary {
    background-color: #77413a;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #77413ac2;
}
.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
    background-color: #77413ac2;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
    background-color: #77413ac2;
}
a {
    color: #77413ac2;
    text-decoration: none;
}
a:hover {
    color: #77413ac2;
}
.form-control:focus, .input-group.focus {
    outline: .1875rem solid #77413ac2;
}
.product-price {
    color: #77413a;
}
.tabs .nav-tabs .nav-link.active {
    color: #77413a;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom: 3px solid #77413a;
}
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: 3px solid #77413a;
}
#blockcart-modal .product-name {
    color: #77413a;
}
.block-category {
    min-height: 0;
}
.card {
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, .2);
    border:none;
}
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, .2);
}
.product-cover img {
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, .2);
}
.tabs {
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, .2);
}
.brands-sort .select-title, .products-sort-order .select-title, .suppliers-sort .select-title {
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, .2);
    border: none;
}

@media (max-width: 767px) {
    .breadcrumb {
        display: block!important;
    }
    #index .breadcrumb {
        display: none!important;
    }
    
}