body.woocommerce,
body.woocommerce-page {
  background: #020202 url(../images/James-Taylor-store-bg.jpg) no-repeat 0 108px;
  background-attachment: fixed;
}

@media (max-width: 1000px) {
  .woocommerce h1 {
    font-size: 2.6rem;
  }
}

@media (max-width: 800px) {

  body.woocommerce,
  body.woocommerce-page {
    background: #020202;
    background-attachment: scroll !important;
  }

  .woocommerce .woocommerce-jt.row {
    padding: 0 20px;
  }

  .woocommerce #headerPic,
  .woocommerce-page #headerPic {
    display: none !important;
  }

  .woocommerce .row {
    background: transparent !important;
  }
}

.woocommerce .mobile-only,
.woocommerce-page .mobile-only {
  display: none;
}

@media (max-width: 767px) {

  .woocommerce .mobile-only,
  .woocommerce-page .mobile-only {
    display: block;
  }
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: #557c96;
}

.woocommerce-message a {
  color: #000;
}

.woocommerce .woocommerce-breadcrumb {
  width: 66.6%;
  margin: 0 0 30px auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-left: 15px;
}

@media (max-width: 800px) {
  .woocommerce .woocommerce-breadcrumb {
    width: 100%;
    margin-top: 50vw;
  }
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
  color: #fff;
  font-size: 16px;
}

.woocommerce .woocommerce-breadcrumb a {
  text-decoration: underline;
  margin-bottom: 8px;
}

.woocommerce .site-main {
  padding-top: 30px;
}

.mobile-image {
  display: none;
}

@media (max-width: 800px) {
  .woocommerce .site-main {
    padding-top: 10px;
  }

  .woocommerce-page select,
  .woocommerce-page input {
    margin-bottom: 0;
  }

  .mobile-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}

.woocommerce-page select,
.woocommerce-page input {
  max-width: 100%;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: #557c96 !important;
  color: #ffffff !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: #456579 !important;
}

@media (max-width: 700px) {

  .woocommerce #respond input#submit,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button {
    font-size: 14px;
  }

  .woocommerce .woocommerce-breadcrumb {
    margin-top: 52vw;
  }
}

.woocommerce .utility-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ffffff;
}

.woocommerce .utility-row-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  flex-grow: 1;
}

.woocommerce .utility-row h3 {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.woocommerce .categories .select2-container {
  width: 200px !important;
}

.woocommerce .categories,
.woocommerce .sidebar-widget {
  margin: 0 10px 10px 0;
}

.woocommerce .header-cart-link {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.woocommerce .header-cart-link svg {
  width: 20px;
  height: 14px;
  margin-right: 5px;
  fill: #ffffff;
}

.select2-container--default .select2-selection--single {
  border-radius: 0 !important;
}

.select2-container .select2-selection--single {
  height: 29px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 29px;
}

@media (max-width: 767px) {
  .woocommerce .utility-row {
    flex-direction: column;
    align-items: flex-end;
  }

  .woocommerce .utility-row h3 {
    line-height: inherit;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .woocommerce .utility-row-right {
    flex-direction: column;
  }

  .woocommerce .categories,
  .woocommerce .sidebar-widget {
    margin: 0 0px 20px 0;
  }

  .woocommerce-currency-selector {
    margin-right: 0;
  }

  .woocommerce .header-cart {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}

/* prevent text overlap caused by woo align buttons plugin */
ul.products li.product .price {
  padding-top: 20px;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #ffffff;
  font-size: 16px;
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce h5,
.woocommerce h6 {
  color: #ffffff !important;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"],
.select2-results__option,
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.woocommerce select,
.woocommerce input,
.woocommerce textarea {
  color: black !important;
}

/* single product  */

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #ffffff;
  font-size: 18px;
}

.product_meta>span {
  display: block;
  margin-bottom: 10px;
}

.product_meta .posted_in,
.product_meta .sku_wrapper,
.additional_information_tab,
.woocommerce-Tabs-panel--additional_information {
  display: none !important;
}

.woocommerce .product a {
  text-decoration: underline;
}

.woocommerce .single_variation_wrap a {
  display: inline-block;
  padding: 6px 15px;
  color: #ffffff !important;
  background: #456579;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 25px;
  border-radius: 3px;
}

.woocommerce label,
.woocommerce .label {
  display: inline-block;
  font-weight: bold;
  padding: 0;
  margin: 0;
  color: #fff;
  background: transparent;
  line-height: inherit;
  text-shadow: none;
}

.woocommerce .label {
  margin-top: 7px;
}

.woocommerce ul.tabs {
  background: transparent;
}

.woocommerce ul.tabs li a.active,
.woocommerce ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
ul.tabs li a {
  background-color: transparent;
  color: #ffffff;
  border-bottom: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: transparent;
  border-bottom: 0;
  border: 1px solid #ffffff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  border-radius: 0;
  margin: 0 0 15px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #ffffff;
  border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none;
}

.woocommerce .panel {
  background: transparent;
}

.woocommerce-page div.product .woocommerce-tabs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 20px 0 0 0;
  padding: 0 20px 0 0;
  height: inherit;
  width: 30%;
}

.woocommerce div.product .woocommerce-tabs .panel {
  width: 70%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: 1px solid transparent;
}

@media (max-width: 700px) {
  .woocommerce-page div.product .woocommerce-tabs {
    flex-direction: column;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
  }

  .woocommerce div.product .woocommerce-tabs .panel {
    width: 100%;
  }
}

/* cart */

td.product-thumbnail {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 768px) {

  .woocommerce #content table.cart .product-thumbnail,
  .woocommerce table.cart .product-thumbnail,
  .woocommerce-page #content table.cart .product-thumbnail,
  .woocommerce-page table.cart .product-thumbnail {
    display: block;
  }

  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    display: none;
  }

  #add_payment_method table.cart img,
  .woocommerce-cart table.cart img,
  .woocommerce-checkout table.cart img {
    width: 100px;
  }

  .woocommerce table.shop_table_responsive tr td.product-remove,
  .woocommerce-page table.shop_table_responsive tr td.product-remove {
    text-align: left !important;
  }
}

.woocommerce table th {
  background: transparent;
}

.woocommerce-cart .woocommerce-breadcrumb,
.woocommerce-checkout .woocommerce-breadcrumb {
  width: 100%;
  padding-left: 0;
}

@media (max-width: 800px) {

  .woocommerce-cart .woocommerce-breadcrumb,
  .woocommerce-checkout .woocommerce-breadcrumb {
    margin-top: 30px;
  }
}

.woocommerce-cart .sidebar-widget {
  margin-right: 0;
}

.woocommerce-cart .mainBody,
.woocommerce-checkout .mainBody {
  background: #020202;
}

#add_payment_method .cart-collaterals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button {
  text-decoration: underline;
}

.woocommerce table.shop_table {
  font-size: 1.6rem;
}

.woocommerce table.shop_table a:not(.remove) {
  text-decoration: underline;
}

.woocommerce-cart #coupon_code {
  width: 160px;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media (max-width: 700px) {
  .woocommerce-cart #coupon_code {
    width: 45%;
    margin-bottom: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.woocommerce-info a {
  color: #000000;
  text-decoration: underline;
}

/* checkout */

.woocommerce-checkout .woocommerce-info {
  background: transparent;
  border-top: none;
  padding-left: 0;
}

.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-info *:not(a) {
  color: #ffffff;
}

.woocommerce-checkout .woocommerce-info a {
  color: #9fdcf5;
}

.woocommerce-checkout .woocommerce-info:before {
  display: none;
}

#billing_company_field,
#shipping_company_field {
  display: none;
}

.woocommerce #payment label {
  color: #000000;
}

.woocommerce form #payment .form-row.woocommerce-invalid label {
  color: #a00;
}

