/* ------------------------------------------------------------ */

/* COLOURS 



*/



:root {

	--green: #12703C;
	--greener: #65A43D;
	--midgreen: #81B920;
	--darkgreen:#1D3A2C;
	--lightgreen: color(srgb 0.065 0.9 0.204 / 0.667)2;
	--lightgrey: #F5F4F1;
	--white: #fff;
	--black: #000;
	--text: #1D3A2C
}


.white {color: var(--white);}
.black {color: var(--black);}
.green {color: var(--green);}
.greener{color: var(--greener);}
.midgreen {color: var(--midgreen);}
.darkgreen {color: var(--darkgreen);}
.lightgreen {color: var(--lightgreen);}
.lightgrey {color: var(--lightgrey);}
.text {color: var(--text);}




.greenbg {background-color: var(--green);}
.greenerbg {background-color: var(--greener);}
.midgreenbg {background-color: var(--midgreen);}
.darkgreenbg {background-color: var(--darkgreen);}
.lightgreenbg {background-color: var(--lightgreen);}
.lightgreybg {background-color: var(--lightgrey);}



.whitebg {background-color: var(--white);}
.blackbg {background-color: var(--black);}







/* ------------------------------------------------------------ */

/* ELEMENTS & TYPOGRAPHY */

html, body {padding:0px; height:100%; margin:0px;}
p  {font-size:1em;}

