/* STYLES ADDED BY GORILION GRID VIEW */
/* eCellar styling */

/* let's make the loading spinner look like a wart, but keep on checkout */
body:not(.page-id-1350) .ecp-ui-block {
	width: 10px !important;
	height: 10px !important;  
	background-size:cover !important;
	position: absolute !important; 
	right: 0 !important; 
	top: 15px !important; 
	z-index: 500; 
}

.home #account-cart {
	color:#fff;
}
.home #account-cart a {
	color:#fff;
}
#account-cart {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 99;
	font-size: 14px;
	min-width: 400px;

	text-align: right;
	text-transform: uppercase;
	font-weight: 500;
}
#account-cart .myaccount {
	margin-right: 20px;
}
#account-cart > div {
	display:inline-block;
	margin-right: 20px;
}
#account-cart .cart-label {
	/*font-weight: 600;*/

	margin-right: 3px;
}
#account-cart a {  
	position: relative;
}  

/* #account-cart a:not(:last-child)::after {  
content: "|";
margin: 0 0 0 20px;
}  

#account-cart .ecp-component.ecp_Presence a::after {  
content: "|";
margin: 0 0 0 20px;
}  
#account-cart a:hover {

} */

a.greeting {
	display: inline-block;
	margin-right: 20px;
}

.ecp_AddedToCart.ecp-sidekick {
	top: 190px;
}
.ecp-sidekick-header h2 {
	font-size: 18px !important;
}
.ecp_AddedToCart.ecp-sidekick .ecp-sidekick-content .ecp-columns-right {
	padding-left: 10px;
	padding-top: 0px;
}

body .ecp-sidecart {
	z-index: 100000;
}

.page-id-1350 .et_builder_inner_content,
.page-id-1347 .et_builder_inner_content,
#contact-id.et_pb_section,
#contact-id.et_pb_section .et_pb_row,
#contact-id.et_pb_section .et_pb_row .et_pb_column {
	position: static;
}

/* steps background color */
ul.ecp-stepper li.ecp-stepper-active {
	background-color: #000000 !important;
	border-color: #000000 !important;
}


/* BUTTONS */
.ecp-component button, .ecp-form button {
	background: none !important;
	margin-right: 5px;
	position: relative;
	border: none !important;
	color:#000000!important;  
	font-weight: 500 !important;
	text-shadow: none;
	transition: all 300ms ease 0ms;
	-webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	box-sizing: initial !important;
	display:inline-block !important;
	width:auto !important;
	font-size: 16px;
	line-height: 1.7em !important;	
	padding: .3em 1em !important;
	background-color: #c3c3c3 !important;
	border-radius: 3px !important;
}

.ecp-component.ecp_OrderReview button,
.ecp-component.ecp_EditBillingAddress--checkout button,
.ecp-component.ecp_SelectShippingAddress button,
.ecp-component.ecp_SelectPaymentMethod button,
.ecp-component.ecp_CustomizeVirtualGiftCards button,
.ecp-component.ecp_SideCart button,
.ecp-component.ecp_Cart button,
.ecp-component button[data-ecp-action="add-to-cart"], 
.ecp-form button[data-ecp-action="add-to-cart"] {
	background-color: #a62825 !important;
	color:#fff!important;  	
}

.ecp-component button::after, .ecp-form button::before {
	font-family: ETmodules !important;
	font-size: 1.6em;
	line-height: 1em;
	content: "\35";
	opacity: 0;
	position: absolute;
	margin-left: -1em;
	-webkit-transition: all .2s;
	transition: all 300ms ease 0ms;
	text-transform: none;
	-webkit-font-feature-settings: "kern" off;
	font-feature-settings: "kern" off;
	font-variant: none;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
}

.ecp-component button:hover {
	padding: .3em 2em .3em .7em!important;
}
.ecp-component button:hover::after {
	opacity: 1;
	margin-left: 0;
}


.ecp_ProductDetail .ecp-form button {
	margin-left: 10px !important;
}

/* account sidebar */
.ecp_AccountNavWrapper .ecp_AccountNav ul li a {
	/* color: #000000; */
	text-transform: none;
}

.ecp_AccountNavWrapper .ecp_AccountNav ul li a:hover {
	/* color: #000000CC; */
}

.ecp_AccountNavWrapper .ecp_AccountNav ul li a svg {
	/* fill: #000000; */
}

.ecp_AccountNavWrapper .ecp_AccountNav ul li a svg:hover {
	/* fill: #000000CC; */
}

.ecp_AccountNavWrapper .ecp-dropdown-toggle {
	/* color: #000000; */
	/* background-color: #ffffff; */
}

/* PRODUCTS LISTING */

.ecp_CategoryWithProducts .ecp-x-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: space-between;
	row-gap: 3rem;
	column-gap: 1rem;
}
.ecp_CategoryWithProducts .ecp-list-item {
	/* single list item */
	margin: 0px 40px 40px 0px;
	border: none;
	color:var( --e-global-color-primary );
}

