/* ===  breakpoint notes === */
	/* template requires google font and fontawesome (::before)
	   main breakpoints 768 & 980 
	   500 & 600 for odd content 
	   top nav & utility are 980, but can change when it displays by changing the media query, keep media query to only be top nav items 
	   particular class names to change - stripes, buttons, cards, banners, accordion */
/* block class */
.StripeWhite,.StripeGrey,.StripeDarkBlue,.StripeDarkGrey,.Float25,.Float33,.Float50,.Float66,.Float75,.stats,.ctaButton,
.CardBackground ,.CardTransparent,.Accordion,.LargeBanner,.HeroBanner,
/* text editor*/
.FloatLeft,.FloatRight,.button,.imageTitle,.lightButton,.darkButton,.mediumButton, .DarkBlueBlock, .MediumBlueBlock {}

/* === font families === */
	.titanBody,.mainBody,#mainBody,.Freeform,.FormEditor,.FAQ, 
	.titanBody input,.titanBody select,.titanBody textarea, 
	.mainBody input,.mainBody select,.mainBody textarea,  
	.FAQ input,.FAQ select,.FAQ textarea,
	.FormEditor input,.FormEditor select,.FormEditor textarea,
	.Freeform input,.Freeform select,.Freeform textarea{font-family: 'Roboto', Arial, Helvetica, sans-serif;} /* google font */
	
	/* === font sizes - line-height === */
	/* if any of these change check: filtering, calendar widget and datalist/detail - pull out from responsiveblocks.css and add here */
	/* set to 10px */
	.titanDisplay{font-size:62.5%;}
	
	/* general size */
	h6, .titanBody,.titanBody textarea,.titanBody select,.titanBody input, .mobileNavOpen #navigation a
	{font-size:1.6rem;line-height:2.2rem;}
	
	#navButton span,
	.FAQ .Accordion .min,.FAQ .Accordion .max{font-size:1.2rem;line-height:1rem;}
	
	.utilityNavContainer a,
	.searchBarContainer  input[type=text],
	#topNavContainer a,
	#contentFooter,
	.CardBackground .date,
	.ToTop{font-size:1.3rem;}
		
	h5,#navigation .searchBarContainer  input[type=text]{font-size:1.7rem;}
	
	#pageTools a,#pageTools span{font-size:2rem;}
	
	.mobileNavOpen #navigation a,#navButton i{line-height:2rem;}
	
	#navButton i{font-size:2.8rem;}
	
	.social i{font-size:3rem;line-height:4rem;}
	
	#scrollTop i{font-size:4rem;line-height:5rem;}

	h1, h2, h3, h4 {font-weight:700;font-family: 'Alegreya Sans', 'Roboto', Arial, Helvetica, sans-serif;}
	h1{font-size:2.8rem;line-height:3.2rem;}
	h2{font-size:2.6rem;line-height:3rem;}
	h3{font-size:2.2rem;line-height:2.6rem;}
	h4{font-size:1.8rem;line-height:2.2rem;}

	@media screen and (min-width:768px){
		h1{font-size:3.5rem;line-height:4rem;}
		h2{font-size:3.2rem;line-height:3.6rem;}
		h3{font-size:2.4rem;line-height:2.8rem;}
		h4{line-height:2.4rem;}
		.utilityNavContainer a,#bottomNavContainer ul{font-size:1.3rem;}
		#bottomContainer h4{margin-top:0;font-size:3rem;line-height:3rem;}
	}
	
	/* don't let safari change the font size */
	body{ -webkit-text-size-adjust: none;}
	
