/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all ASM widgets in the Callout Tiles family. This enables the ability to
	a family of widgets in a single update without touching the structure of the widget and without needing
	to duplicate efforts across several widget-specific CSS files.
*/

.asm-callout-tiles {
	--title-mobile: var(--asm-ftw-semi-bold) var(--asm-fts-lg)/var(--asm-ftl-dense) var(--asm-font-family);
	--title: var(--asm-ftw-semi-bold) var(--asm-fts-xl)/var(--asm-ftl-dense) var(--asm-font-family);
}

.asm-callout-tiles .slide .slide-title {
	font: var(--title-mobile);
}

@media (min-width: 40em) {
	.asm-callout-tiles .slide .slide-title {
		font: var(--title);
	}
}