/*
 * YST Manager — site-wide front-end CSS.
 * Part of the plugin's standard structure; preserved across updates.
 * Loads automatically once it contains real code.
 */

/* BSM newsletter auto-publish (custom/newsletter-bsm.php): match the hover
   behavior the old hardcoded Elementor image-gallery widget had via its
   per-widget Custom CSS ("selector a:hover img{filter:none;}"). */
.bsm-newsletter-gallery a:hover img,
.bsm-newsletter-archive a:hover img {
	filter: none;
}

.bsm-newsletter-gallery.gallery-columns-2,
.bsm-newsletter-archive .gallery-columns-2 {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
}

.elementor-element .bsm-newsletter-gallery.gallery,
.elementor-element .bsm-newsletter-archive .gallery {
	margin-left: 0;
	margin-right: 0;
}

.bsm-newsletter-gallery .gallery-item,
.bsm-newsletter-archive .gallery-item {
	flex: 1 1 calc(50% - 13px) !important;
	width: calc(50% - 13px) !important;
	max-width: calc(50% - 13px) !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.bsm-newsletter-gallery .gallery-item img,
.bsm-newsletter-archive .gallery-item img {
	width: 100%;
	height: auto;
	display: block;
}

.bsm-newsletter-archive {
	margin-top: 60px;
}

.bsm-newsletter-archive-title {
	margin-bottom: 55px;
	color: #FED388 !important;
	font-size: 30px !important;
}

.bsm-newsletter-archive-month {
	margin-bottom: 73px;
}

.bsm-newsletter-archive-label {
	font-weight: 600;
	margin-bottom: 34px;
	color: #FED388;
}

/* Match live bsmfacilitysolutions.com/newsletter's mobile breakpoint (its
   Elementor image-gallery widget collapses to 1 column below 480px) --
   confirmed 2026-08-25 per Michael's request. */
@media (max-width: 479px) {
	.bsm-newsletter-gallery .gallery-item,
	.bsm-newsletter-archive .gallery-item {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 20px !important;
	}
}