/* === colors === */
/* if any of these change check: filtering, hit count, error messages, commenting links in item results, sorting, calendar widget and datalist/detail - pull out from responsiveblocks.css and add here */
/* the h3 of the filtering header also becomes a button at small breakpoints, it has a hover. larger breakpoints should not have the hover - that css is in responsiveblocks.css as a breakpoint 980 and above */
	
	/* MEDIUM GREY - main text color */
		.titanBody,.titanBody input[type="text"],.titanBody textarea,.titanBody select,
		/* stripes class names */
		.DarkGreyBlock .CardBackground .teaser,.DarkBlueBlock .CardBackground .teaser,.DarkBlueBlock .CardBackground .date{color:rgba(102,102,102,1);}
	
	/* BLACK */
		h1,h2,h3,h4,
		.titanBody a:hover,.titanBody a:focus,.titanBody a:active,
		#topNavContainer a,#leftNav a.current,
		#toolContainer span,
		/* buttons */
		.CenterZone input[type="submit"],.CenterZone input[type="button"],
		.Commenting input[type="button"],
		/* banners class names */
		.LargeBanner *,
		/* stripes class names */
		.DarkGreyBlock .CardBackground .item h4 a:hover,.DarkGreyBlock .CardBackground .item h4 a:focus,.DarkGreyBlock .CardBackground .item h4 a:active,
		.DarkBlueBlock .CardBackground .item h4 a:hover,.DarkBlueBlock .CardBackground .item h4 a:focus,.DarkBlueBlock .CardBackground .item h4 a:active,
		/* cards class names */
		.CardTransparent .item .linkText a,.CardBackground .item .linkText a{color:rgba(0,0,0,1);}
	
	/* DARK GREY */
		.titanBody .utilityNavContainer a,
		.social i:hover,.social i:focus,.social i:active,
		/* faq accordion class name */
		.Accordion dt:hover,.Accordion dt:focus,.Accordion dt:hover .arrow,.Accordion dt:focus .arrow,.Accordion .minmax:hover,.Accordion .minmax:focus,
		/* cards class names when also in a dark color stripe */
		.DarkGreyBlock .CardBackground .item h4,.DarkGreyBlock .CardBackground .item h4,.DarkGreyBlock .CardBackground .item h4,
		.DarkBlueBlock .CardBackground .item h4,.DarkBlueBlock .CardBackground .item h4,.DarkBlueBlock .CardBackground .item h4{color:rgba(51,51,51,1);}
	
	/* WHITE */
		#titleBarContainer h1,
		.searchBarContainer input[type=text],
		.mobileNavOpen #navButton:hover *,
		.mobileNavOpen #navigation a,
		/* .mobileNavOpen #navigation a.current, */
		#scrollTop i,
		#address *,#bottomNavContainer *,#contentFooter,
		.FAQ .Accordion .accordionHeading:hover,.FAQ .Accordion .accordionHeading.open,.FAQ .tabbedContent .tabs li:hover,.FAQ .tabbedContent .tabs li.selected,
		/* buttons */
		.CenterZone input[type="submit"]:hover,.CenterZone input[type="submit"]:focus,.CenterZone input[type="submit"]:active,
		.CenterZone input[type="button"]:hover,.CenterZone input[type="button"]:focus,.CenterZone input[type="button"]:active,
		.Commenting input[type="button"]:hover,.Commenting input[type="button"]:focus,.Commenting input[type="button"]:active,
		/* stripes class names */
		.MediumBlueBlock *,.MediumBlueBlock h4 a,.MediumBlueBlock p a,
		.DarkBlueBlock *,.DarkBlueBlock h4 a,.DarkBlueBlock p a,.DarkGreyBlock *,.DarkGreyBlock h4 a,.DarkGreyBlock p a,
		/* banner class names */
		.titanBody .HeroBanner *,.titanBody .HeroBanner a:hover,.titanBody .HeroBanner a:focus,.titanBody .HeroBanner a:active,
		/* cards class names */
		.CardTransparent .item .linkText a:hover,.CardTransparent .item .linkText a:focus,.CardTransparent .item .linkText a:active,
		.CardBackground .item .linkText a:hover,.CardBackground .item .linkText a:focus,.CardBackground .item .linkText a:active{color:rgba(255,255,255,1);}
		
		/* search place holder */
		.titanBody .searchBarContainer ::-webkit-input-placeholder {color:rgba(51,51,51,1);}
		.titanBody .searchBarContainer ::-moz-placeholder {color:rgba(51,51,51,1);opacity:1;} /* firefox 19+ */
		.titanBody .searchBarContainer :-ms-input-placeholder{color:rgba(51,51,51,1);} /* ie */
		.titanBody .searchBarContainer :-moz-placeholder{color:rgba(51,51,51,1);}
		.titanBody .searchBarContainer input[placeholder]{color:rgba(51,51,51,1);opacity:1;margin:0;} 
		
		.mobileNavOpen #navButton *{color:rgba(255,255,255,.8);}
		
		@media screen and (min-width:600px){
			/* banner class names */
			.LargeBanner *{color:rgba(255,255,255,1);}
		}
	
	/* Blue - accent color */
		.social i,
		.titanBody a {color:rgb(30, 87, 114);}
		
	/* Dark Blue - accent color */
		/* go to responsive blocks and get accent color section and put here also */
		.utilityNavContainer a:hover,.utilityNavContainer a:focus,.utilityNavContainer a:active,
		#navButton:hover *,
		#toolContainer span:hover,#toolContainer span:focus,#toolContainer span:active,
		/* faq accordion class name */
		.Accordion .minmax,.Accordion dt,.Accordion dt .arrow,
		.FAQ .Accordion .min:hover,.FAQ .Accordion .max:hover,
		/* cards class names when also in a dark color stripe */
		.DarkGreyBlock .CardBackground .item h4 a,.DarkGreyBlock .CardBackground .item h4 a,.DarkGreyBlock .CardBackground .item h4 a,
		.DarkBlueBlock .CardBackground .item h4 a,.DarkBlueBlock .CardBackground .item h4 a,.DarkBlueBlock .CardBackground .item h4 a{color:rgb(15, 46, 64);}
		.linkComments a{color:rgba(15, 46, 64,.7);}
		
		@media screen and (min-width:768px){ /* top nav */
			.titanBody.Android #navigation .menu > li.open, .titanBody:not(.Android) #navigation .menu > li > a {color:rgba(255,255,255,1)}		
			#topNavContainer .menu > li ul li a:hover,#topNavContainer .menu > li ul li a:focus,#topNavContainer .menu > li ul li a:active {color:rgb(252, 176, 52);} /* top nav hover color */
		}
	
/* === font weights === */
/* if any of these change check: filtering - pull out from responsiveblocks.css and add here */
	.titanBody,
	h1,h2,
	/* faq accordion class name */
	.Accordion .arrow::before{font-weight:400;}
	
	h3,.SearchResults .titleArea h3{font-weight:300;}
	
	h4,h5,h6,
	#searchTerms,#searchTermsMobile,
	/* buttons */
	.CenterZone input[type="submit"],.CenterZone input[type="button"],
	.Commenting input[type="button"],
	.button a,
	/* cards class names */
	.CardTransparent .item .linkText a,.CardBackground .item .linkText a{font-weight:700;}

	#topNavContainer > ul > li > a,
	.mobileNavOpen #navigation .utilityNavContainer > ul > li > a{font-weight:900;}

/* === text decoration - text-transform - word wraps - text-align  === */
	.titanBody{word-wrap:break-word;}
	
	.titanBody a,
	/* banners */
	.titanBody .Freeform.HeroBanner a:hover,.titanBody .Freeform.HeroBanner a:focus,.titanBody .Freeform.HeroBanner a:active{text-decoration:none;}

	.titanBody .Freeform a:hover,.titanBody .Freeform a:focus,.titanBody .Freeform a:active,
	.titanBody .FAQ  dd a:hover,.titanBody .FAQ dd a:focus,.titanBody .FAQ dd a:active,
	.titanBody .FormEditor dd a:hover,.titanBody .FormEditor dd a:focus,.titanBody .FormEditor dd a:active,
	#bottomNavContainer a:hover,#bottomNavContainer a:focus,#bottomNavContainer a:active{text-decoration:underline}

	#scrollTop,
	#navButton,
	#toolContainer .shareIcons span,
	/* banners */
	.LargeBanner p,.LargeBanner h1,.LargeBanner h2,.HeroBanner > p{text-align:center;}
	
	ul.paginationFooter{text-align:right;}
	
	/* cards */
	.CardTransparent .item,.CardBackground .item{text-align:left;}
	.CardTransparent .item .linkText,.CardBackground .item .linkText{text-align:center;}
	
	#topNavContainer > ul > li > a,.mobileNavOpen #navigation .utilityNavContainer > ul > li > a{text-transform:uppercase;}
	
	#bottomContainer h4{text-transform:capitalize;}

/* === animations & transitions === */	
	.titanBody a,
	#topNavContainer .menu > li,#topNavContainer .menu  li span.arrow,
	#navButton *,
	#scrollTop i,
	.social i,
	.CenterZone input,.CenterZone select,.CenterZone textarea,
	.FAQ .Accordion .accordionHeading,.FAQ .tabbedContent .tabs li,
	/* buttons */
	.CenterZone input[type="submit"],.CenterZone input[type="button"],
	.Commenting input[type="button"]{transition: all 0.3s ease-in-out 0s;}
 	#pageTopArea,#utilityWrapper,#logoControlContainer,#logoControlContainer a,#topNavContainer .menu > li > a,#topNavContainer .menu > li  > ul{transition: all 0.1s ease;}
	#pageTopArea{transition: all 0.05s ease;}  

	
