/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


 button.add-giveaway-to-cart {
  background: #b4cb10;
  color: #fff;
  font-size: 90%;
  padding: 6px;
  margin-left: 10px;
  border-radius: 6px;
  transition: all 0.2s ease;
  line-height: 1.1;
}

.product-details-wrapper .product-label {
  top: 3.5rem !important;
}

span#ship-to-different-address {
  display: none !important;
}

p#shipping_country_field {
  display: none;
}

.woocommerce-message.notice {
  background-color: #3377ac !important;
}

body.page-template-approve-user-template #content {
  min-height: 25vh;
}

body.page-template-approve-user-template .woocommerce-breadcrumb {
  /* display:none; */
  visibility: hidden;
}










tr.woocommerce-cart-form__cart-item.cart_item.giveaway-item td.product-name {
  font-weight: bold;
}


.woocommerce-message.giveaway {
  display: block;
}

form.giveaway-form {
  margin-top: 1rem;
}

@media screen and (min-width: 993px) {
  .woocommerce-message.giveaway {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  form.giveaway-form {
    min-width: 13rem;
    margin-left: 1rem;
    margin-top: 0;
    display: flex;
    justify-content: end;
  }
}

form.giveaway-form .add-giveaway-to-cart,
button#claim-livefood {
  background: #1b73ff;
  padding: 0.6rem 1rem;
  margin-left: 1rem;
  border-radius: 4px;
  font-size: 0.8rem;
  transform: scale(1);
  transition: all 0.2s ease;
  color: #fff;
  font-weight: 600;
}

form.giveaway-form .add-giveaway-to-cart:hover,
form.giveaway-form .add-giveaway-to-cart:active {
  transform: scale(1.05);
}




.woocommerce-cart .site-main {
  padding-top: 0rem !important;
}
.woocommerce-message {
  background-color: #e6f0ff !important;
}

.woocommerce-error {
  /* background-color: #ffd8d8 !important; */
  color: #000 !important;
}
.woocommerce-message .button.checkout:after {
  background: #000 !important;
}
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error {
  margin-bottom:0.5rem !important;
}

.woocommerce-message.giveaway {
  background-color: #0e56c9 !important;
  color: #fff !important;
}
.woocommerce-message.giveaway form.giveaway-form .add-giveaway-to-cart,
.woocommerce-message.giveaway button#claim-livefood {
  background: #ffffff;
  color: #0d57c9;
  margin-right: 1rem;
}

.single-product .site-content .col-full {
  padding-bottom: 0.25rem;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
  /* margin-bottom: 0.5rem !important; */
  padding: 1rem !important;
}
.woocommerce-message.giveaway {
  padding: 0.5rem !important;
}
body.woocommerce-checkout .woocommerce-message.giveaway {
  /* padding: 0.5rem !important;
  width: 41.1%;
  float: right;
  clear: none; */
}
@media screen and (min-width: 993px) {
  body.woocommerce-checkout .woocommerce-message.giveaway {
    padding: 0.5rem !important;
    width: 41.1%;
    float: right;
    clear: none;
  }
}
table.cart tr.foc-livefood .quantity{
  visibility: hidden;
}
.woocommerce-message,
.woocommerce-message a {
  color: #000000 !important;
}
.giveaway-message {
  display: flex;
  align-items: center;
}
img.giveaway-img {
  width: 3rem;
  margin-right:1rem;
}
.woocommerce-cart .checkout-wrap {
  margin-top: 2.5rem !important;
}

@media screen and (min-width: 993px) {
  .woocommerce-cart .checkout-wrap {
    margin-top: 3rem !important;
  }
}






a.checkout-button {
  background-color: #3ab54a;
  transform: scale(1);
  transition: all 0.2s ease;
}

a.checkout-button:hover,
a.checkout-button:active {
  background-color: #3ab54a;
  transform: scale(1.05);
}







#pricelist {
  display: none;
}


#pricelistloader {
  position: relative;
  display: none;
  margin: 4.5rem 0 0 0;
}