#payment_box {
  color: ;
}

.woocommerce-checkout-payment {
  margin-top: 30px;
}

/* store home page */

.store-home .woocommerce-breadcrumb,
.store-home .sidebar-widget,
.store-home .categories,
.store-home .woocommerce-result-count,
.store-home .woocommerce-ordering,
.store-home li.product,
.store-home .woocommerce-pagination {
  display: none;
}

.store-home .utility-row {
  padding-bottom: 0;
}

.store-home li.product.product-category {
  display: block;
}

.store-home li.product mark {
  background: transparent;
  color: #ffffff;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
}

.store-home .woocommerce ul.products li.product .woocommerce-loop-category__title {
  font-size: 18px;
  text-align: center;
  padding-top: 5px;
}

.store-home.woocommerce ul.products {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.store-home.woocommerce ul.products li.product,
.store-home.woocommerce-page ul.products li.product {
  width: 20%;
  float: none;
  margin-right: 0;
}

.store-home.woocommerce ul.products li.product img,
.store-home.woocommerce-page ul.products li.product img {
  display: block;
  margin: 0 auto;
  width: 97%;
}

@media (max-width: 767px) {

  .store-home.woocommerce ul.products li.product,
  .store-home.woocommerce-page ul.products li.product {
    width: 50%;
  }
}

.store-home .categories-heading {
  margin-top: 30px;
}

.store-home #mainContent h1 {
  text-align: center;
}

@media (max-width: 800px) {

  body.woocommerce.store-home .mobile-image,
  body.woocommerce-page.store-home .mobile-image {
    display: none !important;
  }
}

.store-home .wp-block-button__link,
.store-home .wp-block-button__link:visited,
.store-home .wp-block-button__link:active,
.store-home .wp-block-button__link:focus {
  background: #557c96 !important;
  color: #ffffff !important;
  border-radius: 4px;
  padding: 7px 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  justify-content: center;
  width: 245px;
  max-width: 100%;
  margin: 10px auto;
}

.store-home .wp-block-button__link:hover {
  background: #456579 !important;
}

.store-home .utility-row {
  border-bottom: none;
  margin-bottom: 0;
}

.woocommerce-privacy-policy-text p,
.woocommerce-privacy-policy-text a,
.woocommerce .woocommerce-terms-and-conditions *,
.woocommerce .woocommerce-terms-and-conditions h2 {
  color: black !important;
}

.woocommerce-terms-and-conditions-link {
  color: black;
  text-decoration: underline;
}

.woocommerce-privacy-policy-text a {
  text-decoration: underline;
}

.js-wc-cybersource-credit-card-new-payment-method-form {}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
  padding: 0;
}