/*
	Theme Name: Semplice 7 Child Theme
	Description: Child Theme for Semplice
	Author: Semplicelabs
	Template: semplice7
*/

/* Custom CSS Start */

.photo-archive {
	padding: 48px 6vw;
}

.photo-archive__header {
	margin-bottom: 24px;
}

.photo-archive__grid {
	display: grid;
	grid-template-columns: repeat(var(--photo-archive-cols, 3), minmax(0, 1fr));
	gap: var(--photo-archive-gap, 24px);
	grid-auto-flow: dense;
}

.photo-card {
	margin: 0;
}

.photo-card__link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.photo-card__image {
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.photo-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.photo-tile--1x2 .photo-card__image {
	aspect-ratio: 2 / 3;
}

.photo-tile--2x1 .photo-card__image {
	aspect-ratio: 3 / 2;
}

.photo-tile--2x2 {
	grid-column: span 2;
}

.photo-tile--2x2 .photo-card__image {
	aspect-ratio: 1 / 1;
}

.photo-card__title {
	margin: 10px 0 2px;
	font-size: 16px;
}

.photo-card__date {
	font-size: 13px;
	opacity: 0.7;
}

.photo-single {
	padding: 64px 6vw;
}

.photo-single__image img {
	width: 100%;
	height: auto;
	display: block;
}

.photo-single__meta {
	margin-top: 24px;
}

.photo-single__details {
	list-style: none;
	padding: 0;
	margin: 12px 0 0;
}

.photo-single__details li {
	margin: 0 0 6px;
}

@media (max-width: 1024px) {
	.photo-archive__grid {
		grid-template-columns: repeat(var(--photo-archive-cols-tablet, 2), minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.photo-archive__grid {
		grid-template-columns: repeat(var(--photo-archive-cols-mobile, 1), minmax(0, 1fr));
	}
	.photo-tile--2x2 {
		grid-column: span 1;
	}
}

/* Custom CSS End */