.single-product .variations_form {
  display: none;
}
.single-product .variations_form .variations {
  table-layout: fixed;
}
.single-product .variations_form .variations tr {
  max-height: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  width: 100%;
  display: none;
}
.single-product .variations_form .variations tr td.label {
  background: var(--e-global-color-accent);
  padding: 0.5em 1em;
  width: 25%;
}
.single-product .variations_form .variations tr td.value {
  padding: 0.5em;
  width: 75%;
}
.single-product .variations_form .variations tr:first-child,
.single-product .variations_form .variations tr.active {
  display: table-row;
  height: auto;
  max-height: 100%;
  opacity: 1;
}
.single-product .single_add_to_cart_button .loading {
  margin: 0 1em 0 0;
}
.single-product .single_add_to_cart_button .loading .loading-dot {
  text-align: left;
  color: rgba(255, 255, 255, 0);
  -webkit-animation-name: loading-dots-animation;
          animation-name: loading-dots-animation;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.single-product .wcpa_form_outer {
  display: none;
  transition: all 0.5s ease;
}
.single-product .wcpa_form_outer .wcpa_form_item {
  padding: 0;
  margin: 0;
}
.single-product .wcpa_form_outer .wcpa_form_item:nth-child(odd) {
  background-color: #f7f7f7;
}
.single-product .wcpa_form_outer .wcpa_form_item > label,
.single-product .wcpa_form_outer .wcpa_form_item span.wcpa_helptext {
  background: var(--e-global-color-accent);
  display: block;
  padding: 0.5em 1em;
  font-weight: 700;
}
.single-product .wcpa_form_outer .wcpa_form_item input {
  margin: 1em;
  padding: 1em;
}
.single-product .wcpa_form_outer.active {
  display: block;
}
.single-product .wcpa_form_outer.active:before {
  content: "Customize It!";
  font-size: 1.2em;
  font-weight: 700;
  color: var(--e-global-color-accent);
}

.simple-product .wcpa_form_outer {
  display: block;
}

.single-product .wapf-field-group .wapf-field-row:nth-child(odd) {
  background-color: #f7f7f7;
}
.single-product .wapf-field-group .wapf-field-row .wapf-field-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.single-product .wapf-field-group .wapf-field-row .wapf-field-container .wapf-field-label {
  width: 25%;
  background: var(--e-global-color-accent);
  padding: 0.5em 1em;
}
.single-product .wapf-field-group .wapf-field-row .wapf-field-container .wapf-field-label label {
  font-weight: 700;
}
.single-product .wapf-field-group .wapf-field-row .wapf-field-container .wapf-field-input {
  padding: 0.5em;
  width: 75%;
}

@-webkit-keyframes loading-dots-animation {
  0% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.6), 0.3em 0 0 rgba(255, 255, 255, 0.2), 0.6em 0 0 rgba(255, 255, 255, 0.2);
  }
  20% {
    text-shadow: 0em 0 0 rgb(255, 255, 255), 0.3em 0 0 rgba(255, 255, 255, 0.6), 0.6em 0 0 rgba(255, 255, 255, 0.2);
  }
  40% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.6), 0.3em 0 0 rgb(255, 255, 255), 0.6em 0 0 rgba(255, 255, 255, 0.6);
  }
  60% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.2), 0.3em 0 0 rgba(255, 255, 255, 0.6), 0.6em 0 0 rgb(255, 255, 255);
  }
  80% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.2), 0.3em 0 0 rgba(255, 255, 255, 0.2), 0.6em 0 0 rgba(255, 255, 255, 0.6);
  }
  100% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.6), 0.3em 0 0 rgba(255, 255, 255, 0.2), 0.6em 0 0 rgba(255, 255, 255, 0.2);
  }
}

@keyframes loading-dots-animation {
  0% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.6), 0.3em 0 0 rgba(255, 255, 255, 0.2), 0.6em 0 0 rgba(255, 255, 255, 0.2);
  }
  20% {
    text-shadow: 0em 0 0 rgb(255, 255, 255), 0.3em 0 0 rgba(255, 255, 255, 0.6), 0.6em 0 0 rgba(255, 255, 255, 0.2);
  }
  40% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.6), 0.3em 0 0 rgb(255, 255, 255), 0.6em 0 0 rgba(255, 255, 255, 0.6);
  }
  60% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.2), 0.3em 0 0 rgba(255, 255, 255, 0.6), 0.6em 0 0 rgb(255, 255, 255);
  }
  80% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.2), 0.3em 0 0 rgba(255, 255, 255, 0.2), 0.6em 0 0 rgba(255, 255, 255, 0.6);
  }
  100% {
    text-shadow: 0em 0 0 rgba(255, 255, 255, 0.6), 0.3em 0 0 rgba(255, 255, 255, 0.2), 0.6em 0 0 rgba(255, 255, 255, 0.2);
  }
}