/*
 * LG Card — the Kino Flo rendering of Flatsome's [ux_image_box] and [featured_box].
 *
 * The element (builder/lg-card) shipped without any stylesheet, so its heading inherited YOOtheme's
 * default 40px/20px heading margins where Flatsome gives 1.62px, and its copy stayed at the page's
 * 16px where Flatsome scales the whole caption down to 0.9em. On the about-* pages these cards ARE
 * the page — six to thirteen of them in two or three rows — so ~60px of stray margin per card row
 * was most of the residual drift on that whole family.
 *
 * Every value below is measured off the source's rendered `.box`, not taken from flatsome.css:
 *
 *     .box            240 wide, text-align center
 *     .box-image      block, width from the shortcode (inline), centred
 *     .box-text       font-size 14.4px (.9em), line-height 1.6, padding 10.08px 10px 20.16px
 *                     (= .7em 10px 1.4em of its OWN 14.4px)
 *     h4 inside       16.2px (1.125em of 14.4), line-height 1.3, margin .1em 0
 *
 * Specificity matches lg-typography.css (#tm-main + the page-family class) so the two agree rather
 * than race — the heading SIZE still comes from there, only the metrics are set here.
 */

.lg-card {
	text-align: center;
}

/* The link wraps image and caption both, and an inline <a> would collapse around them. */
.lg-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

/*
 * Flatsome's .box-image is a block whose width comes from the shortcode, centred in the box. The
 * width itself is written inline by the template — it is per-card and in two different units.
 */
.lg-card-image {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#tm-main :is(.lg-flatsome, .lg-litetile) .lg-card-content {
	font-size: 0.9em;
	line-height: 1.6;
	padding: 0.7em 10px 1.4em;
}

#tm-main :is(.lg-flatsome, .lg-litetile) .lg-card-content :is(h1, h2, h3, h4, h5, h6) {
	margin: 0.1em 0;
	line-height: 1.3;
}

#tm-main :is(.lg-flatsome, .lg-litetile) .lg-card-content :is(p, li) {
	font-size: 1em;
	margin: 0.1em 0;
}

#tm-main :is(.lg-flatsome, .lg-litetile) .lg-card-content > :first-child { margin-top: 0; }
#tm-main :is(.lg-flatsome, .lg-litetile) .lg-card-content > :last-child { margin-bottom: 0; }