body {
	background-color: #f1f1f1;
	color: #333;

	font-family: "Lato", sans-serif;
	line-height: 1.4em;
}

article + article {
	margin-top: 3em;
}

/*
 *  Links
 *
 */

a {
	color: var(--lsv-blue);
	font-weight: 700;
	letter-spacing: 0.03em;
}
	#content a:not(.wp-element-button):hover {
		border-bottom: 2px solid #ddd;
	}
	a[href*="tel:"] {
		padding-left: 1.5em;
		background-image: url(images/icons/phone.svg);
		background-position: 0 50%;
		background-size: 1em 1em;
		background-repeat: no-repeat;
	}


a.button {
	display: inline-block;
	padding: 0.5em 1em;
	background-color: var(--lsv-blue);
	color: #fff;
	border: none !important;
	border-radius: 0.2em;
	transition: 400ms all;
}
	a.button::after {
		content: " ";
		position: absolute;
		left: 1em;
		right: 1em;
		bottom: -2px;
		border-bottom: 2px solid #fff;
		transition: 400ms color;
		opacity: 0;
	}
	a.button:hover, a.button:active, a.button:focus {
		position: relative;
		background-color: var(--lsv-green);
		padding: 0.35em 1em 0.65em 1em;
	}
		a.button:hover::after, a.button:active::after, a.button:focus::after {
			bottom: 0.45em;
			opacity: 0.75;
		}

/*
 *  Headings
 *
 */

h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0 0.7em 0;
	text-align: left;

	line-height: 1.4em;
	font-family: "Rubik", sans-serif;
}

h1 { font-size: 180%; font-weight: 500; color: var(--lsv-blue); }
h2 { font-size: 150%; margin: 2.5em 0 1.2em 0; clear: both; }
	.wp-block-column figure + h2 { margin-top: 1.5em; }
	.digidone-shop.modal h2 { margin-top: 1.5em; }
h3 { font-size: 115%; font-weight: 500; color: var(--lsv-green); }
h4 { font-size: 110%; }
h5 { font-size: 110%; }
h6 { font-size: 105%; }

/*
 *  Images
 *
 */

#content img {
	max-width: 100%;
	height: auto;
}

/*
 *  Lists
 *
 */

#content ul li {
	margin-left: 1.2em;
	text-indent: -0.6em;
}
	#content ul li:not(.wp-block-outermost-social-sharing-link):before {
		content: "–";
		display: inline-block;
		width: 0.6em;
	}

/*
 *  Common classes
 *
 */

.hidden { display: none; }
.small { font-size: 85%; }
.alignright { float: right; margin: 1em 0 1em 1em; }
.alignleft { float: left; margin: 1em 1em 1em 0; }
.aligncenter { text-align: center; clear: both; }

/*
 *  Gutenberg text sizes
 *
 */

p.has-medium-font-size {
	line-height: 1.5em;
	color: #888;
	margin-bottom: 3em;
}

/*
 *  Gutenberg columns
 *
 */

.wp-block-columns {
	display: grid;
	grid-gap: 3.5em;
	margin: 2em 0;
}
	@media screen and (min-width:1200px) {
		.wp-block-columns { grid-template-columns: repeat( 2, 1fr ); }
		.wp-block-columns.has-3-columns { grid-template-columns: repeat( 3, 1fr ); }
		.wp-block-columns.has-4-columns { grid-template-columns: repeat( 4, 1fr ); }
		.wp-block-columns.has-2-columns.cols-60-40 { grid-template-columns: 6fr 4fr; }
	}

.wp-block-column {
	margin: 0 !important;
}
	.wp-block-column p {
		font-size: 90%;
		color: #333;
	}
	.wp-block-column iframe {
		max-width: 100%;
	}

.wp-block-embed,
.wp-block-image {
	margin: 2em 0;
}

.wp-block-table {
	width: 100%;
}
	.wp-block-table tr {
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}
	.wp-block-table td {
		padding: 0.25em 0;
	}

.wp-block-image figure {
	margin-top: 0;
}

.wp-block-image img {
	max-width: 100%;
	height: auto;
}
	.wp-block-image.rounded img {
		border-radius: 50%;
	}

/*
 *
 *
 */

.wp-block-column[class*="lsv-icon-"] {
	padding-top: 36px;
	background-size: auto 24px;
	background-repeat: no-repeat;
}

.wp-block-column.lsv-icon-envelope { background-image: url(images/icons/envelope.svg); }
.wp-block-column.lsv-icon-home { background-image: url(images/icons/home.svg); }
.wp-block-column.lsv-icon-phone { background-image: url(images/icons/phone.svg); }

.wp-block-table.lsv-numbers td:first-child,
.wp-block-table.lsv-numbers-right td:last-child {
	width: 100px;
	text-align: right;
}
	.wp-block-table.lsv-numbers td:first-child {
		padding-right: 1em;
	}
		.wp-block-table.lsv-numbers td {
			padding-bottom: 0.75em;
		}

.content .lsv-person:first-child {
	margin-top: 2.5em !important;
}
.lsv-person {
	grid-template-columns: 175px auto;
}
	.lsv-person img {
		border-radius: 50%;
	}
	.lsv-person h2 {
		margin-top: 0;
	}

/*
 *  Block style: Media & Text: Text overlaying image
 *
 */

.wp-block-media-text.is-style-text-overlaying-image {
	display: block;
	position: relative;
}
	.wp-block-media-text.is-style-text-overlaying-image .wp-block-media-text__media,
	.wp-block-media-text.is-style-text-overlaying-image .wp-block-media-text__content {
		position: absolute;
		top: 0;
		left: 0;
	}

	.wp-block-media-text.is-style-text-overlaying-image .wp-block-media-text__media {
		grid-column: 1 !important;
		width: 200%;
	}
	.wp-block-media-text.is-style-text-overlaying-image .wp-block-media-text__content {
/*		color: #fff; */
		position: relative;
		z-index: 2;
	}

@media screen and (min-width:768px) {
	.wp-block-media-text.is-style-text-overlaying-image {
		display: grid;
	}
		.wp-block-media-text.is-style-text-overlaying-image .wp-block-media-text__media,
		.wp-block-media-text.is-style-text-overlaying-image .wp-block-media-text__content {
			position: relative;
		}

		.wp-block-media-text.is-style-text-overlaying-image .wp-block-media-text__content > :is(h1,h2,h3,h4,h5,h6) {
			text-shadow: 5px 5px 0 rgba(0,0,0,0.45), -2px -2px 0 rgba(0,0,0,0.35), -2px 2px 0 rgba(0,0,0,0.35), 2px -2px 0 rgba(0,0,0,0.35);
		}
}

@media screen and (min-width:1024px) {
	.wp-block-media-text.is-style-text-overlaying-image .wp-block-media-text__content {
		width: 100%;
		max-width: 570px;
		margin-right: 30px;
		margin-left: 0;
	}
}

@media screen and (min-width:1280px) {
	.wp-block-media-text.is-style-text-overlaying-image.has-media-on-the-right .wp-block-media-text__content {
		margin-left: 25%;
	}
}

@media screen and (max-width:767px) {
	.wp-block-media-text.is-stacked-on-mobile {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
		grid-auto-flow: row;
	}
		.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media,
		.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
			position: static !important;
		}
			.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
				width: 100%;
				grid-column: 1;
				grid-row: 1;
			}
			.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
				background-color: var(--lsv-blue);
				grid-column: 1;
				grid-row: 2;
			}
				.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content > * {
					text-align: center;
				}
				.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content .wp-block-spacer {
					display: none;
				}
				.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content a.button {
					border: 3px solid #fff !important;
				}