/// Teaser heading styles.
/// Including styles for a nested link.
/// @access public
@mixin oTeaserHeading {
	@include _oTeaserLink();
	font-family: oPrivateFoundationGet('o3-type-headline-sm-font-family');
	font-size: oPrivateFoundationGet('o3-type-headline-sm-font-size');
	font-weight: oPrivateFoundationGet('o3-type-headline-sm-font-weight');
	line-height: oPrivateFoundationGet('o3-type-headline-sm-line-height');
	color: $_o-teaser-base-color;
	margin-top: 0;
	margin-bottom: 0;
}

/// Base styles for a teaser
/// sets the font and basic display properties
@mixin _oTeaserBase {
	font-family: oPrivateFoundationGet('o3-type-detail-font-family');
	font-size: oPrivateFoundationGet('o3-type-detail-font-size');
	font-weight: oPrivateFoundationGet('o3-type-detail-font-weight');
	line-height: oPrivateFoundationGet('o3-type-detail-line-height');

	position: relative;
	width: 100%;
	text-rendering: optimizeLegibility;
	margin-bottom: oPrivateSpacingByName('s4');

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/*autoprefixer: off*/
	-webkit-box-sizing: border-box; // stylelint-disable-line property-no-vendor-prefix
	-moz-box-sizing: border-box; // stylelint-disable-line property-no-vendor-prefix
	box-sizing: border-box;

	& *,
	& *:before,
	& *:after {
		/*autoprefixer: off*/
		-webkit-box-sizing: inherit; // stylelint-disable-line property-no-vendor-prefix
		-moz-box-sizing: inherit; // stylelint-disable-line property-no-vendor-prefix
		box-sizing: inherit;
	}
}

/// Styles for standfirst element
@mixin _oTeaserStandfirst {
	@include _oTeaserLink();
	font-family: oPrivateFoundationGet('o3-type-detail-font-family');
	font-size: oPrivateFoundationGet('o3-type-detail-font-size');
	font-weight: oPrivateFoundationGet('o3-type-detail-font-weight');
	line-height: oPrivateFoundationGet('o3-type-detail-line-height');
	color: $_o-teaser-muted;
	margin-top: 0;
	margin-bottom: 0;

	.o-teaser__heading + & {
		margin-top: oPrivateSpacingByName('s2');
	}
}

/// Links within title or standfirst
@mixin _oTeaserLink {
	a {
		color: inherit;
		text-decoration: none;
		border: 0;

		&:focus,
		&:hover {
			color: $_o-teaser-focus-hover;
		}

		&:visited {
			color: $_o-teaser-muted;
		}
	}
}
