/**
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 */

/**
 * Flags styles
 *
 * @package     Magenerds\ProductFlags
 * @file        style.css
 * @copyright   Copyright (c) 2020 TechDivision GmbH (https://www.techdivision.com)
 * @site        https://www.techdivision.com/
 * @author      Harald Deiser <h.deiser@techdivision.com>
 */
li.item.product.product-item:hover {
  z-index: 20;
  position: relative;
}

.flags {
  position: absolute;
  display: inherit;
  z-index: 5;
}

.flags .image {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin: 10px 5px 5px 10px;
  width: 40px;
  z-index: 6;
}

.flags .image.medium-flag {
  width: 80px;
}

.flags .new {
  background-image: url(../images/new_flag.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  margin: 10px 5px 5px 10px;
  display: inline-block;
}

.flags .new.medium-flag {
  height: 70px;
  width: 70px;
}

.flags .sale {
  background-image: url(../images/sale_flag.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  margin: 10px 5px 5px 10px;
  display: inline-block;
}

.flags .sale.medium-flag {
  height: 70px;
  width: 70px;
}

@media (max-width: 767px) {
  .flags .image.small-flag {
    width: 20px;
  }

  .flags .image.medium-flag {
    width: 40px;
  }

  .flags .new {
    height: 25px;
    width: 25px;
  }

  .flags .new.medium-flag {
    height: 50px;
    width: 50px;
  }

  .flags .sale {
    height: 25px;
    width: 25px;
  }

  .flags .sale.medium-flag {
    height: 50px;
    width: 50px;
  }
}