.first-letter::first-letter {
    float: left;
    font-size: 450%;
    font-weight: 600;
    font-family:'Just One', Palanquin, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    initial-letter: 3 2;
    margin: 1rem 0 0 0;
    padding-right: 1rem;
}
.ubb-cover-image {
    display: block;
    float: right;
    padding: 0 0 0.5rem 0.5rem;
    text-align: right;
}
/*
::selection,
::-moz-selection{
	background:rgba(255,160,196, 0.35);
	color:#333;
	-webkit-background-clip:unset;
	-webkit-text-fill-color:#333;
}
.dark::selection,
.dark::-moz-selection{
	background:rgba(255,160,196, 0.35);
	color:#fafafa;
	-webkit-text-fill-color:#fafafa;
}
*/
.color-palette{
	display:grid;
	grid-gap:0rem;
	grid-template-columns:repeat(4, 1fr);
	min-height:13rem;
	justify-content:center;
	margin:2rem auto;
	width:100%
}
.color-palette__swatch{
	align-items:flex-end;
	display:flex;
	min-height:13rem;
	justify-content:center;
	transition:transform .2s ease-out
}
.color-palette__swatch:hover{
	transform:scale(1.05)
}
.color-palette__label{
	background:rgba(255,255,255,.5);
	font-size:1.05rem;
	padding:1rem .5rem;
	text-align:center;
	width:100%
}
.dark .color-palette__label{
	background-color:rgb(23,25,25, 0.8)
}
.color-palette__label span,
.color-palette__label strong
/* keep one of these; you shouldn't need both!*/{
	display:block;
	font-weight:600;
	text-transform:uppercase
}
/**
 * Overriding rule that inserts content in empty paragraph.
 * Made specific to avoid CSS leakage.
 */

figure > p:empty::before {
    content: '';
}
div.sharedaddy h3.sd-title::before{
	background-color: var(--accent-color-light)!important;
	border-radius: var(--border-radius-small)!important;
	content: ''!important;
	height: 100%!important;
	left: 0!important;
	position: absolute!important;
	top: 0!important;
	min-width: 0.75rem!important;
	width:0.75rem!important
}

div.sharedaddy h3.sd-title{
	font-size: 2rem!important;
	margin-top: 3rem!important;
	padding-bottom: 0.75rem!important;
	padding-left: 1.75rem!important;
	padding-top: 0.75rem!important;
	position: relative!important;
	font-weight:300!important
}
.sidenote {
	background: rgba(199,199,199,.5);
	border-radius: var(--border-radius);
	float: right;
	margin: 1rem 0 1rem 1rem;
	padding: 1rem;
	width: 40%
}