.wp-block-quote,blockquote {
position: relative;
padding: 40px 0 0 0;
margin: 54px 0 32px 0;
border-radius: $border-radius__main;
border: none;
border-top: 3px solid #000;
font-size: 1.4em;
background-color: transparent;
text-align: center;
&:before {
content: '“';
display: block;
width: .5em;
height: .5em;
position: absolute;
top: 0;
left: 50%;
background: #fff;
border-radius: 100%;
color: #000;
font-family: sans-serif;
font-size: 5em;
line-height: 1;
text-align: center;
transform: translate(-50%,-50%);
opacity: 1;
}
p {
margin-bottom: 24px;
color: var(--heading-color);
}
}
.wp-block-quote.has-text-align-right {
text-align: right;
cite, footer {
margin-right: unset;
margin-left: auto;
}
}
.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
display: table;
color: inherit;
font-size: 14px;
font-style: italic;
opacity: .75;
padding-left: 10px;
margin: auto;
position: relative;
br {
display: none;
}
&:before {
content: "-";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin-left: auto;
margin-right: auto;
padding: 3em 2em 2em 2em;
font-size: 1.2em;
line-height: 1.5;
&:before {
font-size: 300px;
top: 0;
}
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 2em;
font-style: normal;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 14px;
text-align: right;
margin-left: auto;
}