#eggloader {
  background-image: url(../img/egg-hatch.gif);
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  display: inline-block;
  width: auto;
  height: 50px;
  margin-left: 0.25rem;
  padding-left: 55px;
  padding-top: 14px;
  margin-bottom: 1rem;
  margin-top: 0;
  display: none;
}

.pricelist-status {
  position: absolute;
  left: 120px;
  top: -25px;
}

.book {
  --color: #b4cb11;
  --duration: 6.8s;
  width: 32px;
  height: 12px;
  position: relative;
  margin: 0 0rem 0 3.5rem;
  zoom: 0.75;
}

.book .inner {
  width: 32px;
  height: 12px;
  position: relative;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  -webkit-animation: book var(--duration) ease infinite;
  animation: book var(--duration) ease infinite;
}

.book .inner .left,
.book .inner .right {
  width: 60px;
  height: 4px;
  top: 0;
  border-radius: 2px;
  background: var(--color);
  position: absolute;
}

.book .inner .left:before,
.book .inner .right:before {
  content: "";
  width: 48px;
  height: 4px;
  border-radius: 2px;
  background: inherit;
  position: absolute;
  top: -10px;
  left: 6px;
}

.book .inner .left {
  right: 28px;
  transform-origin: 58px 2px;
  transform: rotateZ(90deg);
  -webkit-animation: left var(--duration) ease infinite;
  animation: left var(--duration) ease infinite;
}

.book .inner .right {
  left: 28px;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  -webkit-animation: right var(--duration) ease infinite;
  animation: right var(--duration) ease infinite;
}

.book .inner .middle {
  width: 32px;
  height: 12px;
  border: 4px solid var(--color);
  border-top: 0;
  border-radius: 0 0 9px 9px;
  transform: translateY(2px);
}

.book ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 50%;
  top: 0;
}

