/**

 * @version    1.0

 * @package    Beethemes WOO

 * @author     Sang Minh <sang.nguyen1691@gmail.com>

 * @copyright  Copyright (C) 2015 beedesign.vn. All Rights Reserved.

 * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Websites: http://beeweb.com.vn

*/

/* Variable */

/* Mixin */

/* General */

.shipping-calculator-form > p:first-child,

.shipping-calculator-form > p#calc_shipping_state_field,

.woocommerce-ordering {

  position: relative;

}



.orderby,

.shipping-calculator-form > p:first-child select,

.shipping-calculator-form > p#calc_shipping_state_field select,

.woocommerce #content div.product form.cart .variations select,

.woocommerce div.product form.cart .variations select,

.woocommerce-page #content div.product form.cart .variations select,

.woocommerce-page div.product form.cart .variations select {

  height: 34px;

  padding: 0 8px;

  background: #ededed;

  color: #a3a3a3;

  border: 0;

  outline: none;

  display: inline-block;

  cursor: pointer;

  font-size: 12px;

  border-radius: 0;

  text-transform: uppercase;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.shipping-calculator-form > p:first-child:after,

.shipping-calculator-form > p#calc_shipping_state_field:after,

.woocommerce-ordering:after,

.woocommerce #content div.product form.cart .variations .value:after,

.woocommerce div.product form.cart .variations .value:after,

.woocommerce-page #content div.product form.cart .variations .value:after,

.woocommerce-page div.product form.cart .variations .value:after {

  content: "\f347";

  font: 10px dashicons;

  color: #fff;

  right: 13px;

  top: 13px;

  position: absolute;

  pointer-events: none;

}



.shipping-calculator-form > p:first-child:before,

.shipping-calculator-form > p#calc_shipping_state_field:before,

.woocommerce-ordering:before, .woocommerce #content div.product form.cart .variations .value:before,

.woocommerce div.product form.cart .variations .value:before,

.woocommerce-page #content div.product form.cart .variations .value:before,

.woocommerce-page div.product form.cart .variations .value:before {

  background: #a3a3a3;

  content: "";

  display: block;

  height: 34px;

  pointer-events: none;

  position: absolute;

  right: 0;

  top: 0;

  width: 34px;

}



.woocommerce .woocommerce-result-count {

  line-height: 34px;

}



/* pagination */

.woocommerce #content nav.woocommerce-pagination ul li,

.woocommerce nav.woocommerce-pagination ul li,

.woocommerce-page #content nav.woocommerce-pagination ul li,

.woocommerce-page nav.woocommerce-pagination ul li {

  float: none;

  display: inline-block;

}



.woocommerce #content nav.woocommerce-pagination ul,

.woocommerce nav.woocommerce-pagination ul,

.woocommerce-page #content nav.woocommerce-pagination ul,

.woocommerce-page nav.woocommerce-pagination ul,

.woocommerce #content nav.woocommerce-pagination ul li,

.woocommerce nav.woocommerce-pagination ul li,

.woocommerce-page #content nav.woocommerce-pagination ul li,

.woocommerce-page nav.woocommerce-pagination ul li {

  border: 0;

  margin: 0;

}



.woocommerce #content nav.woocommerce-pagination ul li a:focus,

.woocommerce #content nav.woocommerce-pagination ul li a:hover,

.woocommerce #content nav.woocommerce-pagination ul li span.current,

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover,

.woocommerce nav.woocommerce-pagination ul li span.current,

.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,

.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,

.woocommerce-page #content nav.woocommerce-pagination ul li span.current,

.woocommerce-page nav.woocommerce-pagination ul li a:focus,

.woocommerce-page nav.woocommerce-pagination ul li a:hover,

.woocommerce-page nav.woocommerce-pagination ul li span.current {

  background: #1C89B3;

  color: #fff;

}



.woocommerce #content nav.woocommerce-pagination ul li a,

.woocommerce #content nav.woocommerce-pagination ul li span,

.woocommerce nav.woocommerce-pagination ul li a,

.woocommerce nav.woocommerce-pagination ul li span,

.woocommerce-page #content nav.woocommerce-pagination ul li a,

.woocommerce-page #content nav.woocommerce-pagination ul li span,

.woocommerce-page nav.woocommerce-pagination ul li a,

.woocommerce-page nav.woocommerce-pagination ul li span {

  width: 26px;

  height: 26px;

  border-radius: 0;

  line-height: 26px;

  padding: 0;

  text-align: center;

  position: inherit;

  background: #a3a3a3;

  color: #fff;

  font-size: 12px;

  margin-left: 5px;

}



.woocommerce nav.woocommerce-pagination {

  text-align: right;

  padding: 6px 0 0;

  border-top: #dcdcdc solid 1px;

  border-bottom: #dcdcdc solid 1px;

}



/* cart widget */

.widget.woocommerce ul.product_list_widget li img {

  box-shadow: none;

  margin: 0px 5px 0 5px;

  width: 70px;

  height: auto;

}



.woocommerce .widget_shopping_cart .total,

.woocommerce.widget_shopping_cart .total {

  margin-bottom: 12px;

  text-align: center;

  font-size: 16px;

}



.woocommerce.widget_shopping_cart .total .amount {

  font-weight: 600;

  color: #ff0000;

}



.widget.woocommerce .buttons {

  margin: 0 0 10px;

  padding: 0;

  text-align: center;

}



.widget.woocommerce .buttons a {

  font-size: 12px;

  font-weight: 400;

  height: 32px;

  line-height: 32px;

  margin: 0 5px;

  padding: 0 10px;

}



.woocommerce #content input.button.alt,

.woocommerce #respond input#submit.alt,

.woocommerce a.button.alt, .woocommerce button.button.alt,

.woocommerce input.button.alt,

.woocommerce-page #content input.button.alt,

.woocommerce-page #respond input#submit.alt,

.woocommerce-page a.button.alt,

.woocommerce-page button.button.alt,

.woocommerce-page input.button.alt,

.woocommerce #content input.button,

.woocommerce #respond input#submit,

.woocommerce a.button, .woocommerce button.button,

.woocommerce input.button,

.woocommerce-page #content input.button,

.woocommerce-page #respond input#submit,

.woocommerce-page a.button,

.woocommerce-page button.button,

.woocommerce-page input.button {

  background: #fcb131;

  color: #fff;

  box-shadow: none;

  border: 0;

  text-shadow: none;

  border-radius: 0;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 300;

  height: 36px;

  line-height: 36px;

  padding: 0 20px;

  margin-bottom: 0;

}



.woocommerce #content input.button.alt:hover,

.woocommerce #respond input#submit.alt:hover,

.woocommerce a.button.alt:hover,

.woocommerce button.button.alt:hover,

.woocommerce input.button.alt:hover,

.woocommerce-page #content input.button.alt:hover,

.woocommerce-page #respond input#submit.alt:hover,

.woocommerce-page a.button.alt:hover,

.woocommerce-page button.button.alt:hover,

.woocommerce-page input.button.alt:hover,

.woocommerce #content input.button:hover,

.woocommerce #respond input#submit:hover,

.woocommerce a.button:hover,

.woocommerce button.button:hover,

.woocommerce input.button:hover,

.woocommerce-page #content input.button:hover,

.woocommerce-page #respond input#submit:hover,

.woocommerce-page a.button:hover,

.woocommerce-page button.button:hover,

.woocommerce-page input.button:hover {

  background: #E29A1E;

  color: #fff;

}



/* filter by price */

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

  background-color: #333;

}



