@mixin filter-list-style() {
	float: left;
	margin-right: 15px;
	position: relative;
	top: -1px;

	display: none;
	@include bp(sm) {
		display: block;
	}

	> a {
		width: 30px;
		height: 25px;
		border: 1px solid $border-color;
		background-color: #fff;
		color: $color-lightblue;
		float: left;
		text-align: center;
		padding: 3px 0;
		&:before {
			color: $color-lightblue;
		}
		&:hover {
			text-decoration: none;
			&:before {
				color: $color-blue;
			}
		}
		&.active {
			&:before {
				color: $color-blue;
			}
		}
	}

	> .list-layout-grid {
		border-right: 0;
		@extend .icon-icon-grid;
	}
	> .list-layout-list {
		@extend .icon-icon-row;
	}
}

@mixin filter-form-style() {
	display: block;
	background-color: $color-lightblue;
	padding: 15px 15px 16px 15px;
	select {
		margin-right: 10px;
	}

	.list-layout {
		@include filter-list-style;
	}
}

@mixin download-button-style() {
	float: right;
	position: absolute;

	> a {
		width: 75%;
		float: right;
		padding: 15px 0 15px 60px;
		font-size:18px;
		position: relative;
		display: block;
		box-sizing: border-box;
		text-decoration: none;
		color: #fff;
		background-color: rgba(9, 68, 142, 0.8);
		> span {
			float: left;
			width: 100%;
			display: block;
		}
		&:hover {
			background-color: rgba(9, 68, 142, 1);
		}
		&:before {
			color: #fff;
			position: absolute;
			left: 20px;
			top: 12px;
			font-size: 24px;
			@extend .icon-icon-download;
		}
	}
}