/*  Small screens */
@media only screen { 
.woocommerce.archive .woocommerce-products-header{
    display: none;
}


#single-shop-related-inner{padding-top: 50px;}
#single-shop-related-inner .row-inner{
    border-top: 1px solid #ddd;

}

.woocommerce-message {
    border-top-color: #42273e;
}

.woocommerce-message::before {
    content: "\e015";
    color: #42273e;
}

.label {
    display: inline-block;
    padding: unset;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: transparent;
    color: #231F20;
}

label {
    display: block;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    color:  #231F20;
}
.woocommerce #primary{
	margin-bottom: 1.18rem;
}
#drumtone-content{
    margin-top: 25px;
    border-top: 1px solid #e8e8e1;
	padding-top: 25px;
}

#drumtone-content h2:first-of-type{
	display: none;
}
.single-product.woocommerce .quantity .qty{
	margin-bottom: 0;
	width: 100%;
}
.woocommerce div.product form.cart .variations select{
	margin-bottom: 5px;
}
.woocommerce div.product form.cart .variations.unstriped tbody tr,
.woocommerce div.product form.cart .variations tbody{
	border: none;
	background-color: transparent;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
	line-height: 1em;
}
.woocommerce div.product form.cart .variations td{
	padding-bottom: 0;
}
.woocommerce div.product form.cart .reset_variations{
	margin-left: 5px;
}

.from{display: none;}
.cart-contents:before {font-family: "Font Awesome 5 Free";content: "\f07a";font-size:28px;margin-top:10px;font-style:normal; font-weight:900;padding-right:5px;vertical-align: bottom;}
.cart-contents:hover {text-decoration: none;}
.cart-contents-count {color: #fff;background-color: #2ecc71;font-weight: bold;border-radius: 10px;padding: 1px 6px;line-height: 1;font-family: Arial, Helvetica, sans-serif; vertical-align: top;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a{
    font-size: 12px;
    margin: -25px 0 10px;
    color: #231F20;
}
.woocommerce div.product .product_title {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    font-size: 1.83467rem;
    margin-bottom: 0;
     color: #384dab; 
}

.woocommerce div.product .release-date{
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 18px;
    font-style: italic;
    display: block;
}

.woocommerce-product-details__short-description p{
    font-size: 14px;
    color: #231F20;
}

.woocommerce ul.products li .woocommerce-product-details__short-description p{
    font-size: 12px;
    color: #231F20;
    margin-bottom: 0;
}


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #1c1d1d;
    font-size: 1.25rem;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #1c1d1d;
}

.woocommerce ul.products li.product a img{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.woocommerce .products ul li, .woocommerce ul.products li,
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	text-align: center;
    font-size: 1.125rem;
}
.video-caption,
.product_meta .posted_in,
.product_meta .sku_wrapper{
    display: block;
    font-size: 12px;
    color: #231F20;
}
.product_meta .posted_in a{color: #231F20;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a:hover,
.product_meta .posted_in a:hover{text-decoration: underline;}

/************* Button Colors  ********************/
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce 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)) 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)) a.button,
.woocommerce.archive:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
    color: #fff;
    background-color: #384dab;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce.archive:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce.archive:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:focus{
    background-color: #505050;
    color: #fff;    
}

/********* End Button Colors  *******************/

} /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 63.938em) { } /* min-width 641px and max-width 1023px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.000em) { } /* min-width 1024px, large screens */

@media only screen and (min-width: 64.000em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/*  XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

/*  Tablet Portrait screens */
@media only screen and (min-width: 37.500em) and (max-width: 56.250em) and (orientation: portrait) {
.hide-tablet-portrait {display: none !important;}
.show-tablet-portrait {display: inherit !important;}
 } /* tablet-only issues min-600px max-900px */