@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/tiled/symphony-blue.png) repeat #c6d4da;
	background-attachment:fixed;
	color: #666;
	line-height: 1em;
}

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

h1 {font-size:1.750rem; color:#333; margin:0 0 20px;} 							/* 1.750  = 28px */  
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 */


.bannerimage {margin-top:0px;margin-bottom:0px !important;}
.bannerimage img {border-radius:0px !important; }
@media only screen and (min-width: 40.063em) {
.bannerimage {margin-top:15px;margin-bottom:20px !important;}
.bannerimage img {border-radius:10px !important; width:100%;}
}

.navbar {position: relative;padding-left: 0rem;padding-right: 0rem;}
@media only screen and (min-width: 40.063em) {
.navbar {padding-left:0.9375rem; padding-right:0.9375rem;}
}

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

.footersection {
    background: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 1.5em;
}


.standoutstrip {padding-top:30px; padding-bottom:30px;line-height:1.7em;background-color:#55A8C8; color:#fff;font-family:"Montserrat";font-size:1.3em; margin-top:20px; text-align:center; /*text-shadow:1px 1px 3px rgba(0,0,0,0.5);*/}
.standoutstrip a:link{color:#FDE2A2;}
.standoutstrip a:visited{color:#FDE2A2;}
.standoutstrip a:hover{color:#FDE2A2;}

.quoteicon {background: url('./siteimages/quote.png') no-repeat left top;}

.specialtext {margin:0 auto;}

.arrow-down {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    margin: 0 auto;
    position: relative;
    top: -30px;
    width: 0;
   }

.arrow-white {border-top: 15px solid #e7f0f5;}

/* 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: #FFFFFF;
    padding: 30px 0 30px;
    box-shadow: 0px 1px 5px 0px rgba(18, 18, 18, 0.4);
}


/* LOGO AND TITLE STYLING
============================================================================= */

.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: -1px;
    margin-bottom:20px;
    margin-top:15px;
}

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

smallertitle { line-height: 1em;}
smallerstrapline {display: block; width: 100%; line-height: 1em; margin-bottom: 15px; margin-top:15px;}


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

/* Logo & Text Styling Medium and above */
@media only screen and (min-width: 40.063em) { /* 40.063 = 641px */
	.logo {float: left;margin: 0 15px 15px 0;}
	.site-title small {margin-bottom:10px;margin-top:0px;}
	smallertitle {font-size:0.6em;}
	smallerstrapline {font-size:0.6em;}
}

/* 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.4em;}}



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

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

nav {
background: none repeat scroll 0 0 #027eA8;
 }

 /* 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: #c35849;
    border-radius: 0px 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 {
	background: rgba(255,255,255,0.5);
	padding: 30px 10px;
	border-top: 1px #fff solid;
}

.footer {
	font-size: 0.875em;
	line-height: 1.3571em;
	color:#666;	
}


/* 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: #999;
	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);
}

/* Social and Contact Icons Styled
=============================================================== */
.stylesocial {color:#666;font-size: 1.5em;padding-left:10px;padding-right:10px;display:inline;}
.stylesocial:hover {color: #228EBA;}

.stylesocialheader {color:#228EBA;padding-left:10px;padding-right:10px;}
.stylesocialheader:hover {color: #666;}
					h1,h2,h3,h4,h5,h6{
				font-family:'Montserrat';
				font-weight: 400 ;
			}
			
				
					websitetitle {
				font-family:'Montserrat';
				font-weight: 700 ;
			}
			
				
					body {
				font-family:'Open Sans';
				font-weight: '400';
			}