.content { /* emulates "about" class in parent theme, to add padding above main content heading */
	padding: 5em 0;
}

.header-top-right {
	min-width: max-content;
	intrinsic: max-content;
	-moz-max-content: max-content;
	-webkit-max-content: max-content;
}

.banner-w3text {
	/* text-shadow: 1px 1px 1px white; */
}

.nbs-flexisel-item,
.nbs-flexisel-item > a img,
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	cursor: pointer;
}

.nbs-flexisel-item > img { /* adds another match to '.nbs-flexisel-item > a img' from style.css */
	cursor: auto;
	position: relative;
	width: 100%;
	margin: 0;
}

.default-bottom { /* adds another match to '.about-bottom' from style.css */
	margin: 4em 0;
}

.content ul {
	padding: 1em 2em;
}

.content.default .w3grid p { /* hmm, apply this more broadly and consolidate with below rule? */
	line-height: 2em;
}

.content p {
	margin: 1em 0; /* overrides 'margin: 0' for any p in style.css */
}

.content p:first-child {
	margin-top: 0;
}

.content p:last-child {
	margin-bottom: 0;
}

.cut-in {
	float: right;
	margin: 1em;
	border: thick solid #10c7bf;
}

.cut-in.even {
	float: left;
}

@media (min-width:767px) {
	img.feature {
		float: right;
		max-width: 25%;
	}
}

@media (max-width:767px) {
	.header-top-right {
		display: none;
	}

	.cut-in {
		max-width: 90%;
		display: block;
	}
}

.footer-right-map iframe {
	height: 18em;
}

.footer-right-map {
	margin-top: 0;
}