@charset "utf-8";

/* MEDIA GALLERY */
	.media-gallery {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		}
	.media-gallery .media-gallery-grid {
		clear: both;
		display: flex;
		flex-wrap: wrap;
		list-style-type: none;
		margin: 0 -1.2rem;
		padding: 0;
		}
	.media-gallery .media-gallery-item {
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		justify-content: center;
		line-height: 1;
		margin: 0;
		padding: 0;
		position: relative;
		}
	.media-gallery .media-gallery-item figure {
		align-items: flex-end;
		border-radius: var(--mywp-radius);
		box-shadow: var(--mywp-shadow);
		display: flex;
		height: 100%;
		justify-content: flex-start;
		margin: 1.2rem;
		overflow: hidden;
		padding: 0;
		position: relative;
		}
	@media (min-width: 40em) {
		.media-gallery.w .media-gallery-grid {
			margin: 0 -2.4rem;
			}
		.media-gallery.w .media-gallery-item figure {
			margin: 2.4rem;
			}
	}
	.media-gallery .media-gallery-item a {
		display: block;
		overflow: hidden;
		}
	.media-gallery .media-gallery-item img,
	.media-gallery .media-gallery-item picture {
		box-shadow: none;
		display: block;
		margin: 0;
		max-width: 100%;
		height: auto;
		width: auto;
		}
	.media-gallery .media-gallery-item figcaption {
		background: linear-gradient(0deg, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.3) 60%, transparent);
		bottom: 0;
		color: var(--mywp-white);
		display: block;
		font-size: var(--mywp-ts-text-sub-4);
		left: 0;
		margin: 0;
		max-height: 100%;
		overflow: auto;
		padding: 4rem 1rem 1rem;
		position: absolute;
		pointer-events: none;
		text-align: center;
		width: 100%;
		}
	.media-gallery .media-gallery-item a,
	.media-gallery .media-gallery-item img,
	.media-gallery .media-gallery-item picture {
		flex: 1;
		height: 100%;
		object-fit: cover;
		width: 100%;
		}
	.media-gallery .media-gallery-item {
		width: calc(100% / 2);
		}
	.media-gallery.media-gallery-columns-1 .media-gallery-item {
		width: 100%;
		}
	.media-gallery.media-gallery-columns-3 .media-gallery-item {
		width: calc(100% / 3);
		}
	@media (hover: hover) and (pointer: coarse), (hover: hover) and (pointer: fine) {
		.media-gallery .media-gallery-item a img,
		.media-gallery .media-gallery-item a picture {
			transition: transform 250ms ease
			}
		.media-gallery .media-gallery-item a:hover img,
		.media-gallery .media-gallery-item a:hover picture {
			transform: scale(1.1)
			}
	}
	@media (min-width: 40em) {
		.media-gallery.media-gallery-columns-3 .media-gallery-item {
			width: calc(100% / 3);
			}
		.media-gallery.media-gallery-columns-4 .media-gallery-item {
			width: calc(100% / 4);
			}
		.media-gallery.media-gallery-columns-5 .media-gallery-item {
			width: calc(100% / 5);
			}
		.media-gallery.media-gallery-columns-6 .media-gallery-item {
			width: calc(100% / 6);
			}
		.media-gallery.media-gallery-columns-7 .media-gallery-item {
			width: calc(100% / 7);
			}
		.media-gallery.media-gallery-columns-8 .media-gallery-item {
			width: calc(100% / 8);
		}
	}