/*
 * eFlow Store Customizer - @Copyright 2022 -Author: RJ Ruggiero - Website: http://axyn.com
 */



#stacks_in_12_7 .dummy-stacks_in_12_7 {
	font-size: 1rem;
	
	 
	
	
}

/* Reflow theme basic settings */
:root {
    --ref-white: var(--bs-white, var(--white, rgba(255, 255, 255, 1.00))) !important;
    --ref-gray-100: var(--bs-gray-100, rgba(248, 249, 250, 1.00)) !important;
    --ref-gray-300: var(--bs-gray-300, rgba(222, 226, 230, 1.00)) !important;
    --ref-gray: var(--bs-gray-600, rgba(178, 184, 191, 1.00)) !important;
    --ref-gray-700: var(--bs-gray-700, %id-grey2[1]%) !important;
    --ref-darkgray: var(--bs-gray-800, rgba(73, 80, 87, 1.00)) !important;
    --ref-black: var(--bs-black, var(--black, rgba(0, 0, 0, 1.00))) !important;
    --ref-primary: var(--bs-primary, var(--primary, rgba(13, 110, 253, 1.00))) !important;
    --ref-success: var(--bs-success, var(--success, rgba(32, 201, 151, 1.00))) !important;
    --ref-danger: var(--bs-danger, var(--danger, rgba(255, 0, 81, 1.00))) !important;
    --ref-warning: var(--bs-warning, var(--warning, rgba(247, 226, 150, 1.00))) !important;
    --ref-body-color: var(--bs-body-color, rgba(33, 37, 41, 1.00)) !important;
    --ref-border-radius: 0.30rem !important;
    --ref-gutter-sm: 0.50em !important;
    --ref-gutter-md: 1.0em !important;
    --ref-gutter-lg: 2.0em !important;
    --ref-gutter: var(--ref-gutter-md);
    --ref-input-padding: 0.50rem !important;
    --ref-input-padding-sm: 0.50rem !important;
    --ref-btn-padding: 0.50rem 1.50rem !important;
    --ref-btn-border-radius: 0.30rem !important;
}

.reflow-product-list.ref-cards .ref-products .ref-media .ref-image {
	border-radius: var(--ref-border-radius);
}
.ref-button {color: var(--ref-white) !important;}
#stacks_in_15.aspen_split{
	position: relative;
	font-size: 15px;
	padding: 10px 100px 10px 54px;
}
@media screen and (min-width: 770px){
	#stacks_in_15.aspen_split{
		padding: 6px 326px 9px 224px;
	}
}
#stacks_in_15.aspen_split section.theme {position: relative;z-index: 1;}
#stacks_in_15.aspen_split .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
#stacks_in_15.aspen_split .bg{
	position: absolute; display: block;
	top: 0;left: 0; width: 100%; height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateZ(0);
	will-change: transform;
	
	opacity: 0.3;
	
	
}

#stacks_in_15.aspen_split .bg{position: fixed;}
@supports (-ms-ime-align:auto) {
	#stacks_in_15 .bg{ position: absolute; transform: none; background-attachment: fixed; }
}


#stacks_in_15.aspen_split{
	text-align:left;
	background-image: linear-gradient(to bottom, rgba(204, 204, 204, 1.00), rgba(230, 230, 230, 1.00));
}

 
#stacks_in_15.aspen_split{color:rgba(0, 0, 0, 1.00);} 
#stacks_in_15.aspen_split h1, 
#stacks_in_15.aspen_split h2,
#stacks_in_15.aspen_split h3, 
#stacks_in_15.aspen_split h4, 
#stacks_in_15.aspen_split h5, 
#stacks_in_15.aspen_split h6{color: rgba(51, 51, 51, 1.00);} 
#stacks_in_15.aspen_split a{color: rgba(0, 0, 0, 1.00);} 
#stacks_in_15.aspen_split a:hover{color: rgba(0, 0, 0, 1.00);}
 /* not sure why I had done this?
 div[data-reflow-type="view-cart"] {
	margin-top: 51px;
 }*/
 /* icon */
 #icon_stacks_in_16 {
	 fill: rgba(253, 128, 8, 1.00) !important;
 }
 #icon_stacks_in_16:hover {
	 fill: rgba(85, 85, 85, 1.00) !important;
 }
 /* counter */
#stacks_in_16.has-quantity::before {
	color: rgba(255, 255, 255, 1.00) !important;
	font-size: 20px;
	background-color: rgba(255, 0, 0, 1.00) !important;
}
#stacks_in_16.has-quantity:hover::before {
	color: rgba(255, 255, 10, 1.00) !important;
	background-color: rgba(255, 0, 0, 1.00) !important;
}

#icon_stacks_in_16:hover {
   transform: scale(1.1) !important;
}



/*
#stacks_in_4 .reflow-product-list.ref-cards .ref-image {
}
#stacks_in_4 .ref-addons,
#stacks_in_4 .ref-product-data:not(p::before) {
   text-align: center !important;
}
*/
#stacks_in_4 .reflow-product-list.ref-cards .ref-products {
   display: flex;
 	flex-wrap: wrap !important;
	
	 
  }
#stacks_in_4 .reflow-product-list.ref-cards .ref-product {
	flex: 0 0 275px;
}
#stacks_in_4 .reflow-product-list.ref-cards .ref-media {
	height: 275px;
}
#stacks_in_4 .reflow-product-list.ref-cards .ref-product .ref-addons {
	opacity: 1 !important;
	visibility: visible !important;
}