/**
* Theme Name: Framek Child
* Description: This is a child theme of Framek, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: framek
* Version: 1.1.2
*/

.project-archive-heading {
	text-align: center;
	font-size: clamp(48px, 4.6vw, 90px);
	margin-bottom: 50px;
	font-weight: 400;
	color: #000;
}

.project-archive-description {
	margin: 0 auto 50px;
	font-size:1.4rem;
	line-height: 1.7;
}

.project-archive-description p:last-child {
	margin-bottom: 0;
}

.project-cat-grid .grid-item {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.project-cat-grid .project-cat-thumb {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
}

.project-cat-grid .project-cat-thumb img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	transition: transform 0.35s ease;
}

.project-cat-grid .project-cat-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 1.25rem 1rem;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.85) 0%,
		rgba(0, 0, 0, 0.45) 45%,
		rgba(0, 0, 0, 0) 100%
	);
	opacity: 0;
	transition: opacity 0.35s ease;
}



.project-cat-grid .project-cat-title {
	margin: 0;
	color: #fff;
	font-size: 2.5rem;
	line-height: 1.1;
	text-align: center;
	transform: translateY(8px);
	transition: transform 0.35s ease;
	margin-bottom: 50px;
}

.project-cat-grid .project-cat-thumb:hover .project-cat-overlay,
.project-cat-grid .project-cat-thumb:focus .project-cat-overlay {
	opacity: 1;
}

.project-cat-grid .project-cat-thumb:hover .project-cat-title,
.project-cat-grid .project-cat-thumb:focus .project-cat-title {
	transform: translateY(0);
}

.single-framek_project p{
	margin-bottom: 15px;
}

/* Sticky sidebar progetto: colonna 1 fissa finché scorre la 2, poi esce insieme */
.project-wrap {
	align-items: flex-start;
	overflow: visible !important;
}

.project-wrap .column-1-project,
.project-wrap .column-2-project {
	overflow: visible !important;
}

#time-lapse .elementor-widget-video .elementor-custom-embed-image-overlay img{
	aspect-ratio: auto;
}
.elementor-2653 .elementor-element.elementor-element-61826f9 .elementor-icon-list-item{
	margin-left:30px;
}

.wpcf7-not-valid-tip{
	margin-bottom:50px;
}


@media (min-width: 1025px) {
	.project-wrap .column-1-project {
		position: sticky;
		top: 120px;
		align-self: flex-start;
		z-index: 2;
	}
}

@media (max-width: 1024px) {
	#page .site-content{
		margin-top: 40px;
	}
}