blockquote {
	margin: 0;
}

blockquote ul {
	margin: 1rem 0 1.1rem 2.5rem;
}

blockquote p {
	padding: 15px;
	text-indent: 10px;
	margin-top: 15px;
}

blockquote p:first-child {
	margin-top: 15px;
}

blockquote hr {
	border: transparent;
	height: 1px;
}

blockquote a {
	color: hsla(206, 100%, 15%, 1);
	color: var(--primary-dark);
	text-decoration: none;
}

blockquote strong span {
	display: block;
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-top: 1rem;
	margin-bottom: 0;
}

blockquote > pre {
	margin-bottom: 0.8rem;
}

.content blockquote > ul {
	margin-bottom: 0.9rem;
}

blockquote.NOTE {
	color: #38225d;
	background: #e2daf1;
	border-left: #e2daf1;
	background-image: url('exclamation-circle.svg');
	background-repeat: no-repeat;
	background-position: 27px 20px;
}

blockquote.NOTE p {
	color: #38225d;
}

blockquote.TIP {
	color: #094409;
	background: #d2f9d2;
	border-left: #d2f9d2;
	background-image: url('lightbulb.svg');
	background-repeat: no-repeat;
	background-position: 27px 20px;
}

blockquote.TIP p {
	color: #094409;
}

blockquote.IMPORTANT {
	color: #002b4d;
	background: #e0f2ff;
	border-left: #e0f2ff;
	background-image: url('info-circle.svg');
	background-repeat: no-repeat;
	background-position: 27px 20px;
}

blockquote.IMPORTANT p {
	color: #002b4d;
}

blockquote.CAUTION {
	color: #651b01;
	background: #ffdacc;
	border-left: #ffdacc;
	background-image: url('x-circle.svg');
	background-repeat: no-repeat;
	background-position: 27px 20px;
}

blockquote.CAUTION p {
	color: #651b01;
}

blockquote.WARNING {
	color: #664b00;
	background: #fff1cc;
	border-left: #fff1cc;
	background-image: url('exclamation-triangle.svg');
	background-repeat: no-repeat;
	background-position: 27px 20px;
}

blockquote.WARNING p {
	color: #664b00;
}

blockquote.EXAMPLE {
	color: #093807;
	background: #a5f0fd;
	border-left: #fff1cc;
	background-image: url('example.svg');
	background-repeat: no-repeat;
	background-position: 22px 17px;
	background-size: 27px 20px;
}

blockquote.EXAMPLE p {
	color: #3a5233;
}

blockquote.RESPONSE {
	color: #ac896a;
	background: #FFDAB9;
	border-left: #fff1cc;
	background-image: url('send-outline.svg');
	background-repeat: no-repeat;
	background-position: 22px 17px;
	background-size: 27px 20px;
}

blockquote.RESPONSE p {
	color: #815b3a;
}
