/*
Theme Name: Staxx
Description: Simple. Affordable. Beatiful.
Author:  integritive inc.
Version: 1.0
Template: enfold
*/

:root {
	--main-theme: #005776;
	--dark: #005776;
	--alt-theme: #f8f8f8;
}

.avia-menu.av_menu_icon_beside {
	margin-right:0px;
	padding-right: 0px;
	border:none;
}

#menu-item-shop .cart_dropdown_link {
	padding-left: 0px;
	padding-right: 10px;
	margin-right: 10px;
}

#menu-item-wc-account-icon a {
	padding-right: 0px;
}
.av-cart-container svg {
	fill: black !important;
}

#top nav .social_bookmarks {
	margin-top: -15px;
	right: 25px;
}

.cart_dropdown_first .cart_dropdown_link.avia-svg-icon > .av-cart-container {
	margin-top: 1px;
}
/* Standardized classes for hiding things on desktop/mobile */
@media (min-width: 990px) {
	.staxx-desktop-hidden {
		display: none!important;
	}
}
@media (max-width: 990px) {
	.staxx-mobile-hidden {
		display: none!important;
	}
}

/* Fix for transparent logos with WebP Express in CDN Friendly mode */
#top .av_header_transparency.av_alternate_logo_active .logo a > picture > img {
	opacity: 0;
	filter: alpha(opacity=0);
}

@media only screen and (max-width: 767px) {
	.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > picture > img {
		opacity: 1;
	}
}

.main_color tr:nth-child(even) {
	color: black;
}

div table.shop_attributes td {
	font-style: inherit;
}

.tinvwl-table-manage-list .product-action {
	min-width: 160px;
}

div table.shop_attributes th {
	width: 175px;
}

.inner_product {
	border:0px;
}
/*= BUTTON STYLES ==============================================================*/
#top .button,
#top .avia-button,
#top .added_to_cart,
#top input[type="submit"],
#top .woocommerce a.button,
#top .woocommerce button.button {
	background-color: transparent;
	color: #000;
	border: 1px solid #000;
}
#top .button:hover,
#top .avia-button:hover,
#top .added_to_cart:hover,
#top input[type="submit"]:hover,
#top .woocommerce a.button:hover,
#top .woocommerce button.button:hover {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

/*= SAMPLE REQUEST & CHECK STOCK LINKS =========================================*/

.integ-order-sample {
	text-align: center;
	width: 95%;
}
#top .staxx-check-stock a,
#top .integ-order-sample .integ-order-sample-btn {
	background: transparent;
	border: none;
	color: #000;
	text-decoration: underline;
	padding: 0;
	cursor: pointer;
	font-size: inherit;
	line-height: 40px;
}
#top .staxx-check-stock a:hover,
#top .integ-order-sample .integ-order-sample-btn:hover {
	background: transparent;
	border: none;
	color: var(--main-theme);
}

/* Fix for Gravity Forms styling */
#top .gform_wrapper legend {
	font-weight: bold;
	font-size: 0.92em;
}
.gform_required_legend {
	display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hide-tablet {
		display: none!important;
	}
}

/*= CATALOG THUMBNAILS =========================================================*/
.thumbnail_container {
	aspect-ratio: 1.5;
	display: flex;
	align-items: center;
}

/*= PRODUCT ICONS (fire / outdoor) =============================================*/
.single-product-summary {
	position: relative;
}
.staxx-product-icons {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	gap: 8px;
	z-index: 1;
}
.staxx-product-icon {
	width: 70px;
	object-fit: contain;
}

/*= WISHLIST BUTTON POSITION ===================================================*/
.staxx-wishlist-top {
	float: right;
	margin-top: -2em;
}

/*= COLLAPSIBLE FILTER WIDGETS =================================================*/
.staxx-filter-toggle {
	cursor: pointer;
	position: relative;
	padding-right: 20px;
}
.staxx-filter-toggle::after {
	content: '\25BC';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 10px;
	line-height: 1;
}
.staxx-filter-expanded::after {
	content: '\25B2';
}

/* Hide decorative arrows on product cards */
.products .avia-arrow {
	display: none;
}

/*= STICKY PRODUCT GALLERY ===================================================*/
#top.single-product #wrap_all {
	overflow: clip;
}
html.responsive.single-product,
.responsive body.single-product {
	overflow-x: clip;
}
#top.single-product .product {
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
}
#top.single-product .single-product-main-image {
	float: none;
	overflow: visible;
	flex: 0 0 66.666%;
	max-width: 66.666%;
	position: sticky;
	top: 130px;
}
#top.admin-bar.single-product .single-product-main-image {
	top: 165px;
}
#top.single-product .single-product-summary {
	float: none;
	flex: 0 0 33.333%;
	max-width: 33.333%;
	min-width: 0;
}

#top .variations_form {
	margin-top: 15px;
}

.integ-product-sku {
	margin-bottom: 5px;
}

.integ-brief-description{
	margin-top: 0px;
	margin-bottom: 5px;
}

/*= Favorites ========================================*/
ul.products li.product .tinvwl_add_to_wishlist_button {
	font-size: 0px;
	line-height: 10px;
}


