/*  This is the common CSS file for SIR Branch 23 website styling */

:root	{
	/*definitions of color variables used throughout */
	--SIR-Red: rgb(191, 30, 46);	
	--SIR-Gray: rgb(1136, 139, 140);
	--SIR-Navy: rgb(46, 72, 110);
	--SIR-Taupe: rgb(183, 169, 154);
	--SIR-Black: rgb(0, 0, 0);
	--SIR-White: rgb(255, 255, 255);

	}

html	{
	font-family: Lato, Arial, sans-serif;
	}

body	{
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-right: 1rem;
	margin-left: 1rem;
	}

header	{
	text-align: center;
	border-bottom: solid var(--SIR-Navy);	
	}

nav	{
	border-bottom: solid var(--SIR-Navy);	
	}

main {
	text-align: center;
	/*border-bottom: solid var(--SIR-Navy); */
	}

footer	{
	text-align: center;
	background-color: var(--SIR-Taupe);
	padding-top: 0.5rem;
	border-top: solid var(--SIR-Navy);
	border-bottom: solid var(--SIR-Navy);
	}


.text-1		{
	display: block;
	font-size: 2em;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	line-height: 1em;
	color: var(--SIR-Red);
	
	}

.text-2		{
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	line-height: 1em;
	color: var(--SIR-Navy);
	}


.text-4		{

	font-style: normal;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	color: var(--SIR-Navy);
	}

.text-4-Red		{

	font-style: normal;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	color: var(--SIR-Red);
	}

.text-5		{
	
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	color: var(--SIR-Red);
	
	}

.italic	{
	font-style: italic;
	}

img.banner	{
	/*width:100%; */
	/*height:222px;*/
	object-fit: fill;
	}

hr	{
	border: none;
	border-top: 0.2rem double #333;
	color: var(--SIR-Red);
	overflow: visible;
	text-align: center;
	height: 0.5rem;
	}

.skip 	{
	position: absolute;
	left: -10000rem;
	top: auto;
	width: 1rem;
	height: 1rem;
	overflow: hidden;
	}

.skip:focus {
	position: static;
	width: auto;
	height: auto;
	}