KOKINIO - MANAGER

Edit File: blockquote.scss

blockquote {
	padding: 0;
	position: relative;
	margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);

> * {
		margin-top: var(--global--spacing-unit);
		margin-bottom: var(--global--spacing-unit);

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

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

p {
		letter-spacing: var(--heading--letter-spacing-h4);
		font-family: var(--quote--font-family);
		font-size: var(--quote--font-size);
		font-style: var(--quote--font-style);
		font-weight: var(--quote--font-weight);
		line-height: var(--quote--line-height);
	}

cite,
	footer {
		font-weight: normal;
		color: var(--global--color-primary);
		font-size: var(--global--font-size-xs);
		letter-spacing: var(--global--letter-spacing);
	}

&.alignleft,
	&.alignright {

padding-left: inherit;

p {
			font-size: var(--heading--font-size-h5);
			max-width: inherit;
			width: inherit;
		}

cite,
		footer {
			font-size: var(--global--font-size-xs);
			letter-spacing: var(--global--letter-spacing);
		}
	}

strong {
		font-weight: var(--quote--font-weight-strong);
	}

&:before {
		content: "\201C";
		font-size: var(--quote--font-size);
		line-height: var(--quote--line-height);
		position: absolute;
		left: calc(-0.5 * var(--global--spacing-horizontal));
	}

.wp-block-quote__citation,
	cite,
	footer {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-xs);
		font-style: var(--quote--font-style-cite);
	}

@include media(mobile-only) {
		padding-left: calc(0.5 * var(--global--spacing-horizontal));

&:before {
			left: 0;
		}
	}
}