/* Block - Teaser: WordPress additions to the design's teasers.css (loaded with the block, on the site and in the editor) */

/* Icons: the design draws 32px line SVGs in the tinted circle (28px beside the text in the row style). A Bootstrap icon
   (Icon) is sized to the same visual weight; an uploaded icon (Image, 1em) takes the SVG's size. */
.cs-teasers--modern .cs-teaser__icon {
	font-size: 32px;
	line-height: 1;
}
.cs-teasers--modern .cs-teaser--row .cs-teaser__icon {
	font-size: 28px;
}
.cs-teasers--modern .cs-teaser__icon > .bi {
	font-size: 27px;
}
.cs-teasers--modern .cs-teaser--row .cs-teaser__icon > .bi {
	font-size: 24px;
}

/* Plain icons, dark: the icon turns white on the red circle (the design's cs-svg--white) */
.cs-teaser--dark .cs-teaser__icon--box {
	color: var(--white);
}