/**
 * A-Z Site Listing default styles.
 *
 * Customise with these properties on .az-listing or any ancestor:
 *   --a-z-site-listing-column-count   (default 3)
 *   --a-z-site-listing-column-width   (default 15em)
 *   --a-z-site-listing-column-gap     (default 0.6em)
 *   --a-z-site-listing-scroll-offset  (default 0; set to your sticky header height)
 *   --a-z-site-listing-back-to-top-display (default block)
 * Disable this file entirely with: add_filter( 'a_z_site_listing_add_styling', '__return_false' );
 */
.az-letters {
	white-space: normal;
}
.az-letters > ul.az-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
.az-letters > ul.az-links > li {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 2.6em;
	height: 2.4em;
	margin: 0 0.1em 0.6em;
	border: 2px solid #e5e5e5;
	background: #f5f5f5;
	color: #6b6b6b;
	list-style: none;
}
.az-letters > ul.az-links > li::before,
.az-letters > ul.az-links > li::after {
	content: none;
}
.az-letters > ul.az-links > li a {
	color: #1f7d9a;
	text-decoration: none;
	border: 0;
	box-shadow: none;
}
div.letter-section {
	margin-bottom: 2em;
	white-space: normal;
	scroll-margin-top: var(--a-z-site-listing-scroll-offset, 0);
}
div.letter-section h2.letter-title {
	width: 100%;
	margin-bottom: 0.2em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid currentColor;
}
div.letter-section > ul.az-columns {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	column-count: var(--a-z-site-listing-column-count, 3);
	column-gap: var(--a-z-site-listing-column-gap, 0.6em);
	column-width: var(--a-z-site-listing-column-width, 15em);
}
div.letter-section > ul.az-columns > li {
	display: block;
	margin: 0 0 0.6em;
	padding: 0;
	list-style: none;
	break-inside: avoid;
}
div.letter-section > ul.az-columns.max-1-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 1);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 1) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 1) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-2-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 2);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 2) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 2) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-3-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 3);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 3) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 3) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-4-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 4);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 4) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 4) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-5-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 5);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 5) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 5) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-6-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 6);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 6) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 6) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-7-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 7);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 7) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 7) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-8-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 8);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 8) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 8) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-9-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 9);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 9) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 9) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-10-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 10);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 10) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 10) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-11-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 11);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 11) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 11) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-12-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 12);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 12) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 12) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-13-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 13);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 13) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 13) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-14-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 14);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 14) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 14) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-15-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 15);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 15) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 15) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section > ul.az-columns.max-16-columns {
	column-count: min(var(--a-z-site-listing-column-count, 3), 16);
	max-width: calc(min(var(--a-z-site-listing-column-count, 3), 16) * var(--a-z-site-listing-column-width, 15em) + (min(var(--a-z-site-listing-column-count, 3), 16) - 1) * var(--a-z-site-listing-column-gap, 0.6em));
}
div.letter-section div.back-to-top {
	display: var(--a-z-site-listing-back-to-top-display, block);
	width: 100%;
	text-align: right;
}
div.letter-section div.back-to-top a {
	font-size: 0.7em;
	text-transform: uppercase;
}
div.letter-section div.back-to-top a::before,
div.letter-section div.back-to-top a::after {
	content: "\2191";
	padding: 0.2em;
}