/**
 * Custom Quote Block Styling
 * Ensures the default WordPress quote block renders with a solid black bar down the left hand side
 * across both the Gutenberg block editor and the front-end.
 */

.wp-block-quote,
blockquote.wp-block-quote,
blockquote {
    border-left: 5px solid #000000 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.wp-block-quote {
    padding-left: 1.25em !important;
    margin: 1.5em 0 !important;
}

.wp-block-quote p {
    margin-bottom: 0.5em;
}

.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-quote .wp-block-quote__citation {
    display: block;
    font-size: 0.85em;
    font-style: normal;
    color: #555555;
    margin-top: 0.5em;
}

/* Plain style removes the border */
.wp-block-quote.is-style-plain {
    border-left: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    padding-left: 0 !important;
}

/* Right alignment moves the bar to the right */
.wp-block-quote.has-text-align-right {
    border-left: none !important;
    border-right: 5px solid #000000 !important;
    padding-left: 0 !important;
    padding-right: 1.25em !important;
}

/* Center alignment removes the bar */
.wp-block-quote.has-text-align-center {
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}