/* Root Variables */
*, *:before, *:after {
	box-sizing: border-box;
}

:root {
	/* variables */
	--spacing: 24px;
	--min-card-width: 250px;
	--ratio-percent: 150%;
	--addl-height: 100px;
}

/* Book Listing */
article {
	grid-row: 1 / -1;
	grid-column: 1 / -1;
	position: relative;
}

ul {
	/* clear ul styles */
	list-style: none;
	margin: 0;
	padding: 0;

	/* additional gap */
	grid-row-gap: var(--spacing);
}


li {
	/* setup aspect ratio hack */
	position: relative;
}

.book-listing-absolute-fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  text-align: center;
}

.book-listing-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--min-card-width), 1fr));
	grid-column-gap: var(--spacing);
}

.book-listing-aspect-ratio {
	padding-top: var(--ratio-percent);

}

.book-listing-aspect-ratio:after {
	content:"";
	height: var(--addl-height);
	display: block;
}

.book-listing-cover-image {
  max-width: 100%;
}

section.book-listing-grid a, a:link, a:visited, a:hover, a:active{
  display: block;
  border: 0;
}

section.book-listing-grid h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}