/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 */

/*
 * TODO: Generate this stylesheet in the styleguide and then move to inside the block
 */

.wp-block-pj-box {
	color: #1E2131;
	padding: 16px;
	margin: 24px 0;
	background-color: #F2F2F3;
}

.wp-block-pj-box *:first-child {
	margin-top: 0;
}

.wp-block-pj-box *:last-child {
	margin-bottom: 0;
}

.wp-block-pj-box.is-style-secondary {
	border: 1px solid #373A47;
	background: transparent;
}

.wp-block-pj-box.is-style-tertiary {
	border-top: 4px solid #50535F;
	padding-top: 12px;
	background: transparent;
	box-shadow: 0px 3px 6px rgba(80, 83, 95, 0.25);
}

.wp-block-pj-box.is-style-quaternary {
	background-color: transparent;
}

/** 
 * Copied from the dropcap editor block
 */
.has-drop-cap::first-letter {
	float: left;
	font-size: 8.4em;
	line-height: .68;
	font-weight: 100;
	margin: .05em .1em 0 0;
	text-transform: uppercase;
	font-style: normal;
}