@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v12/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.field-incrementnumber {
  margin: auto;
}
.field-incrementnumber .counter-minus {
  width: 45px;
  float: left;
  padding: 10px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  transition: 250ms all ease-in-out;
  background-color: #333333 !important;
  outline: none;
}
.field-incrementnumber .counter-minus:active {
  outline: none;
}
.field-incrementnumber .counter-minus:hover {
  background-color: #000000 !important;
  color: #FFFFFF;
}
.field-incrementnumber .counter-plus {
  width: 45px;
  padding: 10px;
  float: left;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: 250ms all ease-in-out;
  background-color: #C88570 !important;
  outline: none;
}
.field-incrementnumber .counter-plus:hover {
  background-color: #ba664b !important;
  color: #FFFFFF;
}
.field-incrementnumber .counter-plus:active {
  outline: none;
}
.field-incrementnumber .increment-number {
  height: 42px;
  width: 60px;
  float: left;
}
