.woocommerce-shop {
	main#main {
		margin-top: 8.55rem;
	}
}

.shop-archive {
	@include grid();
	grid-template-columns: 1fr 3fr;
	.shop-sidebar {
		& > p {
			font-family: opensans_semibold;
			font-size: 1.111rem;
		}
		.mobile-filter-toggles {
			flex-wrap: wrap;
			display: none;
			.btn-container {
				width: 50%;
				a {
					@include btn01();
					width: 95%;
				}
				a:hover {
					@include btn01_hover();
				}
				.nice-select {
					line-height: 1;
					position: relative;
					color: #fff;
					padding: 0.8rem 2.5rem;
					border: 1px solid #ff9914;
					transition: all .25s ease;
					display: inline-block;
					text-align: center !important;
					font-weight: 400;
					border-radius: 4rem;
					background: #ff9914;
					height: auto;
					width: 95%;
					span {
						font-family: opensans_bold;
						font-size: .6875rem;
						text-transform: uppercase;
					}
					ul {
						li {
							color: #2e1f27;
						}
					}
				}
				.nice-select:after {
					border-bottom: 2px solid #fff;
					border-right: 2px solid #fff;
					height: 13px;
					margin-top: -10px;
					right: 21px;
					width: 13px;
				}
				.nice-select:hover {
					border: 1px solid #E85D04;
					background: #E85D04;
				}
			}
		}
		.filter-apply {
			@include btn01();
			margin-bottom: 1.5rem;
			display: none;
		}
		.filter-apply:hover {
			@include btn01_hover();
		}
		.fitler-area {
			width: 72.5%;
			margin-bottom: 1.638rem;
			flex-direction: column;
			p {
				font-family: opensans_bold;
				font-size: 1.111rem;
			}
			.pretty {
				padding: 0.444rem 0;
				justify-content: space-between;
				border-top: 1px solid #D0E5D4;
				.state {
					position: relative;
					@include flexbox();
					svg {
						top: 50%;
						left: 100%;
						@include translate(-100%, -50%);
						order: 2;
						font-size: 1rem;
						width: calc(1rem + 10px);
					}
					label {
						order: 1;
						text-indent: 0;
					}
					label:before, label:after {
						top: 50%;
						left: 100%;
						@include translate(-100%, -50%);
						height: 1.666rem;
						width: 1.666rem;
					}
					label:after {
						background-color: #DBDEDC!important;
					}
				}
				input:checked~.state.p-success{
					label:after {
						background-color: #2D863E!important;
					}
				}
			}
			.pretty:last-of-type {
				border-bottom: 1px solid #D0E5D4;
			}
		}
	}
	.archive-header {
		width: 65%;
		margin-bottom: 4.333rem;
		h2 {
			margin-bottom: 1.222rem;
		}
	}
	.archive-toolbar {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1.888rem;
		.custom-result-count {
			p {
				margin-bottom: 0;
				span {
					color: #2D863E;
				}
			}
		}
		.custom-sort {
			align-items: center;
			p {
				width: 100%;
				margin-bottom: 0;
			}
			.select2 {
				.selection {
					span.select2-selection {
						background: transparent;
						border: none;
						span.select2-selection__rendered {
							@include flexbox();
							color: #2D863E;
							text-decoration: underline;
						}
					}
				}
			}
			.nice-select {
				background: transparent;
				border: none;
				color: #2D863E;
				text-decoration: underline;
				height: auto;
				line-height: 1;
			}
			.nice-select:after {
				top: 41%;
				height: 10px;
				width: 10px;
				border-bottom: 2px solid #2D863D;
				border-right: 2px solid #2D863D;
			}
		}
	}
	.column-products {
		ul.products {
			li.product {
				a {
					.archive-product-image {
						@include bg_img_contain();
						padding-top: 69%;
						border-radius: 2rem;
						border: 2px solid #2D863E;
						background-color: #fff;
						margin-bottom: 0.555rem;
					}
					.archive-product-title {
						padding-left: 0.25rem;
						margin-bottom: 0.5rem;
						h4 {
							font-size: 0.888rem;
							margin-bottom: 0rem;
							color: #575757;
						}
						h2 {
							font-size: 1.111rem;
							padding: 0;
							color: #575757;
						}
					}
				}
				.price-wrapper {
					padding-left: 0.25rem;
					justify-content: space-between;
					p {
						margin-bottom: 0;
						line-height: 1;
					}
					p.custom-unit {
						color: #2D863E;
						font-family: poppins_light;
						font-size: 0.888rem;
					}
					p.flexbox {
						align-items: center;
						color: #2D863E;
						font-family: poppins;
						font-size: 1.111rem;
						margin-bottom: 0;
						line-height: 1;
						span.price {
							margin-bottom: 0;
							color: #2D863E;
							font-family: poppins;
							font-size: 1.111rem;
							line-height: 1;
							bdi {
								margin-bottom: 0;
								color: #2D863E;
								font-family: poppins;
								font-size: 1.111rem;
								line-height: 1;
								span {
									color: #2D863E;
									font-family: poppins;
									font-size: 1.111rem;
									margin-bottom: 0;
									line-height: 1;
								}
							}
						}
					}
					a.buy-now {
						@include btn01();
					}
					a.buy-now:hover {
						@include btn01_hover();
					}
				}
			}
		}
	}
}

.loadmore-products {
	align-items: center;
	justify-content: space-between;
	.horizontal-line {
		width: 44%;
		height: 1px;
		background: #ff9914;
	}
	svg {
		color: #ff9914;
	}
	span {
		color: #ff9914;
	}
	svg:hover, span:hover {
		cursor: pointer;
	}
}

.select2-container {
	// width: 100% !important;
	.select2-dropdown {
		// width: auto !important;
		// height: auto;
		ul {
			// max-height: 100% !important;
		}
	}
}