/* FILE: global/elements/_quote.scss */

blockquote {
	clear: both;
	padding: 1em 0;
	margin-left: 0;
	margin-right: 0;
	font-family: var(--typography_font_headings);
	font-size: 1.25em;

	@include media( map_get( $breakpoint, 'l' ) ) {
		font-size: 1.5em;
	}

	cite {
		font-size: .8em;
		font-weight: 400;
	}

		> cite {
			display: block;
			margin-top: $golden_major +em;
		}

	blockquote {
		font-size: 1em;
	}

	p {
		margin-bottom: $golden_major +em;
	}

}

cite {
	font-style: normal;

	&::before {
		content: '\2014\2002'; // — +  
	}

}

q,
blockquote p {

	&::before {
		content: open-quote;
	}

	&::after {
		content: close-quote;
	}

	&::before,
	&::after {
		display: inline-block; // Required for correct RTL display.
	}

}