/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/pages/single-portfolio.css ***!
  \****************************************************************************************************************************************************************************************/
.portfolio-single .hero-block {

	display: flex;

	height: 100vh;

	align-items: center;

	justify-content: center;

	overflow: hidden
}

.portfolio-single .hero-background-image {

	height: 100%;

	width: 100%
}

.portfolio-single .hero-img {

	height: 100%;

	width: 100%;

	-o-object-fit: cover;

	   object-fit: cover
}

.portfolio-single .text-image-block {

	margin-top: 40px;

	margin-bottom: 40px
}

@media (min-width: 1024px) {

	.portfolio-single .text-image-block {

		margin-top: 60px;

		margin-bottom: 60px
	}
}

.gallery-grid {

	display: grid;

	grid-template-columns: repeat(1, minmax(0, 1fr));

	gap: 12px
}

@media (min-width: 1024px) {

	.gallery-grid {

		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

.gallery-item {

	overflow: hidden;

	transition-property: all;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 300ms
}

.gallery-item img {

	transition-property: transform;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 500ms
}

@media (min-width: 1024px) {

	.gallery-item-full {

		grid-column: span 2 / span 2
	}
}

.portfolio-navigation {

	margin-bottom: 60px
}

@media (min-width: 768px) {
	.portfolio-single .text-image-block .text-content {

		padding-left: 30px
	}
}


/*# sourceMappingURL=single-portfolio.css.map*/