/*@font-face {
	font-family: 'Atkinson';
	font-display: swap;
	src: url('/fonts/AtkinsonHyperlegibleNext-Regular.woff2') format('woff2'),
		url('/fontsAtkinsonHyperlegibleNext-Bold.woff2') format('woff2'), 
		url('/fonts/AtkinsonHyperlegibleNext-Regular.ttf') format('truetype');   
}*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

:root	{
	line-height: 1.5;
	font-size: 110%;
	font-family: "Google Sans Flex",  sans-serif;
	}
body {background:#F6F6FF;}

#copyright	{font-size:0.8rem;margin-bottom:2rem;}

#logo   {
	animation-name:fadein;
	animation-duration: 4s;
        }
@keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}

nav	{
	margin-left:0;
	margin-right:0;
	clear:both;
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
	justify-content:center;
	align-items:center;
	height:100%;
	}

.secondary-nav	{
	display:flex;
	justify-content:center;
	gap:0.5rem;
	margin-top:1rem;
	margin-bottom:1rem;
	overflow: auto;
	}

main	{
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	overflow:hidden;
	z-index:1
        }

main p,h2,img  {
	margin: 0.4em;
	}
article img	{clear:left;}
main h1 {
	margin-top:0.5em;
	margin-bottom:0;
	clear:both;
	font-size:1.9em;
	font-weight:400;
	}

main h2 {
	margin-top:2.5em;
	clear:both;
	font-size:1.5em;
	font-weight: 500;
	}

main h3 {
	margin-top:1.2em;
	margin-bottom:0;
	margin-left:0.5rem;
	clear:both;
	font-size:1.3em;
	font-weight: 500;
}

/* BUTTONS */
.button{
	color:white;
	background-color:black;
	border-color:black;
	border-width:2px;
	border-radius:0.35rem;
	font-size:1rem;
	text-align:center;
	padding:0.15rem;
	box-shadow: 2px 2px 5px 2px #888888;
	cursor: default;
	}
nav button	{
	color:black;
	background-color:#d5e5ff;
	border-color:black;
	border-width:2px;
	border-radius:0.35rem;
	font-size:1rem;
	text-align:center;
	padding:0.15rem;
	box-shadow: 2px 2px 5px 2px #888888;
	cursor: default;
	}
.button:hover	{
	background-color:#55F;
        color:white;	
	}
nav button:hover	{
	background-color:#55F;
        color:white;	
	}

.font_button	{
	float:left;
	padding-left:0.2rem;
	padding-right:0.2rem;
	}
.nav_button	{
	float:left;
	width:3rem;
	padding:0.15rem;
	}
nav>button{
	width:9rem;
	}


/* ARTICLE */
article {
        margin-top:0.5rem;
        border-style: solid;
        border-width: 2px;
        border-radius:0.5rem;
        padding-top:0;
        padding-left:0.1rem;
        padding-right:0.1rem;
        overflow:auto;
        background-color:#d0e5ff;
        }
