@import "@{parenturl}/less/mixins.less";

.entry-content {
	display:grid;
	grid-gap:25px;
	grid-template-columns:repeat(3, 1fr);
	@media (max-width:1440px) { grid-template-columns:repeat(2, 1fr); }
	@media (max-width:1080px) { grid-template-columns:repeat(1, 1fr); }
	@media (max-width:768px) { grid-template-columns:repeat(2, 1fr); }
	@media (max-width:540px) { grid-template-columns:repeat(1, 1fr); }
	
	> h2, > p {
		grid-column:1 / -1;
		margin-bottom:0;
	}
	> h2 + p {
		margin-top:-20px;
	}
	> h2:not(:first-child) {
		border-top:1px solid;
		padding-top:1em;
	}
	
	.su-lightbox {
		background-color:fade(#1b4f72, 25);
		line-height:0;
		padding:25px;
		> div {
			margin-bottom:15px;
			overflow:hidden;
		}
		img {
			aspect-ratio:360/360;
			object-fit:cover;
			object-position:top center;
			width:100%;
			.scale(1);
			.transition();
		}
		h3, h4 {	
			margin-top:0;
			margin-bottom:0;
			text-align:center;
		}
		&:hover img { .scale(1.1); }
	}
	
}

.su-lightbox-content {
	overflow:hidden !important;
	img {
		float:left;
	}
	h4 {
		margin-bottom:15px;
	}
	p {
		text-align:left;
		margin-bottom:20px;
	}
}