/* Tutor LMS lesson galleries: keep three modest, left-aligned columns. */
.tutor-lesson-wrapper h3 {
	background: none !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	color: #c19f6e !important;
	margin: 48px 0 25px;
	margin-bottom: 25px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 12px 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-bottom: 2px solid #c19f6e;
}

.tutor-lesson-wrapper .gallery.gallery-columns-3 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 16px;
	width: 100% !important;
	max-width: 960px !important;
	margin: 16px 0;
	padding: 0;
}

/* WordPress may insert <br> elements between gallery items. */
.tutor-lesson-wrapper .gallery.gallery-columns-3 br {
	display: none !important;
}

/* Storefront's clearfix pseudo-elements otherwise occupy empty grid cells. */
.tutor-lesson-wrapper .gallery.gallery-columns-3::before,
.tutor-lesson-wrapper .gallery.gallery-columns-3::after {
	content: none !important;
	display: none !important;
}

.tutor-lesson-wrapper .gallery.gallery-columns-3 > .gallery-item {
	box-sizing: border-box;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0;
}

.tutor-lesson-wrapper .gallery.gallery-columns-3 .gallery-icon {
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
}

.tutor-lesson-wrapper .gallery.gallery-columns-3 .gallery-icon img {
	display: block;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.tutor-lesson-wrapper .gallery.gallery-columns-3 .gallery-item .gallery-caption {
	font-size: 0.75em !important;
}

@media (max-width: 600px) {
	.tutor-lesson-wrapper .gallery.gallery-columns-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px;
	}
}

@media (max-width: 420px) {
	.tutor-lesson-wrapper .gallery.gallery-columns-3 {
		grid-template-columns: 1fr !important;
	}
}