@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: #C4E5F5;
	background-attachment:fixed;
	color: #666;
	line-height: 1em;
}

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

h1 {font-size:1.875rem; color:#333;letter-spacing:-1px; margin:0 0 20px;} 		/* 1.875  = 30px */  
h2 {font-size:1.625rem; color:#444; margin:0 0 20px;} 							/* 1.625  = 26px */
h3 {font-size:1.375rem; color:#444; margin:0 0 20px;} 							/* 1.375  = 22px */
h4 {font-size:1.250rem; color:#444; margin:0 0 15px;} 							/* 1.25   = 20px */
h5 {font-size:1.1875rem; color:#444; margin:0 0 15px;} 							/* 1.1875 = 19px */
h6 {font-size:1.125rem; color:#444; margin:0 0 15px;} 							/* 1.125  = 18px */

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

/* 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: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 25px 0 15px;
}


/* LOGO AND TITLE STYLING
============================================================================= */
.logoandtitle {margin-bottom:15px;}

.logo {margin-bottom:10px;}

.site-title {
	transition: all 0.5s ease;
	font-size: 1.5em;
	color: #027EA8;
	line-height:1.3em;
	letter-spacing:-1px;
}

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

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

/* MEDIA QUERIES FOR LOGO AND TITLE STYLING
=========================================== */

/* LOGO STYLING MEDIUM AND ABOVE */
@media only screen and (min-width: 40.063em) { /* 40.063 = 641px */
	.logo {float: left;margin: 0 15px 15px 0;}
	.logoandtitle {margin-bottom:0px;}
}

/* SITE TITLE SIZE MEDIUM ONLY */ 
@media screen and (min-width:40.063em) and (max-width:64em) {.site-title {font-size:1.9em; }}
/* SITE TITLE SIZE LARGE AND UP*/
@media screen and (min-width:64.063em) {.site-title {font-size: 2.6875em;}}



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

 /* Primary
=================== */
.page-nav {
/*	background: #3D7996; */
	margin-top: 10px;
}

nav {
background: none repeat scroll 0 0 #3d7996;
 }

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

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


/* Page Slider
   ========================================================================== */
.page-slider {
	margin-bottom: 20px;
	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 {
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
	margin-bottom: 20px;
}

.container-attention {
	background: #D3422D;
    border-radius: 10px;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3em;
}

.container-sidebar {
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
	margin-bottom: 20px;
	color:333;
}

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

.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.imgwrap img {
	border-radius: 10px;
	width: 100%;
}

.container-title {
	background: #027eA8;
	border-radius: 10px 10px 0 0;
	color: #fff;
	margin-bottom: 0;
	padding: 5px 10px;
}

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

.container-body {
	padding: 15px;
	line-height:1.5em;
}

.container-body.main {
	overflow:hidden;
	padding: 20px 25px;
	line-height:1.8em;
}

.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: 220px;
	margin: auto;
	margin-bottom: 20px;
}

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


/* Page Footer
   ========================================================================== */
.page-footer .footer {
	/*background: rgba(0,0,0,0.05);*/
	font-size: 0.875em;
	line-height: 1.3571em;
	margin-bottom: 30px;
	padding: 10px;
	color:#666;
	border-radius:15px;
}


/* Custom Elements
   ========================================================================== */
.contactstrip {padding:5px 10px;background-color:#F2F2F2;color:#AC7C61;font-family: lato,Arial;font-size: 20px;line-height: 1.3em;transition: 0.1s ease-in 0s;text-align:center;}
.contactstrip:hover {opacity:0.7;}

.contactstrip a:link{color:#AC7C61;}
.contactstrip a:visited{color:#AC7C61;}
.contactstrip a:hover{color:#6D6E82;}

.contactstriptop {padding:5px 10px;color:#999;font-family: lato,Arial;font-size: 20px;line-height: 1.3em;transition: 0.1s ease-in 0s;}
.contactstriptop a:link{color:#999;}
.contactstriptop a:visited{color:#999;}
.contactstriptop a:hover{color:#333;}


.marginbottomslim {margin-bottom:12px;}

.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: #027eA8;
	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);
}

					h1,h2,h3,h4,h5,h6{
				font-family:'Lato';
				font-weight: 400 ;
			}
			
				
					websitetitle {
				font-family:'Lato';
				font-weight: 400 ;
			}
			
				
					body {
				font-family:'Open Sans';
				font-weight: '400';
			}