/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.site-aside {
	padding: 0 var(--gutter-width);	
}

.widget {
	margin: var(--space-large), auto;
}

.widget select {
	max-width: 100%;
}

/* WC Product Filters */

/* Widget area toggle button */
.sidebar-shop-toggle {
	align-items: center;
	background: none;
	border: 1px solid var(--gray-light);
	border-radius: var(--border-radius);
	color: var(--color-neutral-800);
	display: flex;

	font-size: 0.7777em;
	font-weight: var(--typeface-weight-medium);
	justify-content: center;
	padding-bottom: var(--space-xsmall);
	padding-top: var(--space-xsmall);
	width: 100%;
}

/* Uses angle down/up */
.sidebar-shop-toggle::after {

	content: var(--icon-ftm-angle-down);
	font-family: icon !important;

	font-size: 1.25em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	margin-left: 0.5em;
	text-transform: none;
}

.sidebar-shop-toggle.toggled::after {
	content: var(--icon-ftm-angle-up);
}

/* Collapsable widgets */
.widget-toggle {
	align-items: center;
	background: none;
	border-radius: var(--border-radius);
	color: var(--color-neutral-800);
	display: flex;
	font-weight: var(--typeface-weight-medium);
	padding: var(--space-normal) 0;
	width: 100%;
}

.widget-toggle::after {

	content: var(--icon-ftm-angle-down);
	font-family: icon !important;

	font-size: 1.25em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	margin-left: auto;
	text-transform: none;

}

.widget-toggle.toggled::after {
	content: var(--icon-ftm-angle-up);
}


.widget.collapsable {
	border-bottom: 1px solid var(--gray-light);

}

/* Hide the title for this widget */
.widget_layered_nav_filters .widget-title {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.widget_layered_nav_filters ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: calc(-1* var(--space-xxsmall));
	margin-right: calc(-1* var(--space-xxsmall));
}

.widget_layered_nav_filters li {
	margin: var(--space-xxsmall);
}

.widget_layered_nav_filters li a {
	border: 1px solid var(--gray-light);
	border-radius: 1.5em;

	color: inherit;
	font-size: 0.7777em;
	padding: var(--space-xxsmall) var(--space-xsmall);
	text-decoration: none;
}

.widget_layered_nav_filters a::before {
	display: none;
}

.widget_layered_nav_filters a::after {
	content: var(--icon-ftm-close);
	font-family: icon !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	margin-left: 0.5em;
	text-transform: none;
}

@media (min-width: 75em) {

	.has-sidebar .site-main {
		margin: 0 auto;
		max-width: 1336px;
	}

}

@media (min-width: 64em) {

	/* Shop sidebar starts to be on left */
	.site-main::after {
		clear: both;
		content: "";
		display: block;
	}

	.site-aside {
		clear: right;
		float: left;
		padding-right: 20px;
		width: 30%;
	}

	.sidebar-shop-toggle {
		display: none;
	}

	.collapsable-sidebar-shop {
		opacity: 1;
		position: static;
	}

}

.widget h4 {
	margin-bottom: 0;
}