
#added:not([data-cart-count="1"]) { display: none !important; }

/**
 * header
 */

	#regions {
		margin: 0 0 8px 0;
		height: 100%;
		padding: 6px;
		color: white;
		/**/background:#76B82A;/**/
	}
	#regions>span:not(:last-child)::after {
		content: '| ';
	}

	#title-image {
		display: inline-block;
		position: relative;
		max-width: 100%;
		margin: 0 auto 25px auto;
	}
	#title-image .image {
		display: block; height: auto;
		max-height: 550px; max-width: 100%;
	}
	#title-image .logo {
		position: absolute;
		top: 7px; right: 7px;
		width: 200px; max-width: 40%; height: 40%; min-height: 70px;
		background-position: top right; background-size: contain; background-repeat: no-repeat;
		opacity: .95;
	}
	@supports (object-fit: cover) {
		#title-image {
			display: block;
			position: relative;
		}
		#title-image .image {
			width: 100%; object-fit: cover;
		}
	}
	#title-image .imageCredit {
		text-align: right;
		opacity: .75;
		font-size: 80%;
	}

/**
 * aside#download-container
 */

	#download-container {
		float: right;
		width: 185px;
		margin-left: 15px;
		font-weight: 200;
	}
	#download-container + #content {
		min-height: 360px; /* avoid overflow of #download-container if text is to short */
	}
	#download-thumb {
		padding: 0;
	}
	#download-thumb img {
		display: block;
		width: 100%; height: auto;
		margin-bottom: 5px;
	}
	#download-thumb img.with-border {
		outline: 1px solid #777;
	}
	#download-buttons .button {
		display: block; width: 100%;
		padding: 5px 5px; margin-bottom: 5px;
		text-align: center; font-size: 0.75em;
		color: white;
		/**/background:#76B82A;/**/
	}
	@supports (display: flex) and (align-items: center) and (justify-content: center) {
		#download-buttons .button { display: flex; align-items: center; justify-content: center; }
	}
	@media (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ */
		#download-buttons .button { display: flex; align-items: center; justify-content: center; }
	}
	@media (pointer: coarse) and (min-width: 400.1px) {
		#download-buttons .button { min-height: 35px; }
	}
	a#download-thumb:hover + *>.button:first-child,
	#download-buttons .button:hover {
		/**/background:#559326;/**/
	}
	#download-buttons .button.active {
		/**/background:#559326;/**/
	}
	#download-thumb:focus + *>.button:first-child { text-decoration: underline dotted; }
	#download-buttons form:focus-within + label { text-decoration: underline; text-decoration: underline dotted; }

	@media (max-width: 400px) {
		#download-container {
			float: none; position: relative;
			height: 63vw; height: calc((100vw - 40px) * 0.7); min-height: 215px;
			width: 100%; margin: 0;
		}
		#download-thumb, #download-buttons {
			display: block; position: absolute; right: 50%;
			width: 50%; height: 100%;
			overflow: hidden;
		}
		#download-thumb img {
			display: block; position: absolute;
			height: 100%; width: auto;
			margin:auto;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;
		}
		#download-buttons {
			left: 50%;
			padding-left: 10px;
		}
		#download-buttons .button {
			height: 30%;
			margin-bottom: 8%;
		}
		#download-buttons .button:last-child {
			margin: 0;
		}
	}

/**
 * article#content
 */

	@media (min-width: 450px) { #content {
		margin-left: 10px;
		margin-right: 10px;
	} }

	#content figure {
		margin: 0;
	}
	#content figure figcaption {
		text-align: center;
	}

	#content figure.center {
		width: auto !important;
	}
	#content figure.center img {
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 6px;
	}

	#content figure.left, #content figure.right {
		max-width: 48vw;
	}
	#content figure.left img, #content figure.right img {
		width: 100%;
	}

	#content figure.left {
		float: left;
		margin-right: 15px;
	}
	#content figure.right {
		float: right;
		margin-left: 15px;
	}


/**
 * footer
 */

	.footer {
		position: relative;
		margin: -4px -4px 12px -4px;
	}
	.footer>* {
		position: relative;
		overflow: hidden;
		border: 12px solid white;
		background: #f5f5f5;
	}
	.footer .embed-wrap {
		position: relative; overflow: hidden;
		padding-bottom: 55%;
		padding-bottom: calc(30% + 230px);
	}
	.footer .embed-wrap .embed {
		border: none; display: block;
		position: absolute; width: 100%; height: 100%;
		margin:auto;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;
	}

	#video-embed .video-title {
		padding: 12px 16px;
	}

	#contact-info {
		padding: 12px;
	}
	#contact-info>* {
		display: inline-block;
		padding: 0 16px;
		vertical-align: top;
	}
	#contact-info .title {
		display: block;
		font-size: 120%;
	}
	#contact-info .address {
		max-width: 300px;
	}
	#contact-info .social img {
		width: 1.5em;
		display: inline-block; /* for alt-text */
		color: white;
		background: black;
		border-radius: 50%;
		text-align: center;
	}

	#map-external {
		position: absolute;
		top: 0; left: 0;
		background: white;
		color: black;
		text-decoration: none;
		padding: 0 5.5px 3px 5.5px;
	}

	@media (min-width: 700px) {
		.footer.not-has-video.has-contact.has-map {
			display: flex; flex-direction: row;
		}
		.footer.not-has-video.has-contact.has-map #map-embed {
			width: 100%;
		}
		.footer.not-has-video.has-contact.has-map .embed-wrap {
			position: static;
		}
	}

	@media (min-width: 700px) {
		.footer.has-video.has-contact {
			display: flex; flex-direction: row-reverse;
		}
		.footer.has-video.has-contact #video-embed {
			width: 100%;
			display: flex; flex-direction: column;
		}
		.footer.has-video.has-contact #video-embed .embed-wrap {
			padding-bottom: 45%; flex: 1; position: relative;
		}
		.footer.has-video.has-contact #video-embed .embed-wrap .embed {
			top: 0; bottom: 0; left: 0; right: 0;
		}
		.footer.has-video.has-contact .embed-wrap {
			position: static;
		}

		.footer.has-video.has-contact.has-map {
			margin-bottom: calc(350px + 12px);
		}
		.footer.has-video.has-contact.has-map #map-embed {
			position: absolute;
			bottom: -350px;
			height: 350px;
			width: 100%;
		}
	}
