/*

 * Custom code goes here.

 * A template should always ship with an empty custom.css

 */



.product-flags {

  margin: 0;

  position: absolute;

  top: 10px;

  left: 10px;

  font-weight: 700;

  z-index: 1;

  text-transform: uppercase;

  line-height: 1;

  pointer-events: none;

  font-size: 0.85em; }

  .product-flags li.product-flag {

    margin: 0 5px 5px 0;

    padding: 4px;

    border-radius: 4px;

    display: inline-block;

    vertical-align: top; }

  .product-flags .product-flag.discount {

    display: none; }

  .product-flags .product-flag.online-only {

    background: #d67007; }

  .product-flags .product-flag.new {

    background: #0791d6; }

  .product-flags .product-flag.on-sale {

    background: #e0525c; }

  .product-flags .product-flag.product-available {

    background: none; }

  .product-flags .product-flag.product-last-items {

    background: #fbd5a3; }

  .product-flags .product-flag.product-unavailable {

    background: #f9dede; }