:root {
	/* default colours including variants for transparencies */
	--lightblue: #01abe8;
	--blue: #006198;
	--white: #fff;
	--blacktext: #272727;
}

/** ------------------------------------------------------ **/
/** ------------------- standard ------------------------- **/
body {
	font-family: 'Poppins', sans-serif;
	font-size: 0.9em;
}

p {
	margin: 0px;
	padding: 0px;
	color: var(--blacktext);
	font-size: clamp(0.8rem, 0.6667rem + 0.4444vw, 1.2rem);
    margin-bottom: 12px;
    line-height: 1.8em;
}

h1 {
	margin: 0px;
	padding: 0px;

	padding-bottom: 10px;
	margin-bottom: 12px;

	color: var(--blue);
	font-size: clamp(1.2rem, 1rem + 0.6667vw, 1.8rem);
	font-weight: 600;	

}

h2 {
	margin: 0px;
	padding: 0px;

	color: var(--blue);
	font-size: clamp(1rem, 0.8667rem + 0.4444vw, 1.4rem);
	font-weight: 600;
	margin-bottom: 12px;
}

h3 {
	margin: 0px;
	padding: 0px;

	color: var(--blue);
	font-size: clamp(1rem, 0.8667rem + 0.4444vw, 1.4rem);
	font-weight: 600;	 
	margin-bottom: 12px;
}

h4 {
	margin:0px;
	padding:0px;

	color: var(--blue);
	font-size: clamp(0.8rem, 0.6667rem + 0.4444vw, 1.2rem);
	font-weight:500;
	margin-bottom: 12px;
}

h5 {
	margin:0px;
	padding:0px;

	color: var(--blue);
	font-weight: bold;	 
	margin-bottom: 12px;
}

h6 {
	margin:0px;
	padding:0px;

	color: var(--blue);
	font-weight: bold;	 
	margin-bottom: 12px;
}

a, a:visited {
	color: var(--blue);
	text-decoration: underline;
}
a:hover {
	color: var(lightblue);
}
img {
	border: 0px;
}

ul li, ol li {
	font-size: 1.2em;
	line-height:1.4em;
	margin-bottom: 12px;
}
ul li ul, ol li ol {
	margin-top:12px;
}
ul li ul li, ol li ol li {
	font-size: 1em;
}

/*
ul, ol {
	padding: 0px;
	margin: 0px;

	color: #000000;
}
ul li, ol li{
	font-size: 1em;
	line-height:1.4em;
}
*/

hr {
	border: 1px dashed var(--blue);;
}

.redtext {
	color: #FF0000;
}
.lightbluetext{
	color:var(lightblue);;
}

/** ------------------------------------------------------ **/
/** ------------------- alignment ------------------------ **/

.alignRight {	
	margin-bottom: 16px;
	margin-left: 20px;
	text-align:right;
}

img.alignRight{
	border: 0px;
	float:right;
	margin-bottom: 16px;
	margin-left: 20px;
}

.alignLeft {
	margin-bottom: 16px;
	margin-right: 20px;
	text-align:left;
}

img.alignLeft{
	border: 0px;
	float:left;
	margin-bottom: 16px;
	margin-right: 20px;
}

.alignCentre {
	border: 0px;
	text-align:center;
	margin-bottom: 16px;
	margin-left:auto;
	margin-right:auto;
	display: block;
  	vertical-align: middle;
} 


/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

table.tableStyleA {
	background-color:#FFFFFF !important;
	margin: 10px 0px 10px 0px;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	border-collapse: collapse;
}

table.tableStyleA td, th{
	text-align:left;
	vertical-align:top;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	padding: 5px 5px 5px 5px;
}
table.tableStyleB {
	background-color:#EEEEEE !important;
	margin: 10px 0px 10px 0px;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	border-collapse: collapse;
}

table.tableStyleB td, th{
	text-align:left;
	vertical-align:top;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	padding: 5px 5px 5px 5px;
}

table td p {
	padding: 0px;
	margin: 0px;
}


.TemplateClear {
	clear: both; 
	height: 0px;
}

.Template2colColumn {
	float: left;
    width: 50%;
}

.Template4colColumn {
	float: left;
    width: 25%;
}

.Template2colColumn img, .Template4colColumn img {
	max-width: 100%;
    height: auto;
}

/* add a background colour/image to these divs when editing in WYSIWYG editor */ 

.mce-content-body .Template2colContainer{
	background-color: #ffffff;
}
.mce-content-body .Template2colColumn{
	background-color: #e1e1e1;
	background-image: url(/admin/images/wysiwyg-template-bg.gif);
	background-repeat: repeat;
}

/* add a background colour/image to these divs when editing in WYSIWYG editor */ 

.mce-content-body .Template4colContainer{
	background-color: #ffffff;
}
.mce-content-body .Template4colColumn{
	background-color: #e1e1e1;
	background-image: url(/admin/images/wysiwyg-template-bg.gif);
	background-repeat: repeat;
}


a, a:visited {
    color: #004494;
    text-decoration: underline;
}

a.linkasbutton, a.linkasbutton:visited {
    background-color: var(--lightblue);
	border-radius: 40px;
    color: var(--white);
	font-weight:400;
	font-size: clamp(1rem, 0.6rem + 0.6667vw, 1.2rem);
    display: block;
	text-decoration: none;
	text-transform:uppercase;
	text-align: center;
	overflow: visible;
	padding: 1rem!important;
	margin-bottom: 1.5rem!important;
	margin-top: 1.5rem!important;
}
a.linkasbutton:hover {
	
	color:var(--blue);
	text-decoration: none;
}

/*----- Start: Testimonial -----*/
#testimonial {
	padding: 0px;
	margin: 0px;

	height: 340px;

	display: table-cell;
    vertical-align: middle;
	text-align: center;
}
#testimonial p {
	margin: 0px;
	padding: 0px;

	width: auto;

	font-size: 1.4em;
	color: #ffffff;
}
#testimonial p.testimonial-author {
	margin-top: 10px;

	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}
/*----- End: Testimonial -----*/



/*----- Start: Home Slider Related -----*/
#home-slider-wrapper {
	padding: 0px;
	margin: 0px;
}

ul#sliderhome {
	float: left;
    margin: 0px;
}

ul#sliderhome li img {
	height: auto;
	width: 100%;
}

/*----- End: Home Slider Related -----*/