/* Copyright (c) 2026 by Martin Steyn. All rights reserved. */


/* IMPORT CSS FILES */

@import url(mobile_v2.css);
@import url(tablet_v1.css) (min-width: 600px);
@import url(colourmodes_v2.css);
@import url(mobile_books_v1.css);
@import url(tablet_books_v1.css) (min-width: 600px);
@import url(books_v3.css);
@import url(books_black_v2.css);


/* LAYOUT */

#DonkerSpoor #Landing img, #Skimme #Landing img
	{
		max-width:						680px;
		margin-bottom:				60px;
	}

#Skuldig #Landing img
	{
		max-width:						660px;
		margin-bottom:				180px;
	}

#Losprys #Landing img
	{
		max-width:						660px;
		margin-bottom:				80px;
	}

#BlindeKol #Landing img
	{
		max-width:						740px;
		margin-bottom:				80px;
	}

#DarkTraces #Landing img
	{
		max-width:						480px;
		opacity:						0.9;
	}

#Guilty #Landing img
	{
		max-width:						540px;
		margin-bottom:				150px;
	}

#DarkTraces .OneLiner
	{
		color:							rgb(0,0,0);										/*black #000*/
	}


/* RESPONSIVE STYLES */

@media (orientation: portrait)
	{
		#DarkTraces #Landing
			{
				align-items:			normal;
				padding-bottom:		60px;
			}
		#DarkTraces #Landing > div
			{
				display:				flex;
				flex-direction:			column;
				justify-content:			space-between;
				align-items:			normal;
				margin-top:			120px;
			}
	}

@media (orientation: landscape)
	{
		#DarkTraces #Landing img
			{
				filter:					invert(100%);
				animation:				FadeIn15B 9s;
			}
	}

@media (orientation: landscape) and (min-height: 560px)
	{
		#DarkTraces #Landing img
			{
				padding:				0 50px;
			}
	}

@media (orientation: landscape) and (min-height: 680px)
	{
		#DarkTraces #Landing img
			{
				padding:				0;
			}
	}

@media (min-width: 600px) and (max-width: 829px)
	{
		#DarkTraces #Reviews div:first-child blockquote:first-child
			{
				order:					1;
			}
		#DarkTraces #Reviews div:first-child blockquote:nth-child(2)
			{
				order:					3;
			}
		#DarkTraces #Reviews div:first-child blockquote:nth-child(3)
			{
				order:					2;
			}
	}


/* IMAGES */

@media (orientation: portrait)
	{
		#DonkerSpoor .Background1
			{
				background-image:	url(../images/bg_DonkerSpoorM.jpg);
			}
		#DonkerSpoor .Background2
			{
				background-image:	url(../images/header_DonkerSpoor.jpg);
			}
		#Skuldig .Background1
			{
				background-image:	url(../images/bg_SkuldigM.jpg);
			}
		#Skuldig .Background2
			{
				background-image:	url(../images/header_Skuldig.jpg);
			}
		#Losprys .Background1
			{
				background-image:	url(../images/bg_LosprysM.jpg);
			}
		#Losprys .Background2
			{
				background-image:	url(../images/header_Losprys.jpg);
			}
		#Skimme .Background1
			{
				background-image:	url(../images/bg_SkimmeM.jpg);
			}
		#Skimme .Background2
			{
				background-image:	url(../images/header_Skimme.jpg);
			}
		#BlindeKol .Background1
			{
				background-image:	url(../images/bg_BlindeKolM.jpg);
			}
		#BlindeKol .Background2
			{
				background-image:	url(../images/header_BlindeKol.jpg);
			}
		#DarkTraces .Background1
			{
				background-image:	url(../images/bg_DarkTracesM.jpg);
			}
		#DarkTraces .Background2
			{
				background-image:	url(../images/header_DarkTraces.jpg);
			}
		#Guilty .Background1
			{
				background-image:	url(../images/bg_GuiltyM.jpg);
			}
		#Guilty .Background2
			{
				background-image:	url(../images/header_Guilty.jpg);
			}
	}

@media (orientation: landscape)
	{
		#DonkerSpoor .Background1
			{
				background-image:	url(../images/bg_DonkerSpoorW1.jpg);
			}
		#DonkerSpoor .Background2
			{
				background-image:	url(../images/header_DonkerSpoor.jpg);
			}
		#Skuldig .Background1
			{
				background-image:	url(../images/bg_SkuldigW1.jpg);
			}
		#Skuldig .Background2
			{
				background-image:	url(../images/header_Skuldig.jpg);
			}
		#Losprys .Background1
			{
				background-image:	url(../images/bg_LosprysW1.jpg);
			}
		#Losprys .Background2
			{
				background-image:	url(../images/header_Losprys.jpg);
			}
		#Skimme .Background1
			{
				background-image:	url(../images/bg_SkimmeW1.jpg);
			}
		#Skimme .Background2
			{
				background-image:	url(../images/header_Skimme.jpg);
			}
		#BlindeKol .Background1
			{
				background-image:	url(../images/bg_BlindeKolW1.jpg);
			}
		#BlindeKol .Background2
			{
				background-image:	url(../images/header_BlindeKol.jpg);
			}
		#DarkTraces .Background1
			{
				background-image:	url(../images/bg_DarkTracesW1.jpg);
			}
		#DarkTraces .Background2
			{
				background-image:	url(../images/header_DarkTraces.jpg);
			}
		#Guilty .Background1
			{
				background-image:	url(../images/bg_GuiltyW1.jpg);
			}
		#Guilty .Background2
			{
				background-image:	url(../images/header_Guilty.jpg);
			}
	}