/* PS UX Builder Addons — Post Grid Magazine */

.ps-uxb-magazine { --ps-mag-feature: 58%; --ps-mag-height: 420px; --ps-mag-columns: 1; }
.ps-uxb-magazine__grid { display: flex; gap: var(--ps-post-gap, 24px); align-items: stretch; }
.ps-uxb-magazine--right .ps-uxb-magazine__grid { flex-direction: row-reverse; }
.ps-uxb-magazine--top .ps-uxb-magazine__grid { flex-direction: column; }
.ps-uxb-magazine__feature { flex: 0 0 var(--ps-mag-feature); min-width: 0; }
.ps-uxb-magazine--top .ps-uxb-magazine__feature { flex-basis: auto; }
.ps-uxb-magazine__feature .ps-uxb-post--overlay { min-height: var(--ps-mag-height); }
.ps-uxb-magazine__list { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: repeat(var(--ps-mag-columns), minmax(0, 1fr)); gap: var(--ps-post-gap, 24px); align-content: start; }
.ps-uxb-magazine--divider .ps-uxb-magazine__list > .ps-uxb-post + .ps-uxb-post { padding-top: calc(var(--ps-post-gap, 24px) / 2); border-top: 1px solid rgba(15, 27, 43, .1); }
.ps-uxb-magazine--divider .ps-uxb-magazine__list { gap: calc(var(--ps-post-gap, 24px) / 2); }
.ps-uxb-magazine--small-text .ps-uxb-magazine__list .ps-uxb-post__title { font-size: var(--ps-post-card-title-size, var(--ps-post-title-size, 1rem)); }

@media (max-width: 849px) {
	.ps-uxb-magazine__grid,
	.ps-uxb-magazine--right .ps-uxb-magazine__grid { flex-direction: column; }
	.ps-uxb-magazine__feature { flex-basis: auto; }
	.ps-uxb-magazine__feature .ps-uxb-post--overlay { min-height: 280px; }
	.ps-uxb-magazine__list { grid-template-columns: minmax(0, 1fr); }
}