/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/**
 * Environment for all styles (variables, additions, etc).
 */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.has-drop-cap {
	--cnvs-drop-cap-color: black;
	--cnvs-drop-cap-font-size: 2.5rem;
	--cnvs-drop-cap-dark-background: black;
	--cnvs-drop-cap-dark-color: #fff;
	--cnvs-drop-cap-light-background: #f8f9fa;
	--cnvs-drop-cap-light-color: inherit;
	--cnvs-drop-cap-bordered-width: 1px;
	--cnvs-drop-cap-bordered-color: #dee2e6;
}

.is-style-cnvs-paragraph-callout {
	--cnvs-callout-font-size: 1.25rem;
	--cnvs-callout-font-weight: 600;
}

/*--------------------------------------------------------------*/
.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-simple:not(:focus):after,
.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-bordered:not(:focus):after,
.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-border-right:not(:focus):after,
.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-bg-light:not(:focus):after,
.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-bg-dark:not(:focus):after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px;
}

.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-simple:not(:focus):first-letter,
.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-bordered:not(:focus):first-letter,
.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-border-right:not(:focus):first-letter,
.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-bg-light:not(:focus):first-letter,
.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-bg-dark:not(:focus):first-letter {
	display: block;
	float: left;
	margin-top: 0.5rem;
	margin-right: 2rem;
	margin-bottom: 1rem;
	color: var(--cnvs-drop-cap-color);
	font-size: var(--cnvs-drop-cap-font-size);
	line-height: 1;
	text-align: center;
}

.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-bg-dark:not(:focus):first-letter {
	padding: 0.5rem 1rem;
	background: var(--cnvs-drop-cap-dark-background);
	color: var(--cnvs-drop-cap-dark-color);
}

.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-bg-light:not(:focus):first-letter {
	padding: 0.5rem 1rem;
	background: var(--cnvs-drop-cap-light-background);
	color: var(--cnvs-drop-cap-light-color);
}

.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-bordered:not(:focus):first-letter {
	margin-top: 0.25rem;
	padding: 0.5rem 1rem;
	border: var(--cnvs-drop-cap-bordered-width) solid var(--cnvs-drop-cap-bordered-color);
}

.editor-styles-wrapper .has-drop-cap.is-cnvs-dropcap-border-right:not(:focus):first-letter {
	padding-right: 2rem;
	border-right: var(--cnvs-drop-cap-bordered-width) solid var(--cnvs-drop-cap-bordered-color);
	border-radius: 0;
}

.editor-styles-wrapper .is-style-cnvs-paragraph-callout {
	font-size: var(--cnvs-callout-font-size);
	font-weight: var(--cnvs-callout-font-weight);
}