/* === backgrounds - box-shadows - borders - border-radius - fontawesome icons === */
	/* page background - dark grey */
	.titanDisplay{background:rgba(255,255,255,1);}
	
	/* page top */

	#utilityWrapper, #pageTopArea {
		background: rgb(229, 229, 229) none repeat scroll 0 0;
		border-bottom: 1px solid rgba(200, 200, 200, 0.3);
		box-shadow: 1px 0 2px rgb(204, 204, 204);
	}
	#pageTopArea {height: auto;background:rgb(255,255,255);position:relative;}
	.searchBarContainer {
		background: rgb(255, 255, 255) none repeat scroll 0 0;
		border: none;
		border-radius: 3px;
		padding: 6px;
	}
	.searchBarContainer input{background:transparent;border:0;}
	.searchBarContainer .searchBox::before{font-family:'FontAwesome';content:"\f002";} 
	.searchBarContainer .search{background:rgb(229, 229, 229);}
	.searchBarContainer .searchBox::before {color:rgb(15, 46, 64);}
	@media screen and (min-width:768px){ 	
		.searchBarContainer .search{background:rgb(15, 46, 64);}
		.searchBarContainer .searchBox::before {color:rgba(255,255,255,1);}
		.searchBarContainer {border: 1px solid rgba(200, 200, 200, 0.7);}
	}
	
	/* top & mobile nav */
	.mobileNavOpen .navWrapper{background:rgb(15, 46, 64);}
	.mobileNavOpen #navigation .menu > li,.mobileNavOpen #navigation .utilityNavContainer > li{border-bottom:1px solid rgba(255,255,255,.5);}
	.mobileNavOpen #navigation .menu a.current, .mobileNavOpen #navigation .menu a:hover,.mobileNavOpen #navigation .menu a:focus,.mobileNavOpen #navigation .menu a:active{background:rgba(0,0,0,.8)}
	.titanBody.mobileNavOpen #navigation .utilityNavContainer .menu > li a {
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.titanBody.mobileNavOpen #navigation .utilityNavContainer .menu > li a.logoImg {
		background: rgb(255, 255, 255) none repeat scroll 0 0;
		color: rgb(17, 17, 17);
	}
	.utilityNavContainer span {display:inline-block;margin:3px 1rem 0;float:left;}
	.utilityNavContainer span + ul {float:left;}
	.mobileNavOpen .utilityNavContainer span + ul {float:none;}
	.mobileNavOpen .utilityNavContainer span {color:#fff;display:block;margin:1rem;float:none;}
	.mobileNavOpen #navigation #topNavContainer .utilityNavContainer .menu > li.navLast a:hover,
	.mobileNavOpen #navigation #topNavContainer .utilityNavContainer .menu > li.navLast a:focus,
	.mobileNavOpen #navigation #topNavContainer .utilityNavContainer .menu > li.navLast a:active	{
		background: none;
	}
	#topNavContainer > ul > li > a, .mobileNavOpen #navigation .utilityNavContainer > ul > li > a {
		font-size: 1.5rem;
		text-transform: uppercase;
		line-height:1.3;
	}
	#topNavContainer .menu > li > a::after {
		color: rgba(255, 255, 255, 0.7);
		content: "tagline here";
		display: block;
		font-size: 1.3rem;
		font-style: italic;
		line-height:1.1;
		text-transform: none;
	}
	#topNavContainer .menu > li.recognition > a::after {
		content: "quality and excellence";
	}
	#topNavContainer .menu > li.membership > a::after {
		content: "improve your business";
	}
	#topNavContainer .menu > li.resources > a::after {
		content: "access tools";
	}
	#topNavContainer .menu > li.programs > a::after {
		content: "learn and connect";
	}
	#topNavContainer .menu > li.about > a::after {
		content: "our story";
	}
	#topNavContainer .menu > li.contact > a::after {
		content: "network with us";
	}
	
	@media screen and (min-width:768px){ 	
		
		/* utility nav */		
		.titanBody:not(.mobileNavOpen) .utilityNavContainer li {padding-top:3px;}
		.titanBody:not(.mobileNavOpen) .utilityNavContainer a {
			background: rgb(255, 255, 255) none repeat scroll 0 0;
			border-radius: 3px;
			box-shadow: 0 2px 2px rgba(51, 51, 51, 0.2);
			color: rgb(51, 51, 51);
			font-weight: 700;
			padding: 15px 15px 13px;
		}
		.titanBody:not(.mobileNavOpen) .utilityNavContainer a:hover, .titanBody .utilityNavContainer a:focus, .titanBody .utilityNavContainer a:active  {
			color:rgb(100,100,100);
		}
		.titanBody:not(.mobileNavOpen) .utilityNavContainer a.logoIcon {padding-left:45px;}
		.logoIcon::before {
			background: rgba(0, 0, 0, 0) url("/WCWI/Assets/Favicon.png") repeat scroll 0 0 / 100% auto;
			content: "";
			height: 25px;
			margin-left:-33px;
			position: absolute;
			width: 25px;
		}
		

		/* top nav */
	
		/* first level */		
		#navigation {
			float: none;
			margin: 7px auto 20px;
		}
		#topNavContainer {
			display: table;
			table-layout: fixed;
			width: 100%;
		}
		#topNavContainer .menu {	
			display: table-row;
			margin: 0;
			padding: 0;	
		}
		#topNavContainer .menu > li {
			display: table-cell;
			padding: 5px 3px;
			background:transparent;
		}
		#topNavContainer .menu > li.navFirst {padding-left:0;}
		#topNavContainer .menu > li.navLast {padding-right:0;}

		#topNavContainer .menu > li:hover,#topNavContainer .menu > li:focus,#topNavContainer .menu > li:active{background:none;}
		#topNavContainer .menu > li > a:hover, #topNavContainer .menu > li > a:focus, #topNavContainer .menu > li > a:active {
			background: rgba(30, 87, 114, .7) none repeat scroll 0 0;	
		}
		#topNavContainer .menu > li a span.arrow{border:5px solid transparent;border-top:5px solid rgba(255,255,255,1); display:none; }
		#topNavContainer .menu > li > a {
			display:block;
			background: rgb(30, 87, 114) none repeat scroll 0 0;
			border-radius: 3px;
		}
		
		/* second level */
		#topNavContainer .menu > li > ul {
			background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
			box-shadow: 0 2px 1px rgba(51, 51, 51, 0.4);
		}
	}
	
	
	/* content */
	#contentArea{background:rgba(255,255,255,1);}
		#titleBarContainer {background:rgba(90,90,90,1);}
		#toolContainer .shareMenu span.arrow{border:10px solid transparent;border-bottom:10px solid rgba(220,220,220,1);}
		#toolContainer .shareIcons{background:rgba(220,220,220,1);}
		
		 /* left nav */	
		@media screen and (min-width:768px){
			#leftNav{border:1px solid rgba(180, 180, 180, 1);}
			#leftNav .arrow{display:none;}
			#leftNav ul a::before{font-family:'FontAwesome';content:"\f101";}
		}
		@media screen and (min-width:1115px){
			#leftNav{border:1px solid rgba(180, 180, 180, 1);}
		}
	
	/* footer */
	#bottomContainer{background:rgb(30, 87, 114);}
	
	/* social */
	.social ul a{border-radius:3px;background:rgb(184, 216, 232);}
	
	/* scroll to top */
	#scrollTop{border:2px solid rgba(255,255,255,1);background:rgba(85,85,85,1);border-radius:50%;}
	#scrollTop:hover{background:rgba(30,48,99, 1);}
	
