[class*="block-grid-"] {margin:0px !important;}
.panel {background:#f2f2f2; padding:25px; font-size:0.9em;}
.panel img {width:100%;opacity: 1;transition: .1s ease-in-out;}
.panel img:hover {opacity: .5;}
hr {border: 0px;border-top: 1px solid #ccc;margin:1.5rem 0 1.5rem;}
img {border: 0;}
input[type="submit"],input[type="file"],input[type="button"] {
	padding: 5px 20px;
	font: 600 14px/1.5em Arial;
}
ul {font-size:1em !important;}
.container-body.main ol li {margin-bottom: 20px;margin-left:20px;} /* numbered lists */
.container-body.main ol li strong {color:#027EA8;}
@media only screen and (max-width: 40.063em) {.container-body.main ol li {margin-left:0px;}}
.container-body.main ul li {margin-bottom: 10px;} /* bullet points */
.container-body.main ul li strong{color:#027EA8;}
.formblurb {font-size:0.9em;line-height: 1.3em;color: #666;}
.formstyle {
	background-color:#f8f8f8;
	padding:15px;
	border-radius:15px;
	border: 1px solid #dddddd;
}
table {
	background: none;
	border: 0px solid #dddddd;
	margin-bottom: 0rem;
	vertical-align:center;
}
blockquote { 
	font-style: italic;font-family: Georgia, Times, "Times New Roman", serif; border-width: 0; border-style: solid; border-color: #ccc; 
	border-left-width: 5px;padding: 12px 25px;margin-left:40px;
}

.callout {
	padding:40px;
	border-radius: 10px;
    background: #fff;
    line-height: 1.5em;}


/* Sticky Menu ----------------------------------------------------- */
#sticky {
width: 100%;
}

#sticky.stick {
  position: fixed;
  top: 0;
  z-index: 100000000000000;
}

/* Show and Hide on Mobile  ----------------------------------------------------- */
.show-on-mobile {display: inline;}  
  @media only screen and (min-width: 40.053em) { 
      .show-on-mobile {display: none; }
  }

  .hide-on-mobile {display: none; }
    @media only screen and (min-width: 40.053em) {
     .hide-on-mobile {display: inline;}
  }

/* Section Styling ----------------------------------------------------- */
	.section {padding-top:40px;padding-bottom:40px;/*border-top: 1px #dadada solid;*/}
		@media only screen and (min-width: 40.063em) {.section {padding-top:60px;padding-bottom:60px;}}
	.section.footer {background: var(--strongbackground); line-height:1.6em;}
	.section.bloghomepage {background: var(--mediumbackground);}
	.section.colorwhite {background:#fff;}
	.section.colorlightgrey {background:#F3F3F3;}
	.section.colorthemelight {background:var(--mediumbackground);}
	
	.section.colordark {background:#414141;}
	.section.colordark h1,.section.colordark h2,.section.colordark h3,.section.colordark h4,.section.colordark h5,.section.colordark h6 {color:#fff;}
	.section.colordark {color:#ddd !important;}
	.section.colordark p{color:#ddd !important;}
	.section.colordark a {color:#E8B222 !important;}
	.section.colordark a:visited {color:#E8B222 !important;}
	.section.colordark a:hover {color:#fff !important;}


	.section.colorthemedark {background:var(--accent);}
	.section.colorthemedark h1,.section.colordark h2,.section.colorthemedark h3,.section.colorthemedark h4,.section.colorthemedark h5,.section.colorthemedark h6 {color:#fff;}
	.section.colorthemedark {color:#ddd !important;}
	.section.colorthemedark p{color:#ddd !important;}
	.section.colorthemedark a {color:var(--pop) !important;}
	.section.colorthemedark a:visited {color:var(--pop) !important;}
	.section.colorthemedark a:hover {color:#fff !important;}

	h2.sectiontitle {text-align: center;font-size: 32px;letter-spacing: -1px;margin-bottom:40px !important;color:var(--accent);}
	.section.colordark h2.sectiontitle {color:#fff;}
	.section.colorthemedark h2.sectiontitle {color:#fff;}

/* Box Elements ----------------------------------------------------------- */
@media only screen and (min-width:960px) {
	.boxelements {display: flex; align-items: center;}
	.boxelements p {padding-bottom:0px;
	}}
.picleft {padding:0px;flex:1;order:1;flex-basis:50%;}
.picright {padding:0px;flex:1;order:2;flex-basis:50%;}
	@media only screen and (min-width:960px) {
	.picleft img {max-height:500px;}
	.picright img {max-height:500px;}
	}

.textright {padding:2em;flex:1;order:2;flex-basis:50%;padding:2em;}
	@media only screen and (min-width: 40.063em) {.textright {padding:4em;}}
	@media only screen and (min-width: 960px) {.textright {padding:2em 4em;}}
.textleft {padding:2em;flex:1;order:1;flex-basis:50%;padding:2em;}
	@media only screen and (min-width: 40.063em) {.textleft {padding:4em;}}
	@media only screen and (min-width: 960px) {.textleft {padding:2em 4em;}}

.textright h2 {font-size:2em;} .textleft h2 {font-size:2em;}

	/* smaller and larger */
	.boxsmaller {flex-basis:30% !important;}
	.boxlarger {flex-basis:70% !important;}


a.boxbutton {
	display: inline-block;
	position: relative;
	text-align:center;
	transition: background-color 200ms ease-out 0s;
	font-size: 16px;
	padding: 0.6rem 2rem 0.6rem;
	font-style:normal;
	background-color: transparent;border: 1px solid #333;color:#333;
}

a.boxbutton:hover {background:#333;border: 1px solid #333;color:#fff;}

.boxelements.textlight p {color:#fff;padding-bottom:0px}
.boxelements.textlight h1, .boxelements.textlight h2, .boxelements.textlight h3{color:#fff;}
.boxelements.textlight a:link{color:#fff;}
.boxelements.textlight .boxbutton {background-color: transparent;border: 1px solid #fff;color:#fff;}
.boxelements.textlight .boxbutton:hover {background:#333;border: 1px solid #333;color:#fff;}

.boxelements.textdark p {color:#000;padding-bottom:0px}
.boxelements.textdark h1, .boxelements.textdark h2, .boxelements.textdark h3{color:#000;}
.boxelements.textdark a:link{color:#000;}
.boxelements.textdark .boxbutton {background-color: transparent;border: 1px solid #000;color:#000;}
.boxelements.textdark .boxbutton:hover {background:#333;border: 1px solid #333;color:#fff;}

.boxelements.blue {background:#6b9db8;}
.boxelements.red {background:#b86b6b;}
.boxelements.green {background:#6bb8ad;}
.boxelements.purple {background:#b36bb8;}
.boxelements.brown {background:#b89d6b;}
.boxelements.orange {background:#e4ae58;}
.boxelements.grey {background:#6b6b6b;}

.boxelements.lightred {background:#F9EBEA;}
.boxelements.lightblue {background:#EAF2F8;}
.boxelements.lightgreen {background:#E8F6F3;}
.boxelements.lightpurple {background:#F5EEF8;}
.boxelements.yellow {background:#ffefaf;}
.boxelements.lightorange {background:#ffdda6;}
.boxelements.lightgrey {background:#F2F3F4;}


/* MARGIN BOTTOM STYLING --------------------------------------------------------- */
.marginbottom {margin-bottom:20px;}
@media only screen and (min-width: 40.063em) {
	.marginbottom img{display:block; margin:0 auto 10px; /*width:100%;*/}
}
@media only screen and (max-width: 40.063em) {
	.marginbottom {margin-bottom: 20px;}
	.marginbottom img {display: block; margin: 0 auto 10px; /*width:60%;*/}
}
/* COLOUR BUTTONS ---------------------------------------------------------------- */
a.button {
	display: inline-block;
	position: relative;
	text-align:center;
	transition: background-color 200ms ease-out 0s;
	font-size: 16px;
	padding: 0.6rem 2rem 0.6rem;
	font-style:normal;
}
a.buttonlarge {
	display: inline-block;
	position: relative;
	text-align:center;
	transition: background-color 200ms ease-out 0s;
	font-size: 18px;
	padding: 1rem 2rem 1rem;
}
a.buttonsmall {
	display: inline-block;
	font-size: 14px;
	padding: 7px 14px;
	position: relative;
	text-align: center;
	transition: background-color 200ms ease-out 0s;
}
a.rounded {border-radius: 5px;}

a.white {background-color: #ffffffe8;color: #000 !important; border: 1px solid #ccc;}
a.white:hover {background-color: #fff;color:#000}

a.black {background-color: #000;color: #d2d2d2 !important;}
a.black:hover {background-color: #333;color:#fff}


a.header {background-color: #66a6cc; color: #fff !important; margin: 15px 0 0 0 !important;}
a.header:hover {background-color: #333;color:#fff}


a.blue {background-color: #66a6cc; color: #fff !important;}
a.blue:hover {background-color: #333;color:#fff}

a.brown {background-color: #C8925B; color: #fff !important;}
a.brown:hover {background-color: #966029;color:#fff}

a.green {background-color: #00B97C; color: #fff !important;}
a.green:hover {background-color: #00874A;color:#fff}

a.red {background-color: #AD0000; color: #fff !important;}
a.red:hover {background-color: #000;color:#fff}
a.purple {background-color: #D88BB1; color: #fff !important;}
a.purple:hover {background-color: #A6597F;color:#fff}

a.teal {background-color: #9EC3BF;color: #fff !important;}
a.teal:hover {background-color: #6C918D;color:#fff}

a.whiteoutline {background: none;border: 1px solid #fff; color:#fff !important;} 
a.whiteoutline:hover {background-color: none; color:#FFCC33;border: 1px solid #FFCC33;}

a.blackoutline {background: none;border: 1px solid #999;color:#666 !important;} 
a.blackoutline:hover {color:#000 !important;border: 1px solid #000;}
.button.blackoutline {background-color: transparent !important;}

a.greyoutline {background: none;border: 1px solid #afafaf; color:#afafaf !important;} 
a.greyoutline:hover {border: 1px solid #FFCC33;}
.button.greyoutline {background-color: transparent !important;}

a.blueoutline {background: none;border: 2px solid #00B5F0; color:#666 !important;}  
a.blueoutline:hover {background-color: #f9f9f9;color:#666; border: 2px solid #999;}

a.brownoutline {background: none;border: 2px solid #C8925B; color:#666 !important;} 
a.brownoutline:hover {background-color: #f9f9f9;color:#666; border: 2px solid #999;}

a.greenoutline {background: none;border: 2px solid #00B97C; color:#666 !important;} 
a.greenoutline:hover {background-color: #f9f9f9;color:#666; border: 2px solid #999;}

a.purpleoutline {background: none;border: 2px solid #D88BB1; color:#666 !important;} 
a.purpleoutline:hover {background-color: #f9f9f9;color:#666; border: 2px solid #999;}

a.tealoutline {background: none;border: 2px solid #9EC3BF; color:#666 !important;} 
a.tealoutline:hover {background-color: #f9f9f9;color:#666; border: 2px solid #999;}

/* COLOUR BOX STYLES ------------------------------------------------------------- */
.nocolour {
	line-height: 1.3em;
} 
.white {
	border-radius: 10px;
	padding: 15px;
	background: #fff;
	line-height: 1.5em;
	/*box-shadow:0px 0px 3px 0 rgba(0, 0, 0, 0.2);*/
} 
.styleswhite a:link{border-bottom:1px dotted #666;} 
.styleslightgrey {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #f2f2f2;
	line-height: 1.5em;
} 
.styleslightgrey a:link{border-bottom:1px dotted #666;} 
.styleslightblue {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #CCE0EB;
	color: #006699;
	line-height: 1.5em;
} 

.styleslightblue a:link{color: #006699 !important;} 
.styleslightblue a:visited{color: #006699 !important;} 
.styleslightblue a:hover{color: #fff !important;} 

.gradientcolour {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: rgb(102,166,204);
	background: linear-gradient(143deg, rgba(102,166,204,1) 0%, rgba(138,59,108,1) 100%);
	color: #fff;
	line-height: 1.5em;
} 
.gradientcolour a:link{color: #d2cf76 !important;} 
.gradientcolour a:visited{color: #d2cf76 !important;} 
.gradientcolour a:hover{color: #fff !important;} 

.styleslightbrown {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #EEDECC;
	color: #806733;
	line-height: 1.5em;
} 
.styleslightbrown a:link{color: #806733;border-bottom:1px dotted #666;} 
.styleslightgreen {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #EBF2D9;
	line-height: 1.5em;
} 
.styleslightgreen a:link{border-bottom:1px dotted #666;} 
.styleslightpurple {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #E9DBF0;
	color: #990099;
	line-height: 1.5em;
} 
.styleslightpurple a:link{color: #990099;border-bottom:1px dotted #666;} 
.styleslightpink {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #FFECEC;
	color: #FF11B1;
	line-height: 1.5em;
} 
.styleslightpink a:link{color: #FF11B1;border-bottom:1px dotted #666;} 
.styleslightyellow {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #FFFFCC;
	color: #666666;
	line-height: 1.5em;
}
.styleslightyellow a:link{color: #666666;border-bottom:1px dotted #666;} 
.stylesdarkgrey {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #666;
	color:#eee;
	line-height: 1.5em;
} 
.stylesdarkgrey a:link{color:#eee;border-bottom:1px dotted #eee;} 
.stylesdarkblue {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #006699;
	color:#f2f2f2;
	line-height: 1.5em;
} 
.stylesdarkblue a:link{color:#f2f2f2;border-bottom:1px dotted #f2f2f2;} 
.stylesdarkbrown {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #996633;
	color:#fff;
	line-height: 1.5em;
} 
.stylesdarkbrown a:link{color:#fff;border-bottom:1px dotted #fff;} 
.stylesdarkgreen {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #339966;
	color:#fff;
	line-height: 1.5em;
} 
.stylesdarkgreen a:link{color:#fff;border-bottom:1px dotted #fff;} 
.stylesdarkpurple {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #CC6699;
	color:#fff;
	line-height: 1.5em;
} 
.stylesdarkpurple a:link{color:#fff;border-bottom:1px dotted #fff;} 
.stylesdarkyellow {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	background: #FFFF66;
	color:#333;
	line-height: 1.5em;
} 
.stylesdarkyellow a:link{color:#333;border-bottom:1px dotted #333;} 
.titlewithline {background:rgba(0, 0, 0, 0) url("./siteimages/line.png") repeat-x scroll center bottom;padding:0 0 10px;}

/* Below CSS for new Enhance Image Plugin ------------------------------------------------------------- */
/*figure {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #ccc;
    border-radius: 2px;
    display: inline-block;
    margin: 10px 20px;
    padding: 10px;
    text-align: center;
}
*/
figure > figcaption {
	display: block;
	text-align: center;
	/*margin-top: 10px;*/
	background:#eee;
	padding:25px;
}
.align-left {
	float: left;
	margin-right:40px;
}
.align-right {
	float: right;
	margin-left:40px;
}
.align-center {
	text-align: center;
}
.align-center > figure {
	display: inline-block;
}

/* Responsive Google Maps ------------------------------------------------------------- */
.google-maps {
	position: relative;
	height: 500px !important;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* CkEditor Responsive Template Layouts ------------------------------------------------------------- */
.container-boxes {margin-bottom:20px}
.page-slider .slide-caption h5 a:link{color:#ffffff;border-bottom: thin dotted #eee;}
.page-slider .slide-caption h5 a:hover{color:#ffffff;border-bottom: thin dotted #eee;}
.page-slider .slide-caption h5 a:visited{color:#ffffff;border-bottom: thin dotted #eee;}

/* Profile Styling ------------------------------------------------------------- */
.teamname {font-size: 1.2em;
	margin-bottom: 5px;
	text-align: center;
	line-height: 1em;color:#000;letter-spacing:-0.5px;}
	.teamtitle {font-size:1em;color:#777;margin-bottom:20px;text-align:center;}
	.teampic {font-size:0.8em;line-height:1.6em; text-align:center;height:auto;}
	@media only screen and (min-width: 40.063em) {
		.teamname {text-align:left;}
		.teamtitle {text-align:left;}
		.teampic {text-align:left;}
	}

	@media only screen and (min-width: 40.053em) { 
	.teampic {height:250px !important;}
}

/* Table styling --------------------------------------------------------------- */
table tbody tr td, table tr td {
line-height: 1.6rem !important;
font-size: 16px !important;
padding: 15px 20px !important;
}



/* Blog styling --------------------------------------------------------------- */
/* post grid */

.container-body.main ul.blog_post_grid{
    margin-left: 0;
}


/* Blog Single image styling on hover --------------------- */
.blog_post_grid .blog_post_item img.blog_post_img {
    /*height: 100px;*/
    width:100%;
    opacity: 1;-webkit-transition: .1s ease-in-out;transition: .1s ease-in-out;
}

.blog_post_grid .blog_post_item img.blog_post_img:hover {
	opacity: .5;
}

/* Blog Homepage recent image hover effects start --------------------- */
.blogrecentcolumn img {
	opacity: 1;-webkit-transition: .1s ease-in-out;transition: .1s ease-in-out;
}

.blogrecentcolumn img:hover {
	opacity: .5;	
}
/* Blog Homepage recent image hover effects end --------------------- */


.blog_post_grid .blog_post_item .blog_post_title {
    margin-top: 0.8em;
    margin-bottom: 0.3em;
    font-size: 1.3em;
}

.blog_post_grid .blog_post_item .blog_post_date {
    font-size: 0.8em;
}

.blog_post_grid .blog_post_item .blog_post_brief {
    margin-top: 0.5em;
}

.blog_post_grid .blog_post_item .blog_post_more_link{
    display: block;
    margin-top: 1em;
}

/* post single */


.blog_post_div img.blog_post_img {

}


.blog_post_div .blog_post_title {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    font-size: 2em;
}

.blog_post_div .blog_post_date {
    font-size: 0.8em;
    display: inline-block;
}

.blog_post_div .blog_post_author {
    font-size: 0.8em;
    display: inline-block;
}
.blog_post_div .blog_post_category {
    font-size: 0.8em;
}
.blog_post_div .blog_post_content {
    margin-top: 0.5em;
}

.blog_post_content, .blog_post_content p{font-size:18px;line-height: 1.6em;}

/* archive */

.blog_archive_list .blog_archive_list_item {
    margin-bottom: 2em;
    padding:20px;
    background:var(--mediumbackground);
}

.blog_archive_list h2.blog_post_title {
    padding: 0.8em 10px;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 22px;
}

h2.blog_post_title a:link{color:#000;}
h2.blog_post_title a:visited{color:#000;}
h2.blog_post_title a:hover{color:#006699;}

.blog_archive_list .blog_post_brief {
    padding: 0.5em 10px;
}

.blog_archive_list .blog_post_date {
    padding: 0.5em 10px;
    border-top: 1px solid lightgray;
    font-size: 0.8em;
}

.blog_archive_list a.blog_post_more_link {
    clear: both;
    display: block;
    margin-top: 0.5em;
}


/* sidebar */

aside.blog-sidebar .container {
    padding: 1em;
    background: var(--mediumbackground);
}


/* recents blogs homepage */
div.container.blog_recent_posts{
	padding:1em;

}
.blog_recent_posts .row.blog_recent_row {
    margin-bottom: 1em;
}

/* recents blogs sidebar */
div.container.blog_recent_posts-side{
	padding:1em;

}
.blog_recent_posts-sidebar .row.blog_recent_row {
    margin-bottom: 1em;
}

.blog_recent_posts-sidebar h2 {color:#000;}
.blog_categories h2 {color:#000;}
.blog_archives h2 {color:#000;}

/* category sidebar */
div.container.blog_categories{

}
.blog_sidebar_category_list{

}

/* archive sidebar */
div.container.blog_archives{

}
.blog_sidebar_archive_list{

}


/** foundation pagination **/

ul.pagination {
    display: block;
    min-height: 1.33333rem;
    border-top: 1px dotted #a4a4a4;
    padding-top: 15px;
    margin-top: 20px;}
ul.pagination li {
    color: #2222228a;
    font-size: 18px;
    height: 1.6em;
    margin-left: 0.7rem;
    background: #eee;
    width: 30px;
    font-weight: 600;}
ul.pagination li a, ul.pagination li button {
    border-radius: 3px;
    transition: background-color 300ms ease-out;
    background: none;
    color: #999999;
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: inherit;
    padding: 0.05556rem 0.55556rem 0.05556rem; }
ul.pagination li:hover a,
ul.pagination li a:focus, ul.pagination li:hover button,
ul.pagination li button:focus {
    background: #e6e6e6; }
ul.pagination li.unavailable a, ul.pagination li.unavailable button {
    cursor: default;
    color: #999999;
    pointer-events: none; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
    background: transparent; }
ul.pagination li.current a, ul.pagination li.current button {
    background: #008CBA;
    color: #FFFFFF;
    cursor: default;
    font-weight: bold; }
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
    background: #008CBA; }
ul.pagination li {
    display: block;
    float: left; }

/* Pagination centred wrapper */
.pagination-centered {
    text-align: center; }
.pagination-centered ul.pagination li {
    display: inline-block;
    float: none; }