.ecp_GeneralCart [data-ecp-handle="products"] {
	display:block;
}
.ecp_CategoryWithProducts h2 {
	display: none;
}
.ecp_CategoryWithProducts .ecp-list-item .ecp-form-row {
	display:block;
	text-align: center;
}
.ecp_CategoryWithProducts .ecp-list-item .ecp-form-row .ecp-form-row-col-75, .ecp_CategoryWithProducts .ecp-list-item .ecp-form-row .ecp-form-row-col-25 {
	display:inline-block;
	float:none !important;
	width:auto;
	vertical-align: top;
}
.ecp_CategoryWithProducts .ecp-list-item .ecp-form-row .ecp-form-row-col-75 .ecp-form-tip {
	display:block;
	clear:both;
	width: 100%;
}
.ecp_CategoryWithProducts .ecp-price, .ecp_CategoryWithProducts .ecp-price-discounted, .ecp_CategoryWithProducts .ecp-price-regular {
	font-weight:500;  
	margin-bottom: 0px !important;
}
.ecp_CategoryWithProducts select[name="product_qty"] {
	width: 50px;
}
.ecp_CategoryWithProducts .ecp-columns-left, .ecp_CategoryWithProducts .ecp-columns-right {
	width:100% !important;
	float:none !important;
	text-align: center;
}
.ecp_CategoryWithProducts .ecp-columns {
	margin-bottom: 0px !important;
}
.ecp_CategoryWithProducts h3 {
	text-align: center;
	max-width: 235px;
	margin:0px auto !important;
}
.ecp_CategoryWithProducts img {
	max-height: 300px;
}
.ecp-form .ecp-grid-row .ecp-grid-col-6 {
	width:auto;
	margin-right: 10px;
}
.ecp_ProductDetail .ecp-form .ecp-form-row-col-25 {
	max-width: 50px;
}

body .ecp_ProductDetail .ecp-columns-left {
	padding-right: 2rem;
}

body .ecp_ProductDetail .ecp-columns-left {
	max-height: 500px;
}

body .ecp_CategoryWithProducts select[name="product_qty"],
body .ecp_ProductDetail select[name="product_qty"] {
	padding: .4em 0;
	height: auto !important;
	font-size: 16px;
	line-height: 1.7em !important;
	margin-bottom: 0;
}

.ecp-form select {
	box-sizing: border-box;
	height: 49px !important;

	-webkit-appearance:menulist !important;
	-moz-appearance:menulist !important;
	appearance:menulist !important;
}
.ecp_CategoryWithProducts div.ecp-html-subtitle {
	text-align: center;
}
.ecp-callout-box {
	padding: .75rem 1.5rem;
	background-color: transparent;
	font-weight: 700;
	text-transform: uppercase;
	transition: color .1s linear,background-color .1s linear,border-color .1s linear;
	-webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	box-sizing: initial !important;
	border: 2px  var( --e-global-color-secondary ) !important;
	color:  var( --e-global-color-secondary ) !important;
	letter-spacing: 1px;
	-o-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-ms-border-radius: 4px !important; 
	border-radius: 4px !important;
}
.ecp_GeneralCart select {
	text-align: center !important;
}
.ecp-wrapper {
	min-height: 0px !important;
}
.ecp_AllocationCart div.ecp-html-subtitle {
	font-size: normal;
}

div.ecp-list-item  ul.ecp-item-list {
	display: none;
}

ul.ecp-item-list.ecp-variant {
	display: block !important;
}

div.ecp-html-content p + div { /* remove extra divs for move to top "select options" */
	display: none;
}
div.ecp-list-item h3 + ul.ecp-list-item { 
	display: none 
}

/* style the variants drop-down */
.ecp_CategoryWithProducts .ecp-list-item [data-ecp-handle="attributes"] {
	/* hide attributes from above bottle 
	display:none;*/
}


.ecp_CategoryWithProducts .ecp-slide-toggle .ecp-list-item {
	margin:0px;

}
.ecp_CategoryWithProducts .ecp-slide-toggle .ecp-grid .ecp-grid-row{
	display:inline-flex;
}

.ecp_CategoryWithProducts .ecp-slide-toggle button {
	font-size: 14px;
	padding:0px 9px;
}


/* styling of variants */
.ecp_CategoryWithProducts .ecp-slide-toggle ul.ecp-variant li,  
.ecp_CategoryWithProducts .ecp-columns-left .ecp-item-list li, 
.ecp_ProductDetail .right-col .ecp-variants .ecp-card ul li {
	font-size: 12px;
	margin-right: 0px;
	text-transform: uppercase;
	font-weight: 500;
}

/* hide variant labels */
.ecp-variants ul li .variant_label {
	display:none;
}

.ecp_CategoryWithProducts .ecp-slide-toggle .ecp-list-item .ecp-price {
	margin:0px;
}
.ecp_CategoryWithProducts .ecp-slide-toggle .ecp-list-item select[name="product_qty"] {
	margin-top: -15px;
}
.ecp_CategoryWithProducts .ecp-slide-toggle .ecp-list-item .ecp-form-row {
	display: flex;
	justify-content: space-between;
}

/* newsletter */
.ecp_JoinNewsletter > div[data-ecp-handle="form"] > h3,
.ecp_JoinNewsletter > div[data-ecp-handle="form"] > p {
	display: none;
}

