@namespace url(http://www.sitemaps.org/schemas/sitemap/0.9);
@namespace image url(http://www.google.com/schemas/sitemap-image/1.1);

sitemapindex,
urlset {
	display: flex;
	flex-direction: column;
	width: 1000px;
	margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #545353;
}

sitemapindex::before,
urlset::before {
	content: "XML Sitemap";
	order: -2;
	text-align: left;
	font-size: 2em;
	font-weight: 700;
	margin: 0.67em 0;
}

sitemapindex::after,
urlset::after {
	content: "Generated by Yoast SEO, this is an XML Sitemap, meant for consumption by search engines.\A You can find more information about XML sitemaps on sitemaps.org.";
	order: -1;
	text-align: left;
	white-space: pre-line;
	margin: 18px 3px;
	line-height: 1.2em;
}

sitemap,
url {
	display: grid;
	grid-template-columns: 75% 25%;
}

url {
	grid-template-columns: 80% 20%;
}

sitemap:nth-of-type(odd),
url:nth-of-type(odd) {
	background-color: #eee;
}

sitemap:hover,
url:hover {
	background-color: #ccc;
	color: #000;
}

sitemap > *,
url > * {
	min-width: 0;
	padding: 3px;
	font-size: 11px;
	overflow-wrap: anywhere;
}

sitemap > loc,
url > loc {
	grid-column: 1;
	grid-row: 1;
}

sitemap > lastmod,
url > lastmod {
	grid-column: 2;
	grid-row: 1;
}

/* Keep both headings even when the first entry has no last-modified date. */
sitemap:first-of-type > *,
url:first-of-type > * {
	grid-row: 2;
}

sitemap:first-of-type::before,
sitemap:first-of-type::after,
url:first-of-type::before,
url:first-of-type::after {
	grid-row: 1;
	border-bottom: 1px solid #000;
	padding: 3px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: 700;
	background-color: #fff;
}

sitemap:first-of-type::before {
	content: "Sitemap";
	grid-column: 1;
}

sitemap:first-of-type::after {
	content: "Last Modified";
	grid-column: 2;
}

url:first-of-type::before {
	content: "URL";
	grid-column: 1;
}

url:first-of-type::after {
	content: "Last Mod.";
	grid-column: 2;
}

image|image {
	display: none;
}