/**
* Theme Name: St. Clair Elderberries
* Author: Abstract Marketing
* Template: blocksy
* Text Domain: blocksy
*/

@import url("./hello-bloomie.css");

:root {
	--fancy-shadow: url("data:image/webp;base64,UklGRioCAABXRUJQVlA4TB0CAAAvf8AHEL8AEIT/bRMRCtq2YfFu0m1Q2uUBAsCAQmFCYdu2DTKszv8fTtobIvo/AdvqrSC5q1QAuT7MDNUfswFIbhtJkiIa8/8fz7iXsBy1NDDHiHDgNlIkwRxF0UJFTdO7b3j89KOr373mqLo87s1DV1HvKUTSR82jTaWKtQXFmiN/aoqWfn9tq8a8n9BQvXhXqN/32K2PZwFJ+yYzbWprj+C4wrfJRgXDthZaOwmzcJiUZIcO4qaeNuzkKox9GyJaD7/6z4mqTcZEwo1p92Kune+8psRzHy22wXY/cHOfD1Bauw15zUkDzSYWSGUj/6A9gK2knlMkFoCUSEeQHomOrGUqX8HDsKNPHshs8Edc1mdDVuC7Gm/INMZjjX7z1fyt24kRHmRzeLAtSCQx3oS4wkDbo8QFKRcIIyR/h8TkfSxsy8xaJaQB+iYWPqokepzld7rRMChRAR0CYVsbpTM877H6EFsL5iARUrdSpuQNuKObnwr8bB+VhE4GcNhXtg47AUVZFB/RmcRcb911TESOP70JAed2JHFeWAkhy4VJc0VvOASYC7mquCM5Jc7N9VOO4VrXqNKL8z4njjJXZOCq1lSjPX4KYnxf3xJYd8gyPo30vgeZbRDJ6PAPLaM7XBl0HOSKGJjbgVgJdkUa7zuBHdGYjqp1xA3DaXpVDHO/aUDUs5jT3UHKNRtjwLeEH9jj7Vvq/42rv73pG2EBAA==");
}

.is-font-hello-bloomie {
	font-family: 'Hello Bloomie', script !important;
	font-weight: 400 !important;
}

.wp-block-group.has-text-color :is(h1, h2, h3, h4, h5, h6) {
	color: inherit;
}

.mobile-menu .sub-menu {
	padding-bottom: 1rem;
	padding-top: 0;
}

article .ct-featured-image {
	padding-bottom: 25px;
}

:is(
.ct-button,
.wp-block-button,
.button) .icon {
	margin: 5px;
}

/* Prevent map block from covering header shadow */
body .leaflet-pane {
	z-index: 0;
}

article .entry-content :is(h1, h2, h3, h4, h5, h6) {
	margin-top: calc(var(--has-content-spacing, 1)*(.3em + 10px));
}

@media (max-width: 700px) {
	.entry-content .wp-block-image {
		display: block;
		float: none;
		margin-left: .5rem;
		margin-right: .5rem;
		margin-bottom: 1.5rem;
		text-align: center;
	}
}

ul.text-center {
	list-style-position: inside;
}

/*
* Shadows
* */
.has-fancy-shadow {
	position: relative;
}

.hero-section[data-type=type-2]::after,
.ct-header [data-row="bottom"]::after,
.has-fancy-shadow::after {
	--height: 40px;

	content: '';
	background-image: var(--fancy-shadow);
	background-size: 100% var(--height, 50px);
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
	right: 0;
	height: var(--height, 50px);
	opacity: 1;
	z-index: 10;
	pointer-events: none;
	overflow: hidden;
}

/* Utilities */

.bg-c1 { background-color: var(--theme-palette-color-1) }
.bg-c2 { background-color: var(--theme-palette-color-2) }
.bg-c3 { background-color: var(--theme-palette-color-3) }
.bg-c4 { background-color: var(--theme-palette-color-4) }
.bg-c5 { background-color: var(--theme-palette-color-5) }
.bg-c6 { background-color: var(--theme-palette-color-6) }
.bg-c7 { background-color: var(--theme-palette-color-7) }
.bg-c8 { background-color: var(--theme-palette-color-8) }

.text-c1 { color: var(--theme-palette-color-1) }
.text-c2 { color: var(--theme-palette-color-2) }
.text-c3 { color: var(--theme-palette-color-3) }
.text-c4 { color: var(--theme-palette-color-4) }
.text-c5 { color: var(--theme-palette-color-5) }
.text-c6 { color: var(--theme-palette-color-6) }
.text-c7 { color: var(--theme-palette-color-7) }
.text-c8 { color: var(--theme-palette-color-8) }

.text-shadow-md {
	text-shadow: 1px 1px 4px #000a, 0 0 20px #0005, 4px 4px 10px #000a !important;
}