/* === blocks === */
	/* imgs and things to not put borders on that might somehow get them - responsiveblocks.css includes this for images in blocks */
	#logo a img,.searchBox .searchGo,.searchBox .searchTerms,.searchBarContainer input#searchGo{border:0;outline:0}
	
	/* inputs - see responsiveblocks.css */
	.titanBody input[type="text"],.titanBody textarea,.titanBody select{border-radius:3px;}
	
	/* buttons */

	p.linkText a, div.tabbedContent ul.buttons li,
	.CenterZone input[type="submit"],.CenterZone input[type="button"],
	.Commenting input[type="button"],
	.titanBody .logout a,
	.darkButton a, .lightButton a, .mediumButton a, .button a,
	.titanBody:not(.filterOpen) .DataFilter2 h3:not(.secondFilterSearch), .titanBody:not(.filterOpen) .AggregationFilter2 h3:not(.secondFilterSearch), .titanBody:not(.filterOpen) .SegmentedSearchFilter2 h3:not(.secondFilterSearch),
	.DataFilter2 h3.secondFilterSearch,.AggregationFilter2 h3.secondFilterSearch,.SegmentedSearchFilter2 h3.secondFilterSearch,
	/* cards class names */
	.CardTransparent .item .linkText a,.CardBackground .item .linkText a{background:rgb(102, 102, 102);border:none;display:inline-block;font-weight:700;color:rgb(255,255,255);transition: all 0.3s ease-in-out 0s;border-radius:3px;padding:1rem 1.5rem;text-transform:uppercase;font-size:1.2rem;line-height:1;font-family: 'Roboto Condensed', Roboto, Lato, sans-serif;}
		
	p + p .darkButton a, p + p .lightButton a, p + p .lightButton a {margin-top:1rem;}
	p.linkText a {margin-top:2rem;}
	.darkButton a, .lightButton a, .mediumButton a, .button a, .logout a {margin-top:.5rem;}
	
	.darkButton a, .CenterZone input[type="submit"],.CenterZone input[type="button"] {background:rgb(15, 46, 64);}
	.lightButton a, .titanBody:not(.filterOpen) .DataFilter2 h3:not(.secondFilterSearch), .titanBody:not(.filterOpen) .AggregationFilter2 h3:not(.secondFilterSearch), .titanBody:not(.filterOpen) .SegmentedSearchFilter2 h3:not(.secondFilterSearch) {color:rgb(30, 87, 114)!important;background:rgb(184, 216, 232);}
	.mediumButton a {background:rgb(30, 87, 114);color:rgb(255,255,255);}
	.ctaButton a {background:rgb(147, 22, 33);}
	p.linkText a{background:rgb(153, 153, 153);}
	.CardBackground p.linkText a{background:rgb(178, 211, 90);}
	
	/* hover buttons */
	p.linkText a:hover, p.linkText a:focus, p.linkText a:active,
	div.tabbedContent ul.buttons li:hover, div.tabbedContent ul.buttons li:focus, div.tabbedContent ul.buttons li:active, 
	.CenterZone input[type="submit"]:hover,.CenterZone input[type="submit"]:focus,.CenterZone input[type="submit"]:active,
	.CenterZone input[type="button"]:hover,.CenterZone input[type="button"]:focus,.CenterZone input[type="button"]:active,
	.Commenting input[type="button"]:hover,.Commenting input[type="button"]:focus,.Commenting input[type="button"]:active ,
	/* hover cards class names */
	.CardTransparent .item .linkText a:hover,.CardTransparent .item .linkText a:focus,.CardTransparent .item .linkText a:active,
	.CardBackground .item .linkText a:hover,.CardBackground .item .linkText a:focus,.CardBackground .item .linkText a:active,
	.titanBody .logout a:hover, .titanBody .logout a:focus, .titanBody .logout a:active,
	.titanBody .button a:hover, .titanBody .button a:focus, .titanBody .button a:active,
	.titanBody .darkButton a:hover, .titanBody .darkButton a:focus, .titanBody .darkButton a:active, 
	.titanBody .lightButton a:hover, .titanBody .lightButton a:focus, .titanBody .lightButton a:active, 
	.titanBody .mediumButton a:hover,.titanBody .mediumButton a:focus,.titanBody .mediumButton a:active,
	.titanBody:not(.filterOpen) .DataFilter2 h3:not(.secondFilterSearch):hover, .titanBody:not(.filterOpen) .DataFilter2 h3:not(.secondFilterSearch):focus, .titanBody:not(.filterOpen) .DataFilter2 h3:not(.secondFilterSearch):active,
	.titanBody:not(.filterOpen) .AggregationFilter2 h3:not(.secondFilterSearch):hover, .titanBody:not(.filterOpen) .AggregationFilter2 h3:not(.secondFilterSearch):focus, .titanBody:not(.filterOpen) .AggregationFilter2 h3:not(.secondFilterSearch):active, 
	.titanBody:not(.filterOpen) .SegmentedSearchFilter2 h3:not(.secondFilterSearch):hover, .titanBody:not(.filterOpen) .SegmentedSearchFilter2 h3:not(.secondFilterSearch):focus, .titanBody:not(.filterOpen) .SegmentedSearchFilter2 h3:not(.secondFilterSearch):active,
	.DataFilter2 h3.secondFilterSearch:hover, .DataFilter2 h3.secondFilterSearch:focus, .DataFilter2 h3.secondFilterSearch:active,
	.AggregationFilter2 h3.secondFilterSearch:hover, .AggregationFilter2 h3.secondFilterSearch:focus, .AggregationFilter2 h3.secondFilterSearch:active,
	.SegmentedSearchFilter2 h3.secondFilterSearch:hover, .SegmentedSearchFilter2 h3.secondFilterSearch:focus, .SegmentedSearchFilter2 h3.secondFilterSearch:active
	{opacity:.7;color:rgb(255,255,255);text-decoration:none;border:none;}	
		
		@media screen and (min-width:768px){
			.titanBody:not(.filterOpen) .DataFilter2 h3:not(.secondFilterSearch), .titanBody:not(.filterOpen) .AggregationFilter2 h3:not(.secondFilterSearch), .titanBody:not(.filterOpen) .SegmentedSearchFilter2 h3:not(.secondFilterSearch) 
			.titanBody:not(.filterOpen) .DataFilter2 h3:not(.secondFilterSearch):hover, .titanBody:not(.filterOpen) .AggregationFilter2 h3:not(.secondFilterSearch):hover, .titanBody:not(.filterOpen) .SegmentedSearchFilter2 h3:not(.secondFilterSearch):hover {
				background: none;
				border-radius: none;
				color: rgb(51,51,51);
				padding: 0;
				font-size: 2.4rem;
				line-height: 2.8rem;
				font-family: "Alegreya Sans",'Roboto', Arial, Helvetica, sans-serif;
				font-weight: 400;
				margin: 5px 0 10px 4px;
				opacity:1;
			}
			.DataFilter2 h3.secondFilterSearch,.AggregationFilter2 h3.secondFilterSearch,.SegmentedSearchFilter2 h3.secondFilterSearch,
			.DataFilter h3.secondFilterSearch,.AggregationFilter h3.secondFilterSearch,.SegmentedSearchFilter h3.secondFilterSearch {display:none;}
		}
	
	/* error messages - see responsiveblocks.css */
	
	/* stripes */
	.WhiteBlock{background:rgba(255,255,255,1);}	
	.GreyBlock{background:rgb(229, 229, 229)}	
	.DarkGreyBlock{background:rgba(152,152,152, 1);}	
	.DarkBlueBlock{background:rgb(15, 46, 64);}	
	
	/* not a stripe, but a box background */
	.MediumBlueBlock{background:rgb(30, 87, 114);}	
	
	/* tables */
	.scrollText::before{font-family:'FontAwesome';content:"\f07e";}
	
	/* === FAQ === */
	/* answer area */	
	div.FAQ dl dt {
		background: rgb(229, 229, 229);
		border-radius: 3px;
		font-weight: 700;
		margin-bottom: 5px;
		padding: 5px 1rem;
		position: relative;
		clear: both;
		float: none;
		overflow: hidden;
	}
	.FAQ dl dd ul {
		padding-left:1.5rem;
	}
	.FAQ dl dd {
		margin: 0;
		overflow: hidden;
		padding: 1rem 4.5rem;
	}
	/* accordion faq */
	.FAQ .arrow {width:3.5rem;display:inline-block;float:left;margin:0 1rem 0 0;position:relative;width:3rem;height:3rem;}
	.FAQ .arrow::before{font-family:'FontAwesome';content:"\f055";font-size: 3rem;position:absolute;line-height:1;}
	.FAQ dt.open .arrow::before{content:"\f056";}
	.FAQ dl dt span.question {
		clear: none;
		float: left;
		position: relative;
		width: calc(100% - 4rem);
		line-height:1.3;
		padding-top:4px;
	}
	.FAQ dl dt {
		padding: 1rem;
		overflow: hidden;
	}
	.FAQ {height:auto!important;}
	
	
	/* data list, filter, toc, what's new results */
		/* filter cards */
		.CardBackground.StripeWhite .item {border:1px solid rgb(229, 229, 229);}
		.CardBackground.StripeGrey .item, .CardBackground.StripeDarkBlue .item,.CardBackground.StripeDarkGrey .item{background:rgb(255,255,255);border-radius: 3px;}
	
	
	/* calendar widget - datalist and event upload - DataFilter2 =  fieldset.calendar table.calendar, EventUpload = div.DatePicker table.calendar */
		/* dates area */
		.DataFilter2 td,.DatePicker td,
		.DatePicker table{background:rgba(230,230,230,1);}
		.DataFilter2 td,.DatePicker td{border:1px solid rgba(255,255,255,1);}
		.DataFilter2 td.otherMonth,.DatePicker td.otherMonth{background:rgba(200,200,200,1);}
		.DataFilter2 td.selectedDate,.DataFilter2 td.selectedDate.hasEvent,.DatePicker td.selectedDate,.DatePicker td.selectedDate.hasEvent{background:rgba(90,90,90,0.3);border:1px solid rgba(255,255,255,1);}
		.DataFilter2 td.hasEvent,.DatePicker td.hasEvent{background:rgba(90,90,90,1);}
	
	/* filters */
	.filterOpen .DataFilter2,.filterOpen .AggregationFilter2,.filterOpen .SegmentedSearchFilter2{background:rgba(230,230,230,1);}
	.DataFilter2 .head span::before,.AggregationFilter2 .head span::before,.SegmentedSearchFilter2 .head span::before{font-family:'FontAwesome';content:"\f107";}
	.DataFilter2 fieldset.min .head span::before,.AggregationFilter2 fieldset.min .head span::before,.SegmentedSearchFilter2 fieldset.min .head span::before{content:"\f106";}
	.DataFilter2 h3:hover,.DataFilter2 h3:focus,.DataFilter2 h3:active,.AggregationFilter2 h3:hover,.AggregationFilter2 h3:focus,.AggregationFilter2 h3:active,.SegmentedSearchFilter2 h3:hover,.SegmentedSearchFilter2 h3:focus,.SegmentedSearchFilter2 h3:active{background:rgb(15, 46, 64);}
	.DataFilter2 h3 span.arrow,.AggregationFilter2 h3 span.arrow,.SegmentedSearchFilter2 h3 span.arrow{border:5px solid transparent;border-left:5px solid rgb(15, 46, 64);}
	.DataFilter2 h3:hover span.arrow,.DataFilter2 h3:focus span.arrow,.DataFilter2 h3:active span.arrow,.AggregationFilter2 h3:hover span.arrow,.AggregationFilter2 h3:focus span.arrow,.AggregationFilter2 h3:active span.arrow,.SegmentedSearchFilter2 h3:hover span.arrow,.SegmentedSearchFilter2 h3:focus span.arrow,.SegmentedSearchFilter2 h3:active span.arrow{border-left:5px solid rgba(255,255,255,1);}
	.filterOpen .DataFilter2 h3 span.arrow,.filterOpen .AggregationFilter2 h3 span.arrow,.filterOpen .SegmentedSearchFilter2 h3 span.arrow{border:5px solid transparent;border-right:5px solid rgb(15, 46, 64);}
	.filterOpen .DataFilter2 h3:hover span.arrow,.filterOpen .DataFilter2 h3:focus span.arrow,.filterOpen .DataFilter2 h3:active span.arrow,.filterOpen .AggregationFilter2 h3:hover span.arrow,.filterOpen .AggregationFilter2 h3:focus span.arrow,.filterOpen .AggregationFilter2 h3:active span.arrow,.filterOpen .SegmentedSearchFilter2 h3:hover span.arrow,.filterOpen .SegmentedSearchFilter2 h3:focus span.arrow,.filterOpen .SegmentedSearchFilter2 h3:active span.arrow{border-right:5px solid rgba(255,255,255,1);}
	.AggregationFilter h3.secondFilterSearch {display:none;}
	.AggregationFilter {background:rgb(229, 229, 229);border-radius:3px;padding:10px;}
	@media screen and (min-width:768px){
		.DataFilter2,.AggregationFilter2,.SegmentedSearchFilter2{background:rgba(255,255,255,1);border:1px solid rgba(180, 180, 180, 1);border-radius:3px;}
		.DataFilter2 h3:hover,.DataFilter2 h3:focus,.DataFilter2 h3:active,.AggregationFilter2 h3:hover,.AggregationFilter2 h3:focus,.AggregationFilter2 h3:active,.SegmentedSearchFilter2 h3:hover,.SegmentedSearchFilter2 h3:focus,.SegmentedSearchFilter2 h3:active{background:rgba(255,255,255,1);}
		.DataFilter2 h3.secondFilterSearch,.AggregationFilter2 h3.secondFilterSearch,.SegmentedSearchFilter2 h3.secondFilterSearch {display:none;}
	}
	
	/* filter open on mobile */
	.filterOpen .DataFilter2 > h3,.filterOpen .AggregationFilter2 > h3,.filterOpen .SegmentedSearchFilter2 > h3 {
		background: transparent;
		border: none;
		color:rgb(76,76,76);
		text-align: left; 
		padding:6px;
		cursor:default;
		margin: 0.5rem 0;
	}
	.filterOpen .DataFilter2 > h3 span.arrow,.filterOpen .AggregationFilter2 > h3 span.arrow,.filterOpen .SegmentedSearchFilter2 > h3 span.arrow {
		display:none;
	}
	.filterOpen .DataFilter2 > h3:after,.filterOpen .AggregationFilter2 > h3:after,.filterOpen .SegmentedSearchFilter2 > h3:after {
		font-family:"FontAwesome", sans-serif;
		font-size:2rem;
		content:"\f00d";
		cursor:pointer;
		position:absolute;
		right:1rem;
		top:1rem;    
		background: rgb(15, 46, 64);
		border-radius: 50%;
		color: rgb(255, 255, 255);
		padding: 1rem;
	}
	
	/* sorting */
	.listingTools{border-bottom:1px solid rgba(0,0,0,.2);}
	.listingTools li.selected a{background:rgba(0,0,0,.2);border-radius:5px;}
	
	/* site map */
	.SiteMap ul li::before{font-family:'FontAwesome';content:"\f105";margin-right:5px;color:rgb(15, 46, 64);}
	
	/* commenting */
	.Commenting .siteBounds > div{border-top:2px solid rgb(15, 46, 64);}
	.Commenting .siteBounds > div + div{border-top:2px solid rgba(0,0,0,.5);}
	.Commenting .summary,.Commenting .featured{border-bottom:0;}
	.Commenting .OneCol > div {border-top: 1px solid rgba(0,0,0,.2);border-bottom:0!important;}
	.Commenting .OneCol > div:first-child{border-top:0;}
	
	/* event upload */
	.EventUpload .startDate .icon::before,
	.EventUpload .endDate .icon::before{font-family:'FontAwesome';content:"\f073";color:rgba(15, 46, 64,.7);}
	.EventUpload .startDate .icon:hover::before,
	.EventUpload .endDate .icon:hover::before{color:rgb(15, 46, 64);}
	
	/* search results */
	.smartSearchResults,.SmartRL{background:#f7f7f7;border:1px solid #ccc;}
	.SmartRL,.PagesRL,.FilesRL,.PeopleRL,.NewsRL,.EventRL,.ProductRL{border-bottom:1px solid #ccc;}
	.seeAllResults a::after{font-family:'FontAwesome';content:"\f105";}
	.SearchResults .view .minIcon::before{font-family:'FontAwesome';content:"\f039";}
	.SearchResults .view .maxIcon::before{font-family:'FontAwesome';content:"\f0c9";}
	
	
/* ==========================================================================================  POP UP PAGES */
	/* === COMMENTING POP UP === when coming from an TOC or Filter block Read Comments or Write Comments Link */
	div.commentFormPop,
	div.commentsPop{}
	div.commentFormPop #contentArea,
	div.commentsPop #contentArea{background:0;}
	
	
/* ==========================================================================================  PRINT */
@media print {

}

/* page titles and image title containers */
#titleBarContainer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0 0 30px;
}
#titleBarContainer h1, .imageTitle {
    background-color: rgb(15, 46, 64);
    background-position: center 25%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
	border-radius:3px 3px 0 0;
	margin:0 0 2rem;
    padding: 4rem 3rem 5rem;
	position:relative;
}
#titleBarContainer h1 {
    border-radius: 3px;
    color: #ffffff;
    padding: .3rem 1.5rem .2rem;
    text-transform: uppercase;
	margin:0;
}
.Float33 .imageTitle {
    background-position: center 50%;
    background-size: 100% auto;
}
.imageTitle h1, .imageTitle h2, .imageTitle h3 {
    background: rgba(15, 46, 64, .5);
	border-radius:3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
	color:rgb(255, 255, 255);
	text-transform:uppercase;
    padding: 1rem;
	margin:0;
	display:inline-block;
}
.Float .imageTitle h1, .Float .imageTitle h2, .Float .imageTitle h3 {
	display:block;
}
 .imageTitle h3 {min-height: 7.6rem;}
 .imageTitle h1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    padding: 0;
}
@media screen and (min-width:600px){
	.imageTitle, .Float33 .imageTitle {
		background-size: 100% auto;
	}
	.Float33 .imageTitle {
		background-position:center top;
	}
}
@media screen and (min-width:768px) and (max-width: 1023px) {
	.Float33 .imageTitle {
		background-size: auto 100%;
	}
}
@media screen and (min-width:980px){
	.imageTitle h1 {
		padding: 2rem;
	}
}

