
/* ======================================
 * https://github.com/adamdehaven/perfect-pullquotes
 * version 1.7.4
 *
 * Adam DeHaven ( @adamdehaven )
 * https://adamdehaven.com/
 *
 * perfect-pullquotes.css
 *
 * ======================================
*/
.perfect-pullquote blockquote, .perfect-pullquote blockquote p {
	/* Reset <blockquote> element */
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	font-size: 100% !important;
	text-align: left !important;
	vertical-align: baseline !important;
	background: transparent !important;
	quotes: none !important;
}

.perfect-pullquote blockquote:before, .perfect-pullquote blockquote:after, .perfect-pullquote blockquote p:before, .perfect-pullquote blockquote p:after {
	content: "" !important;
	content: none !important;
}

.perfect-pullquote blockquote footer:before {
	content: "— " !important;
}

.perfect-pullquote blockquote footer {
	margin-top: 4px;
}

.perfect-pullquote blockquote footer cite {
	font-style: italic;
}

.perfect-pullquote blockquote footer cite a {
	display: inline-block;
	font-style: italic;
}

.perfect-pullquote {
	color: #363636;
	font-size: 21px;
	line-height: 1.5;
	display: block;
	width: 30%;
	padding: .5em 1em;
	margin: 24px 0px;
}

.perfect-pullquote.pullquote-align-full {
	width: 95%;
}

.perfect-pullquote blockquote p {
	color: #363636;
	font-size: 21px;
	line-height: 1.5;
}

.pullquote-align-left {
	text-align: left;
	margin: .5em 1.5em 1em 0;
	float: left;
}

.pullquote-align-right {
	text-align: left;
	margin: .5em 0 1em 1.5em;
	float: right;
}

.pullquote-align-full {
	text-align: left;
	margin: .5em 0 1em 1.5em;
	padding-right: 0;
	float: none;
}

.pullquote-border-placement-left {
	border-left: 5px solid #eee;
}

.pullquote-border-placement-right {
	border-right: 5px solid #eee;
}

.pullquote-border-placement-top {
	border-top: 5px solid #eee;
	padding-left: .5em;
	padding-right: .5em;
}

@media screen and (min-width: 769px) and (max-width: 992px) {
	.perfect-pullquote {
		width: 50% !important;
	}
	
	.perfect-pullquote.pullquote-align-full {
		margin: .5em 0 1em .5em;
		width: 95% !important;
	}
}

@media screen and (max-width: 768px) {
	.perfect-pullquote {
		margin: .5em 0 1em .5em !important;
		padding: .5em 1em;
		padding-right: 0;
		width: 95% !important;
		border-left: 5px solid #eee;
		border-right: none !important;
		border-top: none !important;
		float: none;
	}
}
