/* Quote block */
body .wp-block-quote {
/* 	border: 1px solid var(--primary-color); */
/* 	padding: var(--wp--preset--spacing--fm-40) var(--wp--preset--spacing--fm-80);*/
	padding: 0 !important ; 
	margin: 2rem auto 0 auto !important;
	font-size: clamp(1rem, 4vw, 1.2rem); 
	line-height: 2.2;
	position: relative;
	color: var(--primary-color);
	font-style: italic;
}

/* .wp-block-quote::before {
	content: '';
	background: var(--primary-color) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="20" height="14"><path fill="white" d="M18.57 0H14.3l-2.86 5.6V14H20V5.6h-4.29L18.57 0ZM7.14 0H2.86L0 5.6V14h8.57V5.6H4.3L7.14 0Z"/></svg>') center no-repeat;
    position: absolute;
    inset: -1rem auto auto -1rem;
	width: 2rem;
	height: 2rem;
} */

.wp-block-quote cite {
	font-size: clamp(0.9rem, 4vw, 1rem);
	font-weight: bold;
	text-align: right;
	line-height: 1.5;
}

@keyframes line {
  to {
    stroke-dashoffset: 0;
  }
}


@keyframes quote {
  to {
    transform: scale(1);
  }
}

.quote-accent .line-one{
	stroke-dasharray: 390;
  	stroke-dashoffset: 390;
}

.quote-accent .line-two{
	stroke-dasharray: 780;
  	stroke-dashoffset: 780;
}

.quote-accent .quote{
	opacity: 0; 
	transition: opacity .25s 1.25s ease; 
}

.quote-accent circle{
	transform-box: fill-box;
  	transform-origin: center;
	transform: scale(0);
}

.wp-block-quote.js-intersected .quote-accent .line-one{
	animation: line 1s linear forwards;
}
.wp-block-quote.js-intersected .quote-accent .line-two{
	animation: line 2s linear forwards;
}
.wp-block-quote.js-intersected .quote-accent circle{
	animation: quote .25s 1s linear forwards;
}
.wp-block-quote.js-intersected  .quote-accent .quote{
	opacity: 1; 
}