/* Flourish Icons */
.imageTitle.blogIcon::before {
    bottom: 1.5rem;
    color: rgb(255, 255, 255);
    content: "";
    font-family: "FontAwesome";
    font-size: 5rem;
    line-height: 1;
    position: absolute;
    right: 1rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.imageTitle.blogIcon p.subhead {display:none;}
@media screen and (min-width:768px){
	.imageTitle.blogIcon::before {    
		font-size:9rem;
		right:30px;
		top:2.5rem;
	}
	.imageTitle.blogIcon p.subhead {position:absolute;right:130px;color:#fff;top:3rem;display:block;}
}
 
 /* home page padding */
.home #centerZone > .WhiteBlock:first-child{padding-top:30px;}

/* filter cards */

.Aggregation.CardBackground .OneCol a.teaserImage, .Aggregation.CardBackground .TwoCol a.teaserImage, .Aggregation.CardBackground .ThreeCol a.teaserImage, .Aggregation.CardBackground .FourCol a.teaserImage, 
.Aggregation.CardBackground .ColOne a.teaserImage, .Aggregation.CardBackground .ColTwo a.teaserImage, .Aggregation.CardBackground .ColThree a.teaserImage, .Aggregation.CardBackground .ColFour a.teaserImage, 
.Aggregation.CardBackground .tocList a.teaserImage {
	float: none;
    margin-bottom: 2rem;
    max-height: 150px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.Aggregation.CardBackground .ThreeCol a.teaserImage {
    padding: 0 5%;
}
.Aggregation.CardBackground .otherStuff {width:100%;}
.Aggregation.CardBackground .item  {text-align:left;border-radius:3px;}
.Aggregation.CardBackground .item .linkText  {bottom: 20px;left:0;padding: 0 7%;}
.Aggregation.CardBackground .ThreeCol .item .linkText  {padding: 0 5%;}
.Aggregation.CardBackground .item .linkText a  {display:block;}

/* freeform 3 column cards */
.CardTransparent.Float, .CardBackground.Float{position:relative;padding-bottom:10px;background:rgb(255,255,255);border-radius:3px;margin-bottom:40px;}
.CardTransparent.Float{border:1px solid rgb(229, 229, 229);background:transparent;}
.CardTransparent.Float p, .CardBackground.Float p {padding-left:7%;padding-right:7%;}
.CardTransparent.Float p.imgContain, .CardBackground.Float p.imgContain, .CardTransparent.Float p.imgContain img, .CardBackground.Float p.imgContain img {padding:0;border-radius:3px 3px 0 0;}
/* .CardTransparent.Float .darkButton a, .CardBackground.Float .darkButton a, 
.CardTransparent.Float .lightButton a, .CardBackground.Float .lightButton a, 
.CardTransparent.Float .mediumButton a, .CardBackground.Float .mediumButton a, 
.CardTransparent.Float .button a, .CardBackground.Float .button a {display:block;width:90%;position:absolute;bottom:10px;left:50%;margin-left:-45%;} */
.CardTransparent.Float .darkButton a, .CardBackground.Float .darkButton a, 
.CardTransparent.Float .lightButton a, .CardBackground.Float .lightButton a, 
.CardTransparent.Float .mediumButton a, .CardBackground.Float .mediumButton a, 
.CardTransparent.Float .button a, .CardBackground.Float .button a {display:block;width:90%;margin:auto;}
.CardTransparent.Float h2:first-child {margin-top:30px;}

@media screen and (min-width:500px){
	/* .CardTransparent.Float33 p, .CardBackground.Float33 p {padding-left:0;padding-right:0;} */ /*removed for freeform cards on home page and events-annual conference page */
}
.CardTransparent.Float33 p, .CardBackground.Float33 p, .CardTransparent.Float33 h5, .CardBackground.Float33 h5 {padding-left:5%;padding-right:5%;} /*moved out of min-768 breakpoint */
.Freeform.DarkBlueBlock, .Freeform.MediumBlueBlock, .imageTitle, .CardBackground.Float33 p.imgContain {margin-bottom:30px;}
.CardBackground.Float33 > h5:first-child, .CardBackground.Float33 > h2:first-child, .CardBackground.Float33 > h3:first-child, .CardBackground.Float33 > h4:first-child {margin-top:30px;}
.Freeform.DarkBlueBlock, .Freeform.MediumBlueBlock {padding:2rem 2.5rem;border-radius:3px;}
@media screen and (min-width:768px){	
	.Freeform.DarkBlueBlock h2, .Freeform.MediumBlueBlock h2 {float:left;margin:0;}
	.Freeform.DarkBlueBlock:not(.Float) p.buttonContain, .Freeform.MediumBlueBlock:not(.Float) p.buttonContain {float:right;margin:.25rem 1rem;}
}

/*PhotoBlock - FancyBox*/
.gallery.FourCol .otherStuff{padding:0 1rem 1.5rem 0;}
.gallery.FourCol .otherStuff h4{margin: 3px 0;}
.gallery.FourCol .otherStuff p {margin:0;}
.titanBody .gallery.FourCol a{text-decoration:none}
.titanBody .gallery.FourCol a.teaserImage {
	margin-bottom:10px;
	padding:0;
	/* box-shadow:1px 3px 4px rgba(68, 68, 68, 0.5); */
	overflow:hidden;
	position:relative;
}
.gallery.FourCol .item.image .teaserImage img {
	transition: all 0.1s ease-out 0s;
	position:relative;
}
.gallery.FourCol .item.image .teaserImage:hover img {
	transform:scale(1.25) rotate(-7deg);
    z-index: 1;
}

/* Utility Nav Link to Welcoa as logo */
.utilityNavContainer li a img {max-height:20px; vertical-align: text-bottom;}

/* Background color call outs */
.Float.GreyBlock {padding:2rem;border-radius:3px;}

/*footer customizations */
.titanBody #address img {
   /*  height: 100%;
    max-width: none;
    width: auto; */
	margin-left:0;
	margin-right:0;
}
#address .lightButton a {display:block;text-align:center;padding:2rem;max-width:320px;margin:2rem 0;}

/* LinkedIn Callout */
.callOut {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 3px;
    margin: 80px 5px 20px;
    padding: 6rem 3rem 2rem;
    position: relative;
	text-align:left;
	max-width:400px;
	border-bottom:5px solid rgb(15, 46, 64);
}
.mobileNavOpen .callOut {display:none;}
#bottomContainer .callOut h4 {
	margin:1.5rem 0;
	text-align:center;
	color:rgb(51, 51, 51);
}
.callOut h4:after {
    border-color: rgb(15, 46, 64) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 55px;
}
.callOut h4:before{    
	background: rgb(15, 46, 64) none repeat scroll 0 0;
    border-radius: 3px;
	color:#fff;
    content: "";
	font-size:3rem;
	line-height:3.5rem;
    font-family: "FontAwesome";
    left: 50%;
    margin-left: -4.5rem;
    padding: 3rem;
    position: absolute;
    top: -40px;
}
.callOut ul {
	padding:0;margin:0;
}
.callOut li {
	list-style:none;
	display:block;
	float:none;
	width:100%;
	margin-bottom:1rem;
	overflow:hidden;
}
.callOut img {    
	border: medium none;
	border-radius: 50%;
	clear:left;
	float:left;
	height: 48px;
	line-height: 0;
	margin: 0 12px 12px 0;
	width: 48px;
}
.callOut ul li:last-child img {    
	margin-bottom: 0;
}
#bottomContainer .callOut p {
	max-width:275px;
	color:rgba(51, 51, 51, .7);
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.3;
}
.callOut p span {
	color:rgb(51, 51, 51);
	display:block;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2rem;
}
.titanBody .callOut a {color:rgb(30, 87, 114);font-size:2.4rem;line-height:1.3;}
.titanBody .callOut .mediumButton a {color:rgb(255,255,255);}
@media screen and (min-width:600px) and (max-width:767px){
	.callOut {margin-top: 140px;}
}
@media screen and (min-width:768px){
	.callOut {margin-top: 40px;}
	#bottomContainer .Float66 {padding-right:3%;}
	#bottomContainer .Float {margin-left:0;}
}
@media screen and (min-width:1024px){
	#bottomContainer .callOut p {float:left;}
	.callOut {min-width:400px;}
}
/* testimonials */
.testimonial blockquote {
	color:rgb(30, 87, 114);
	background:rgb(184, 216, 232) url("/clientcss/images/closeQuote.png") no-repeat scroll 95% 95%;
	border-radius:3px;
	padding:40px 30px 20px;
	position:relative;
	margin:0 0 45px 0;	
}
.testimonial blockquote::before {
    color: rgba(255, 255, 255, 0.3);
    content: url("/clientcss/images/quotes.png");
    left: 10px;
    opacity: 0.4;
    position: absolute;
    top: 10px;
}
.testimonial blockquote::after {
    border-radius: 0;
    border-right: 30px solid rgba(0, 0, 0, 0);
    border-top: 40px solid rgb(184, 216, 232);
    bottom: -40px;
    content: "";
    display: block;
    height: 0;
    left: 20%;
    position: absolute;
    width: 0;
}

