/* single post css */

.single-project .hero-section {
	margin-top: calc(36px + (54 - 36) * ((100vw - 300px) / (1680 - 300)));
	margin-bottom: calc(44px + (62 - 44) * ((100vw - 300px) / (1680 - 300)));
}

.single-project-hero,
.single-project-hero figure {
    aspect-ratio: 3 / 1.65;
    overflow: hidden;
	width: 100%;
	border-radius: 24px;
}

.single-project-hero figure.hero-featured-video {
	z-index: 0
}

.single-project-hero figure:not(.hero-featured-image) img {
	display: none;
}

.single-project-hero .hero-featured-video .play-button {
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
}

.single-project .entry-header .page-title {
	font-size: calc(42px + (101 - 42) * ((100vw - 300px) / (1920 - 300)));
	font-weight: 400;
	line-height: 1.175
}

.single-project .entry-header .entry-meta li.meta-categories {
	font-size: calc(22px + (31 - 22) * ((100vw - 300px) / (1920 - 300)));
	font-weight: 500;
	padding: 14.5px 28px;
	border: 1px solid var(--theme-palette-color-9);
	border-radius: 100px
}

.single-project .project-info ul {
	line-height: 1.5;
    padding-inline-start: 1.35em;
	margin-top: 1.5px;
}

.single-project .video-slides .play-button svg {
	transform: scale(1.45);
}

.single-project .video-slides .play-button {
	transform: scale(1.25);
}

.single-project .hero-section .meta-categories a {
	pointer-events: none;
}

@media (min-width: 768px) {
	
	.single-project .entry-header {
		display: flex;
    	justify-content: space-between;
		flex-wrap: wrap;
		column-gap: 4%
	}
	
	.single-project .entry-header .page-title{
		width: 40%
	}
}

@media (min-width: 3540px) {
	
	
}

@media (min-width: 1025px) and (max-width: 1366px) {
	
	
}

@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (max-width: 767px) {
	
	.single-project-hero,
	.single-project-hero figure {
		aspect-ratio: 1 / 1;
	}
	
}

@media (max-width: 499px) {
	
	
	
}