/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 *
 * @package Insta_Gallery_Addon
 */

.insta-gallery-container {
	margin: 1.5em 0;
	padding: 1em;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.insta-gallery-grid {
	display: grid;
	gap: 15px;
}

.insta-gallery-container[data-columns="2"] .insta-gallery-grid {
	grid-template-columns: repeat(2, 1fr);
}

.insta-gallery-container[data-columns="3"] .insta-gallery-grid {
	grid-template-columns: repeat(3, 1fr);
}

.insta-gallery-container[data-columns="4"] .insta-gallery-grid {
	grid-template-columns: repeat(4, 1fr);
}

.insta-gallery-placeholder {
	grid-column: 1 / -1;
	text-align: center;
	color: #666;
	font-style: italic;
}