
.guten-portfolio-gallery .portfolio-gallery-container {
	border-radius: inherit;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items .row-item {
	display: flex;
	flex: 0 0 25%;
	flex-direction: column;
	height: 500px;
	justify-content: space-between;
	max-width: 25%;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 2;
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items .row-item:not(:last-child) {
	border-right: 1px solid hsla(0, 0%, 100%, .3);
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items .row-item .row-link-wrapper {
	display: flex;
	opacity: 0;
	padding: 10px 20px;
	transform: translateY(100%);
	transition: all .5s ease;
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items .row-item .row-link-wrapper a {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 10px;
	transition: all .5s ease;
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items .row-item .row-item-info {
	display: flex;
	flex-direction: column;
	padding: 10px 20px;
	position: relative;
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items .row-item .row-item-info>* {
	transition: all .5s;
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items .row-item .row-item-info:after {
	background: #fff;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scaleY(0);
	transform-origin: -100% 0;
	transition: all .5s;
	width: 100%;
	z-index: -1;
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items .row-item:hover .row-item-info:after {
	transform: scaleY(1);
}

.guten-portfolio-gallery .portfolio-gallery-container .content-items .row-item:hover .row-link-wrapper {
	opacity: 1;
	transform: translateY(0);
}

.guten-portfolio-gallery .portfolio-gallery-container .image-items {
	width: 100%;
}

.guten-portfolio-gallery .portfolio-gallery-container .image-items .image-item {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(1.1);
	transition: all .7s ease;
	width: 100%;
}

.guten-portfolio-gallery .portfolio-gallery-container .image-items .image-item.current-item {
	opacity: 1;
	transform: scale(1);
}
