/*!
 * Senate Democratic Caucus
 * Global Photo Gallery Stylesheet
 */

/* Photo Gallery
*************************/
.node--type-photo img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	display: inline-block;
}

.node--type-photo .field--type-image {
	display: grid;
	grid-gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 280px;
	grid-auto-flow: dense;
	column-count: 4;
}

.node--type-photo .field--type-image .field__item {
	width: 100%;
}

.node--type-photo .field--type-image .field__item img {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	object-fit: cover;
	object-position: top;
	border-radius: 10px;
}

.node--type-photo .field--type-image .wide {
	grid-column: span 2;
}

.node--type-photo .field--type-image .tall {
	grid-row: span 2;
}

.node--type-photo .field--type-image .square {
	grid-column: span 1;
	grid-row: span 1;
}


@media (max-width: 1199px) {
	.node--type-photo .field--type-image {
		column-count: 3;
	}
}

@media (max-width: 991px) {
	.node--type-photo .field--type-image {
		column-count: 2;
	}
}

@media (max-width: 767px) {
	.node--type-photo .field--type-image {
		column-count: 1;
	}
}