/*
 * Gallery – Howe Green House's strip: square photos 4px apart, a thin
 * chevron either side, centred on the photos, and no dots. The chevrons sit
 * in the strip's side padding, so they never cover a photo. Their colour is
 * the panel colour – the school's main colour.
 */
.block-gallery {
	.sectionTitle {
		margin-bottom: 30px;
		text-align: center;
	}

	.gallery-carousel {
		position: relative;
		padding: 0 28px;

		@media (min-width: 992px) {
			padding: 0 32px;
		}

		.item {
			a.image {
				display: block;
			}

			img {
				display: block;
				width: 100%;
				aspect-ratio: 1;
				object-fit: cover;
			}
		}

		.owl-nav {
			button.owl-prev,
			button.owl-next {
				position: absolute;
				top: 50%;
				width: 15px;
				height: 29px;
				margin-top: -14.5px;
				background-color: var(--landing-panel-bg);
				-webkit-mask: url(../../images/chevron.svg) no-repeat center / contain;
				        mask: url(../../images/chevron.svg) no-repeat center / contain;
				transition: opacity 300ms;

				@media (hover: hover) and (pointer: fine) {
					&:hover {
						opacity: 0.7;
					}
				}
			}

			button.owl-prev {
				left: 0;
			}

			button.owl-next {
				right: 0;
				transform: scaleX(-1);
			}
		}

		.owl-dots {
			display: none;
		}
	}
}