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

 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Forum&family=PT+Serif:wght@400;700&display=swap');

 h1, h2 {
   font-family: 'Montserrat', sans-serif !important;
}

h3, h4 {
   font-family: 'Forum', serif !important;
}

body, p {
   font-family: 'PT Serif', serif !important;
}


 #header{ background: rgb(242, 242, 242) !important; }

 #header .header-nav .blockcart {
    background-color: rgb(255, 76, 76);
 }

 #header .header-nav .cart-preview .shopping-cart {
    color: rgb(0, 0, 0);
 }

 #header .header-nav .cart-preview .shopping-cart:hover {
    color: rgb(40, 40, 40);
 }

 #header .header-nav .cart-preview.active{
   background-color: rgb(255, 76, 76);

 }


 #header .header-top a[data-depth="0"]:hover{
color: #f33;
 }
 

 #header {
    color: black;
 }

 #header .header-nav .blockcart:hover{
    color: rgb(40, 40, 40);
 }

 .faceted-overlay .spinner {
   color: #f33;
 }

 .product-flags li.product-flag {
   background-color: rgb(255, 58, 58);
 }

 .product-miniature .product-flags li.product-flag{
   background-color: rgb(45, 45, 45);
 }
.product-flag.on-sale{
   background-color: #f33;

}
 .btn-primary{
   border-radius: 5px;
   background-color: #f33;
 }

 .btn-primary:hover{
   border-radius: 5px;
   background-color: rgb(40, 40, 40);
 }

 a{
   color: rgb(45, 45, 45);
 }

 a:hover{
   color: #f33;
 }

 .carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {
   color: #f33;
 }

 #header a:hover {
   color: #f33;
 }

 .product-miniature .product-title a {
   color: rgb(45, 45, 45);
 }

 .product-flags li.product-flag.on-sale{
   background-color: #f33!important;
 }

 .tabs .nav-tabs .nav-link:hover {
   border-bottom-color: #f33;
 }

 .tabs .nav-tabs .nav-link {
   color: rgb(45, 45, 45);
 }

 .btn-comment:hover{
   background-color: #f33;
 }

 .btn-comment{
   background-color: rgb(45, 45, 45);
 }

 .footer-container li a:hover{
   color: #f33;
 }

 .product-price{
   color: rgb(45, 45, 45);
 }

 #blockcart-modal .product-name{
   color: rgb(45, 45, 45);
 }

 .page-my-account #content .links a:hover i{
   color: #f33 ;
 }


 .custom-radio input[type="radio"]:checked + span{
   background-color: #f33;
 }

 .page-my-account #content .links a span.link-item{
   box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  border-radius: 10px;
 }

 .table thead th{
   color: rgb(45, 45, 45);
   text-align: center;
 }

 .alert-warning{
   border-color: none;
   background-color: rgba(180, 180, 180, 0.3);
 }

 #main .page-content h6{
   color: rgb(45, 45, 45);
 }

 .wishlist-list-item-right > button i{
   color: rgb(45, 45, 45);
 }

 .wishlist-list-item-right > button i:hover{
   color: #f33;
 }

 a.text-primary:focus, a.text-primary:hover{
   color: #f33;
 }

 a.text-primary:focus, a.text-primary{
   color: rgb(45, 45, 45);
 }

 #custom-text{
   border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
 }

 .product-miniature .highlighted-informations .quick-view:hover{
   color: #f33;
 }