.woocommerce div.product .product_title {
  font-size:3em;
}

.woocommerce div.product .col {
  position: relative;
}

/* Product Gallery */
.slider-product-gallery {
  width: 100%;
}

.slider-product-gallery[data-is-gallery="0"] {
  width: 100%;
}

.slider-product-gallery-thumbs {
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.slider-product-gallery-arrows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 125px);
  display: inline-flex;
  justify-content: space-between;
  padding: 10px;
  padding-right: 20px;
  align-items: center;
  pointer-events: none;
}

.slider-product-gallery-arrow {
  background: #000000;
  width: 35px;
  height: 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  border-radius: 30px;
  transition: all 300ms ease;
}

.slider-product-gallery-arrow.next.slick-arrow:hover {
  transform: translateX(4px);
  transition: all 300ms ease;
}

.slider-product-gallery-arrow.prev.slick-arrow:hover {
  transform: translateX(-4px);
  transition: all 300ms ease;
}

.slider-product-gallery-arrow.next.slick-arrow:before {
  content:'';
  height: 20px;
  width: 10px;
  background:url(/app/themes/devignstudios-toolkit/resources/icons/white-chevron.svg) no-repeat;
  background-size: cover;
  margin-left:5px;
  transform:rotate(180deg);
}

.slider-product-gallery-arrow.prev.slick-arrow:before {
  content:'';
  height: 20px;
  width: 10px;
  background:url(/app/themes/devignstudios-toolkit/resources/icons/white-chevron.svg) no-repeat;
  background-size: cover;
  margin-right:5px;
}

.slider-product-gallery-thumbs > .slick-list {
  height: 100% !important;
}

.slider-product-gallery-thumbs-item {
  margin-bottom: 10px;
  border: none !important;
}

.slider-product-gallery-thumbs-item {
  transition: all .5s ease; 
}

.slider-product-gallery-thumbs-item:not(.slick-current) {
  opacity: 0.4;
  transition: all .5s ease;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
  color:var(--brand-black);
  font-weight:500;
  font-size:1.5em
}

small.woocommerce-price-suffix {
  font-size: 0.8em;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
  background-color: var(--brand-black);
  font-weight:400;
  padding:15px 24px 12px 24px;
  line-height:1.2em;
  -webkit-font-smoothing:auto;
  border-radius:30px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
  background:#AAAAAA;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
  background-color:var(--brand-blue);
}

button.btn.btn-lightbox {
  position:absolute !important;
  right:15px;
  top:15px;
  height:50px;
  width:50px;
  background:#fff;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  transition:all 300ms ease;
}

button.btn.btn-lightbox:hover {
  transform:scale(1.1);
  transition:all 300ms ease;
}

.slider-product-gallery-thumbs-item {
  padding:10px 5px;
}


.slider-product-gallery-thumbs-item.slick-slide.slick-active.slick-center picture {
  border:2px solid black;
}

table.variations tr {
  display: flex;
  width:100%;
  padding:10px 0px;
  align-items:center;
}
table.variations tr .label,
tr.non-variation-qty .label {
  width:100px;
  font-size:1.1em;
  font-variation-settings: "slnt" 0, "wght" 500;
}

tr.non-variation-qty .label {
  padding:20px 0;
}

.woocommerce div.product form.cart .variations select {
  padding:15px;
  border:1px solid #E1E1E1;
  border-radius:5px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .woocommerce-variation-price span.price {
  color:#000 !important;
  font-size:1.5em;
}

.single-product .product_meta {
  margin-bottom:1.5em;
}

.woocommerce.single-product span.onsale {
  all:unset !important;
  padding:12px 24px !important;
  position: absolute !important;
  top:15px !important;
  left:25px !important;
  z-index: 9 !important;
  background-color: var(--brand-red) !important;
  color:#fff !important;
  border-radius:5px !important;
}

button.btn.btn-quantity.btn-quantity-minus,
button.btn.btn-quantity.btn-quantity-plus {
  height:30px;
  width:30px;
  padding: 0px;
  background-color: #F7F7F7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 3px;
}

button.btn.btn-quantity.btn-quantity-minus:hover,
button.btn.btn-quantity.btn-quantity-plus:hover { 
  background:#d9d9d9;
}

.woocommerce .quantity .qty {
  font-weight:600;
  border: none;
  font-size: 1.2em;
}

::-webkit-inner-spin-button {
  display:none;
}

.accordion-button {
  padding: 0;
  background: none;
  border-top:1px solid black;
}

.accordion-header {
  border-radius:0px;
}

.accordion-button:not(.collapsed) {
  color: #000;
  background: none;
  box-shadow: none;
  padding: 0;
}

.accordion-item {
  border: none;
}

.accordion-button:not(.collapsed)::after {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

div#product-tabs {
  border-radius: 0px !important;
}

.accordion-item:first-of-type .accordion-button {
  border-radius:0px !important
}

.accordion-body {
  padding:1em 0;
  margin-bottom:30px;
}

.accordion-body p {
  font-size:1em;
  color:#333;
}

.accordion-button:focus {
  border-color:var(--brand-blue);
}

.bp-img img, .bp-img div {
    object-fit: contain;
    background: #000;
}


@media (max-width: 768px) {

  .single-product h1 {
    font-size: 2.4rem;
  }

  .slider-product-gallery-thumbs {
    position: relative;
    width: 100%;
    top: unset;
    left: unset;
    height: auto;
    overflow: visible;
  }

  .slider-product-gallery-thumbs > .slick-list {
    height: unset !important;
    padding: 0 !important;
  }

  .slider-product-gallery-thumbs-item {
    margin-bottom: 0;
    margin-right: 10px;
  }

  .slider-product-gallery-arrows {
    position: relative;
    padding: 0 10px;
    width: 100%;
    transform: translate(0, -45px);
  }

  .slider-product-gallery-item {
    padding: 0;
  }

  .slider-product-gallery {
    width: 100%;
  }
}