Your IP : 216.73.216.95

Current Path : /var/www/mainsite/wp-content/themes/maxcoach/assets/scss/woocommerce/
Upload File :
Current File : /var/www/mainsite/wp-content/themes/maxcoach/assets/scss/woocommerce/_archive.scss

@keyframes load-spin {
	100% {
		transform: rotate(360deg);
	}
}

.woocommerce {
	nav.woocommerce-pagination {
		text-align: center;

		ul {
			margin: 56px 0 0;
			border: 0;

			li {
				display: inline-block;
				padding: 0;
				margin: 0;
				border: 0;
				list-style-type: none;

				> span,
				> a {
					padding: 0;
					display: block;
					font-size: 16px;
					font-weight: 800;
					text-transform: uppercase;
					color: #ababab;
					min-width: 48px;
					height: 48px;
					line-height: 50px;
					border: 0;
					border-radius: 50%;
					background: none;
				}

				span.current {
					background: #eee;
					color: #333;
				}
			}
		}
	}

	.archive-shop-actions {
		.shop-filter-left,
		.shop-filter-right {
			margin-bottom: 30px;
		}
	}

	.woocommerce-result-count {
		margin: 0;

		.total {
			color: #333;
			font-weight: 500;
		}
	}

	.shop-filter-right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.woocommerce-ordering {
		display: inline-block;
		margin: 0;
		float: none;
		width: 262px;

		select {
			min-height: 48px;
		}

		.maxcoach-fake-select-current {
			.label {
				&:before {
					@extend %FontAwesomeRegular;
					content: '\f036';
					vertical-align: middle;
					font-size: 16px;
				}
			}
		}
	}

	.cats {
		margin-bottom: 50px;
		.product-category {
			.cat-title,
			.cat-count {
				color: #fff;
			}
		}

		.cat-title {
			margin-bottom: 5px;
		}

		.cat-image {
			img {
				width: 100%;
			}
		}

		.cat-text {
			@extend %NormalTransition;
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 1;
			padding: 15px;
			background-color: rgba(0, 0, 0, .8);
			text-transform: uppercase;
		}

		.cat-title {
			@extend %NormalTransition;
		}

		.cat-count {
			@extend %NormalTransition;
			margin: 0;
			color: initial;
			font-size: 12px;
		}
	}
}

@include media-breakpoint-up(xl) {
	.archive-shop-wide {
		.page-content {
			> .container {
				max-width: 1750px;
			}
		}
	}
}