// svg path to clip members in an egg shape
.svg-clipped{-webkit-clip-path:url(#svgPath);clip-path:url(#svgPath);}

.lovechick-produits {
	position: relative;
	.images-wrapper {
		height: 70vh;
		position: relative;
		margin: 0 !important;
		margin-top: -20%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		padding: 0 20%;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		.bg {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			max-width: 100%;
			right: 0;
			opacity: 0.1;
			margin: auto;
			display: block;
		}
		.small {
			height: 10%;
			max-width: 100%;
			opacity: 0.5;
		}
		.small-salt {
			height: 25%;
			opacity: 1;
		}
	}
	.quote {
		font-family: $BrownBold;
		font-size: 0.4em;
		margin: -10% 0 0 0 !important;
		position: relative;
		p {
			padding: 5% 0;
		}
		label {
			position: absolute;
			font-size: 5em;
			line-height: 0;
			color: $main-color;
		}
		label.top-quotemark {
			transform: rotate(-180deg);
			left: 0;
			top: 0;
		}
		label.bottom-quotemark {
			right: 0;
			bottom: 0;
		}
	}
}

.eqipe {
	.member {
		display: inline-block;
		height: 50vh;
		width: 49%;
	}
}

.lovechick-gallery {
	width: 62.5% !important;
	.gallery {
		a {
			display: inline-block;
			width: 30%;
			margin: 0.5vw;
			position: relative;
			height: 100%;
			color: inherit;
			img {
				width: 100%;
			}
			.overlay {
				position: absolute;
				width: 100%;
				height: calc(100% - 2.5%);
				background: rgba(250,76,6,0.7);
				top: 0;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-align: start;
				    align-items: flex-start;
				-ms-flex-direction: column;
				    flex-direction: column;
				font-size: 0.5em;
				text-align: left;
				padding: 5%;
				opacity: 0;
				transition: opacity 0.3s;
				overflow: hidden;
				.date {
					font-family: $BrownBold;
					cursor: inherit;
					opacity: 0;
					transform: translateY(-50%);
					transition: transform 0.6s cubic-bezier(0, 1, 1, 1);
					transition: opacity 0.6s;
					transition-property: opacity, transform;
				}
				.description, .more {
					opacity: 0;
					font-family: $BrownRegular;
					font-size: 0.8em;
					cursor: inherit;
				}
				.description, .more {
					transform: translateY(-50%);
					transition: transform 0.6s cubic-bezier(0, 1, 1, 1);
					transition: opacity 0.6s;
					transition-property: opacity, transform;
				}
				.more {
					margin-top: auto;
				}
			}
			&:hover {
				.overlay {
					opacity: 1;
					.date {
						opacity: 1;
						transform: translateY(0%);
					}
					.description, .more {
						opacity: 1;
						transform: translateX(0%);
					}
				}
			}
		}
	}
}

@media (max-width: 800px) {
	.lovechick-gallery {
		width: 80% !important;
		.gallery {
			a {
				width:40%;
			}
		}
	}
}

@media (max-width: 500px) {
	.lovechick-produits {
		.images-wrapper {
			padding: 0 10%;
		}
	}
	.lovechick-gallery {
		width: 100% !important;
		.gallery {
			a {
				width: 100%;
			}
		}
	}
}