.ecp_JoinNewsletter > div[data-ecp-handle="form"] > form button {
	background-color: var( --e-global-color-secondary ) !important;
	color: #fff !important;
}

.ecp_JoinNewsletter [data-ecp-handle="thankyou"] *,
.ecp_JoinNewsletter [data-ecp-handle="thankyou"] h3,
.ecp_JoinNewsletter [data-ecp-handle="thankyou"] p {
	color: #fff;
}


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

	.ecp_CategoryWithProducts .ecp-x-list {
		grid-template-columns: 1fr 1fr;
	}

}

@media screen and (min-width: 1023px) {
	#account-cart {  min-width: 640px; }
	/* lets shrink elements se they aren't full width awkward on desktop
	idealy we want to just change the column width but can't.
	*/
	.ecp-component.ecp_LocateAccount, 
	.ecp-component.ecp_ForgotPassword, 
	.ecp-component.ecp_CreateCustomer,
	/*
	.ecp-component.ecp_EditProfile,
	.ecp-component.ecp_EditBillingAddress,
	.ecp-component.ecp_ChangePassword,
	*/
	.ecp_GeneralCart, 
	.ecp-component.ecp_JoinList, 
	.ecp-component.ecp_CreateShippingAddress--checkout,
	.ecp-component.ecp_CreateBillingAddress--checkout,
	.ecp-component.ecp_EditBillingAddress--checkout,
	.ecp-component.ecp_JoinClub,
	.ecp-component.ecp_JoinClub__SelectTier,
	.ecp-component.ecp_SelectShippingAddress,
	/*.ecp-component.ecp_ShippingAddresses,*/
	.ecp-component.ecp_SelectPaymentMethod,
	.ecp-component.ecp_OrderReview,
	.ecp-component.ecp_CheckoutThankYou,
	/*
	.ecp-component.ecp_OrderDetail,
	.ecp-component.ecp_Dashboard,
	.ecp-component.ecp_PaymentMethods,
	.ecp-component.ecp_Reservations,
	.ecp-component.ecp_Orders,
	.ecp-component.ecp_CreateClubSubscription,
	.ecp-component.ecp_ClubSubscriptions,
	.ecp-component.ecp_Remixes,
	*/
	.ecp-component.ecp_RemixCart,
	.ecp-component.ecp_RemixReview,
	.ecp-component.ecp_ReservationTimes,
	.ecp-component.ecp_JoinClub__CreateCustomer,
	.ecp-component.ecp_JoinClub__CreateShippingAddress,
	.ecp-component.ecp_JoinClub__CreateBillingAddress,
	.ecp-component.ecp_JoinClub__CreatePaymentMethod,
	.ecp-component.ecp_ReservationSearch
	/*.ecp-component.ecp_CreateShippingAddress*/

	{
		max-width: 60%;
		/*margin: 0px auto;*/
	}
}

@media screen and (max-width: 980px) {
	#account-cart {
		right: 0;
		top: -22px;
		min-width: unset;
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#account-cart > div:last-of-type {
		margin-right: 0;
	}

	body.et_header_style_split header#main-header .logo_container,
	body.et_header_style_split #et_mobile_nav_menu {
		margin-top: 10px;
	}
}

@media screen and (min-width: 800px) {
	.ecp_Dashboard .ecp-box-set-items {
		gap: 1rem;
	}
	.ecp_Dashboard .ecp-box-set-items .ecp-box-set-item:first-of-type .ecp-box-set-item-box {
		height: 100%;
	}
	.ecp_Dashboard .ecp-box-set-items .ecp-box-set-item .ecp-box-set-item-box {
		margin-bottom: 0;
		min-height: 160px;
	}
	.ecp_Dashboard .ecp-box-set-items .ecp-box-set-item .ecp-box-set-item-box:not(:last-of-type) {
		margin-bottom: 1rem;
	}
}

@media screen and (max-width: 800px) {
	body .ecp_ProductDetail .ecp-columns-left {
		padding-right: 0;
	}
	body .ecp_ProductDetail .ecp-columns-left {
		padding-right: 2rem;
	}
	body .ecp_ProductDetail .ecp-columns-left img {
		max-height: 400px;
	}
}

@media screen and (max-width: 1000px) {
	.ecp_CategoryWithProducts .ecp-list-item {
		margin:0px;
	}
	.ecp_GeneralCart .ecp-columns-left {
		width: 10% !important;
	}
	.ecp_GeneralCart .ecp-columns-right {
		width: 80% !important;
	}
}

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

	.ecp_CategoryWithProducts .ecp-x-list {
		display: block;
		width: 100%;
	}

	#account-cart a:not(:last-child)::after {  
		margin: 0 0 0 10px;
	}  

	#account-cart .ecp-component.ecp_Presence a::after {  
		margin: 0 0 0 10px;
	}  

	#account-cart > div {
		margin-right: 10px;
	}

	a.greeting {
		margin-right: 10px;
	}
	body .ecp_CategoryWithProducts .ecp-list-item {
		margin-bottom: 4rem;
	}
}