@charset "UTF-8";
/* 
 * 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 
 */

body {background: #fff;background-attachment:fixed;color: #333;line-height: 1em;}

/* Theme button styling ------------------------------------------------------- */
a.theme {background-color: #cda8eb; color: #000 !important;}
a.theme:hover {background-color: #222;color:#fff !important}
.nomargin {margin:0px !important;}

/* Heading Styling ------------------------------------------------------- */
	h1,h2,h3,h4,h5,h6 {line-height:1.3em; letter-spacing:-1px;}
	h1 {font-size:1.8rem; color:#5c298f; margin:0 0 20px;} 		/* 1.750  = 28px */  
	h2 {font-size:1.625rem; color:#475069; margin:0 0 20px;} 		/* 1.625  = 26px */
	h3 {font-size:1.375rem; color:#475069; margin:0 0 20px;} 		/* 1.375  = 22px */
	h4 {font-size:1.250rem; color:#475069; margin:0 0 15px;} 		/* 1.25   = 20px */
	h5 {font-size:1.1875rem; color:#475069; margin:0 0 15px;} 		/* 1.1875 = 19px */
	h6 {font-size:1.125rem; color:#475069; margin:0 0 15px;} 		/* 1.125  = 18px */

/* Page Header ------------------------------------------------------------------- */
	.page-header {background: #fff; /*margin-bottom: 20px;*/padding: 40px 20px 0px;}
		@media only screen and (min-width: 40.063em) {.page-header {padding: 40px 0 0px;}}
/* Navigation ----------------------------------------------------------*/
	.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;}}

	/* Top Level */
	.page-nav {background: #5c298f; margin-top: 40px;}
	nav {/*background: none repeat scroll 0 0 #027eA8;*/}

	/* Sub Levels */
	.side-nav ul {list-style: none outside none;margin: 0;}
	.side-nav ul ul {margin-left: 1em;}

	/* 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) {font-family:'Open Sans',Arial;font-size:16px;font-weight:400;}

	/* Menu Styles --------------------------------------------------------------- */
	@media only screen and (min-width: 40.063em) {
  		.top-bar {background: transparent;} /* background colour for rest of menu */
		.top-bar-section li:not(.has-form) a:not(.button) {background: transparent;} /* background menu colour */
		.top-bar-section ul li {background: transparent; } /* background menu colour */
		.top-bar-section li.active:not(.has-form) a:not(.button) {background: # } /* background active colour */	
		}

/* Blog Homepage -----------------------------------------------*/
	.containerbloghomepage {line-height: 1.6em;font-size: 17px;}
	h3.homepageblogtitle {margin-top:15px;margin-bottom:10px;color:#2F6890;font-weight:500;font-size:22px;}
	h3.homepageblogtitle a:link{margin-top:15px;color:#475069;font-weight:500}
	h3.homepageblogtitle a:visited{color:#475069;}
	h3.homepageblogtitle a:hover{color:#000;}
	div.container.blog_recent_posts {padding:0em !important;}
	.blog_recent_posts>h2 {font-size: 1.7rem;}
	.blog_post_date {font-size: 0.8em;display: inline-block;margin-bottom: 5px;}
	.blog_post_date_single {font-size: 0.9em;display: inline-block;margin-bottom: 15px;}
	.blog_post_category {font-size: 0.7em;display: block;margin-top: -8px;margin-bottom: 20px;}
	.blog_post_brief {font-size: 1em;}
	.blogrecentcolumn {padding: 20px;background:#fff;margin-bottom:20px;}
		@media only screen and (min-width: 40.063em) {.blogrecentcolumn {margin-bottom:0px;}}
	.blog_post_more_link {display:block;}
	.blogpostsingle {padding-top:60px;padding-bottom:60px;background:#fff;}
	.blog_post_div img.blog_post_img {width:100%;margin-bottom:20px;}

/* Blog Single Page --------------------------------------------------------*/
	.blog-sidebar a:link {font-size:15px;line-height:1.3em; color:#475069;}
	.blog-sidebar a:visited {font-size:15px;line-height:1.3em; color:#475069;}
	.blog-sidebar a:hover {font-size:15px;line-height:1.3em; color:#000;}
	.blog_post_grid .blog_post_item .blog_post_title a:link {color:#475069;font-weight:500;}
	.blog_post_grid .blog_post_item .blog_post_title a:visited {color:#475069;}
	.blog_post_grid .blog_post_item .blog_post_title a:hover {color:#000 !important;}

/* homepage banner styling -------------------------------------------------*/
	.homepagebanner { /*background: #333333;*/}

/* Banner Text Fadein ----------------------------------------------------- */
	.fadein {
	  opacity:0;  /* make things invisible upon ------*/
	  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	  -moz-animation:fadeIn ease-in 1;
	  animation:fadeIn ease-in 1;
	  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	  -moz-animation-fill-mode:forwards;
	  animation-fill-mode:forwards;
	  -webkit-animation-duration:1s;
	  -moz-animation-duration:1s;
	  animation-duration:1s;
	}

/* 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:#ffffff;line-height:1.6em;}
	.section.bloghomepage {background:#f2f2f2;}
	.section.colorwhite {background:#fff;}
	.section.colorwhite h2.sectiontitle {text-align: center;font-size: 24px;text-transform: uppercase;letter-spacing: -1px;font-weight: 600 !important;margin-bottom:40px;}
	.section.colorlightgrey {background:#F3F3F3;}
	.section.colorlightgrey h2.sectiontitle {text-align: center;font-size: 2.1em;letter-spacing: -1px;margin-bottom:40px;color:#000;}
	.section.colordark {background:#414141;}
	.section.colordark h2.sectiontitle {color:#fff;}
	.section.colordark h2 {color:#fff;}
	.section.colordark {color:#ddd !important;}
	.section.colordark p{color:#ddd !important;}
	.section.colordark a:link{color:#E8B222;}
	.section.colordark a:visited{color:#E8B222;}
	.section.colordark a:hover{color:#fff;}
	.sectiontitle h2 {text-align: center;font-size: 28px;letter-spacing: -1px;margin-bottom:40px; color:#000 !important;}

/* Standout Strip Quote Light ----------------------------------------------------- */
	.standoutstrip {background-color: #f7f7f7;color: #666;font-size: 1.3em;text-align: center;font-family: 'Merriweather';font-style: italic;padding-left: 20px;padding-right: 20px;}
	.standoutstrip a:link{color:#FDE2A2;}
	.standoutstrip a:visited{color:#FDE2A2;}
	.standoutstrip a:hover{color:#FDE2A2;}
	.specialtext {margin:0 auto;max-width:850px;line-height:1.7em;color:#666;font-size:1.1em; }
		@media only screen and (min-width: 40.063em) {.specialtext {font-size:1.1em;}}
	.smallquotetext {font-size:0.8em;line-height:1.4em;color:#717171;}
	.quoteicon {background: url('./siteimages/quote50.png') no-repeat left top;}

/* Standout Strip Quote Dark ----------------------------------------------------- */
	.standoutstripdark {background-color: #444;color: #eee;font-size: 1.3em;text-align: center;font-family: 'Merriweather';font-style: italic;padding-left: 20px;padding-right: 20px;}
	.standoutstripdark a:link{color:#FDE2A2;}
	.standoutstripdark a:visited{color:#FDE2A2;}
	.standoutstripdark a:hover{color:#FDE2A2;}
	.specialtextdark {margin:0 auto;max-width:850px;line-height:1.7em;color:#eee; }
	.smallquotetextdark {font-size:0.8em;line-height:1.4em;color:#999;}
	.quoteicondark {background: url('./siteimages/quote.png') no-repeat left top;}

/* Standout Strip Quote Plain ---------------------------------------------------- */
	.standoutstripplain {color: #EAEAEA;font-size: 1.3em;text-align: center;margin-bottom: -70px;font-family: 'Merriweather';font-style: italic;padding-left: 20px;padding-right: 20px;}

/* Standout Strip Quote for all -------------------------------------------------- */
	.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 #eaeaea;}

/* Logo & Title Styling ---------------------------------------------------------- */
	.logo {margin-bottom:10px;}
		@media only screen and (max-width: 40.063em) {.logo img{max-height:60px;width:auto;}}
	.centervertically {display:block;}
	.site-title {transition: all 0.5s ease;font-size: 2em;color: #5c298f;line-height:1.3em;letter-spacing:-1.5px;}
	.site-title small {display: block;font-size: 0.6511em;line-height: 1.3em;color:#a85f70;font-weight: 400;letter-spacing: -1px;margin-bottom:20px;margin-top:5px;}
	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;font-size:0.8em;}

/* Logo & Title Styling Media Queries -------------------------------------------- */

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

	/* Site title - Medium Only */ 
		@media screen and (min-width:40.063em) and (max-width:64em) {.site-title {font-size:2em;}}

	/* Site Title - Large and up */
		@media screen and (min-width:64.063em) {.site-title {font-size: 2.4em;}}

/* Page Slider ------------------------------------------------------------------ */
	.page-slider {/*margin-bottom: 20px;*/overflow: hidden;background:#000;}
	.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 only screen and (max-width: 40.063em) {.page-slider .slide-caption {display: none;}}

/* Page Banner ------------------------------------------------------------------ */
	.page-banner {
		background: url("") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;min-height:300px;padding: 20px;}
				@media only screen and (min-width: 40.063em) {.page-banner {height:480px}}

	.page-banner h2, .page-banner p {color: #fff;background: #292929a3;font-weight: 300 !important;}
	.page-banner h2 {display: inline-block;font-size: 1.5em;margin-bottom: 0.5em;line-height: 1.6em;text-align:center}
		@media only screen and (min-width: 40.063em) {.page-banner h2 {font-size: 1.5em;text-align:left;}}
	.page-banner p {font-size: 1.2em;line-height: 1.6em;}

	.banner-cta-button {text-align:center;width:100%;}
		@media only screen and (min-width: 40.063em) {.banner-cta-button {text-align:left;}}

/* Page Content ------------------------------------------------------------------ */
	.page-content {padding-top:40px;padding-bottom:40px;}
		@media only screen and (min-width: 40.063em) {.page-content {padding-top:60px;padding-bottom:60px;background:url('') no-repeat fixed left bottom;}}

	.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-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-sidebar{background: #fff; margin-bottom: 20px; border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;margin-top:30px;line-height:1.6em;}
			@media only screen and (min-width: 40.063em) {.container-sidebar{margin-top:0px}}
	.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: 10px;line-height: 1.6em;font-size: 18px;}
	.container-body.main p{font-size: 18px;}
	.container-body.main a:link {color:#b3307f;}
	.container-body.main a:visited {color:#b3307f;}
	.container-body.main a:hover {color:#000;}
		@media only screen and (min-width: 40.063em) {.container-body.main {padding: 0 25px 0 25px;}}

	.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;}
	.container-blog{padding:5px;}


/* 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:#666;font-size: 18px;line-height: 1.3em;transition: 0.1s ease-in 0s;display:inline;}
	.contactstriptop a:link{color:#666;}
	.contactstriptop a:visited{color:#666;}
	.contactstriptop a:hover{color:#333;}
		@media only screen and (min-width : 40.063em) {.contactstriptop {display:block;font-size: 20px;}}
	.contactstripbottom {padding:5px 10px;color:#666;font-size: 20px;line-height: 1.3em;transition: 0.1s ease-in 0s;display:block;}
	.contactstripbottom a:link{color:#666;}
	.contactstripbottom a:visited{color:#666;}
	.contactstripbottom a:hover{color:#333;}
		@media only screen and (min-width : 40.063em) {.contactstripbottom {display:inline; }}
	.marginbottomslim {margin-bottom:12px;}
	.smallertext {font-size:16px;}
	.marginbottom {margin-bottom:20px;}

/* Individual Styles --------------------------------------------------------- */
	.mb-0 {margin-bottom: 0!important; }
	.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 & Contact Icon Styles ---------------------------------------------- */
	.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;}

	.fa-phone:before, .fa-envelope-o:before, .fa-mobile:before {color:#006699 !important;}

/* Profile Styles ------------------------------------------------------------ */
	.teamname {font-size:1.4em;line-height:0em;margin-bottom:15px;text-align:center;}
	.teamtitle {font-size:1.2em;color:#999;margin-bottom:30px;text-align:center;}
	.teampic {font-size:0.8em;line-height:1.6em; text-align:center;}
		@media only screen and (min-width: 40.063em) {.teamname {text-align:left;}.teamtitle {text-align:left;}.teampic {text-align:left;}}

/* Footer Text ------------------------------------------------------------ */
	#footertext {color: #d4a8ff; line-height:1.8em}
	#footertext a:link{color: #d4a8ff;}
	#footertext a:hover{color: #fff;}
	#footertext a:visited{color: #d4a8ff;}

/* Page Credits ------------------------------------------------------------ */
	.page-credits {background: #5C298F;padding: 30px 10px;border-top: 1px #fff solid;}
	.credits {line-height: 1.4em;font-size: 0.9em;color: #fff;}

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

/* Remove sharethis white line at the bottom  ------------------------------ */
iframe#st_gdpr_iframe {
    display: none;
}
					h1,h2,h3,h4,h5,h6{
				font-family:'Merriweather Sans';
				font-weight: 500 ;
			}
			
				
					websitetitle {
				font-family:'Merriweather Sans';
				font-weight: 500 ;
			}
			
				
					body, websitetitle small {
				font-family:'Open Sans';
				font-weight: '400';
			}