/*
| --------------------------------------------------------
| Plugin Name : Ecommerce Grid
| Plugin Version : 1.1
| Created Date : 17/01/2018
| Modified Date : 21/11/2018
| Platforms : HTML5, CSS3, Bootstrap3, JS, Jquery
| Plugin Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| File : theme.css
| --------------------------------------------------------
*/
/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| Landing Page SCSS
| Grid Listnig SCSS
| 
*/
/* Note : theme.css is only used for preview page, do not include any plugin css in this file */
a {
  color: #333; }
  a:hover, a:focus, a:active, a.active {
    color: #ff504c; }

.btn {
  background: #ff504c; }
  .btn:hover, .btn:focus, .btn:active, .btn.active {
    background: #ff504c; }

.btn-line {
  border: solid 2px #ff504c;
  color: #fff;
  padding: 10px 15px;
  font-weight: 600;
  text-transform: uppercase; }
  .btn-line:hover, .btn-line:focus, .btn-line:active, .btn-line.active {
    background: #fff;
    color: #ff504c; }

hr.style-two {
  background: #ff504c; }

/*
| ========================================================
| INDEX PAGE SASS BOF
| ========================================================
*/
header .navbar-inverse .navbar-nav > li > a {
  color: #fff; }
  header .navbar-inverse .navbar-nav > li > a:hover, header .navbar-inverse .navbar-nav > li > a:focus, header .navbar-inverse .navbar-nav > li > a:active, header .navbar-inverse .navbar-nav > li > a.active {
    color: #ff504c; }

ul.social-links a {
  border: solid 1px #fff;
  color: #fff; }
  ul.social-links a:hover, ul.social-links a:focus, ul.social-links a:active {
    border: solid 1px #ff504c;
    color: #ff504c; }

.intro-banner .btn {
  border: solid 2px #fff; }

.intro-banner {
  background: #ff504c;
  color: #fff; }

.intro-banner hr.style-two {
  background: #fff; }

/*
| ========================================================
| PRODUCT GRID PAGE SASS BOF
| ========================================================
*/
.product-grid .user-rating li a:hover {
  color: #ff504c; }

.product-grid .block-title::after {
  background: #ff504c; }

.product-grid .style-1 .thumbnail:hover {
  border: 1px solid #ff504c; }

.product-grid .style-2 .thumbnail .user-rating li i.selected {
  color: #ff504c; }

.product-grid .style-3 .thumbnail:hover {
  border: 1px solid #ff504c; }

.product-grid .style-3 .btn {
  background: #fff;
  color: #ff504c; }
  .product-grid .style-3 .btn:hover, .product-grid .style-3 .btn:focus, .product-grid .style-3 .btn:active, .product-grid .style-3 .btn.active {
    background: #ff504c;
    color: #fff; }

.product-grid .style-5 .user-action .btn {
  background: none;
  border: 1px solid #ff504c;
  color: #ff504c; }
  .product-grid .style-5 .user-action .btn:hover, .product-grid .style-5 .user-action .btn:focus, .product-grid .style-5 .user-action .btn:active, .product-grid .style-5 .user-action .btn.active {
    background: #ff504c;
    color: #fff; }

.product-grid .style-5 .thumbnail .item-img .badge {
  background-color: #ff504c;
  color: #fff; }

.product-grid .style-6 .thumbnail .item-img .sale {
  background: #ff504c;
  color: #fff; }

.product-grid .style-8 .user-action .btn {
  background: none;
  border: 1px solid #ff504c;
  color: #ff504c; }
  .product-grid .style-8 .user-action .btn:hover, .product-grid .style-8 .user-action .btn:focus, .product-grid .style-8 .user-action .btn:active, .product-grid .style-8 .user-action .btn.active {
    background: #ff504c;
    color: #fff; }

.product-grid .style-12 .thumbnail .user-action {
  background: #ff504c; }

.product-grid .style-12 .user-action .btn {
  background: none;
  color: #fff; }
  .product-grid .style-12 .user-action .btn:hover, .product-grid .style-12 .user-action .btn:focus, .product-grid .style-12 .user-action .btn:active, .product-grid .style-12 .user-action .btn.active {
    background: none;
    color: none; }

.product-grid .style-13 .user-action .btn {
  background: none;
  color: #ff504c; }
  .product-grid .style-13 .user-action .btn:hover, .product-grid .style-13 .user-action .btn:focus, .product-grid .style-13 .user-action .btn:active, .product-grid .style-13 .user-action .btn.active {
    background: #ff504c;
    color: #fff; }

.product-grid .style-15 .thumbnail .item-hover {
  background: rgba(255, 80, 76, 0.8); }

.product-grid .style-15 .btn {
  background: #333; }
  .product-grid .style-15 .btn:hover, .product-grid .style-15 .btn:focus, .product-grid .style-15 .btn:active, .product-grid .style-15 .btn.active {
    background: #fff;
    color: #ff504c; }

.product-grid .style-16 .thumbnail .product-des .action .btn {
  border: 1px dashed #ff504c;
  color: #ff504c;
  background: none; }
  .product-grid .style-16 .thumbnail .product-des .action .btn:hover, .product-grid .style-16 .thumbnail .product-des .action .btn:focus, .product-grid .style-16 .thumbnail .product-des .action .btn:active, .product-grid .style-16 .thumbnail .product-des .action .btn.active {
    background: #ff504c;
    color: #fff; }

.product-grid .style-18 .thumbnail:hover, .product-grid .style-18 .thumbnail .item-img img:hover {
  border: solid 1px #ff504c; }

.product-grid .style-18 .thumbnail .item-detail h3 {
  color: #ff504c; }

.product-grid .style-18 .thumbnail .item-detail .btn {
  background: none;
  border: solid 1px #ff504c;
  color: #ff504c; }
  .product-grid .style-18 .thumbnail .item-detail .btn:hover, .product-grid .style-18 .thumbnail .item-detail .btn:focus, .product-grid .style-18 .thumbnail .item-detail .btn:active, .product-grid .style-18 .thumbnail .item-detail .btn.active {
    background: #ff504c;
    color: #fff; }

/*
| ========================================================
| MEDIA RESPOSNIVE SASS BOF
| ========================================================
*/
@media (max-width: 767px) {
  header .navbar-inverse .navbar-toggle {
    border-color: #ff504c; } }