.book ul li {
  height: 4px;
  border-radius: 2px;
  transform-origin: 100% 2px;
  width: 48px;
  right: 0;
  top: -10px;
  position: absolute;
  background: var(--color);
  transform: rotateZ(0deg) translateX(-18px);
  -webkit-animation-duration: var(--duration);
  animation-duration: var(--duration);
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.book ul li:nth-child(0) {
  -webkit-animation-name: page-0;
  animation-name: page-0;
}

.book ul li:nth-child(1) {
  -webkit-animation-name: page-1;
  animation-name: page-1;
}

.book ul li:nth-child(2) {
  -webkit-animation-name: page-2;
  animation-name: page-2;
}

.book ul li:nth-child(3) {
  -webkit-animation-name: page-3;
  animation-name: page-3;
}

.book ul li:nth-child(4) {
  -webkit-animation-name: page-4;
  animation-name: page-4;
}

.book ul li:nth-child(5) {
  -webkit-animation-name: page-5;
  animation-name: page-5;
}

.book ul li:nth-child(6) {
  -webkit-animation-name: page-6;
  animation-name: page-6;
}

.book ul li:nth-child(7) {
  -webkit-animation-name: page-7;
  animation-name: page-7;
}

.book ul li:nth-child(8) {
  -webkit-animation-name: page-8;
  animation-name: page-8;
}

.book ul li:nth-child(9) {
  -webkit-animation-name: page-9;
  animation-name: page-9;
}

.book ul li:nth-child(10) {
  -webkit-animation-name: page-10;
  animation-name: page-10;
}

.book ul li:nth-child(11) {
  -webkit-animation-name: page-11;
  animation-name: page-11;
}

.book ul li:nth-child(12) {
  -webkit-animation-name: page-12;
  animation-name: page-12;
}

.book ul li:nth-child(13) {
  -webkit-animation-name: page-13;
  animation-name: page-13;
}

.book ul li:nth-child(14) {
  -webkit-animation-name: page-14;
  animation-name: page-14;
}

.book ul li:nth-child(15) {
  -webkit-animation-name: page-15;
  animation-name: page-15;
}

.book ul li:nth-child(16) {
  -webkit-animation-name: page-16;
  animation-name: page-16;
}

.book ul li:nth-child(17) {
  -webkit-animation-name: page-17;
  animation-name: page-17;
}

.book ul li:nth-child(18) {
  -webkit-animation-name: page-18;
  animation-name: page-18;
}

@-webkit-keyframes page-0 {
  4% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  13%,
  54% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  63% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-0 {
  4% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  13%,
  54% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  63% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-1 {
  5.86% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  14.74%,
  55.86% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  64.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-1 {
  5.86% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  14.74%,
  55.86% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  64.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-2 {
  7.72% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  16.48%,
  57.72% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  66.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-2 {
  7.72% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  16.48%,
  57.72% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  66.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-3 {
  9.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  18.22%,
  59.58% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  68.22% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-3 {
  9.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  18.22%,
  59.58% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  68.22% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-4 {
  11.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  19.96%,
  61.44% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  69.96% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-4 {
  11.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  19.96%,
  61.44% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  69.96% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-5 {
  13.3% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  21.7%,
  63.3% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  71.7% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-5 {
  13.3% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  21.7%,
  63.3% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  71.7% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-6 {
  15.16% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  23.44%,
  65.16% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  73.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-6 {
  15.16% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  23.44%,
  65.16% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  73.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-7 {
  17.02% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  25.18%,
  67.02% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  75.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-7 {
  17.02% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  25.18%,
  67.02% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  75.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-8 {
  18.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  26.92%,
  68.88% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  76.92% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-8 {
  18.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  26.92%,
  68.88% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  76.92% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-9 {
  20.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  28.66%,
  70.74% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  78.66% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-9 {
  20.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  28.66%,
  70.74% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  78.66% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-10 {
  22.6% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  30.4%,
  72.6% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  80.4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-10 {
  22.6% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  30.4%,
  72.6% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  80.4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-11 {
  24.46% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  32.14%,
  74.46% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  82.14% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-11 {
  24.46% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  32.14%,
  74.46% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  82.14% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-12 {
  26.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  33.88%,
  76.32% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  83.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-12 {
  26.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  33.88%,
  76.32% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  83.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-13 {
  28.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  35.62%,
  78.18% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  85.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-13 {
  28.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  35.62%,
  78.18% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  85.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-14 {
  30.04% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  37.36%,
  80.04% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  87.36% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-14 {
  30.04% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  37.36%,
  80.04% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  87.36% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-15 {
  31.9% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  39.1%,
  81.9% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  89.1% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-15 {
  31.9% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  39.1%,
  81.9% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  89.1% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-16 {
  33.76% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  40.84%,
  83.76% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  90.84% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-16 {
  33.76% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  40.84%,
  83.76% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  90.84% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-17 {
  35.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  42.58%,
  85.62% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  92.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-17 {
  35.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  42.58%,
  85.62% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  92.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes page-18 {
  37.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  44.32%,
  87.48% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  94.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-18 {
  37.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  44.32%,
  87.48% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  94.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@-webkit-keyframes left {
  4% {
    transform: rotateZ(90deg);
  }

  10%,
  40% {
    transform: rotateZ(0deg);
  }

  46%,
  54% {
    transform: rotateZ(90deg);
  }

  60%,
  90% {
    transform: rotateZ(0deg);
  }

  96% {
    transform: rotateZ(90deg);
  }
}

@keyframes left {
  4% {
    transform: rotateZ(90deg);
  }

  10%,
  40% {
    transform: rotateZ(0deg);
  }

  46%,
  54% {
    transform: rotateZ(90deg);
  }

  60%,
  90% {
    transform: rotateZ(0deg);
  }

  96% {
    transform: rotateZ(90deg);
  }
}

@-webkit-keyframes right {
  4% {
    transform: rotateZ(-90deg);
  }

  10%,
  40% {
    transform: rotateZ(0deg);
  }

  46%,
  54% {
    transform: rotateZ(-90deg);
  }

  60%,
  90% {
    transform: rotateZ(0deg);
  }

  96% {
    transform: rotateZ(-90deg);
  }
}

@keyframes right {
  4% {
    transform: rotateZ(-90deg);
  }

  10%,
  40% {
    transform: rotateZ(0deg);
  }

  46%,
  54% {
    transform: rotateZ(-90deg);
  }

  60%,
  90% {
    transform: rotateZ(0deg);
  }

  96% {
    transform: rotateZ(-90deg);
  }
}

@-webkit-keyframes book {
  4% {
    transform: rotateZ(-90deg);
  }

  10%,
  40% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }

  40.01%,
  59.99% {
    transform-origin: 30px 2px;
  }

  46%,
  54% {
    transform: rotateZ(90deg);
  }

  60%,
  90% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }

  96% {
    transform: rotateZ(-90deg);
  }
}

@keyframes book {
  4% {
    transform: rotateZ(-90deg);
  }

  10%,
  40% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }

  40.01%,
  59.99% {
    transform-origin: 30px 2px;
  }

  46%,
  54% {
    transform: rotateZ(90deg);
  }

  60%,
  90% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }

  96% {
    transform: rotateZ(-90deg);
  }
}















svg.tea {
  --secondary: #33406f;
}

svg.tea #teabag {
  transform-origin: top center;
  transform: rotate(3deg);
  animation: swing 2s infinite;
}

svg.tea #steamL {
  stroke-dasharray: 13;
  stroke-dashoffset: 13;
  animation: steamLarge 2s infinite;
}

svg.tea #steamR {
  stroke-dasharray: 9;
  stroke-dashoffset: 9;
  animation: steamSmall 2s infinite;
}

@-moz-keyframes swing {
  50% {
    transform: rotate(-3deg);
  }
}

@-webkit-keyframes swing {
  50% {
    transform: rotate(-3deg);
  }
}

@-o-keyframes swing {
  50% {
    transform: rotate(-3deg);
  }
}

@keyframes swing {
  50% {
    transform: rotate(-3deg);
  }
}

@-moz-keyframes steamLarge {
  0% {
    stroke-dashoffset: 13;
    opacity: 0.6;
  }

  100% {
    stroke-dashoffset: 39;
    opacity: 0;
  }
}

@-webkit-keyframes steamLarge {
  0% {
    stroke-dashoffset: 13;
    opacity: 0.6;
  }

  100% {
    stroke-dashoffset: 39;
    opacity: 0;
  }
}

@-o-keyframes steamLarge {
  0% {
    stroke-dashoffset: 13;
    opacity: 0.6;
  }

  100% {
    stroke-dashoffset: 39;
    opacity: 0;
  }
}

@keyframes steamLarge {
  0% {
    stroke-dashoffset: 13;
    opacity: 0.6;
  }

  100% {
    stroke-dashoffset: 39;
    opacity: 0;
  }
}

@-moz-keyframes steamSmall {
  10% {
    stroke-dashoffset: 9;
    opacity: 0.6;
  }

  80% {
    stroke-dashoffset: 27;
    opacity: 0;
  }

  100% {
    stroke-dashoffset: 27;
    opacity: 0;
  }
}

@-webkit-keyframes steamSmall {
  10% {
    stroke-dashoffset: 9;
    opacity: 0.6;
  }

  80% {
    stroke-dashoffset: 27;
    opacity: 0;
  }

  100% {
    stroke-dashoffset: 27;
    opacity: 0;
  }
}

@-o-keyframes steamSmall {
  10% {
    stroke-dashoffset: 9;
    opacity: 0.6;
  }

  80% {
    stroke-dashoffset: 27;
    opacity: 0;
  }

  100% {
    stroke-dashoffset: 27;
    opacity: 0;
  }
}

@keyframes steamSmall {
  10% {
    stroke-dashoffset: 9;
    opacity: 0.6;
  }

  80% {
    stroke-dashoffset: 27;
    opacity: 0;
  }

  100% {
    stroke-dashoffset: 27;
    opacity: 0;
  }
}



table#pricelisttable {
  font-size: 8pt;
}

table#pricelisttable td.description,
table#pricelisttable td.categories {
  font-size: 6pt;
}

table#pricelisttable td.product_code {
  font-weight: 600;
}



.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--pricelists a::before {
  background: #111;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M12,3.5c-4.7,0-8.5,3.8-8.5,8.5c0,4.7,3.8,8.5,8.5,8.5s8.5-3.8,8.5-8.5C20.5,7.3,16.7,3.5,12,3.5z M15.7,17.2 c-0.6,0.4-1.3,0.5-1.9,0.6c-0.6,0-1.4-0.1-2.3-0.4c-0.5-0.2-1.1-0.2-1.5-0.2c-0.6,0-1.3,0.2-2,0.6c-0.1,0.1-0.2,0.1-0.3,0.1 c-0.2,0-0.3-0.1-0.4-0.2c-0.2-0.3-0.2-0.6,0-0.9c0.9-0.8,1.5-1.6,2-2.6c0.3-0.7,0.3-1.4,0.2-2.2H7.8c-0.4,0-0.6-0.2-0.6-0.6 c0-0.4,0.2-0.6,0.6-0.6h1.3C8.9,10.2,8.8,9.6,8.8,9c0-0.7,0.2-1.4,0.5-1.9c0.3-0.6,0.8-1,1.4-1.3c0.5-0.2,1-0.3,1.5-0.3 c0.9,0,1.6,0.3,2.3,0.9c0.6,0.5,0.9,1.3,1,2.1c0,0.2,0,0.4-0.1,0.5C15.3,9,15.1,9.1,15,9.1c-0.4,0-0.6-0.2-0.7-0.5 C14.2,8,14,7.5,13.6,7.2c-0.4-0.4-0.9-0.6-1.4-0.6c-0.4,0-0.7,0.1-1,0.2c-0.4,0.2-0.7,0.4-0.9,0.8C10.1,8,10,8.5,10,9 c0,0.6,0.1,1.2,0.4,1.8H13c0.4,0,0.6,0.2,0.6,0.6c0,0.4-0.2,0.6-0.6,0.6h-2.2c0.1,0.9,0,1.8-0.3,2.6c-0.2,0.5-0.5,0.9-0.8,1.4 c0.1,0,0.3,0,0.4,0c0.6,0,1.2,0.1,1.9,0.3c0.8,0.2,1.5,0.4,1.9,0.3c0.4,0,0.9-0.2,1.4-0.4c0.3-0.2,0.6-0.1,0.8,0.2 C16.2,16.7,16.1,17,15.7,17.2z'/%3E%3Cpath d='M12,1.9C6.4,1.9,1.9,6.4,1.9,12c0,5.6,4.5,10.1,10.1,10.1c5.6,0,10.1-4.5,10.1-10.1C22.1,6.4,17.6,1.9,12,1.9z M12,20.5 c-4.7,0-8.5-3.8-8.5-8.5c0-4.7,3.8-8.5,8.5-8.5s8.5,3.8,8.5,8.5C20.5,16.7,16.7,20.5,12,20.5z'/%3E%3Cpath d='M15.2,16.1c-0.5,0.3-0.9,0.4-1.4,0.4c-0.5,0-1.1-0.1-1.9-0.3c-0.7-0.2-1.3-0.3-1.9-0.3c-0.1,0-0.3,0-0.4,0 c0.3-0.4,0.6-0.9,0.8-1.4c0.3-0.8,0.4-1.7,0.3-2.6H13c0.4,0,0.6-0.2,0.6-0.6c0-0.4-0.2-0.6-0.6-0.6h-2.6C10.1,10.1,10,9.5,10,9 c0-0.5,0.1-1,0.3-1.3c0.2-0.4,0.5-0.6,0.9-0.8c0.3-0.1,0.6-0.2,1-0.2c0.6,0,1,0.2,1.4,0.6C14,7.5,14.2,8,14.3,8.6 c0,0.4,0.3,0.6,0.7,0.5c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.1-0.2,0.1-0.5c-0.1-0.9-0.4-1.6-1-2.1c-0.6-0.6-1.4-0.9-2.3-0.9 c-0.5,0-1.1,0.1-1.5,0.3C10.1,6,9.6,6.5,9.3,7C8.9,7.6,8.8,8.3,8.8,9c0,0.6,0.1,1.2,0.3,1.8H7.8c-0.4,0-0.6,0.2-0.6,0.6 c0,0.4,0.2,0.6,0.6,0.6h1.7c0.1,0.7,0,1.5-0.2,2.2c-0.4,0.9-1.1,1.8-2,2.6c-0.3,0.2-0.3,0.6,0,0.9c0.1,0.1,0.3,0.2,0.4,0.2 c0.1,0,0.2,0,0.3-0.1c0.7-0.3,1.4-0.5,2-0.6c0.5,0,1,0.1,1.5,0.2c0.9,0.3,1.7,0.4,2.3,0.4c0.6,0,1.3-0.2,1.9-0.6 c0.3-0.2,0.4-0.5,0.2-0.8C15.8,16,15.5,15.9,15.2,16.1z'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M12,3.5c-4.7,0-8.5,3.8-8.5,8.5c0,4.7,3.8,8.5,8.5,8.5s8.5-3.8,8.5-8.5C20.5,7.3,16.7,3.5,12,3.5z M15.7,17.2 c-0.6,0.4-1.3,0.5-1.9,0.6c-0.6,0-1.4-0.1-2.3-0.4c-0.5-0.2-1.1-0.2-1.5-0.2c-0.6,0-1.3,0.2-2,0.6c-0.1,0.1-0.2,0.1-0.3,0.1 c-0.2,0-0.3-0.1-0.4-0.2c-0.2-0.3-0.2-0.6,0-0.9c0.9-0.8,1.5-1.6,2-2.6c0.3-0.7,0.3-1.4,0.2-2.2H7.8c-0.4,0-0.6-0.2-0.6-0.6 c0-0.4,0.2-0.6,0.6-0.6h1.3C8.9,10.2,8.8,9.6,8.8,9c0-0.7,0.2-1.4,0.5-1.9c0.3-0.6,0.8-1,1.4-1.3c0.5-0.2,1-0.3,1.5-0.3 c0.9,0,1.6,0.3,2.3,0.9c0.6,0.5,0.9,1.3,1,2.1c0,0.2,0,0.4-0.1,0.5C15.3,9,15.1,9.1,15,9.1c-0.4,0-0.6-0.2-0.7-0.5 C14.2,8,14,7.5,13.6,7.2c-0.4-0.4-0.9-0.6-1.4-0.6c-0.4,0-0.7,0.1-1,0.2c-0.4,0.2-0.7,0.4-0.9,0.8C10.1,8,10,8.5,10,9 c0,0.6,0.1,1.2,0.4,1.8H13c0.4,0,0.6,0.2,0.6,0.6c0,0.4-0.2,0.6-0.6,0.6h-2.2c0.1,0.9,0,1.8-0.3,2.6c-0.2,0.5-0.5,0.9-0.8,1.4 c0.1,0,0.3,0,0.4,0c0.6,0,1.2,0.1,1.9,0.3c0.8,0.2,1.5,0.4,1.9,0.3c0.4,0,0.9-0.2,1.4-0.4c0.3-0.2,0.6-0.1,0.8,0.2 C16.2,16.7,16.1,17,15.7,17.2z'/%3E%3Cpath d='M12,1.9C6.4,1.9,1.9,6.4,1.9,12c0,5.6,4.5,10.1,10.1,10.1c5.6,0,10.1-4.5,10.1-10.1C22.1,6.4,17.6,1.9,12,1.9z M12,20.5 c-4.7,0-8.5-3.8-8.5-8.5c0-4.7,3.8-8.5,8.5-8.5s8.5,3.8,8.5,8.5C20.5,16.7,16.7,20.5,12,20.5z'/%3E%3Cpath d='M15.2,16.1c-0.5,0.3-0.9,0.4-1.4,0.4c-0.5,0-1.1-0.1-1.9-0.3c-0.7-0.2-1.3-0.3-1.9-0.3c-0.1,0-0.3,0-0.4,0 c0.3-0.4,0.6-0.9,0.8-1.4c0.3-0.8,0.4-1.7,0.3-2.6H13c0.4,0,0.6-0.2,0.6-0.6c0-0.4-0.2-0.6-0.6-0.6h-2.6C10.1,10.1,10,9.5,10,9 c0-0.5,0.1-1,0.3-1.3c0.2-0.4,0.5-0.6,0.9-0.8c0.3-0.1,0.6-0.2,1-0.2c0.6,0,1,0.2,1.4,0.6C14,7.5,14.2,8,14.3,8.6 c0,0.4,0.3,0.6,0.7,0.5c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.1-0.2,0.1-0.5c-0.1-0.9-0.4-1.6-1-2.1c-0.6-0.6-1.4-0.9-2.3-0.9 c-0.5,0-1.1,0.1-1.5,0.3C10.1,6,9.6,6.5,9.3,7C8.9,7.6,8.8,8.3,8.8,9c0,0.6,0.1,1.2,0.3,1.8H7.8c-0.4,0-0.6,0.2-0.6,0.6 c0,0.4,0.2,0.6,0.6,0.6h1.7c0.1,0.7,0,1.5-0.2,2.2c-0.4,0.9-1.1,1.8-2,2.6c-0.3,0.2-0.3,0.6,0,0.9c0.1,0.1,0.3,0.2,0.4,0.2 c0.1,0,0.2,0,0.3-0.1c0.7-0.3,1.4-0.5,2-0.6c0.5,0,1,0.1,1.5,0.2c0.9,0.3,1.7,0.4,2.3,0.4c0.6,0,1.3-0.2,1.9-0.6 c0.3-0.2,0.4-0.5,0.2-0.8C15.8,16,15.5,15.9,15.2,16.1z'/%3E%3C/g%3E%3C/svg%3E");
}

#pdf h1 {
  color: blue !important;
}

ul.foc-livestock-products{
  list-style: circle;
  margin: 0 0 0 1rem;
}
ul.foc-livestock-products li{
  margin: 0;
}


.pricelist-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  padding-top: 1rem;
}
.pricelist-grid div.pricelist{
  /* max-width: 33%; */
}
a.pricelist, input[type="submit"].pricelist, button#downloadpricelist {
  display: block;
  background-size: 2.5rem auto;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 3.5rem;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  color: inherit;
  background-color: transparent;
  font-weight: 400;
  padding-bottom: 0;
  text-align: center;
  cursor: pointer;
  transform: scale(1);
  transition: all 0.2s ease;
}
a.pricelist:hover, input[type="submit"].pricelist:hover, button#downloadpricelist:hover {
  transform: scale(1.1);
  color: inherit;
}
a.pricelist.pdf{
  background-image: url(../img/pdf.png);
}
a.pricelist.csv, input[type="submit"].pricelist.csv, button#downloadpricelist{
  background-image: url(../img/csv.png);
}

/* button#downloadpricelist,
button#downloadpricelist:active {
  background: #91bf25;
  padding: 0.25rem 0.75rem;
  border-radius: 5px;
  cursor: pointer;
  transform: scale(1);
  transition: all 0.2s ease;
}

button#downloadpricelist:hover,
button#downloadpricelist:focus {
  transform: scale(1.1);
} */

tr.woocommerce-cart-form__cart-item.cart_item.oos-item {
  opacity: 0.25;
}
tr.woocommerce-cart-form__cart-item.cart_item.oos-item .quantity{
  opacity: 0;
}
/* tr.woocommerce-cart-form__cart-item.cart_item.oos-item:before{
  content: "Out of Stock";
  display: block;
} */
ul.woocommerce-error {
  position: relative;
}
.woocommerce-error .button.clear-oos {
  background: #6e1e0d;
  /* color: #000; */
  position: relative;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 90%;
  text-decoration: none;
  display: inline-block;
  float: none;
}
.woocommerce-error .button.clear-oos:hover{
  background: #461308;
}

.peregrine-stock {
    margin-top: 1rem;
    display: inline-block;
    font-size: 80%;
}
.peregrine-stock.low {
  color:#b60000;
}