/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 
.is-loading .articles-container {
	position: relative;
}
.is-loading .articles-container:before {
	margin: 0 0 0 -10px;
	content: "";
	position: absolute;
	z-index: 2;
	top: 5%;
	left: 50%;
	width: 20px;
	height: 20px;
	background-image: url(../img/spinner.png);
	background-size: 20px 20px;
	-webkit-animation: spin 1.5s infinite;
	animation: spin 1.5s infinite;
}

.is-loading .articles-container > div:first-child {
	opacity: .25;
	pointer-events: none;
	user-select: none;
	filter: grayscale(100%);
	transition: all .2s ease-in-out;
}

.dresses .mui-row{
	margin-bottom: 50px;	
}