.testimonial .imgContain img {margin:10px 30px;border-radius:50%;}
.testimonial +.testimonial {margin-top:40px;}
@media screen and (min-width:400px){
	.testimonial blockquote + p, .testimonial blockquote + p + p {margin:0 30px;max-width:50%;float:left;clear:left;}
	.testimonial .imgContain {float:right;max-width:50%;padding-left:2%;}
	.testimonial .imgContain img {margin:-30px 30px 0 0;}
}
@media screen and (min-width:768px){
	.testimonial +.testimonial {margin-top:0;}
}

/* home page stats */
.statsContainer {
	margin-bottom:30px;
}
div.statsContainer:first-child:last-child {margin-bottom:0;}
.statsContainer p {
    text-align: center;
    font-size: 2.2rem;
}
.statsContainer p.stats {    
	background: rgb(229, 229, 229) none repeat scroll 0 0;
    border: 4px solid rgb(30, 87, 114);
    border-radius: 50%;
    height: 150px;
    margin: 2rem auto;
    position: relative;
    width: 150px;
}
.stats span.stats {   
    color: rgb(30, 87, 114);
	display: block;
	font-family:"Alegreya Sans",'Roboto', Arial, Helvetica, sans-serif;
    font-size: 3rem;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}
/* 
span.stats {
    background: rgb(147, 22, 33) none repeat scroll 0 0;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 5rem;
    padding: 6rem 2rem;
    text-align: center;
} */