.woocommerce .widget_price_filter .price_slider_wrapper .ui-slider-range {

  background-color: #058df2;

  z-index: 1;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}



.woocommerce .widget_price_filter .price_slider_wrapper .ui-state-default {

  background: url("images/bg-filter-price.png") no-repeat 2px 2px #fff;

  cursor: move;

  height: 12px;

  width: 12px;

  border: 1px solid #f45245;

  color: #555;

  position: absolute;

  z-index: 2;

  top: -3px;

  transition: none;

  -ms-touch-action: none;

  touch-action: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}



.woocommerce .widget_price_filter form {

  padding: 10px;

}



.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .button {

  border: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  color: #fff;

  cursor: pointer;

  font-size: 12px;

  padding: 0 25px;

  text-shadow: none;

  border-radius: 0;

  height: auto;

  margin-bottom: 15px;

  line-height: 36px;

  font-weight: 400;

}



.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {

  font-size: 12px;

}



.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {

  padding: 5px;

}



/* related product */

.woocommerce .related ul li.product,

.woocommerce .related ul.products li.product,

.woocommerce .upsells.products ul li.product,

.woocommerce .upsells.products ul.products li.product,

.woocommerce-page .related ul li.product,

.woocommerce-page .related ul.products li.product,

.woocommerce-page .upsells.products ul li.product,