article > h2    {margin-top:0.2rem;}
article:nth-child(even) {background-color:#d5e5ff;}
article:nth-child(odd)  {background-color:#ffe5f2;}

.authorline	{
	display:flex;
	flex-wrap:wrap;
	column-gap:1rem;
	row-gap:0;
	margin-left:0.5rem;
	margin-bottom:0.5rem; 
	line-height:1.4rem;
	}

.author	{
	font-size:1.2rem;
	font-weight:500;
	}
.email	{
	font-size:1rem;
	}
.phone	{
	font-size:1rem;
	}
.figure-float	{
	float:left;
	margin-left:0;
	margin-top:0;
	margin-right:0.5rem;
	}


/* LISTS and TABLES */
#bday th        {border:0;}
#bday td        {border:1px solid black;font-family:Atkinson, Fallback, sans-serif;}
#bday th:nth-child(2)   {text-align:left;padding-left:0.5rem;}
#bday td:nth-child(1)   {padding-left:0.5rem;}
#bday td:nth-child(2)   {text-align:left;padding-right:0.5rem;padding-left:0.15rem;}
#bday td:nth-child(1)   {text-align:right;padding-right:0.5rem;padding-left:0.15rem;}

#cal td:nth-child(1)	{padding-right:0.5rem;padding-left:0.5rem;}
#cal tr:nth-child(odd)	{background-color:#d0e5ff;}

#diags td        {border:1px solid black;font-family:Google Sans Flex, sans-serif;}
#diags td:nth-child(1)   {padding-left:0.5rem;}
#diags td:nth-child(2)   {text-align:left;padding-right:0.5rem;padding-left:0.5rem;}
#diags td:nth-child(1)   {text-align:right;padding-right:0.5rem;padding-left:0.15rem;}

#lunch table td {border:0; vertical-align:top;}
#lunch td {font-size:1.2rem;}
#lunch td:nth-child(1) {text-align:right;padding-left:1rem;}
#lunch td:nth-child(2) {text-align:left;padding-left:1rem;}

#toc td:nth-child(1)	{padding-right:0.5rem;padding-left:0.5rem;}
#toc tr:nth-child(odd)	{background-color:#d0e5ff;}

.header-month	{
	fill:black;
	text-anchor:middle;
	}
#message	{
	margin-top:1rem;
	margin-bottom:2rem;
	border-style: solid;
	border-color:black;
	border-width:2px;
	border-radius:0.5rem;
}


figcaption	{
	font-size:1rem;
	text-align: center;
	}

/* FOOTER */
.footer	{
	display:flex;
	justify-content:center;
	margin-top:2rem;
	padding:0.5rem;
	font-size:1rem;
}



.exit-x	{float:right;margin-right:2vw;}

.motto-title	{
	font-size:1.2rem;
	display:flex;
	justify-content:center;
	margin-top:2rem;
	font-style: italic;
	}

.motto	{
	display:flex;
	justify-content:center;
	}

.byline		{font-size:1.2rem;font-weight:bold;color:#026020;}
.normal	{color:black;font-size:1rem; font-weight:normal;}
.tight	{margin-top:0;margin-bottom:0;font-size:1.2rem;}

@keyframes heartbeat {
  0%    {scale:0.5;}
  50%   {scale:0.7;}
  100%  {scale:0.5;}
}

.pulse   {
        animation-name:heartbeat;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        vertical-align:middle;
        }

.whatsnew   {
        animation-name:whatsnew;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
	animation-fill-mode: forward;
        }

@keyframes whatsnew {
  0%    {background-color:#000;}
  50%   {background-color:#888;}
  100%  {background-color:#000;}
}


.img-float	{
	float:left;
	margin-right:1rem;
	}

.center	{display:flex;justify-content:center;}

.thumb	{clear:left;}

/*#leaf::before	{
	content:url('/website/Placeholder-Thumbnail-150x150.png');
	display:flex;
	justify-content:center;
}
*/
.divas {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
        font-style: normal;
        font-size:2.5rem;
}

table   {border-collapse: collapse;}
ul>li   {font-size:1rem;}

.print  {display:none;}

@media screen and (max-width: 2000px) {
	main p {width:85%;font-size:1rem;}
	footer{font-size:1rem;}
	}
@media screen and (max-width: 1000px) {
	main p {width:90%;font-size:1rem;}
	footer{font-size:0.9rem;}
	}
@media screen and (max-width: 800px) {
	main {width:95%;font-size:1rem;}
	article h2 {font-size:1rem;}
	.thumb	{max-width:150px;}
	footer{font-size:0.65rem;}
	}
@media screen and (max-width: 600px) {
	main {width:99%;}
	article{padding-left:0.5rem;padding-right:0.5rem;}
	article h2 {font-size:1.2rem;}
	footer{font-size:0.5rem;}
	#balloon {display:none;}
	.thumb	{max-width:150px;}
	.balloon {max-width:125px;}
	}
@media screen and (max-width: 300px) {
	main {width:99%;}
	article{padding-left:0;padding-right:0;}
	footer{font-size:0.5rem;}
	.thumb	{max-width:150px;}
	#balloon {display:none;}
	}

@media print {
	article	{border-style:none;}
	footer	{display:none;}
	header	{display:none;}
	li	{font-size:0.6rem;}
	main	{width:99%;
		font-size:0.6rem;}
	td	{font-size:0.6rem;}
	ul>li   {font-size:0.6rem;}
	#calen	{width:90%;}
	#calen th    {background-color:black;color:white;border-color:black;font-family:'system-ui';font-weight:normal;}
	#calen td    {vertical-align:top;padding-left:0.2rem;padding-right:0.2rem;font-size:0.6rem;}

	#calendar	{width:90%;}
	#logo		{width:300px;}
	.heading	{font-size:0.6rem;}
	.list		{font-size:0.6rem;}
	.month  	{font-size:1rem;margin-top:1rem;}
	.newmembers	{font-size:0.6rem;}
	.noprint	{display:none;}
	.print		{display:inline;}
	a:link		{color: black; text-decoration: none; }
	a:visited	{color: black; text-decoration: none; }
	a:active	{color: black; text-decoration: none; }
	}