.wp-block-quote {

	border-left-color: #{map-deep-get($config-global, "color", "primary", "default")};
	margin: #{map-deep-get($config-global, "spacing", "vertical")} 0;
	padding-left: #{map-deep-get($config-global, "spacing", "horizontal")};

	& > * {
		margin-top: #{map-deep-get($config-global, "spacing", "unit")};
		margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};

		&:first-child {
			margin-top: 0;
		}

		&:last-child {
			margin-bottom: 0;
		}
	}

	p {
		@include font-family( map-deep-get($config-quote, "font", "family") );
		font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
		letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h4")};
		line-height: #{map-deep-get($config-heading, "font", "line-height", "h4")};
	}

	.wp-block-quote__citation,
	cite,
	footer {
		color: #{map-deep-get($config-global, "color", "foreground", "light")};
		font-size: #{map-deep-get($config-global, "font", "size", "sm")};
		letter-spacing: #{map-deep-get($config-global, "font", "letter-spacing", "sm")};

		.has-background:not(.has-background-background-color) &,
		[class*="background-color"]:not(.has-background-background-color) &,
		[style*="background-color"] &,
		.wp-block-cover[style*="background-image"] & {
			color: currentColor;
		}
	}

	/**
	 * Block Options
	 */
	&[style*="text-align:right"],
	&[style*="text-align: right"] {
		border-right-color: #{map-deep-get($config-global, "color", "primary", "default")};
	}

	&.is-style-large,
	&.is-large {
		/* Resetting margins to match _block-container.scss */
		margin-top: #{map-deep-get($config-global, "spacing", "vertical")};
		margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
		padding: 0;

		p {
			font-size: #{map-deep-get($config-heading, "font", "size", "h3")};
			letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h3")};
			line-height: #{map-deep-get($config-heading, "font", "line-height", "h3")};
		}

		.wp-block-quote__citation,
		cite,
		footer {
			color: #{map-deep-get($config-global, "color", "foreground", "light")};
			font-size: #{map-deep-get($config-global, "font", "size", "sm")};
			letter-spacing: #{map-deep-get($config-global, "font", "letter-spacing", "sm")};
		}
	}

	.has-background:not(.has-background-background-color) &,
	[class*="background-color"]:not(.has-background-background-color) &,
	[style*="background-color"] &,
	.wp-block-cover[style*="background-image"] & {
		border-color: currentColor;
	}
}