/* Copyright (c) 2025 by Martin Ateyn. All rights reserved. */


/* LAYOUT & TYPOGRAPHY */

main
	{
		flex-direction:					column;
	}

.Crime, .Collections, .Magazines, .TrueCrimeStories
	{
		display:						flex;
		flex-wrap:						wrap;
	}

.Crime, .Collections
	{
		flex-direction:					column;
	}

section > div
	{
		display:						flex;
		align-items:					flex-start;
	}

section img
	{
		flex:							1 1 300px;
		min-width:						200px;
	}

section > div div
	{
		flex:							3 1 900px;
		padding-left:					20px;
	}

h2, h3
	{
		margin-top:					-4px;
	}

.Books h2, .ShortStories h2
	{
		margin-top:					20px;
		margin-bottom:				-4px;
	}

.ShortStories h3 + p span, .TrueCrime h2 + p span
	{
		font-size:						1rem;
	}

.Magazines > div, .TrueCrimeStories div
	{
		display:						block;
		flex:							1 1 400px;
	}

.Magazines div:last-child, .TrueCrimeStories div:last-child
	{
		opacity:						0;
	}

.Magazines .EvenStories
	{
		display:						none;
	}


/* RESPONSIVE STYLES */

@media (max-width: 1199px)
	{
		.Books section > div, .ShortStories section > div, .TrueCrime section > div
			{
				margin-left:			12px;
				margin-right:			12px;
			}
	}


/* IE11 STYLES */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
	{
		section div
			{
				display:				block;
			}
		section img
			{
				float:					left;
				width:					260px;
				margin-right:			20px;
			}
		section > div div
			{
				padding-left:			280px;
			}
	}