@charset "UTF-8";
/* ==========================================================================
   Stylesheet For Custom Elements On All Pages
   ========================================================================== */

/* 
 * HELPERS
 * small screens:  (0, 40em);                //  0px -  640px 
 * medium screens: (40.063em, 64em);         //  641px - 1024px 
 * large screens:  (64.063em, 90em);         // 1025px - 1440px
 * xlarge-screens: (90.063em, 117.5em);      // 1441px - 1880px
 * xxlarge-range:  (117.5625em, 99999999em); // 1881px - up 
 */


/* General Rules
   ========================================================================== */
body {
	background: url("./siteimages/style9/background.jpg") repeat-x scroll left top #fff;
	color: #666;
	line-height: 1em;
}

/* Heading font sizes and colours
   ========================================================================== */
h1,h2,h3,h4,h5,h6 {line-height:1.3em;}

.page-slider .slide-caption {
	padding:0 15px !important;
	text-align:right;
	background-color:#999 !important;
}


h1 {font-size:2.25rem; color:#333;letter-spacing:-1px; margin:0 0 20px;} 	/* 2.25rem 		= 36px */   
h2 {font-size:1.75rem; color:#006699;letter-spacing:-1px; margin:0 0 20px;} 	/* 1.75rem 	= 28px */
h3 {font-size:1.5rem; color:#444; margin:0 0 20px;} 						/* 1.6875rem 	= 27px */
h4 {font-size:1.375rem; color:#444; margin:0 0 15px;} 							/* 1.5rem 		= 24px */
h5 {font-size:1.250rem; color:#444; margin:0 0 15px;} 						/* 1.375rem 	= 22px */
h6 {font-size:1.125rem; color:#444; margin:0 0 15px;} 						/* 1.125rem 	= 18px */

#footertext {color: #fff; line-height:1.8em}
#footertext a:link{color: #fff;}
#footertext a:hover{color: #fff;}
#footertext a:visited{color: #fff;}

/* Menu Background Active Colour 
   ========================================================================== */
.top-bar-section li.active:not(.has-form) a:not(.button) {
background: none repeat scroll 0 0 #000;
}

.top-bar-section li:not(.has-form) a:not(.button) {
fony-family:'Open Sans',Arial;font-size:16px;font-weight:400;
}

/* Page Header
   ========================================================================== */
.page-header {
	/*background: url(./siteimages/texture-noise.png) repeat left top #027eA8;
	border-bottom: 5px solid #f8f8f8;
	box-shadow: 0 12px 0 0px #c6dbe5;*/
	margin-bottom: -55px;
	padding-top: 10px;
	padding-bottom: 50px;
}

.page-header.layout-basic {
	margin-bottom: -35px;
}

.logo {
	margin: 15px 0;
	text-align: center;
}

.site-title {
	color: #006338;
	/*text-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
	line-height:1.3em;
	padding-bottom:20px;
	margin-top:10px;
}

.site-title small {
	display: block;
	font-size: 0.6511em;
	line-height: 1.3em;
	color:#006338;
	font-weight: 400;
    letter-spacing: 0px;
}

smaller {
font-size:0.8em;
color: rgba(255,255,255,0.7);
}

/* Media queries */
@media only screen and (min-width: 40.063em) {
	.logo {
		float: left;
		margin: 0 15px 15px 0;
		text-align: left;
	}

	.site-title {
		font-size: 2.6875em;
	}
}

/* Media queries */
@media only screen and (max-width: 40.063em) {
	.logo {margin: 0 auto;}
	.site-title {text-align:center;}
	.site-title small {line-height:1.3em}
	

}

/* Media queries max width 768px (ipad portrait and landscape)*/
@media only screen and (max-width: 48em) {
	.site-title {font-size: 2.3rem;}
h1 {font-size:1.875rem;margin:0 0 15px;} 	/* 1.875rem 	= 30px */   
h2 {font-size:1.75rem; margin:0 0 15px;} 	/* 1.75rem 		= 28px */
h3 {font-size:1.625rem; margin:0 0 15px;} 	/* 1.625rem 	= 26px */
h4 {font-size:1.375rem; } 		/* 1.5rem 		= 24px */
h5 {font-size:1.250rem; } 	/* 1.375rem 	= 22px */
h6 {font-size:1.125rem; } 	/* 1.125rem 	= 18px */
body{font-size:1rem; color:#444;}
}


/* Navigation
   ========================================================================== */

 /* Primary
=================== */

nav {
/*background: url('./siteimages/transparentbg.png') repeat left top;*/
}

.page-nav {
	/*background: url('./siteimages/transparentbg.png') repeat left top;*/
	margin-top: 10px;
    /*background: none repeat scroll 0 0 #666;*/
    margin: 0 auto;
    max-width: 970px;
}

 /* Secondary
=================== */
.side-nav ul {
	list-style: none outside none;
	margin: 0;
}

.side-nav ul ul {
	margin-left: 1em;
}


/* Page Slider
   ========================================================================== */
.page-slider {
	margin-bottom: 0px;
	margin-top:0px;
	/*overflow: hidden;*/
}

.page-slider .slide-caption {
	background: #333;
	background: rgba(0,0,0,0.6);
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px 15px;
	width: 100%;
}

.page-slider .slide-caption h5 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 0.1em;
}

.page-slider .slide-caption p {
	margin-bottom: 0;
}

/* Media queries */
@media only screen and (max-width: 40.063em) {
	.page-slider .slide-caption {
		display: none;
	}
}




/* Page Banner
   ========================================================================== */
.page-banner {
	background: url(./siteimages/banner-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 290px;
	margin-bottom: -55px;
	padding-top: 55px;
}

.page-banner h2,
.page-banner p {
	color: #fff;
	background: #027eA8;
	padding: 0 10px;
}

.page-banner h2 {
	display: inline-block;
	font-size: 1.625em;
	margin-bottom: 0.5em;
}

.page-banner p {
	font-size: 1.375em;
	line-height: 1.375em;
}

/* Page Content
   ========================================================================== */

.container-allrounded {
	background: #fff;
	border-radius: 10px;
	/*box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);*/
	margin-bottom: 20px;
}
   
   
.container {
	background: #fff;
	border-radius: 0 0 10px 10px;
	/*box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);*/
	margin-bottom: 20px;
}

.container-body-white {
    background: #f8f8f8;
    border-top: 1px solid #999;
    line-height: 1.5em;
    padding: 20px 10px;
}

.container-attention {
    background: none repeat scroll 0 0 #ffffcc;
    border-radius: 0;
    margin-bottom: 20px;
}

.container-title-attention {
    background: none repeat scroll 0 0 #bb0d17;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    padding: 5px 10px;
}

.container-title {
    background: none repeat scroll 0 0 #9CC03F;
    border-radius: 0px;
    color: #fff;
    margin-bottom: 0px;
    padding: 5px 10px;
}

.container-noframe{
	margin-bottom: 20px;
	text-align:left;
}

.container-underphoto{
	background: #fff; border-radius: 10px; margin-bottom: 20px; padding:10px;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;
}

.container.imgwrap {
	padding: 0;
}

.container.imgwrap {
	padding: 0;
}

.container-allrounded.imgwrap img {
	border-radius: 10px;
	width: 100%;
}

.container-title-boxes {
	background: none repeat scroll 0 0 #666;
    border-radius: 0;
    color: #fff;
    margin-bottom: 0;
    padding: 5px 10px;
}

.container-body {
    background: none repeat scroll 0 0 #f8f8f8;
    line-height: 1.5em;
    padding: 15px;
}

.container-body.main {
	overflow:hidden;
	padding: 20px 0px;
	line-height:1.8em;
	background:#fff;
}

.container-body.main ul {
    margin-left: 2.5rem;
}

@media only screen and (max-width: 40.063em) {
	.container-body.main ul  {
		margin-left: 1.5rem;
	}
}
@media only screen and (max-width: 48em) {
.container-body.main {line-height:1.6em;}
.container-body.main img {border-bottom:1px solid #fff;}
}

@media only screen and (max-width: 29.375em) {
.container-body.main img {margin-bottom:10px;width:100%;}
}

.container-body p:last-child {
	margin-bottom: 0;
}

.page-sidebar {
	font-size: 0.875em;
	line-height: 1.3571em;
}

.page-sidebar ul{
	font-size: 1em;
	line-height: 1.5em;
}

.page-sidebar .imgwrap {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

/* Media queries */
@media only screen and (min-width: 64.063em) {
	.page-sidebar.pull-up {
		margin-top: -150px;
	}
}


/* Page Footer
   ========================================================================== */
.page-footer {
    background: url("./siteimages/texture-noise.png") repeat scroll left top #9CC03F;
    color: #fff;
    font-size: 1em;
    line-height: 1.3571em;
    padding-bottom: 25px;
    padding-top: 25px;
}


/* Custom Elements
   ========================================================================== */
.contactstrip {padding:15px;background-color:#248FBC;color:#ffffff;font-family: lato,Arial;font-size: 20px;line-height: 1.3em;transition: 0.1s ease-in 0s;}
.contactstrip:hover {opacity:0.7;}
.contactstrip a:link{color:#ffffff;}
.contactstrip a:visited{color:#ffffff;}
.contactstrip a:hover{color:#ffffff;}
.smallertext {font-size:16px;}
.marginbottom {margin-bottom:20px;}



 /* Share this buttons
=================== */
.st-container {
	margin-top: 1em;
	text-align: center;
}

.st-container .stButton .stFb, 
.st-container .stButton .stTwbutton, 
.st-container .stButton .stMainServices {
	height: 22px;
}

.share-widget {
	padding-bottom: 0;
}

/* Back to top button
=================== */
.back-to-top {
	display: none;
	position: absolute;
	top: 0;
	z-index: 100;
}

.back-to-top a {
	color: #9CC03F;
	opacity: 0.8;
	position: fixed;
	height: 48px;
	width: 47px;
	bottom: 40px;
	right: 20px;
}

.back-to-top a:hover {    
	opacity: 1;
}

/* Media queries */
@media only screen and (max-width : 40.063em) {
	/*.back-to-top {
		display: none!important;
	}*/
}

@media only screen and (min-width : 40.063em) {
	.st-container {
		margin-top: 0;
		text-align: right;
	}
}

@media only screen and (min-width: 75em) {
	.back-to-top {
		left: 50%;
		margin-left: 535px;
	}

	.back-to-top a {
		right: auto;
	}
}



/* Individual Styles
   ========================================================================== */
.mb-0 { margin-bottom: 0!important; }


/* Menu Styles
   ========================================================================== */
@media only screen and (min-width: 40.063em) {
  
  .top-bar {												/* background colour for rest of menu */		
    background: transparent;
    }

.top-bar-section li:not(.has-form) a:not(.button) {		/* background menu colour */
      background: transparent; }

.top-bar-section ul li { 									/* background menu colour */
    background: transparent; }
	
.top-bar-section li.active:not(.has-form) a:not(.button) { /* background active colour */
	background: # }
}

.twitter-widget {
	margin-bottom: 20px;
	width: 100%;
	text-align:center;
}
#twitter-widget-0 {
box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
}

.colourbox {background: url(./siteimages/Nickback2.jpg) no-repeat #fff;
	height:280px;padding:20px;color:#fff;line-height:1.5em;}
.colourbox h4 {color:#fff;font-style:italic;}
.colourbox a:link{color:#fff;text-decoration:underline;}
.colourbox a:visited{color:#fff;text-decoration:underline;}
.colourbox a:hover{color:#fff;text-decoration:underline;}

.colourbox2 {background:#f8f8f8;height:280px;padding:0px;}

@media only screen and (max-width: 64em) {
	.colourbox {margin-bottom:20px;background-size:100%;}
	.colourbox2 {height:auto;}
}

.topcolour {background:#9CC03F}
					h2,h3,h4,h5,h6{
				font-family:'Lato';
				font-weight: 400 ;
			}
			
				
					h1{
				font-family:'Merriweather';
				font-weight: 700 ;
			}
			
				
					body {
				font-family:'Open Sans';
				font-weight: '400';
			}