.snip-layout .snip-product__name {
	text-transform: none !important;
}
#snip-layout-shipping-method .snip-table th:first-of-type {		
}

#snip-layout-shipping-method .snip-table th:first-of-type::after {
  content: " - All of our products are shipped fresh from Hershey, PA!";
	text-transform: none !important;
	font-weight: bold;
  color: #3f000b;
}

.snip-layout .snip-product__thumbnail {
  display: block !important;
}

.snip-customfields {
  display: none !important;
}

#snipcart-main-content .custom-snipcart-footer-text {
  background-color: rgba(240,240,240,1);
  padding: 10px 20px;
}

#snipcart-main-content .custom-snipcart-footer-text h2 {
  font-size: larger;
  font-weight: bold;
  padding: 10px 0;
}

.snip-customfields {
  color: white !important;
}

.snipcart-customfield-text {
  display: none;
}

.snipcart-overwrite #snipcart-footer {
    display: none;
}

.snipcart-overwrite #snipcart-header #snipcart-title {    
    background: url('/images/logo-w.png') no-repeat 0 center;    
    padding-left: 120px;
}


.snipcart-overwrite #snipcart-header, .snipcart-overwrite #snipcart-footer {    
    background-color: #3f000b;
}

.snipcart-overwrite #snipcart-header-total {    
    background-color: #3f000b;
    border: 2px solid white;
}

#snipcart-previous, #snipcart-next {
  background-color: #3f000b;
  color: white;
}

.snip-product__thumbnail {
  width: 100px !important;
  height: 100px !important;
  transition: transform .2s;
}

.snip-product__thumbnail:hover {
  transform: scale(3);
  border: 1px solid #3f000b;
}

#snipcart-actions a {
  background-color: #3f000b;
  color: white;
}

/* "Continue shopping" in the cart header (it closes the cart). Snipcart v2 only shows it on the cart items view and
   only at 48em (768px) and wider; show it on every view (including the empty cart) and on phones too, except on the
   last step, where Snipcart puts its Place Order button in the same spot. White outline on the maroon header. */
.snipcart-overwrite #snipcart-header #snipcart-cartitems-continue-top {
  display: block;
  position: absolute;
  top: 50%;
  right: 1.25em;
  margin-top: -1.5em;
  border: 2px solid #fff;
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font-family: 'Rubik', sans-serif;
  font-weight: 600;
}
.snipcart-overwrite #snipcart-header #snipcart-cartitems-continue-top:hover {
  background: #fff;
  color: #3F000B;
}
.snipcart-overwrite #snipcart-header:has(#snipcart-placeorder-top:not([style*="none"])) #snipcart-cartitems-continue-top {
  display: none;
}
/* the X does the same thing, so on wider screens hide it whenever Continue shopping shows (as Snipcart does on the items
   view); on phones the X stays at the right and, in landscape, Continue shopping sits at the left */
@media only screen and (min-width: 48em) {
  .snipcart-overwrite .snip-layout:has(#snipcart-placeorder-top[style*="none"]) #snipcart-close {
    display: none;
  }
}
@media only screen and (max-width: 48em) {
  .snipcart-overwrite #snipcart-header #snipcart-cartitems-continue-top {
    margin-top: -14px;
    height: 28px;
    padding: 0 12px;
    line-height: 24px;
    font-size: 11px;
    right: auto;
    left: 10px;
  }
}
/* phones held upright don't have room for it beside the subtotal; the X alone closes the cart there */
@media only screen and (max-width: 48em) and (orientation: portrait) {
  .snipcart-overwrite #snipcart-header #snipcart-cartitems-continue-top {
    display: none;
  }
}



.snipcart-overwrite #snipcart-main-container span.snipcart-unit-price,  .snipcart-overwrite #snipcart-main-container span.snipcart-total-price, .snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-product-name, .snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-shipping-method-name, .snipcart-overwrite  #snipcart-main-container table.snipcart-list span.snipcart-shipping-method-price, .snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-quantity, .snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-price, .snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-total-price, .snipcart-overwrite #snipcart-main-container label, .snipcart-overwrite ul#snipcart-steps li span.snipcart-step-text, .snipcart-overwrite #snipcart-main-container table.snipcart-list th, .snipcart-overwrite #snipcart-main-content .snipcart-column span.snipcart-title, .snipcart-overwrite table#snipcart-confirm-prices tr td span, .snipcart-overwrite #snipcart-main-container .snipcart-full-width-text span.snipcart-title, .snipcart-overwrite #snipcart-main-container .snipcart-full-width-text, .snipcart-overwrite #snipcart-step-content-emptycart .snipcart-full-width-text p, .snipcart-overwrite #snipcart-blocked .snipcart-full-width-text p, .snipcart-overwrite #snipcart-header #snipcart-total span, .snipcart-overwrite #snipcart-header #snipcart-title  {
    font-family: 'Rubik', sans-serif;
    color: white;    
}

/* Empty cart: sentence-case text (Snipcart sets it in capitals) and our Continue Shopping button under it (js/cart-tweaks.js) */
.snipcart-overwrite .snip-layout .snip-product__empty {
  text-transform: none;
  font-family: 'Rubik', sans-serif;
  color: #555;
}
.snipcart-overwrite .snip-layout .snipEmptyContinue {
  padding: 0 2em 1.5em;
  text-align: center;
}

/* "Duplicate and Edit" under each personalized cart item (js/cart-tweaks.js) */
.snipcart-overwrite .snip-layout .snipDuplicate {
  display: inline-block;
  margin: 4px 0 6px;
  padding: 4px 12px;
  border: 1px solid #007BBD;
  border-radius: 999px;
  background: #fff;
  color: #007BBD;
  font-family: 'Rubik', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  cursor: pointer;
}
.snipcart-overwrite .snip-layout .snipDuplicate:hover,
.snipcart-overwrite .snip-layout .snipDuplicate:focus {
  background: #007BBD;
  color: #fff;
}
.snipcart-overwrite .snip-layout .snipDuplicate[disabled] {
  opacity: .7;
  cursor: default;
}
