/* Flickr Stream for Elementor. Layout only; colours and type come from Elementor's style controls. */

.agora-placeholder {
	padding: 1em;
	border: 1px dashed #c3c4c7;
	color: #646970;
	font-size: 13px;
	text-align: center;
}

/* Region / field */
.agora-field {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4em;
}
.agora-field__icon {
	display: inline-flex;
	line-height: 1;
}
.agora-field__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

/* Description */
.agora-description p:last-child {
	margin-bottom: 0;
}

/* Cover */
.agora-cover img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	transition: opacity 0.3s, filter 0.3s;
}

/* Gallery */
.agora-gallery {
	--agora-columns: 4;
	--agora-gap: 10px;
}
.agora-gallery--grid .agora-gallery__items {
	display: grid;
	grid-template-columns: repeat(var(--agora-columns), minmax(0, 1fr));
	gap: var(--agora-gap);
}
.agora-gallery--masonry .agora-gallery__items {
	column-count: var(--agora-columns);
	column-gap: var(--agora-gap);
}
.agora-gallery--masonry .agora-gallery__item {
	break-inside: avoid;
	margin-bottom: var(--agora-gap);
}
.agora-gallery__item {
	margin: 0;
}
.agora-gallery__media,
.agora-card__media {
	position: relative;
	display: block;
	overflow: hidden;
}
.agora-gallery__media img,
.agora-card__media img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.4s ease, filter 0.3s;
}
.agora-gallery__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--agora-overlay, transparent);
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
}
.agora-gallery__media:hover::after {
	opacity: 1;
}
.agora-hover-zoom-yes .agora-gallery__media:hover img,
.agora-hover-zoom-yes .agora-card:hover .agora-card__media img {
	transform: scale(1.06);
}
.agora-gallery__caption {
	padding-top: 0.4em;
	font-size: 0.9em;
}

/* Album grid */
.agora-grid {
	--agora-columns: 3;
	--agora-gap: 24px;
	--agora-row-gap: 32px;
}
.agora-grid__items {
	display: grid;
	grid-template-columns: repeat(var(--agora-columns), minmax(0, 1fr));
	column-gap: var(--agora-gap);
	row-gap: var(--agora-row-gap);
}
.agora-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: box-shadow 0.3s;
}
.agora-card__body {
	flex: 1;
	padding: 1em 0;
}
.agora-card__title {
	margin: 0 0 0.3em;
}
.agora-card__title a {
	color: inherit;
	text-decoration: none;
}
.agora-card__country,
.agora-card__region,
.agora-card__count {
	margin-bottom: 0.5em;
	font-size: 0.9em;
}
.agora-card__excerpt {
	margin: 0 0 0.8em;
}
.agora-card__button {
	display: inline-block;
	padding: 0.6em 1.2em;
	text-decoration: none;
	transition: color 0.3s, background-color 0.3s;
}

/* Pagination */
.agora-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.3em;
	margin-top: 1.5em;
}
.agora-pagination .page-numbers {
	padding: 0.3em 0.7em;
	text-decoration: none;
}
.agora-pagination .page-numbers.current {
	font-weight: 700;
}
.agora-paged-loading {
	opacity: 0.5;
	transition: opacity 0.2s;
}

/* Flickr API notice (required by Flickr's API terms) */
.agora-flickr-notice {
	margin: 0;
	padding: 0.5em 1em;
	font-size: 12px;
	text-align: center;
	opacity: 0.7;
}