/*= PRODUCT GALLERY THUMBNAIL SLIDER ========================================*/
.single-product div.product .woocommerce-product-gallery {
	display: flex;
	flex-direction: row;
	gap: 10px;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
	flex: none;
	width: calc(100% - 90px);
	min-width: 0;
	order: 2;
	position: relative;
	overflow: hidden;
}
#top.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
	display: block;
	position: relative;
	padding-bottom: 69.83%; /* 419/600 = 0.6983 */
	background: #f0f0f0;
	overflow: hidden;
}
#top.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#top.single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox {
	left: 100px;
}
#top.single-product .single-product-main-image:not(:has(.integ-thumb-slider)) .avia-wc-30-product-gallery-lightbox {
	left: 100px;
}
#top.single-product .single-product-main-image:not(:has(.integ-thumb-slider)) .woocommerce-product-gallery .flex-viewport,
#top.single-product .single-product-main-image:not(:has(.integ-thumb-slider)) .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	margin-left: 90px;
}
.single-product div.product .woocommerce-product-gallery .integ-thumb-slider {
	order: 1;
	flex: 0 0 80px;
	position: relative;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	overflow-y: auto;
	overflow-x: hidden;
	gap: 4px;
	margin-top: 0;
	scroll-snap-type: y mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
	max-height: 100%;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
	display: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	float: none !important;
	width: 100% !important;
	flex: 0 0 auto;
	list-style: none;
	scroll-snap-align: start;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	display: block;
	width: 100%;
	cursor: pointer;
}
.integ-thumb-slider {
	position: relative;
}
.integ-thumb-arrow {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	width: 28px;
	height: 28px;
	border: none;
	border-radius: 50%;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: opacity 0.2s;
}
.integ-thumb-arrow:hover {
	background: #fff;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.integ-thumb-prev {
	top: 4px;
}
.integ-thumb-next {
	bottom: 4px;
}
.integ-thumb-arrow--hidden {
	opacity: 0;
	pointer-events: none;
}

#top .sub_menu>ul, #top .sub_menu>ul>li {
	line-height: 20px;
}
/*#top .menu-item-gtranslate > a > span::after {
	clear:both;
	content: 'Translate';
	display: block;
	text-align: center;
	font-size: 10px;
	top: -5px;
	position: relative;
}*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#top.single-product .single-product-main-image {
		flex: 0 1 50%;
		max-width: 49%;
		overflow: hidden !important;
		position: static;
		margin-right: 10px !important;
		padding-bottom: 0 !important;
	}
	#top.single-product .single-product-summary {
		flex: 0 1 50%;
		max-width: 50%;
		overflow: hidden;
	}
	.single-product div.product .woocommerce-product-gallery .flex-viewport {
		width: calc(100% - 70px);
	}
	.single-product div.product .woocommerce-product-gallery .integ-thumb-slider {
		flex: 0 0 60px;
	}
	#top.single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox {
		left: 80px;
	}

}

@media only screen and (max-width: 991px) {
	.responsive #top #menu-item-shop.cart_dropdown {
		margin: 0;
		top: 0;
		border: none;
		height: 100%;
		width: auto;
		line-height: 80px;
		position: static;
		margin-left: -39px;
	}

	.responsive #top #header_main #menu-item-shop .cart_dropdown_link {
		line-height: 80px;
	}
}

@media only screen and (max-width: 767px) {
	#top.single-product .product {
		flex-wrap: wrap;
	}
	#top.single-product .single-product-main-image {
		position: static;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#top.single-product .single-product-summary {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.single-product div.product .woocommerce-product-gallery {
		flex-direction: column;
	}
	.single-product div.product .woocommerce-product-gallery .flex-viewport {
		order: 1;
		width: 100%;
	}
	.single-product div.product .woocommerce-product-gallery .integ-thumb-slider {
		order: 2;
		flex-basis: auto;
	}
	.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
		flex-direction: row;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
	}
	.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
		width: 23% !important;
		flex: 0 0 23%;
	}
	#top.single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox {
		left: 10px;
	}
	#top form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button {
		float: left;
		width: calc(50% - 5px) !important;
		min-width: 0 !important;
		box-sizing: border-box;
		background: transparent;
		color: black;
		border: 1px solid black;
	}

	#top form.cart .button {
		background-color: transparent;
		color: black;
		border: 1px solid black;
		width: 95%;
	}

	#top .integ-order-sample {
		float: right;
		width: calc(50% - 5px);
	}
	#top .integ-order-sample .integ-order-sample-btn {
		width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}
	.single-product div.product .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper {
		max-width: 100%;
	}
}

/* WC password-toggle eye icon — Staxx disables woocommerce-layout.css, so
   the show-password button rendered by WC's JS has no styling otherwise. */
.woocommerce form .form-row .woocommerce-Input-wrapper,
.woocommerce form .form-row .woocommerce-input-wrapper,
.woocommerce form .form-row .password-input {
	position: relative;
}
.woocommerce form .form-row .show-password-input {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: inherit;
	cursor: pointer;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0.7em;
	top: 50%;
	text-decoration: none;
	transform: translateY(-50%);
	-webkit-appearance: none;
}
.woocommerce form .form-row .show-password-input::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');
}
.woocommerce form .form-row .show-password-input.display-password::before {
	background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>');
}

/* Hide Enfold's "Display N Products per page" selector on shop/catalog pages.
   The per-page count is locked to 45 via loop_shop_per_page filter. */
.avia-product-sorting .sort-param-count {
	display: none !important;
}

/* Fix for displaying the scroll-top link on mobile */
@media only screen and (max-width: 767px) {
	.responsive #top  #scroll-top-link {
		display: block;
	}
}

.html_header_top #menu-item-shop.cart_dropdown {
	border: none;
}

/* Hide the cart's checkout button for users without a wd_customer_id.
   The body class is set by class-woocommerce-checkout.php; covers both the
   block-based cart submit and the classic cart shortcode button. */
body.integ-no-wd-customer .wc-block-cart__submit-container,
body.integ-no-wd-customer .wc-block-cart__submit-button,
body.integ-no-wd-customer .wc-proceed-to-checkout {
	display: none !important;
}