@import url(normalize.css); /* browser style normalize */
@import url(variables.css); /* css variabler */
@import url(system.css); /* system style (body nav footer scrollbar default_resets) */
/* @import url(fontawesome.css); /* font awsome icons */

a {	color: var(--Link_Colour); background-color: transparent;
	text-decoration: none; 
	font-weight: calc(var(--Text_Font_Weight) + 200); 
	cursor: pointer;
	display: inline-block;
	margin: 0; padding: 0;
	outline: none; /* Selected outline off */ }

a:hover, .Selected { background-color: var(--Hover_Background); } /* Background color change on Hover */	

main a img { padding: calc(var(--Base_Padding)/4); padding-bottom: 0; }

h1, h2, h3, h4 { margin: 0; padding: 0;  text-align: left; }
main h1 { color: var(--Alternate_Colour); font-size: var(--Text_Medium);}
h2{ background-color: var(--Alternate_Background); color: var(--Text_Colour); 
	font-size: var(--Text_Medium); padding: calc(var(--Base_Padding) / 2); }
h3 { font-size: var(--Text_Medium); color: var(--Icon_Colour); }

h4 { color: var(--Alternate_Colour); font-size: var(--Text_Medium); left: calc(var(--Base_Padding) - (1.8 * var(--Base_Padding))); }

i { color: var(--Icon_Colour); font-style: normal; font-weight: 1000; } /* Menu label icon */

p {	
	/*clear: both;*/
	margin: calc(var(--Base_Padding) / 2) 0 calc(var(--Base_Padding) / 2) calc(var(--Base_Padding) / 2); /* (T R B L) */	
	padding: 0; text-align: justify;
	text-indent: calc(var(--Base_Padding) / 2 - var(--Base_Padding)); }


.BulletPoint
{	text-indent: -20px; /*calc(var(--Base_Padding) / var(--Base_Padding) - var(--Base_Padding) + 10); /**/
	margin: 0 0 0 calc(var(--Base_Padding) / 2); /* (T R B L) */ 
	padding-left: calc(var(--Base_Padding) / 1.5);

	display: block; }

p.Clipped { display: block; text-indent: 0; text-align: justify; margin-top: calc(var(--Base_Padding) / 10); }

p.Heading {  margin: 0; text-align: left; display: inline; }
p.Padded {	padding: calc(var(--Base_Padding) / 2); }	

p a { padding-left: var(--Base_Padding); padding-right: calc(var(--Base_Padding) / 2); }




section /* Grid layout section (1/2/3/4 column grid) ______________________________________________________ */
{	margin: calc(var(--Base_Padding)) 0 calc(var(--Base_Padding)) 0; /* (T R B L) */ 
	display: grid; gap: calc(var(--Base_Padding) / 2);
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	list-style: none; padding: 0; }

summary /* Section item (grid cell) _______________________________________________________________________ */
{	background-color: var(--Main_Background);
	border: 2px solid var(--Border_Colour);
	padding: 0; }
summary p { padding: 0 calc(var(--Base_Padding) / 2) 0 calc(var(--Base_Padding) / 2); }
summary img { width: 100%; }




figure /* Big Picture container ___________________________________________________________________________ */
{	background-color: var(--Main_Background);
	height: 100%;
	left: 0;
	position:fixed;
	text-align: center;
	top: 0;
	visibility: hidden;
	width: 100%; }
figure a { float: right; font-size: var(--Text_Medium); padding:var(--Menu_Item_Padding); } /* Close link */
figure img /* Big picture ____________________________________ */
{	top: 0; left: 0;
	max-width: 99%;
	max-height: 99%; }
	
.FloatLeft { float: left; margin-right: 20px; margin-top: 10px; }
.FloatRight { float: right; }