.woocommerce-page .upsells.products ul.products li.product {

  width: 33.3%;

}



/* product */

.woocommerce ul.products, .woocommerce-page ul.products {

  margin-left: -10px;

  margin-right: -10px;

}



.woocommerce ul.products li.product .onsale,

.woocommerce-page ul.products li.product .onsale,

.woocommerce span.onsale, .woocommerce-page span.onsale,

.woocommerce span.free-badge, .woocommerce-page span.free-badge {

  display: none;

}



.woocommerce ul.products li.product .star-rating {

  color: #ff9000;

  margin: 0 auto 10px;

}



.woocommerce .star-rating, .woocommerce p.stars a:hover,

.woocommerce p.stars a.star-4.active:after,

.woocommerce p.stars a.star-4:hover:after {

  color: #ff9000;

}



.woocommerce ul.products li.product,

.woocommerce-page ul.products li.product {

  width: 33.33%;

  margin: 0;

  padding: 0px 10px 20px;

  text-align: center;

}



.woocommerce ul.products li.product .product-img,

.woocommerce-page ul.products li.product .product-img {

  display: table;

  width: 100%;

  table-layout: fixed;

  height: 140px;

  border: #dcdcdc solid 1px;

  position: relative;

  overflow: hidden;

}



.woocommerce ul.products li.product .product-img .persale {

  position: absolute;

  right: 5px;

  top: 5px;

  width: 50px;

  height: 50px;

  background: url(images/iconsale.png) center no-repeat;

  line-height: 50px;

  color: #fff;

  font-size: 11px;

  text-align: center;

  z-index: 20;

}



.woocommerce ul.products li.product .product-img .mask {

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgba(51, 51, 51, 0.7);

  left: 0;

  top: 0;

  z-index: 10;

  opacity: 0;

}



.woocommerce ul.products li.product .product-img:hover .mask {

  opacity: 1;

}



.woocommerce ul.products li.product .product-img .mask i {

  padding: 10px;

  border: #B2B2B2 solid 1px;

  color: #B2B2B2;

  top: 50%;

  position: absolute;

  left: 50%;

  width: 34px;

  height: 34px;

  margin-left: -17px;

  margin-top: -17px;

}



.woocommerce ul.products li.product .product-img .mask i:hover {

  border-color: #E5E5E5;

  color: #E5E5E5;

}



.woocommerce ul.products li.product .product-img .thumb,

.woocommerce-page ul.products li.product .product-img .thumb {

  text-align: center;

  display: table-cell;

  position: relative;

  vertical-align: middle;

  width: 100%;

  overflow: hidden;

}



.woocommerce ul.products li.product .product-img .thumb img,

.woocommerce-page ul.products li.product .product-img .thumb img {

  width: auto;

  height: auto;

  max-height: 140px;

  margin: 0;

  display: inline;

  -webkit-transition: all .5s ease-in-out;

  -moz-transition: all .5s ease-in-out;

  -o-transition: all .5s ease-in-out;

  transition: all .5s ease-in-out;

}



