/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */

div[data-type*="play-quote/play-quote-block"] {
	max-width: 1000px !important;
}

.editor-styles-wrapper .wp-block-play-quote-play-quote-block:before {
	content: url(./images/yellow-5-dot-grid.svg);
	position: absolute;
	top: 60px;
	left: -60px;
}

.wp-block-play-quote-play-quote-block {
	padding: 120px 0 80px;
}

.wp-block-play-quote-play-quote-block .quote-image:after {
	content: url("./images/light-purple-bracket.svg");
	position: absolute;
	bottom: -4px;
	right: -14px;
	transform: rotate(-180deg);
}

.wp-block-play-quote-play-quote-block .quote-image {
	background: transparent;
	position: relative;
	width: 365px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.wp-block-play-quote-play-quote-block .quote-image button {
	margin-top: 30px;
}

.wp-block-play-quote-play-quote-block .quote-image button.image-button {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.wp-block-play-quote-play-quote-block .quote-image img {
	display: inline-block;
	z-index: 1;
	position: relative;
}

.wp-block-play-quote-play-quote-block .quote-text {
	width: calc( 100% - 405px );
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin-left: 40px;
}

.wp-block-play-quote-play-quote-block .sm-squiggle:before {
	content: url("./images/small-squiggle.svg");
	position: relative;
}

.wp-block-play-quote-play-quote-block .sm-squiggle {
	margin-bottom: 6px;
}

.wp-block-play-quote-play-quote-block .citation {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
}

.wp-block-play-quote-play-quote-block span {
	display: inline-block;
	width: 100%;
}

.wp-block-play-quote-play-quote-block .add-link {
	display: inline-block;
	float: right;
	background: rgb(239, 236, 245);
	padding: 5px 10px;
}

.wp-block-play-quote-play-quote-block span.more-quotes,
.wp-block-play-quote-play-quote-block span.btn-text,
.wp-block-play-quote-play-quote-block div.button-url {
	text-align: right;
}


.editor-styles-wrapper .wp-block-play-quote-play-quote-block span.btn-text:after {
	content: url("./images/purple-arrow.svg");
	position: relative;
	padding: 0 10px;
	top: 1px;
}

.wp-block-play-quote-play-quote-block .sm-arrow:before {
	content: url("./images/purple-arrow.svg");
	position: relative;
}

.wp-block-play-quote-play-quote-block .sm-arrow {
	margin: 6px 10px;
	display: inline;
}

.wp-block-play-quote-play-quote-block:after { 
	content:""; 
	clear:both; 
	display: table; 
}

.wp-block-play-quote-play-quote-block blockquote:before {
	content: url(./images/large-quote.svg) !important;
	position: absolute !important;
	top: -70px !important;
	left: 0 !important;
}

.wp-block-play-quote-play-quote-block blockquote {
	color: #5A4099;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 39px;
	padding-top: 30px;
	margin-bottom: 10px !important;
	margin-left: 0 !important;
	position: relative;
}