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

 :root{
    /* Colors */
    --milano-red: #C32502;
    --gold: #D79103;
    --dark-green: #8ABF44;
    --light-green: #c3dea0;

    /* Fonts */
    --new-font: "Noto Sans", sans-serif;

    /* Other */
    --menu-colour: #bf444c;
    
    --newsletter-colour1: #bf444c;
    --newsletter-colour2: #ca656b;
    
 }

 .text-align-center{
    text-align: center !important;
 }

 .text-align-right{
    text-align: right !important;
 }

 /* Heading Fonts */
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: var(--new-font);
 }

 /* Menu Colors */
 .leo-megamenu:before, .ApColumn .leo-verticalmenu .title_block {
    background: var(--menu-colour);
    color: white;
 }

 .leo-megamenu .navbar-nav > li.active > a, .leo-megamenu .navbar-nav > li:hover > a, .leo-megamenu .navbar-nav > li:focus > a {
    color: white;
}

.off-canvas-nav-megamenu .offcanvas-mainnav{
    background-color: var(--menu-colour);
}

.leo-megamenu .navbar-toggler{
    background: var(--menu-colour);
}

/* Product Flags */
.product-flags .product-flag.discount {
    background: var(--milano-red);
    top: 25px;
}
.product-flags .product-flag.new {
    background: var(--gold)
}


/* Product Pricing Text */
.thumbnail-container .product-price-and-shipping {
    font-family: var(--new-font);
    font-size: 12px;
    font-style: italic;
}
.thumbnail-container .product-price-and-shipping .price {
    font-family: var(--new-font);;
    font-size: 16px;
    font-weight: bold;
}
.profile-special.row > li.product-default .thumbnail-container .product-title a {
    font-family: var(--new-font);
    line-height:normal;
}
.thumbnail-container .product-image .product-price-and-shipping .discount-percentage {
    background: var(--milano-red);
}

.thumbnail-container .product-title{
    line-height: inherit;   
}

/* Product Stars */
div.star.star_on::before, div.star.star_hover::before{
    color: var(--dark-green);
}

div.star.star_on::before div.star.star_hover::before {
    color: var(--dark-green);
}

/* Product Buttons */
.btn .btn-product .add-to-cart{
    box-shadow: none;
}
.functional-buttons .btn-product.leo-bt-cart{
    background-image: none;
    background-color: var(--dark-green);
    box-shadow:none;
}
.functional-buttons .btn-product:not(.leo-bt-cart):hover, .functional-buttons .btn-product:not(.leo-bt-cart).active, .functional-buttons .btn-product:not(.leo-bt-cart).added{
    background: var(--dark-green);
}

.ApColumn .title_block, .ApRow .title_block{
    font-family: var(--new-font);
}

/* Wishlist Button */
.ap-btn-wishlist-nav{
    color: #333333 !important;
    border: 2px var(--light-green) solid !important;
    background-color: var(--light-green) !important;
}
.ap-btn-wishlist-nav:hover{
    background-color: var(--dark-green) !important;
    border: 2px var(--dark-green) solid !important;
}
.ap-btn-wishlist-nav .ap-total-wishlist {
    background: var(--dark-green) !important;
}

/* Product Actions (Cart, Wishlist , Compare */
.product-actions .leo-compare-button , .product-actions .leo-wishlist-button {
    color: var(--dark-green);
    border-color: var(--dark-green);
}
.product-actions .leo-compare-button:hover , .product-actions .leo-wishlist-button:hover {
    color: var(--light-green);
    border-color: var(--light-green);
}



/* Cart Button Top Right */
#_desktop_cart .cart-preview .shopping-cart{
    background-image: none;
    background-color: var(--light-green);
    box-shadow: none;
}
#_desktop_cart .cart-preview .shopping-cart:hover{
    background-image: none;
    background-color: var(--dark-green);
}

.functional-buttons .btn-product:not(.leo-bt-cart) {
    border: 2px var(--light-green) solid;
}

/* Newsletter Section */
.footer-top {
    background: var(--newsletter-colour2);
}
.newsletter-bg:before {
    background: var(--newsletter-colour1) !important;
}

/* Categories - Left Column */

.sidebar .block .title_block, .sidebar .block .text-uppercase, .sidebar > div .title_block, .sidebar > div .text-uppercase{
    font-family: var(--new-font);
}

#search_filters .facet .facet-title{
    line-height: normal;
    font-family: var(--new-font);
}

/* Product Pop Out View */

.product-price, .product-discount .regular-price {
    font-family: var(--new-font);
}

.product-actions .add-to-cart {
    background-image: none;
    background-color: var(--dark-green);
    box-shadow:none;
}

.product-actions .add-to-cart:hover {
    background-color: var(--light-green);
}

/* COMPARE PAGE */
.leo-productscompare-item .thumbnail-container .leo-bt-cart{
    background: var(--dark-green);
}
.leo-productscompare-item .thumbnail-container .leo-bt-cart:hover{
    background: var(--light-green);
}


/* CART POP OUT */
.leo-cart-item-info .product-discount .regular-price {
    font-size: 11px;
}

#left-column.sidebar{
    transition:margin 0.25s;
}

#left-column.sidebar.open{
    margin-top:330px;
}
@media (max-width: 991px){
    #left-column.sidebar.open{
        margin-top:400px;
    }
}

.ApColumn .leo-verticalmenu .title_block.bounce:after{
    animation: bounce2 1s infinite;
}

.ApColumn .leo-verticalmenu .title_block.hidden:after{
    display:none;
}

@keyframes bounce2 {
    0%,
    25%,
    50%,
    75%,
    100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-10px);
    }
    60% {
      transform: translateY(-12px);
    }
}

#index .popup-menu-reseve .leo-verticalmenu.active .box-content.stayVisible{
    visibility: visible;
    opacity: 1;
}