/* Site-wide style fixes (enqueued by mu-plugins/ladyzhyn-styles.php). */

/*
 * Element Pack "Post Grid" (home page): titles sit on top of photos and were hard
 * to read on light images. A dark gradient under the title, clear at the top so
 * the photo stays bright.
 */
.bdt-post-grid .bdt-post-grid-item .bdt-custom-overlay,
.bdt-post-grid .bdt-post-grid-item:hover .bdt-custom-overlay,
/* The home page widget hides the overlay on phones (opacity 0 in its Elementor settings,
   selector of 5 classes); this one has 6 so the gradient shows on every screen */
.elementor .elementor-widget-bdt-post-grid .bdt-post-grid.bdt-post-grid-skin-default .bdt-post-grid-item .bdt-custom-overlay {
	/* Element Pack's own gradient (from 20 % at 75 % opacity) was too weak under 3–4 line titles */
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.85) 0%,
		rgba(0, 0, 0, 0.7) 30%,
		rgba(0, 0, 0, 0.35) 60%,
		rgba(0, 0, 0, 0) 85%
	);
	opacity: 1;
	pointer-events: none;
}

.bdt-post-grid .bdt-post-grid-item .bdt-post-grid-title a {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}