.basket-container
    {
    position: relative;
    }

.basket-badge
    {
    position: absolute;
    }

.basket-count
    {
    top     : -10px;
    right   : -10px;
    }

.basket-value
    {
    top     : -10px;
    left    : -10px;
    }
.card .look-up-icon
    {
    z-index : 5;
    display : none;
    }

    
.card:hover .look-up-icon
    {
    color   : #000 !important;
    display : block;
    }


.card:hover .hoverfade img
    {
    opacity         : 0.5;
    }


.card a
    {
    text-decoration : none;
    }
.nav-category-img
    {
    max-width           : 292px !important;
    max-height          : 175px !important;

    height              : 175px;
    width               : auto;

    background-repeat   : no-repeat;     
    background-position : center;
    background-size     : cover; 
    } 
.group-description,
.group-description p
    {
    font-size:1.15em !important;
    line-height: 1.4em !important;
    }


.group-product-img-container
    {
    height          : 300px !important;
    min-height      : 300px !important;
    }

.ribbon-danger
    {
    background-color: #ec008c !important;
    }

.ribbon-danger::before
    {
    border-top-color: #a70064 !important;
    }


.ribbon-warning
    {
    background-color: #fff200 !important;
    }

.ribbon-warning::before
    {
    border-top-color: #a59d0f !important;
    } 


.ribbon-dark
    {
    background-color: #343a40 !important;
    }

.ribbon-dark::before
    {
    border-top-color: #1f2020 !important;
    } 


.ribbon-primary
    {
    background-color: #00aeef !important;
    }

.ribbon-primary::before
    {
    border-top-color: #00688d !important;
    }


.ribbon
    {
    z-index         : 999;  
    position        : absolute;
    top             : 15px;
    left            : 3px;         
    display         : inline-block;
    font-size       : 1rem;
    text-transform  : uppercase;
    letter-spacing  : .05em;
    padding         : 3px 15px 5px;
    color           : #fff;
    text-align      : center;
    font-weight     : bold;
    }


.ribbon::before
    {
    display         : block;
    z-index         : 888;
    content         : '';
    border-left     : 12px solid transparent;
    border-right    : 0 solid transparent;
    border-top      : 14px solid #000000;
    top             : 100%;
    left            : 0px;
    position        : absolute;
    margin-bottom   : 30px;
    }