/* ==========================================================================
Base colors
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for colors
 *  2.
 *  3. 
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Variables for colors
   ========================================================================== */
/* ==========================================================================
Base Mixins
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for colors
 *  2.
 *  3. 
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Mixins
   ========================================================================== */
/*when used ALLWAYS use in this order 
       @include phones {
                bottom: 117px;
            }

            @include tablets {
                bottom: 190px;
            }

            @include desktops {
                bottom: 300px;
            }
*/
/* ==========================================================================
Base colors
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for colors
 *  2.
 *  3. 
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Variables for colors
   ========================================================================== */
/* ==========================================================================
Base utility
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for font-family 
 *  2. Other variables
 *  3. Animations
 *  4. Shadows
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Variables for font-family
   ========================================================================== */
/* 2. Other variables
   ========================================================================== */
/*sizes*/
/*input, select*/
/*Buttons*/
/*$button-min-width: 50px;*/
/*$button-max-width: 130px;*/
/*$button-min-width-small: $input-select-height;*/ /*same as $button-min-height*/
/*$button-background-color: $blue;*/
/* 3. animations
   ========================================================================== */
/*Buttons*/
/* ==========================================================================
Base Header
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Shopping cart count and wishlist
 *  2. mini-search
 *  3.
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Shopping cart count and wishlist
   ========================================================================== */
.shopping-wish-cart-count {
  display: inline-block;
  float: right;
}
.shopping-wish-cart-count ul {
  padding-left: 0;
}
.shopping-wish-cart-count ul li {
  display: inline;
  background-image: none !important;
  padding-right: 0 !important;
}
.shopping-wish-cart-count ul li a {
  font-weight: 600;
}
.shopping-wish-cart-count ul li a span, .shopping-wish-cart-count ul li a i {
  font-size: 1.286em;
}
.shopping-wish-cart-count ul li a i {
  padding: 0 3px;
}
.shopping-wish-cart-count ul li a, .shopping-wish-cart-count ul li span {
  text-decoration: none;
  color: #fff;
}
.shopping-wish-cart-count ul li a img, .shopping-wish-cart-count ul li span img {
  padding-right: 5px;
}
.shopping-wish-cart-count ul li a:hover {
  color: #fff;
}
.shopping-wish-cart-count ul .shoppingcart-count {
  padding-left: 25px;
}
.shopping-wish-cart-count ul .shoppingcart-count .counter {
  display: inline-block;
  background-color: #0077aa;
  padding-left: 5px;
  padding-bottom: 1px;
  padding-right: 7px;
  padding-left: 7px;
}

/* 2. mini-search
   ========================================================================== */
.mini-search-wrap {
  position: relative;
  display: none;
}
.mini-search-wrap .mini-search-result {
  background-color: grey;
  box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.75);
  max-width: 475px;
  width: 100%;
  top: 35px;
  position: absolute;
  width: 475px;
  right: 0;
}
.mini-search-wrap .mini-search-result .nav {
  border: none;
  background-color: #dfe5e7;
}
.mini-search-wrap .mini-search-result .nav li {
  background-color: #dfe5e7;
  border: none;
  margin-bottom: 0;
  /*border-radius: 0;*/
}
.mini-search-wrap .mini-search-result .nav li a {
  /*margin-bottom: 5px;*/
  color: #009fe3;
  text-decoration: none;
  background-color: #dfe5e7;
  border-radius: 0;
  font-size: 1.286em;
  border: none;
}
.mini-search-wrap .mini-search-result .nav li a:focus {
  border: none;
}
.mini-search-wrap .mini-search-result .nav .active a {
  background-color: #f1f2f2;
  border: none;
  color: #0077aa;
}
.mini-search-wrap .mini-search-result .nav .active a:hover {
  text-decoration: none !important;
  border: none;
}
.mini-search-wrap .mini-search-result .nav .active a:focus {
  background-color: #f1f2f2;
}
.mini-search-wrap .mini-search-result .close {
  float: right;
  position: absolute;
  right: 7px;
  top: 10px;
  opacity: 1;
}
.mini-search-wrap .mini-search-result .close span i {
  color: #fff;
  font-family: "Material Icons";
  text-shadow: none;
}
.mini-search-wrap .mini-search-result .border-sub {
  border: 3px solid #f1f2f2;
}
.mini-search-wrap .mini-search-result .tab-content {
  min-height: 0;
  background-color: #f1f2f2;
}
.mini-search-wrap .mini-search-result .tab-content table tr {
  background-color: #fff;
  display: block;
  margin-bottom: 5px;
  width: 100%;
  cursor: pointer;
  border: 1px solid white;
  transition: all 0.3s ease;
}
.mini-search-wrap .mini-search-result .tab-content table tr td {
  padding: 10px;
}
.mini-search-wrap .mini-search-result .tab-content table tr td a {
  text-decoration: none;
}
.mini-search-wrap .mini-search-result .tab-content table tr td img {
  margin: 0;
  max-width: 100%;
}
.mini-search-wrap .mini-search-result .tab-content table tr td h4 {
  margin: 0;
}
.mini-search-wrap .mini-search-result .tab-content table tr.active {
  border: 1px solid #cccccc;
}
.mini-search-wrap .mini-search-result .tab-content .btn-wrapper {
  display: flex;
  text-align: center;
  bottom: 0;
  /*position: absolute;*/
  margin: 0 auto;
  left: 0;
  right: 0;
}
.mini-search-wrap .mini-search-result .tab-content .btn-wrapper button {
  margin: 5px auto 10px auto;
  /*display: inline;*/
}
.mini-search-wrap .mini-search-result .tab-content #article table tr {
  border-spacing: 0 0; /* NOTE: syntax is <horizontal value> <vertical value> */
}
.mini-search-wrap .mini-search-result .tab-content #article table tr td {
  padding-bottom: 0;
}
.mini-search-wrap .mini-search-result .tab-content #article table tr td span {
  display: block; /* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  height: 44px;
  /*line-height: 1em;*/
  margin-bottom: 5px;
  margin-top: 5px;
}
.mini-search-wrap .mini-search-result .tab-content #article table tr:nth-child(even) {
  margin-bottom: 5px;
}