.woocommerce ul.products li.product .product-img:hover img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}



.woocommerce ul.products li.product .title-pro {

  font-size: 14px;
  height: 46px;
  padding: 0;
  margin: 5px 0 0;
  overflow: hidden;
  font-weight: 600;

}



.woocommerce ul.products li.product .title-pro:hover {

  color: #EC5B2F;

}



.woocommerce ul.products li.product .price {

  font-size: 16px;

  color: red;

  overflow: hidden;

}



.woocommerce ul.products li.product .price .amount {

  font-weight: 600;

}



.woocommerce ul.products li.product .price del .amount {

  font-weight: normal;

  font-size: 14px;

}



.woocommerce ul.products li.product .price del,

.woocommerce ul.products li.product .price ins {

  float: left;

  width: 50%;

}



.woocommerce ul.products li.product.product-type-variable .price del,

.woocommerce ul.products li.product.product-type-variable .price ins {

  width: 100%;

}



.woocommerce ul.products li.product.product-type-variable .price .amount {

  margin: 0px 5px;

}



.woocommerce ul.products li.product .button {

  background-color: #fcb131;
  margin: 0;
  border-radius: 0;
  color: #fff;
  line-height: 32px;
  font-size: 12px;
  padding: 0px 18px;
  height: auto;

}



.woocommerce ul.products li.product .button:hover {

  background-color: #E29A1E;

}



.woocommerce ul.products li.product .button i {

  margin-right: 6px;

}



.woocommerce ul.products li.product .added_to_cart {

  display: none;

}



.woocommerce #respond input#submit.loading:after,

.woocommerce a.button.loading:after,

.woocommerce button.button.loading:after,

.woocommerce input.button.loading:after {

  position: static;

  margin-left: 5px;

}



/* single product */

.woocommerce div.product {

  margin-top: 10px;

}



.woocommerce div.product div.images, .woocommerce div.product div.summary {

  font-size: 14px;

}



.woocommerce div.product .product_title {

  text-transform: uppercase;

  font-size: 20px;

  font-weight: 600;

  border: none;

  margin-bottom: 10px;

  line-height: 1.3;

  border-bottom: #999 solid 1px;

  padding-bottom: 8px;

}



.woocommerce #content div.product div.images .bt-wrap-img,

.woocommerce div.product div.images .bt-wrap-img,

.woocommerce-page #content div.product div.images .bt-wrap-img,

.woocommerce-page div.product div.images .bt-wrap-img {

  display: table;

  width: 100%;

  table-layout: fixed;

}



.woocommerce #content div.product div.images .woocommerce-main-image,

.woocommerce div.product div.images .woocommerce-main-image,

.woocommerce-page #content div.product div.images .woocommerce-main-image,

.woocommerce-page div.product div.images .woocommerce-main-image {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}



.woocommerce #content div.product div.images .woocommerce-main-image img,

.woocommerce div.product div.images .woocommerce-main-image img,

.woocommerce-page #content div.product div.images .woocommerce-main-image img,

.woocommerce-page div.product div.images .woocommerce-main-image img {

  display: inline;

  width: 100%;

  height: auto;

}



.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {

  font-weight: 600;

  display: block;

}



.woocommerce div.product .entry-summary p.price del .amount, .woocommerce div.product .entry-summary span.price del .amount {

  font-size: 15px;

  font-weight: 300;

}



.woocommerce div.product .entry-summary .single-attribute {

  margin-bottom: 1em;

}



.woocommerce div.product .entry-summary .single-attribute ul {

  margin: 0;

  list-style: none;

}



.woocommerce div.product .entry-summary p.price, .woocommerce div.product .entry-summary span.price {

  color: red;

  font-size: 20px;

  margin-bottom: 6px;

  font-weight: 600;

}



