@charset "utf-8";
/* Font families, basic sizing and padding around standard font elements eg p, li, and h tags */

body
{
	font-family:'BasicCommercialSoftRndedW01', sans-serif;
}

body .management
{
font-family: "museo-sans", Helvetica, Arial, sans-serif;
font-display: swap;
}

.management h1, .management  h2, .management  h3, .management  h4, .management  h5, .management  h6
{
font-family: "chaparral-pro", "Times New Roman", Times, serif;
	font-weight: 600;
	font-display: swap;
}

.grid-row
{
	font-size:0; /* White space trick */
}

.grid-box
{
	font-size:16px; /* This little beut resets out default size of text after grid-row, above, set it to zero to remove the white space */
}

h1
{
	font-size:2.6em;
	font-weight:bold;
}

h1.section-smtitle
{
	font-size: 1.6em;
    margin: 0 0 10px;
}

h2
{
	font-size:2.2em;
	font-weight:bold;
}

h3
{
	font-size:1.8em;
	font-weight:bold;
	line-height:1.3;
	margin: 0 0 10px;
}

form h3
{
	font-size:1.8em;
	font-weight:bold;
	padding:0 0 8px;
}

h4
{
	font-size:1.5em;
	font-weight:bold;
	padding:10px 0 8px;
}

h5
{
	font-size:1.3em;
	font-weight:bold;
	padding:10px 0 8px;
}

h6
{
	font-size:1.2em;
}

p
{
	font-size:1.1em;
	line-height:1.5;
}

h1, h2, p, ol, ul
{
	margin: 0 0 20px;
}

ul li
{
	list-style-type:square;
	list-style-position:inside;
	line-height:1.5;
	font-size: 1.1em;
}

ol li
{
	list-style-position:inside;
	list-style-type:decimal;
	line-height:1.5;
	font-size: 1.1em;
}

li
{
	margin: 0 0 6px;
}

nav a
{
	font-size:0.9em;
}

nav .button
{
	font-weight:200;
}

.button
{
    font-weight: bold;
}

/* Class specific font css */

.intro
{
	font-size:1.5em;
	font-weight:bold;
}

.text-centre
{
	text-align:center;
}

.text-left
{
	text-align:left;
}

a:link
{
	text-decoration:underline;
}

a:link.button
{
	text-decoration:none;
}

a:visited
{
}

a:hover
{
	text-decoration:underline;
}

a:active
{
}

.bold
{
	font-weight:bold;
}

.post-details
{
	font-size:.9em;
    color: gray;
}

.no-margin
{
	margin:0;
}

/* Header sizes need to be scaled down, appropriate to screen size. Core paragraphs need to remain at 16 to stay legible, no header should go below this. */

@media (min-width: 600px) and (max-width: 900px)
{
	h1
	{
		font-size:2.6em;
	}
	
	h2
	{
		font-size:2.3em;
	}
	
	h3
	{
		font-size:2em;
	}
}

@media (min-width:300px) and (max-width: 600px)
{
	h1
	{
		font-size:2.5em;
	}
	
	h2
	{
		font-size:2.2em;
	}
	
	h3
	{
		font-size:1.7em;
	}
}