/******************************************************/
/* WORDPRESS QUOTE BLOCK */
/******************************************************/

.wp-block-quote {
	position: relative;
	display: flex;
    flex-direction: column;
    gap: 0.5rem;
	padding: 0;
	font-size: 21px;
	letter-spacing: 0.01em;
	line-height: 1.5;
	border: 0;
}

.wp-block-quote > * {
	margin: 0!important;
}

.wp-block-quote > p:first-child:after {
    position: absolute;
    top: -22px;
    left: -34px;
    color: currentColor;
    opacity: 0.6;
	z-index: -1;
	/* Style the SVG icons via "Mask" */
	width: 50px;
	height: 50px;
	content: '';
	background-color: var(--wp--preset--color--site-background-contrast-10);
	-webkit-mask-size: 50px;
	mask-size: 50px;
	-webkit-mask-repeat: no-repeat;
  	mask-repeat: no-repeat;
  	-webkit-mask-position: right;
  	mask-position: right;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M96.4 416h77.1l50.9-96.6V96h-160v223.4h77.1L96.4 416zm224 0h77.1l50-96.6V96H288.4v223.4h82l-50 96.6z" fill="%23686868"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M96.4 416h77.1l50.9-96.6V96h-160v223.4h77.1L96.4 416zm224 0h77.1l50-96.6V96H288.4v223.4h82l-50 96.6z" fill="%23686868"></path></svg>');
}

.wp-block-quote.has-text-align-right > p:first-child:after {
    left: auto;
    right: -34px;
}

.wp-block-quote.has-text-align-center > p:first-child:after {
    top: -42px;
    left: 50%;
	margin-left: -25px;
    right: auto;
}

.wp-block-quote cite,
[data-type="core/quote"] .wp-block-quote__citation /* <-- Important for block editor */ {
	display: block;
	padding: 0!important;
	margin: 0!important;
	font-size: 80%;
	font-style: normal;
	font-weight: 400;
	color: currentColor;
    opacity: 0.7;
}