.woocommerce div.product .entry-summary .spright {

  font-weight: 600;

  font-style: italic;

}



.woocommerce .quantity .qty {

  height: 36px;

}



.woocommerce div.product .entry-summary form.cart .button,

.woocommerce .woocommerce-error .button,

.woocommerce .woocommerce-info .button,

.woocommerce .woocommerce-message .button {

  text-transform: none;

  font-size: 15px;

}



.woocommerce div.product .entry-summary form.cart .button i {

  margin-right: 6px;

}



.woocommerce #respond input#submit.alt.disabled,

.woocommerce #respond input#submit.alt.disabled:hover,

.woocommerce #respond input#submit.alt:disabled,

.woocommerce #respond input#submit.alt:disabled:hover,

.woocommerce #respond input#submit.alt:disabled[disabled],

.woocommerce #respond input#submit.alt:disabled[disabled]:hover,

.woocommerce a.button.alt.disabled,

.woocommerce a.button.alt.disabled:hover,

.woocommerce a.button.alt:disabled,

.woocommerce a.button.alt:disabled:hover,

.woocommerce a.button.alt:disabled[disabled],

.woocommerce a.button.alt:disabled[disabled]:hover,

.woocommerce button.button.alt.disabled,

.woocommerce button.button.alt.disabled:hover,

.woocommerce button.button.alt:disabled,

.woocommerce button.button.alt:disabled:hover,

.woocommerce button.button.alt:disabled[disabled],

.woocommerce button.button.alt:disabled[disabled]:hover,

.woocommerce input.button.alt.disabled,

.woocommerce input.button.alt.disabled:hover,

.woocommerce input.button.alt:disabled,

.woocommerce input.button.alt:disabled:hover,

.woocommerce input.button.alt:disabled[disabled],

.woocommerce input.button.alt:disabled[disabled]:hover {

  background: #057ED8;

}



.woocommerce .woocommerce-message {

  border-top-color: #057ED8;

}



.woocommerce .woocommerce-message:before {

  color: #057ED8;

}



.woocommerce div.product .entry-summary .sku_wrapper,

.woocommerce div.product .entry-summary .posted_in {

  display: block;

}



.woocommerce div.product .woocommerce-tabs ul.tabs {

  padding: 0;

}



.woocommerce div.product .woocommerce-tabs ul.tabs li:before,

.woocommerce div.product .woocommerce-tabs ul.tabs li:after,

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {

  display: none;

}



.woocommerce div.product .woocommerce-tabs ul.tabs li {

  padding: 0 1.5em;

  float: left;

  margin: 0;

  border-radius: 0;

  background: none;

}



.woocommerce div.product .woocommerce-tabs ul.tabs li a {

  font-weight: 600;

}

.woocommerce-product-search {
  overflow: hidden;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {

  background: #E29A1E;

  color: #fff;

  border: 1px solid #d3ced2;

}



.woocommerce-page #respond input#submit {

  font-size: 16px;

  text-transform: none;

}



.woocommerce #content div.product div.thumbnails a,

.woocommerce div.product div.thumbnails a,

.woocommerce-page #content div.product div.thumbnails a,

.woocommerce-page div.product div.thumbnails a {

  border: #dcdcdc solid 1px;

}



/* cart & checkout */

.woocommerce .cart input.button,

.woocommerce .cart-collaterals a.button.alt,

.woocommerce #payment #place_order {

  font-size: 15px;

  text-transform: none;

  height: 38px;

}



.woocommerce .cart-collaterals a.button.alt,

.woocommerce #payment #place_order {

  text-transform: uppercase;

}



.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th {

  border-top: 0;

}



.woocommerce .woocommerce-checkout-review-order-table .amount,

.woocommerce .order_details .amount {

  color: #ff0000;

}



.woocommerce form .form-row.woocommerce-validated .select2-container,

.woocommerce form .form-row.woocommerce-validated input.input-text,

.woocommerce form .form-row.woocommerce-validated select {

  border-color: #1e85be;

}