/* Post cards (widget buttonre-post-grid). Values match the Essential Addons Post Grid it replaced on News. */
.bre-post-grid { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.bre-post-grid__item { padding: 10px; width: 25%; }
@media (max-width: 1024px) {
	.bre-post-grid__item { width: 50%; }
}
@media (max-width: 767px) {
	.bre-post-grid__item { width: 100%; }
}
.bre-post-grid__card { background-color: #fff; border: 1px solid rgba(0, 0, 0, .1); display: flex; flex-direction: column; height: 100%; }
.bre-post-grid__media { display: block; position: relative; }
.bre-post-grid__media img { vertical-align: top; width: 100%; }
.bre-post-grid__overlay {
	align-items: center;
	background-color: rgba(0, 0, 0, .75);
	color: #fff;
	display: flex;
	font-size: 18px;
	inset: 0;
	justify-content: center;
	opacity: 0;
	position: absolute;
	transition: 300ms;
	visibility: hidden;
	z-index: 2;
}
.bre-post-grid__media:hover .bre-post-grid__overlay { opacity: 1; visibility: visible; }
.bre-post-grid__body { padding: 15px; }
.bre-post-grid__title { font-size: 1.2em; line-height: 1.2; margin: 10px 0 5px; }
/* On the link too: the child theme sets every <a> to Inter. */
.bre-post-grid__title,
.bre-post-grid__title a { font-family: var(--e-global-typography-primary-font-family), sans-serif; font-weight: var(--e-global-typography-primary-font-weight); }
/* Scoped to .bre-post-grid to outrank the kit's link colour (.elementor-kit-5 a). */
.bre-post-grid .bre-post-grid__title a { color: #303133; }
.bre-post-grid .bre-post-grid__title a:hover { color: #23527c; }
.bre-post-grid__excerpt { font-family: var(--e-global-typography-text-font-family), sans-serif; font-size: 14px; font-weight: var(--e-global-typography-text-font-weight); line-height: 1.5; margin: 0; }
.bre-post-grid .bre-post-grid__more { color: #000bec; display: block; font-size: 12px; font-weight: 500; line-height: 1.5; transition: all 300ms ease-in-out; }