:root {
  --evo-brand-secondary: #027afe;
  --evo-brand-accent: #027afe;
  --evo-header-background: #2D2B7D;
}
.header-full .logo img {
/* Change this for desktop */
    max-width: 250px !important;
    height: auto !important;
    max-height: none !important;
}

.fa-leaf:before {
    content: "\f06c";
    color: green;
}

.fa-recycle:before {
    content: "\f1b8";
    color: limegreen;
}


.label-danger {
    background-color: #03ae39;
}

.product-box .prod-image {
  left: 50%;
  transform: translateX(-50%);
}

.product-box:hover .prod-image,
.product-box:focus-visible .prod-image{
  transform: translateX(-50%) scale(1.05);
}
li.standOut > a {
	display: inline-block;/*bug fix*/
	position: relative;
	text-decoration: none;
  
}
 li.standOut > a::after {
	content: 'New';
	position: absolute;
        bottom: 99%;
	right:11%;
	background: #F50202;
	padding: 0px 6px 0px 5px;
	color: #fff;
	white-space: nowrap;
	opacity: 1;
	font-size: 12px;
	font-weight: bold;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
li.standOut > a::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 8px solid #F50202;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	opacity: 1;
	right: 12%;
	bottom: 88%;
  
}
li.standOut > a:hover::after {
	bottom: 79%;
}
 li.standOut > a:hover::before {
	bottom: 68%;
}
li.standOut > a::after {
	
    -webkit-animation: fadeinndnd 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinnd 1s; /* Firefox < 16 */
        -ms-animation: fadeinnd 1s; /* Internet Explorer */
         -o-animation: fadeinnd 1s; /* Opera < 12.1 */
            animation: fadeinnd 1s;
}
 li.standOut > a::before {
	
    -webkit-animation: fadeinnd 1.6s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinnd 1.6s; /* Firefox < 16 */
        -ms-animation: fadeinnd 1.6s; /* Internet Explorer */
         -o-animation: fadeinnd 1.6s; /* Opera < 12.1 */
            animation: fadeinnd 1.6s;
}

@keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}