/* Member Profile Page */
.LogIn + .UserAccount {margin-top:20px;}

/* without button to add delegates/workshops based on select value, this css makes each h3 a clickable expander to show fields below */
/* .expandForm h3 + div {display:none;}
.expandForm h3 {cursor:pointer;}
.expandForm h3 span, .expandForm h3::after {font-size:1.75rem;margin-left:2rem;color:rgb(102,102,102);}
.expandForm h3::after {content:"\f107";font-family:FontAwesome;margin:0 10px;}
.expandForm h3.open span, .expandForm h3.open::after {display:none;}
.expandForm h3.open {cursor:default;}
.expandForm h3.open + div {display:block;} */

.expandForm {overflow:hidden;}
select.addUpdateSelect {float:left; max-width:100px;}

span.button.addUpdate {
    background: rgb(102, 102, 102) none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: rgb(255, 255, 255);
	clear:right;
    cursor: pointer;
    float: left;
    font-family: "Roboto Condensed",Roboto,Lato,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    margin: 5px 2rem 2rem;
    padding: 14px 1.5rem;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}

.titanBody .hideBorders {border:none!important;color:rgb(0,0,0);font-weight:700;}
input.hideBorders ~ span.button.addUpdate {display:none;}
.FormEditor .buttons input + input {margin-left:1rem;}

/* for gogle map on contact page */
@media screen and (max-width:980px){
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
}

/* members listing */
div.DataList.membersList div.item {padding:0;}

/* event listing */
.eventListing h4 {margin:1rem 0;text-align:center;}
.eventListing .darkButton a {display: block;margin: auto;width: 90%;text-align:center;}
div.DataList.eventListing .DataListing div.ColOne a.teaserImage {width:100%;padding:0;margin:0;}
div.DataList.eventListing div.item {padding:0;}
.eventListing .ColOne .image .otherStuff {width:100%;padding-bottom:20px;}