/* Public-facing styling for the Custom Shortcodes */

.entry-content .wsbc-highlight-rappline {
	background-color: #1e73be;
	border-radius: 0.25em;
	color: #fff !important;
	font-size: 1.1em;
	margin-bottom: 1em;
	padding: 1em;
}
	a.yellow-link:active, a.yellow-link:link, a.yellow-link:visited {
		color: #ffd65a;
		/* text-decoration: none; ???? */
	}

.wsbc-highlight-plain,
.wsbc-highlight-fancy,
.wsbc-blockquote {
	font-size: 2rem;
	line-height: 1.5;
	text-align: justify;
}
 
.wsbc-highlight-plain {
	background-color: #fff;
}

.wsbc-highlight-fancy {
	background-color: #8dc63b;
	border-radius: 0.25em;
	margin-bottom: 1em;
	padding: 1em;
}
	.wsbc-highlight-fancy > p {
		margin-bottom: 0 !important;
	}
	.wsbc-highlight-fancy > p + p {
		margin-top: 0.75em;
	}
	.wsbc-highlight-fancy > p > span.icon-paw {
		color: #fff !important;
		display: inline-block;
		font-size: 1.5em; /* was 1.5em */
		margin: 0 0 0.25em 0;
		transform: rotate(-20deg);
	}
	

.wsbc-blockquote {
	background-color: #fff;
	border-left: none;
	padding: 0;
}
	.icon-quotes-left, .icon-quotes-right {
		color: #1e73be;
		display: inline-block;
		padding-right: 0.5rem;
	}
	.icon-quotes-right {
		padding-left: 0.5rem;
	}
	.wsbc-blockquote > cite {
		display: block;
		margin-top: 0;
		text-align: right;
	}



/* Media Queries */
/* Medium Size Screens */
@media only screen and (min-width: 668px) {
	/* Utilities */
	.wsbc-md-box {
		width: 45%;
	}
	.go-left {
		float: left;
	}
	.go-right {
		float: right;
	}
	
	.wsbc-highlight-rappline.go-right,
	.wsbc-highlight-plain.go-right,
	.wsbc-highlight-fancy.go-right,
	.wsbc-blockquote.go-right {
		margin: 0 0 1em 1em;
	}
	.bc-cos-rapp-box.go-left,
	.wsbc-highlight-plain.go-left,
	.wsbc-highlight-fancy.go-left,
	.wsbc-blockquote.go-left {
		margin: 0 1em 1em 0;
	}
	
	.wsbc-blockquote.go-right {
		text-align: justify;
	}
}