/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #wrapper {
    background: #fff;
}
.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: transparent;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #993ad8;
    text-decoration: none;
}

.product-price {
    display: inline-block;
    max-width: 100%;
    color: #993ad8;
}
.product-flags li.product-flag {
    background: #993ad8;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom: #993ad8 3px solid;
}

.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: #993ad8 3px solid;
}

.tabs .nav-tabs .nav-link.active {
    color: #993ad8;
}
.block_newsletter form input[type=email]:focus {
    border: 3px #993ad8 solid;
}
#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #993ad8;
}

#header a:hover {
    color: #993ad8;
}

#blockcart-modal .product-name {
    color: #993ad8;
}
#header .header-nav .cart-preview.active {
    background: #000;
}

.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #993ad8;
}
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #993ad8;
}
.product-customization .product-message:focus {
    background-color: #fff;
    outline: .1875rem solid #993ad8;
}
.form-control:focus {
    color: #232323;
    background-color: #fff;
    outline: .1875rem solid #993ad8;
}
.form-control:focus {
    border-color: #993ad8;
    outline: 0;
}

@media (max-width: 991px) {
    .product-cover img {
        width: 60%;
    }
}