@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");
/* 	THIS IS A PARENT THEME TO SEVERAL MICROSITE, EACH WITH THEIR OWN OVERRIDE CSS FILES. CHANGES MADE HERE WILL IMPACT MULTIPLE SITES */

/* === PAGE BACKGROUND === */
	.titanDisplay{background:rgb(110,110,110);}
	
/* === 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:Arial,Helvetica,sans-serif;}
	
/* === FONT WEIGHTS === */
/* if any of these change check: filtering - pull out from responsiveblocks.css and add here */
	.titanBody,
	/* faq accordion class name */
	.Accordion .arrow::before{font-weight:400;}
	
	#searchTerms,#searchTermsMobile{font-weight:700;}
	
	/* === 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 */
	.titanBody,.titanBody textarea,.titanBody select,.titanBody input{font-size:1.6rem;line-height:1.4;}	
	
	.searchBarContainer  input[type=text],
	#breadCrumbContainer,
	#contentFooter,
	.FAQ .ToTop{font-size:1.3rem;}
	
	.utilityNavContainer a,
	#topNavContainer a{font-size:1.5rem;}
	
	.social span.fa{font-size:3rem;line-height:1;}
	
	#scrollTop span.fa{font-size:4rem;line-height:4.5rem;}

	h1, h2, h3 {font-weight:400;}
	h4, h5, h6 {font-weight:700;}
	h1, h2, h3, h4, h5, h6 {line-height:1.3;}
	h1{font-size:3.2rem;margin-bottom:1.8rem;}
	h2{font-size:2.6rem;margin-bottom:1.5rem;}
	h3{font-size:2.2rem;margin-bottom:1.2rem;}
	h4{font-size:1.8rem;margin-bottom:1rem;}
	h5{font-size:1.7rem;margin-bottom:.8rem;}
	h6{font-size:1.6rem;margin-bottom:.6rem;}
	
	h1,h2,h3,h4{font-family:'Montserrat', sans-serif;}
	
	.TOCBlock > h3:first-child {margin-bottom:2rem;}
	.TOCBlock .item {margin-left:2rem;}
	.otherStuff h4:first-child:last-child {margin-bottom:0;}
	
	@media screen and (min-width:1200px){
		.utilityNavContainer a{font-size:1.3rem;}
	}
	#scrollTop{text-align:center;}
	
	ul.paginationFooter{text-align:right;}	
		
	/* 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 */
		
	
	/* DARK GREY */
		.titanBody,
		.titanBody a:hover,.titanBody a:focus,.titanBody a:active,
		#topNavContainer .menu > li ul li a:hover,#topNavContainer .menu > li ul li a:focus,#topNavContainer .menu > li ul li a: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{color:#333;}
	
	/* WHITE */
		#topNavContainer > ul > li:hover > a,#topNavContainer > ul > li:focus > a,#topNavContainer > ul > li:active > a,
		#scrollTop span.fa,
		#mobileNavWrapper .social span.fa,
		.searchBarContainer .searchBox::before,
		.searchBarContainer input[type=text],
		.FAQ .Accordion .accordionHeading:hover,.FAQ .Accordion .accordionHeading.open,.FAQ .tabbedContent .tabs li:hover,.FAQ .tabbedContent .tabs li.selected,
		/* stripes class names */
		.titanBody .StripeGreen:not(.CardBackground) a,.titanBody .StripeGreen:not(.CardBackground) h1,.titanBody .StripeGreen:not(.CardBackground) h2,.titanBody .StripeGreen:not(.CardBackground) h3,.titanBody .StripeGreen:not(.CardBackground) h4,.titanBody .StripeGreen:not(.CardBackground) h5,.titanBody .StripeGreen:not(.CardBackground) h6,.titanBody .StripeGreen:not(.CardBackground) li,.titanBody .StripeGreen:not(.CardBackground) p,
		.titanBody .StripeBlue:not(.CardBackground) a,.titanBody .StripeBlue:not(.CardBackground) h1,.titanBody .StripeBlue:not(.CardBackground) h2,.titanBody .StripeBlue:not(.CardBackground) h3,.titanBody .StripeBlue:not(.CardBackground) h4,.titanBody .StripeBlue:not(.CardBackground) h5,.titanBody .StripeBlue:not(.CardBackground) h6,.titanBody .StripeBlue:not(.CardBackground) li,.titanBody .StripeBlue:not(.CardBackground) p {color:rgb(255,255,255);}
		
		.titanBody .StripeBlue:not(.CardBackground) a {text-decoration:underline;}
		
		/* search place holder */
		.titanBody .searchBarContainer ::-webkit-input-placeholder {color:rgb(255,255,255);}
		.titanBody .searchBarContainer ::-moz-placeholder {color:rgb(255,255,255);opacity:1;} /* firefox 19+ */
		.titanBody .searchBarContainer :-ms-input-placeholder{color:rgb(255,255,255);} /* ie */
		.titanBody .searchBarContainer :-moz-placeholder{color:rgb(255,255,255);}
		.titanBody .searchBarContainer input[placeholder]{color:rgb(255,255,255);opacity:1;} 
			
	/* BLUE - accent color - links */
		.titanBody a,
		#topNavContainer a,
		#topNavContainer .menu > li ul li a,
		.Accordion .minmax,.Accordion dt,.Accordion dt .arrow,
		.FAQ .Accordion .min:hover,.FAQ .Accordion .max:hover{color:rgb(0,128,163);}
		.linkComments a{color:rgba(0,128,163,.7);}
		
	/* Green - accent color - headers */
		h1,h2,h3,h4,h5,h6{color:#004b5f;}
		
		
/* === LINK STYLES === */		
	.titanBody a,
	.titanBody #pageTopArea a:hover,.titanBody #pageTopArea a:focus,.titanBody #pageTopArea a:active{text-decoration:none;}
	.titanBody a:hover,.titanBody a:focus,.titanBody a:active{text-decoration:underline}
	
/* === backgrounds - box-shadows - borders - border-radius - fontawesome icons === */	
/* === 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:0}

/* === BUTTONS === */	
	/* default buttons */
		.CenterZone input[type="submit"],.CenterZone input[type="button"],
		.Commenting input[type="button"],
		.CardBackground .item .linkText a,
		.titanBody .button a {
			border: 1px solid rgba(0,128,163,0);
			background: rgb(0,128,163);
			border-radius: 5px;
			color: rgb(255, 255, 255);
			display: inline-block;
			padding: 6px 20px;
			text-align: center;
			transition: all 0.1s ease;
			text-decoration:none;
			text-transform:uppercase;
			font-weight:700;
		}
	/* Only Freeform Buttons */
	.titanBody .button a {padding:.7rem 1.3rem;}
	.titanBody .button a::after {font-family:'FontAwesome';content:"\f0da";margin:0 0 0 .7rem;}

	/* hover 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,
		.CardBackground .item:hover .linkText a:hover,.CardBackground .item:focus .linkText a:hover,.CardBackground .item:active .linkText a:hover,
		.titanBody .button a:hover, .titanBody .button a:focus, .titanBody .button a:active {
			background:rgb(84,67,58);
			border: 1px solid rgba(84,67,58,0);
			text-decoration:none!important;
		}
	/* inverse buttons */
		.titanBody .GreenBlock .button a {
			border: 1px solid rgb(255,255,255);
		}
		
	/* hover inverse buttons */
		.titanBody .GreenBlock .button a:hover, .titanBody .GreenBlock .button a:focus, .titanBody .GreenBlock .button a:active {
			border: 1px solid rgb(255,255,255);
			background: rgb(255,255,255);
			color: rgb(0,128,163);
		}			
	
	/* error messages - see responsiveblocks.css */
	
	/* === STRIPES === */	
	.WhiteBlock{background:#fff;}	
	.GreyBlock, .blockPreview .StripeGrey {background:#f4f5f5;}	
	.GreenBlock, .blockPreview .StripeGreen {background:#007749;}
	.LightGreenBlock, .blockPreview .StripeLightGreen {background:#a1cf5f;}	
	.BlueBlock, .blockPreview .StripeBlue {background:rgb(0,128,163);}	
	
	/* === TABLES === */
	.scrollText::before{font-family:'FontAwesome';content:"\f07e";}	
	
/* === backgrounds - box-shadows - borders - border-radius - fontawesome icons === */

	/* === HEADER === */
	#pageTopArea{background:rgb(255,255,255);}
	#pageTopArea.sticky{box-shadow:-4px 3px 0 0 rgba(0, 0, 0, 0.2);}
	
	/* === UTILITY === */
	#utilityWrapper{background:#f4f5f5;}
	
	/* === SEARCH BAR === */
	.searchBarContainer{
		background:rgb(99,99,99);
	}
	.mobileNavOpen .searchBarContainer{
		border-radius: 3px;
		padding: 6px;
	}
	.searchBarContainer input{background:transparent;border:0;}
	.titanBody .searchBarContainer input[type="button"] {padding: 2px 20px;}
	.searchBarContainer .searchBox::before{
		font-family:'FontAwesome';
		content:"\f002";
	}
	.mobileNavOpen .searchBarContainer .searchBox::before{
		color: rgb(15, 46, 64);
		font-size: 2rem;
	}
	.mobileNavOpen .searchBarContainer .search {
		background: rgb(229, 229, 229) none repeat scroll 0 0;
	}
	
/* ======================== */

	/* === MOBILE NAV CONTROLS === */
	#navButton{text-transform:uppercase;text-align:center;}
	#navButton span{font-size:1.2rem;line-height:1rem;}
	#navButton i{font-size:2.5rem;line-height:1;}
	#navButton *{color:rgb(0,128,163);}
	#navButton:hover *{color:rgb(52,52,52);}
	
	/* === MOBILE MENU === */
	#mobileNavWrapper{background:rgb(45,45,45);box-shadow: 0 0 5px rgb(51,51,51);}
	#mobileNavWrapper span.close{font-size:3rem;color:rgb(255,255,255);}
	#mobileNavWrapper span.close:hover{color:rgba(255,255,255,.5);}	
	#mobileNav > ul > li{border-bottom:1px solid rgba(255,255,255,.5);}
	#mobileNavWrapper a {color:rgb(255,252,255);}
	#mobileNavWrapper a.current, #mobileNavWrapper a:hover, #mobileNavWrapper a:focus, #mobileNavWrapper a:active {background:rgba(0,0,0,.8);text-decoration:none;}

	/* === TOP NAV === */
	@media screen and (min-width:1200px){ /* top nav */
		/* first level */
		#topNavContainer .menu > li{background:transparent;}
		#topNavContainer .menu > li:hover,#topNavContainer .menu > li:focus,#topNavContainer .menu > li:active{background:rgb(0,128,163);}
		#topNavContainer .menu > li a span.arrow{border:5px solid transparent;border-top:5px solid rgb(0,128,163);}
		#topNavContainer .menu > li:hover a span.arrow {border-color: rgb(255, 255, 255) transparent transparent;}
		/* second level */
		#topNavContainer .menu > li > ul{background:rgb(255,255,255);border:1px solid rgb(204,204,204);}
		#topNavContainer .menu > li ul li a:hover,#topNavContainer .menu > li ul li a:focus,#topNavContainer .menu > li ul li a:active{color:rgb(0,128,163);background:#ebeded;}
	}	
	
	/* === CONTENT AREA === */
	#contentArea{background:rgb(255,255,255);}
	
	
	.cards .card{padding:5rem;}
	.card:nth-child(even){background-color:rgb(209, 224, 238);}
	.card:nth-child(odd){background-color:rgb(224, 234, 243);}
	@media screen and (min-width: 1200px) {
		.cards .card{background-color:rgb(209, 224, 238);}
		.card:nth-child(4n+2),.card:nth-child(4n+3){background-color:rgb(224, 234, 243);}
	}
	
		
	/* FEATURE CARDS */
	 /* .Freeform.CardBackground {
		background:rgb(255,255,255);
		border-radius: 5px;
		border: 3px solid #fff;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	}
	.Freeform.CardBackground {
		padding:8px;
		border:none;
		max-width:320px;
		margin:3rem auto;
	}
	.Freeform.CardBackground h4 {text-transform:uppercase;}
	.Freeform.CardBackground h4,.Freeform.CardBackground p {padding: 0 15px 0 15px;}
	.Freeform.CardBackground p:first-child {padding:0;}
	.Freeform.CardBackground p:first-child img {
		height:auto;
		max-width:none;
		width:100%;
	}
	@media screen and (min-width: 768px) {
		.Freeform.CardBackground {margin: 30px 1.333333%;}
	}
	@media screen and (min-width:1200px){
		.Freeform.CardBackground {margin: 30px 2%;}
	} */

	
	/* === BREADCRUMBS === */
	#toolContainer {background:rgb(245,245,245);}
	#toolContainer #breadCrumbContainer ul li a .fa.fa-home::before {content:"Home";font-family:Arial,Helvetica,sans-serif;}
	
	 /* === LEFT NAV === */
	#leftNav {border:1px solid rgb(180,180,180);}
	#leftNav .arrow{display:none;}
	#leftNav ul a::before{font-family:'FontAwesome';content:"\f101";}
	
	/* === FOOTER === */
	#bottomContainer,
	#contentFooter {background:rgb(255,255,255);font-size:1.3rem;}
	#contentFooter * {text-transform:uppercase;color:rgb(0,128,163);text-align:center;}
	
	/* === BACK TO TOP === */	
	#scrollTop{border:2px solid rgb(255,255,255);background:rgb(85,85,85);border-radius:50%;}
	#scrollTop:hover{background:rgb(84,67,58);}
	
	/* === FAQ ACCORDION === */
	.FAQ .Accordion .min,.FAQ .Accordion .max{font-size:1.2rem;line-height:1;}
	.FAQ .Accordion .accordionHeading,.FAQ .tabbedContent .tabs li{background:rgba(1,1,1,.1);}
	.FAQ .Accordion .accordionHeading{border-radius:5px;}
	.FAQ .Accordion .accordionHeading:hover,.FAQ .Accordion .accordionHeading.open,.FAQ .tabbedContent .tabs li:hover,.FAQ .tabbedContent .tabs li.selected{color:rgb(0,128,163);}
	.FAQ .Accordion .accordionHeading i{font-size:2.5rem;}
	
	/* data list, filter, toc, what's new results */
	/* 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:rgb(230,230,230);}
		.DataFilter2 td,.DatePicker td{border:1px solid rgb(255,255,255);}
		.DataFilter2 td.otherMonth,.DatePicker td.otherMonth{background:rgb(200,200,200);}
		.DataFilter2 td.selectedDate,.DataFilter2 td.selectedDate.hasEvent,.DatePicker td.selectedDate,.DatePicker td.selectedDate.hasEvent{background:rgba(90,90,90,.3);border:1px solid rgb(255,255,255);}
		.DataFilter2 td.hasEvent,.DatePicker td.hasEvent{background:rgb(90,90,90);}
	
	
	/* === FILTER CARD LAYOUTS === */
	.CardBackground .item {
		background:rgb(255,255,255);
		border-radius: 5px;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	}
	
	/* === FILTER BLOCK MOBILE  === */
	.filterOpen .DataFilter2,.filterOpen .Aggregation > div:first-child,.filterOpen .SegmentedSearchFilter2{background:rgb(230,230,230);box-shadow:-1px 0 8px rgba(51,51,51,.5);}
	.filterClose,.filterOpen .Aggregation > div:first-child .filterClose,.filterOpen .SegmentedSearchFilter2 .filterClose {
		font-family:"FontAwesome", sans-serif;
		font-size:3rem;
		content:"\f00d";
		cursor:pointer;
		position:absolute;
		right:2rem;
		top:1rem;    
		color: rgb(84,67,58);
	}
	
	/* === TABLET & DESKTOP  === */
	@media screen and (min-width:1200px){
		.DataFilter2,.Aggregation > div:first-child,.SegmentedSearchFilter2{background:rgb(255,255,255);border:1px solid rgb(180,180,180);}
	}
	
	/* === 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(0,128,163);}
	
	/* === COMMENTING  === */
	.Commenting .siteBounds > div{border-top:2px solid rgb(0,128,163);}
	.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(0,128,163,.7);}
	.EventUpload .startDate .icon:hover::before,
	.EventUpload .endDate .icon:hover::before{color:rgb(0,128,163);}
	
	/* === SEARCH RESULTS  === */
	.smartSearchResults,.SmartRL{background:rgb(247,247,247);border:1px solid rgb(204,204,204);}
	.SmartRL,.PagesRL,.FilesRL,.PeopleRL,.NewsRL,.EventRL,.ProductRL{border-bottom:1px solid rgb(204,204,204);}
	.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;}
		
	/* === HERO BANNER - stays as overlay on mobile  === */
	.LargeBanner .BannerText,.HeroBanner .BannerText {
		background: rgba(255,255,255,.7) none repeat scroll 0 0;
		padding:2rem;
		margin-bottom:0;
	}
	.LargeBanner .BannerText,.HeroBanner .BannerText {
		color:rgb(0,128,163);
	}
	
/* === CUSTOM ELEMENTS  === */

/* CARDS WITH IMAGE AT BOTTOM  */
  .imgLast li {margin:0 0 1rem}
@media screen and (min-width:768px){
  .imgLast {position:relative;padding:0 2rem 170px;}
  .imgLast img {position:absolute;bottom:0;margin-bottom:20px;max-height:150px;width:auto;}
}
@media screen and (min-width:1200px){
  .imgLast img {margin-bottom:0;width:calc(100% - 4rem);}
}

/* ==========================================================================================  PRINT */
@media print {

}

/* Navigation */
#utilityWrapper{display:none;}