/*--------------------------------------------------------------
CSS Reset
--------------------------------------------------------------*/
* {
	box-sizing: border-box;
}
html {
	font-family: sans-serif;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	margin: 0;
	padding: 0;
	/*background-color: #2185C5;*/
}
img {
	display: block;
	/*border: 0;*/
	/*border: 2px solid red;*/
	width: 100%;
	height: auto;
}
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5;
}
h1,
h2,
h3 {
	margin: 0;
	/*padding: 0.25em 0 0.75em 0;*/
}
p {
	margin: 0;
	padding: 0.5em 0;
}
ul li {
	list-style: none;
}
a { 
	text-decoration: none;
}
/*--------------------------------------------------------------
Colour Scheme/Theme
--------------------------------------------------------------*/
.gd-theme-l5 {color:#000 !important; background-color:#f1f6fe !important}
.gd-theme-l4 {color:#000 !important; background-color:#d1e2fb !important}
.gd-theme-l3 {color:#000 !important; background-color:#a3c5f8 !important}
.gd-theme-l2 {color:#fff !important; background-color:#74a7f4 !important}
.gd-theme-l1 {color:#fff !important; background-color:#468af0 !important}
.gd-theme-d1 {color:#fff !important; background-color:#1261d9 !important}
.gd-theme-d2 {color:#fff !important; background-color:#1056c0 !important}
.gd-theme-d3 {color:#fff !important; background-color:#0e4ca8 !important}
.gd-theme-d4 {color:#fff !important; background-color:#0c4190 !important}
.gd-theme-d5 {color:#fff !important; background-color:#0a3678 !important}

.gd-theme-light {color:#000 !important; background-color:#f1f6fe !important}
.gd-theme-dark {color:#fff !important; background-color:#0a3678 !important}
.gd-theme-action {color:#fff !important; background-color:#0a3678 !important}

.gd-theme {color:#fff !important; background-color:#186eec !important}
.gd-text-theme {color:#186eec !important}
.gd-border-theme {border-color:#186eec !important}

.gd-hover-theme:hover {color:#fff !important; background-color:#186eec !important}
.gd-hover-text-theme:hover {color:#186eec !important}
.gd-hover-border-theme:hover {border-color:#186eec !important}


/*--------------------------------------------------------------
General styles
--------------------------------------------------------------*/
.site {
	/*background: #999;*/
	/*background-color: #228be6;*/

	/*background-color: #2185C5;*/
	/*background-color: #74a7f4;*/
	background-color: #468af0;

	/*background-image: linear-gradient(180deg, #186eec 5%, #228be6 95%);*/
	/*background-image: linear-gradient(180deg, #125b7c, #507034 15%, #4fa49a 5%);*/
	/*background-image: linear-gradient(360deg, #4686a0, #186eec 15%, #4fa49a 5%);*/
	/*background-image: linear-gradient(360deg, #4fa49a 5%, #4686a0 65%, #186eec);*/
	/*background-image: linear-gradient(180deg, #57aed3 5%, #4686a0 15%, #186eec);*/
	/*background-image: linear-gradient(180deg, #57aed3 5%, #4686a0 15%, #186eec);*/
	/*background-image: linear-gradient(180deg, #57aed3 5%,*/ /*#4686a0 15%,*/ /*#186eec);*/
	/*background-image: linear-gradient(180deg, /*#57aed3 5%,*/ /*#4686a0 5%, #186eec);*/
	/*background-image: linear-gradient(180deg, #57aed3 2%, #4686a0 15%, #186eec);*/
	/*background-image: linear-gradient(180deg, #a3c5f8 2%, #468af0 15%, #186eec);*/

	/*background-image: linear-gradient(360deg, #4fa49a 2%, #468af0 85%, #186eec);*/

	/*background-image: linear-gradient(360deg, #74a7f4 2%, #468af0 65%, #186eec);*/
	/*background-image: linear-gradient(180deg, #74a7f4 2%, #468af0 15%, #186eec);*/
	min-height: 100vh;
	/*min-height: 75vh;*/
	/*padding: 0.5em;*/
}
/*.site-logo, .site-revamp, .nts-notice { max-width: 90%; }*/
.masthead,
.main-content,
.sidebar,
/*.twin,*/
.mastfoot {
	display: block;
	padding: 1em;
	text-align: center;
	/*border: 2px solid yellow;*/
}
.masthead, .main-content, .sidebar {
	/*display: block;*/
	/*background-color: #2185C5;*/
	/*background-color: #228be6;*/
	/*color: white;*/
	/*text-align: center;*/
	/*align-content: center;*/
}
.masthead p {
	color: white;
	margin-top: 1em;
	/*background-color: #186eec;*/
}
.masthead h1 {
	color: white;
	margin-top: 0.25em;
	/*padding-bottom: 0.5em;*/
	/*background-color: #0a3678;*/
	/*background-color: #186eec;*/
}
.main-content {
	color: #404040;
	/*background-color: #ededed;*/
	background-color: white;
}
.sidebar {
	color: white;
	/*background-color: #FF7F66;*/
	background-color: #507034;
	/*background-color: #125b7c;*/
}
/*.twin {
	/*background-color: #2185C5;*/
/*	background-color: yellow;
}
.twin:last-of-type {
	background-color: #7ECEFD;
}*/
.site-revamp img {
	/*width: 400px;*/
	width: 200px;
	margin: auto;
}
.certified img {
	/*width: 350px;*/
	width: 175px;
	margin: auto;
}
.nts-notice img {
	/*width: 167px;*/
	width: 112px;
	/*width: 85px;*/
	margin: auto;
}
/*.sp-fill {
	padding: 2em;
	background-color: orange;
}*/
.mastfoot {
	/*padding-top: 1em;*/
	/*padding-bottom: 1.5em;*/
	/*background-color: #3E454C;*/
	background-color: #468af0;
	/*background-color: #228be6;*/
	/*background-color: #57aed3;*/
	/*background-attachment: fixed;*/
	/*background-color: #186eec;*/
	color: white;
}
.mastfoot a {
	color: white;
	/*text-decoration: none;*/
}
.mastfoot a:hover,
.mastfoot a:focus {
	/*padding: 0.25em;*/
	/*background-color: #186eec;*/
	/*border-bottom: 1px solid white;*/
}

/*--------------------------------------------------------------
Footer Copyright and Icons
--------------------------------------------------------------*/
.fa-label {
	display: none;
}
ul.copyright, ul.icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
	text-align: center;
}
	ul.copyright li {
		/*display: inline-block;*/
		display: block;
		/*padding: 0 1.25em 0 0;*/
		padding: 0 0 0 0;
		font-size: 0.75em;
	}
	ul.icons li {
		display: inline-block;
		padding: 0 0 0 0;
		font-size: 1.25em;
	}
		ul.copyright li:last-child, ul.icons li:last-child {
			padding-right: 0;
		}
		ul.copyright li .copyright:before, ul.icons li .icon:before {
			/*font-size: 1.5em;*/
		}
/*--------------------------------------------------------------
If no grid support, limit width to 50em and center align
--------------------------------------------------------------*/
@supports not (display: grid) {
	.site {
		max-width: 50em;
		margin: 0 auto;
	}
}
/*--------------------------------------------------------------
CSS Grid layout for wider screens, when browser supports grid:
--------------------------------------------------------------*/
@media screen and (min-width: 800px) {
	@supports (display: grid) {
		.site {
			display: grid;
			grid-template-columns: 1fr repeat(8, minmax(auto, 10em)) 1fr;
			/*grid-template-columns: 1fr 1fr repeat(4, minmax(auto, 10em)) 1fr 1fr;*/

			grid-template-rows: minmax(1em, auto) 1fr auto minmax(1em, auto);
			/*background-image: linear-gradient(360deg, #4fa49a 2%, #468af0 85%, #186eec);*/
			/*background-color: blue;*/
			/*background-color: #2185C5;*/
		}
		.masthead,
		.mastfoot {
			/*grid-column: 2 / span 6;*/
			grid-column: 3 / span 6;
			/*background-color: lightblue;*/
			/*color: #000;*/
		}
		/*.masthead {
			margin-top: 2em;
		}*/
		.main-content {
			/*grid-column: 2/6;*/
			grid-column: 3/7;
			/*background-color: lightgreen;*/
		}
		.sidebar {
			/*grid-column: 6/8;*/
			grid-column: 7/9;
			/*background-color: moccasin;*/
		}
		/*.twin {
			grid-column: 2/5;
			grid-row: 3/4;
			/*background-color: orange;*/
		/*}*/
		/*.twin:last-of-type {
			grid-column: 5/8;
			/*background-color: gray;*/
		/*}*/
		.mastfoot {
			/*padding-bottom: 2em;*/
			background-color: #468af0;
			background-attachment: fixed;
		}
		.mastfoot a {
			/*color: black;*/
		}
		.mastfoot a:hover,
		.mastfoot a:focus {
			/*border-bottom: 1px solid white;*/
		}

/*		.site-revamp img {
			/*width: 400px;*/
/*			width: 200px;
			margin: auto;
		}
		.certified img {
			/*width: 350px;*/
/*			width: 175px;
			margin: auto;
		}
/*		.nts-notice img {
			/*width: 167px;*/
/*			width: 85px;
			margin: auto;
		}
*/
		ul.copyright li, ul.icons li {
			display: inline-block;
			/*display: block;*/
			/*padding: 0 1.25em 0 0;*/
			padding: 0;
		}
		ul.copyright li {
			border-left: solid 1px;
			margin-left: 0;
			padding: 0 0 0 0;
		}
			ul.copyright li:first-child {
				border-left: 0;
				margin-left: 0;
				padding: 0;
			}
		ul.icons li {
			padding: 0 0 0 0;
		}
	}
}