html, body {margin: 0; padding: 0; font-size: 17px; font-weight:400;  font-family: "Roboto", sans-serif;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
img {border:0px;}
a i {cursor: pointer;}
::-moz-selection {color:; background:;}
::selection {color:; background:;}
a {transition: 0.3s;}
.container { margin-right: auto;  margin-left: auto; max-width: 1300px;}
hr {opacity: 1;}
*:focus {outline: none;}


a {}
a:hover {}
a:active {}
a:visited {text-decoration: none;}
a i {cursor: pointer;}

h1 {
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

ul {}
ul li {}
ol {}
ol li {}
strong, b {}
em {}
blockquote {}

input {}
label {}
select {}
textarea {}
button {}
fieldset {}
legend {}
datalist {}
output {}
option {}
optgroup {}

input type="button" {}
input type="checkbox" {}
input type="color" {}
input type="date" {}
input type="datetime-local" {}
input type="email" {}
input type="file" {}
input type="hidden" {}
input type="image" {}
input type="month" {}
input type="number" {}
input type="password" {}
input type="radio" {}
input type="range" {}
input type="reset" {}
input type="search" {}
input type="submit" {}
input type="tel" {}
input type="text" {}
input type="time" {}
input type="url" {}
input type="week" {}

iframe:focus {outline: none;}
iframe[seamless] {display: block;}

header {display: block;}
footer {display: block;}
sup { vertical-align: super; font-size: smaller;}


/* WP STYLES */

.aligncenter,.alignleft,.alignright {display: block; padding: 0;}
.aligncenter {float: none;	margin: .5em auto 1em;}
.alignright {	float: right;margin: .5em 0 1em 1em;}
.alignleft {	float: left;margin: .5em 1em 1em 0;}
.wp-caption {	padding: 5px 0;	border: 1px solid #555;	background: #444;	text-align: center;}
.wp-caption img {	display: inline;}
.wp-caption p.wp-caption-text {	margin: 5px 0 0;	padding: 0;	text-align: center;	font-size: 75%;	font-weight: 100;	font-style: italic;	color: #ddd;}

/* ------------------------------------------------------------ */

/* GENERAL STYLING */

/* overall */

body {background-color:white;}


/* navigation */

.logo img {height:auto; width: 200px;}
header {padding-top:30px; padding-bottom:30px;}
.mainnav  {text-align: right;}
.mainnav ul	{list-style: none; margin-top:50px;}
.mainnav ul	li {display: inline; margin-left:30px; }
.mainnav ul	li a {
	text-decoration: none;
	color: #303030;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

li.current_page a {color:#078e1d; text-decoration: underline;}


/* main */

.uwp-register-link, .uwp-footer-link   {display: none !important;}

.uwp_page .card-title {display: none;}
.mainbg {background-color: var(--darkgreen);  color:white; padding-bottom:30px; background-repeat: no-repeat; background-position: right top ;}
.loginbox  {background-color: var(--white); border-radius: 20px; padding:30px;}

.btn-primary {background-color: var(--midgreen) !important; border:0px !important;}


.mainbg h1 {color:white; margin-bottom:60px; margin-top:60px; }

.loginbox h1 {color: #444;
		font-size: 32px;
		font-style: normal;
		font-weight: 500;
		line-height: normal; margin-bottom:10px; margin-top:10px;}

.maintext {padding-top:50px; padding-bottom:50px;}

.loggedinimage img {margin-bottom:20px; width:100%; height:auto;}
.pcform {margin-top:60px; margin-bottom:40px;}

.pcform input[type="text" i] {padding:7px; border:0px; font-size:18px;  padding-right:10px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.pcform input[type="submit" i]  {padding:7px; border:0px; background-color: var(--midgreen); color:white; text-align: center; font-size:18px; padding-left:20px; padding-right:20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; margin-top:10px;;}

.greenboxes { margin-bottom:30px; color: #C7D997; padding:15px; border-radius: 5px;}



.result {background-color: var(--lightgrey); margin-bottom:30px; padding:20px; border-radius: 5px; padding-top:30px;}
.result .title, .resources .title {color: #81B920;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom:10px;
	}
.result .text, .resources .text {color: #444;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	}
.result .bigtext, .resources .bigtext {color: #444;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	}
	
.resources .text {margin-top:30px; margin-bottom:30px;}	
.result hr {  border-top: 1px solid #444; margin-bottom:40px; margin-top:40px;}	
.mbtm {margin-bottom:20px;}	
.result .mgtop {margin-top:40px;}

.result a, .resources a {color:#12703C; cursor: pointer;}

.greyboxes {height:100%; background-color: var(--lightgrey); border-left:8px solid var(--green); border-radius: 5px;  padding:20px; position: relative; margin-bottom:10px; margin-top:10px;}	
.resources {margin-bottom:80px; margin-top:100px;}
.icon {position: absolute; top:15px; right:15px; }
.icon img {width:30px; height:auto;}


/* footer */


.footerlogo img {height:80px; width: auto;}
.footerbg {background-color: var(--green); padding-top:30px; padding-bottom:30px; color:white;  box-shadow: 0 50vh 0 50vh var(--green);}
.copyright {margin-top:30px;
font-size: 16px;
font-style: normal;
color:white;}
.btmnav {font-size: 16px;
	font-style: normal;
	color:white; margin-top:20px;}
	
.btmnav ul {list-style: none; margin-left:0px;}	
.btmnav ul li {}	
.btmnav ul li a {color:white; text-decoration: none;}	
	

/* ------------------------------------------------------------ */

/* HELPERS */

.hide {display: none;}


/* ------------------------------------------------------------ */


@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
	
	
	.mainbg {background-color: var(--darkgreen); padding:50px; color:white; padding-bottom:130px; background-image: url('../images/circle.png'); background-repeat: no-repeat; background-position: right top ;}

.pcform {margin-top:60px; margin-bottom:90px;}

.pcform input[type="text" i] {padding:7px; border:0px; font-size:18px;  padding-right:60px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.pcform input[type="submit" i]  {padding:7px; border:0px; background-color: var(--midgreen); color:white; text-align: center; font-size:18px; padding-left:20px; padding-right:20px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.paddedwhite {padding:30px; border-radius: 5px;}
.result {background-color: var(--lightgrey); margin-bottom:30px; padding:40px; border-radius: 5px;}


.greyboxes {height:100%; background-color: var(--lightgrey); border-left:8px solid var(--green); border-radius: 5px;  padding:40px; position: relative; margin-bottom:10px; margin-top:10px;}
}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}



@media (max-width: 992px) {
	
	
	.footerbg, .menu-btm-nav-container {text-align: center;}
	
}