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


/* LAYOUT & TYPOGRAPHY */

main section:first-child
	{
		flex:							5 1 500px;
	}

main section:last-child
	{
		display:						flex;
		flex-flow:						column nowrap;
		flex:							3 1 300px;
	}

.Welcome aside:first-child, .News section aside:first-child,
.Bio aside:first-child, .Media section aside:first-child
	{
		margin-top:					10px;
	}

.LatestBook, .LatestBook h2, .LatestBook h3
	{
		text-align:						center;
	}

.LatestBook img
	{
		max-width:						265px;
		margin:						6px auto 12px auto;
		padding:						10px;
	}

.LatestBook time
	{
		display:						block;
		font-size:						1.2rem;
	}

.LatestBook time, .LatestBook h3
	{
		font-weight:					500;
	}

.News section h3
	{
		margin-top:					20px;
	}

.News section > div time
	{
		margin-left:					20px;
	}

.News section > div time, .News aside time, .Bio aside h2 + p
	{
		font-weight:					500;
	}

.News section > div
	{
		padding-top:					8px;
	}

.News section > div p
	{
		margin-left:					40px;
	}

.News aside
	{
		text-align:						left;
	}

.News aside:first-child, .Media aside:first-child
	{
		margin-top:					-16px;
	}

.News aside:first-child li
	{
		padding-left:					1.4rem;
		text-indent:					-1.4rem;
	}

.News aside li:first-of-type, .News aside:last-child p
	{
		padding-top:					8px;
	}

.News aside:last-child li:last-of-type
	{
		padding-bottom:				2px;
	}

.News aside li a
	{
		/*font-family:					"Open Sans", Arial, Helvetica, sans-serif;*/
		font-weight:					600;
	}

.News aside:last-child
	{
		padding-bottom:				18px;
	}

.HeaderImage
	{
		margin:						10px 0 16px 0;
		padding:						0 20px;
	}

.Photo
	{
		float:							right;
		max-width:						380px;
		margin:						20px;
		box-shadow:					0 0 3px rgba(0,0,0,0.8);
		padding:						20px 20px 40px 20px;
		background-color:                   rgb(255,255,255);								/*white #fff*/
	}

.Bio aside p:not(:first-of-type)
	{
		font-weight:					400;
	}

.Bio aside:last-of-type img
	{
		max-width:						240px;
		margin:						0 auto 8px auto;
	}

.Media h3
	{
		padding-top:					20px;
		padding-bottom:				6px;
	}


/* RESPONSIVE STYLES */

@media (max-width: 1199px)
	{
		aside
			{
				margin-left:			12px;
				margin-right:			12px;
			}
		.Welcome aside:first-child
			{
				margin-top:			-30px;
			}
		.News section > p
			{
				padding-left:			10px;
			}
		.HeaderImage
			{
				padding:				0 12px;
			}
		.Photo
			{
				max-width:				320px;
				margin:				16px 12px 16px 20px;
			}
	}