﻿.gallery-detail{
	width:100%;
	margin:2em auto;
	display:flex;
	flex-direction:column;
	--gallery-gap:var(--content-margin-horizontal);
	gap:var(--gallery-gap);
}
.gallery-detail-row{

}
.gallery-detail-row-single{

}
.gallery-detail-row-pair{
	display:grid;
	grid-template-columns:calc(50% - (var(--gallery-gap) * 0.5)) calc(50% - (var(--gallery-gap) * 0.5));
	grid-template-rows:min-content;
	gap:var(--gallery-gap);
}
.gallery-detail-item{
}
.gallery-detail-item.gallery-detail-item-with-texts{
}
.gallery-detail-item .image{
	overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
	position:relative;
	background:var(--color-img-placeholder);
}
.gallery-detail-item .image i{
	position:absolute;
	z-index:9;
	top:calc(50% - 15px);
	left:calc(50% - 15px);
}
.gallery-detail-item .image i:before{
	font-size:30px;
}
.gallery-detail-item .image img{
	position:relative;
	z-index:10;
	display:block;
	margin:0 auto 0 auto;
	image-rendering:auto;
}
.gallery-detail-row-single .gallery-detail-item .image img{
	width:100%;
	height:auto;
}
.gallery-detail-row-pair .gallery-detail-item .image img{
	object-fit:cover;
	height:100%;
    width:100%;
}
@media (max-width:800px) {
	.gallery-detail-row-pair{
		display:flex;
		flex-direction:column;
		grid-template-columns:none;
		grid-template-rows:none;
	}
	.gallery-detail-row-pair .gallery-detail-item .image{
		aspect-ratio:unset !important;
	}
	.gallery-detail-row-pair .gallery-detail-item .image img{
		object-fit:none;
		width:100%;
		height:auto;
	}
}


nav.tags{
	display:flex;
	flex-direction:row;
	gap:0.25em;
	align-items:baseline;
	margin:1.5em 0;
}
nav.tags span.heading{
	line-height:1.2em;
}
nav.tags ul{
	list-style:none;
	display:flex;
	flex-direction:row;
	padding:0;
	margin:0;
}
nav.tags ul li{
	list-style-type:none;
	padding:0;
	margin:0;
	line-height:1.2em;
}
nav.tags ul li::before{
	content:', ';
}
nav.tags ul li:first-child:before{
	content:none;
}
nav.tags ul li a{
	display:inline-block;
	padding-bottom:0;
}


.gallery-detail-texts{
	font-size:80%;
}
.gallery-detail-title{
	font-family:'satoshi_regular';
}
.gallery-detail-description{

}

.post-navigation{
	width:100%;
}
.post-navigation .nav-links{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}
.nav-links .nav-previous{
	margin-right:auto;
}
.nav-links .nav-next{
	margin-left:auto;
}
.nav-previous span.arrow{
	margin-right:0.25em;
}
.nav-next span.arrow{
	margin-left:0.25em;
}
.post-navigation .nav-links a{
	text-decoration:none;
	padding-bottom:0;
	border-bottom:0;
	line-height:unset;
}
.post-navigation .nav-links a span.text{
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px solid var(--color-link);
	color:var(--color-link);
	line-height:1.5em;
}

/* responsive */
@media (max-width: 1200px) {
	
}
@media (max-width: 720px) {
	.gallery-detail{
		margin:1em auto;
	}
}
