@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: #f9f9f9;
	color: #666;
	line-height: 1em;
}

.shadow {box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);}


.sitelogo {float: none;
    margin-right: 0px;
text-align:center;}

@media only screen and (min-width: 40.063em) {
.sitelogo {float: left;
    margin-right: 15px;}
}

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

.circle {border-radius:1000px;border:5px solid #9FC4C1}

h1 {font-size:2.25rem; color:#333;letter-spacing:-1px; margin:0 0 20px;} 	/* 2.25rem 		= 36px */   
h2 {font-size:1.75rem; color:#857293;letter-spacing:-1px; margin:0 0 20px;} 	/* 1.75rem 	= 28px */
h3 {font-size:1.5rem; color:#807986; 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;}

.contactboxinfo {
	line-height:1.5em;
	color:#fff;
}

.contactboxinfo a:link{color:#fff;}
.contactboxinfo a:hover{color:#fff;}
.contactboxinfo a:visited{color:#fff;}
.contactboxinfo strong{color:#fff;}

.logo {
background:url(./siteimages/logo-small.png) no-repeat; width:181px; height:200px; display:inline-block; background-size:100%; 
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { 
	.logo{ background-image:url(./siteimages/logo.png); background-size:181px 200px; } 
}


@media only screen and (min-width: 40.063em) {
	.logo {margin: 15px 0px;}
}

@media only screen and (max-width: 40.063em) {
	.logo {margin: 25px 0px 10px 0px;width:109px;height:120px;
	background:url(./siteimages/logo-small.png) no-repeat; width:109px; height:120px; display:inline-block; background-size:100%; 
	}
}


.standoutstrip {padding:30px 0;line-height:2.7em;background-color:#ffffff; color:#555;font-family:"Merienda";/*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;}


.arrow-down {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    margin-bottom: 10px;
    margin:0 auto;
    width: 0;
}

.arrow-red {border-top: 10px solid #c25b56;}
.arrow-darkblue {border-top: 10px solid #96c0ce;}
.arrow-white {border-top: 15px solid #f7f7f7;}
.arrow-down {
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    margin: 0 auto;
    position: relative;
    top: -30px;
    width: 0;
    
   }


/* 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 {
	padding-top: 20px;
	background:#BCB2A8;
}

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

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

.site-title {
	/*color: #704535;*/
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	line-height:1.3em;
	font-family:"Merienda";
	font-weight:400;
	margin-top:20px;
	letter-spacing:-2px;
}

.site-title small {
	font-family:"Lato";
	display: block;
	font-size: 0.6511em;
	line-height: 1.8em;
	color:#fffc;
	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.5em;
	}
}


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

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


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

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

 /* 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;
	margin-top:25px;
	/*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 Content
   ========================================================================== */
.container {
	background: #fff;
	border-radius: 10px;
	
	margin-bottom: 20px;
}

.container-body-white {
	padding: 20px 10px;
	line-height:1.7em;
	background: #EBE8EE;
    	border-top: 1px solid #d0d0d0;
    	color:#666;
    	font-size:0.9em;
}


.container-attention {
	background: #FFFFCC;
	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: 60%;
}

.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;}
}

.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;
	text-align:center;
}

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


/* Page Footer
   ========================================================================== */
.page-footer {
    /*background: #717D91;*/
    background: #998a8a;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.3571em;
    padding-bottom: 25px;
    padding-top: 25px;
}


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

.smallertext {font-size:16px;}
.marginbottom {margin-bottom:20px;}
.marginbottomslim {margin-bottom:12px;}

.contactstrip-clear {padding:0 10px;background-color:#transparent;color:#777;font-family: lato,Arial;line-height: 1.3em;transition: 0.1s ease-in 0s;text-align:center;}


 /* 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: #998a8a;
	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 ICONS
================================================================= */
.social-icons li a {background-color:#fff;}
.twitter::before, .wordpress::before, .facebook::before, .linkedin::before, .steam::before, .tumblr::before, .github::before, .delicious::before, .instagram::before, .xing::before, .amazon::before, .dropbox::before, .paypal::before, .lastfm::before, .gplus::before, .yahoo::before, .pinterest::before, .dribbble::before, .flickr::before, .reddit::before, .vimeo::before, .spotify::before, .rss::before, .youtube::before, .blogger::before, .appstore::before, .digg::before, .evernote::before, .fivehundredpx::before, .forrst::before, .stumbleupon::before, .dribbble::before {
color:#666;	}

@media only screen and (max-width: 40.063em) {
	blockquote {margin-left:10px !important;}
}

.panel {
  background: #fff none repeat scroll 0 0;
    color: #555;
    font-family: lato;
    font-size: 16px;
    line-height: 1.5em;
    padding: 1.25rem;
    text-align: center; }

.panel i.fa {color:#AC7C61;}

h3 + img {height:120px;}

.imagefullwidth {width:100%;}

.standoutstrip2 {padding:30px 0;line-height:2.7em;background-color:#bcb2a81c;}

[class*="block-grid-"] > li {
padding: 0 0.625rem 0rem;
}
					h2,h3,h4,h5,h6{
				font-family:'Dancing Script';
				font-weight: 400 ;
			}
			
				
					h1{
				font-family:'Lato';
				font-weight: 400 ;
			}
			
				
					body {
				font-family:'Open Sans';
				font-weight: '400';
			}