/* filter */
.page_section.mix_container {
	float: left;
	min-height: 100vh;
	width: calc(100% + 40px) !important;
}

.mix_container .preview_item.height_medium {
	height: 650px;
}

.controls {
  float: left;
  margin: 150px 0 0 0;
  padding: 10px 0 10px 0;
  font-size: 16px;
	width: 100%;
}

.control {
	float: left;
	padding: 5px 20px 5px 20px !important;
	margin: 0 20px 2px 0 !important;
	cursor: pointer;
	border-radius: 0;
	background-color: transparent;
	background-image: url(../images/stripe_white_large.png);
	background-position: -24px 17px;
	background-repeat: no-repeat;
	background-size: 24px 1px;
	color: #5a5a5a;
	border: 1px solid #5a5a5a;
	border-radius: 20px;
}

.control:hover {

}

.control[data-filter]:after {
	display: none !important;
	visibility: hidden;
	height: 0;
	border: 0;
}

.control[data-sort]:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
}

.control.text:after {
    display: none;
}

.control[data-sort*=":desc"]:after {
  transform:  translateY(-4px) rotate(-135deg);
}

.mixitup-control-active {
	color: #fff;
	background-position: 0 17px;
	padding: 5px 40px 5px 32px !important;
	margin: 0 20px 2px 0 !important;
	background-color: transparent;
	background-image: url(../images/stripe_white_large.png);
	/* background-position: -24px 17px; */
	background-position: 0 17px;
	background-repeat: no-repeat;
	background-size: 24px 1px;
	background-color: #5a5a5a;
}

.mixitup-control-active[data-filter]:after {
  background: transparent;

}

.control:first-of-type {

}

.control:last-of-type {

}

.control[data-filter] + .control[data-sort] {
    margin-left: .75rem;
}

.control-pagination {
		float: left;
		width: 100%;
		padding: 40px 0 40px 0;
		margin: 0;
		font-size: 16px;
}

.mixitup-page-list {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0;
}

.mixitup-page-list button.mixitup-control {
	-webkit-appearance: none;
	 -moz-appearance: none;
	 background: none;
	 color: #fff;
	 border: 0;
	 font-size: 16px;
	 padding: 5px 5px;
	 margin: 0;
	 cursor: pointer;
}

.mixitup-page-list button.mixitup-control:hover, .mixitup-page-list button.mixitup-control:active, .mixitup-page-list button.mixitup-control-active {
	color: #ffc30e;
}