/* 1:1 WooCommerce Exact Fontello Quantity Arrows & Pill */
@font-face {
  font-family: 'fontello';
  src: url('/assets/fonts/fontello_239400b6.eot');
  src: url('/assets/fonts/fontello_1a3ad422.eot') format('embedded-opentype'),
       url('/assets/fonts/fontello_3e3146b4.woff2') format('woff2'),
       url('/assets/fonts/fontello_18b6054a.woff') format('woff'),
       url('/assets/fonts/fontello_27cae7f3.ttf') format('truetype'),
       url('/assets/images/fontello_110f216f.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.woocommerce div.product form.cart,
.woocommerce-page div.product form.cart {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  margin-bottom: 44px !important;
}

.woocommerce div.product form.cart div.quantity,
.woocommerce-page div.product form.cart div.quantity {
  position: relative !important;
  display: block !important;
  width: 130px !important;
  height: 55px !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.woocommerce div.product form.cart div.quantity input[type="number"],
.woocommerce-page div.product form.cart div.quantity input[type="number"],
.woocommerce div.product form.cart div.quantity input.qty,
.woocommerce-page div.product form.cart div.quantity input.qty {
  width: 130px !important;
  height: 55px !important;
  line-height: 16px !important;
  padding: 0 48px 0 30px !important;
  margin: 0 !important;
  border: 1px solid #35404b !important;
  border-radius: 30px !important;
  background: transparent !important;
  color: #aaabb2 !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-align: left !important;
  outline: none !important;
  box-sizing: border-box !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.woocommerce div.product form.cart div.quantity input::-webkit-outer-spin-button,
.woocommerce div.product form.cart div.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.woocommerce div.product form.cart div.quantity span.q_inc,
.woocommerce-page div.product form.cart div.quantity span.q_inc,
.woocommerce div.product form.cart div.quantity span.q_dec,
.woocommerce-page div.product form.cart div.quantity span.q_dec {
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  right: 1px !important;
  left: 85px !important;
  width: 39px !important;
  height: 27.5px !important;
  text-align: left !important;
  padding-left: 5px !important;
  color: #aaabb2 !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: color 0.2s ease !important;
  box-sizing: border-box !important;
}

.woocommerce div.product form.cart div.quantity span.q_inc,
.woocommerce-page div.product form.cart div.quantity span.q_inc {
  top: 1px !important;
  bottom: 26.5px !important;
  line-height: 33px !important;
  border-radius: 0 30px 0 0 !important;
}

.woocommerce div.product form.cart div.quantity span.q_dec,
.woocommerce-page div.product form.cart div.quantity span.q_dec {
  top: 26.5px !important;
  bottom: 1px !important;
  line-height: 19px !important;
  border-radius: 0 0 30px 0 !important;
}

.woocommerce div.product form.cart div.quantity span.q_inc:hover,
.woocommerce div.product form.cart div.quantity span.q_dec:hover {
  color: #fff !important;
}

.woocommerce div.product form.cart div.quantity span.q_inc:before,
.woocommerce-page div.product form.cart div.quantity span.q_inc:before {
  content: "\e835" !important;
  font-family: "fontello" !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  display: inline !important;
  line-height: 33px !important;
}

.woocommerce div.product form.cart div.quantity span.q_dec:before,
.woocommerce-page div.product form.cart div.quantity span.q_dec:before {
  content: "\e828" !important;
  font-family: "fontello" !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  display: inline !important;
  line-height: 19px !important;
}
