/* @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,700;1,300;1,700&family=Poppins:ital@0;1&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,700;1,300;1,700&family=Poppins:ital,wght@0,400;0,600;1,400&display=swap');

/* zurb foundation 5 fixes
---------------------------------------------------------------------------------------------------- */
ul.dropdown li.back {
	display: none !important;
}
.clearfix:after {
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}



/* main
---------------------------------------------------------------------------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
}
body {
	/* background: #E2E3E7; */
	padding-top: 91px; /* should be overridden if div.topnav-container has 'fixed' class */
	margin-top: 0 !important;

	font-family: 'Mulish', sans-serif;
	font-weight: 300;
	color: #000;
}
html.mobile body {
	padding-top: 0px !important;
}
@media only screen and (min-width: 40.063em) {
	body {
		padding-top: 110px; /* should be overridden if div.topnav-container has 'fixed' class */
	}
}



body,
p,
ol,ol, blockquote {
	font-family: 'Mulish', sans-serif;
	font-weight: 300;
	color: #000;
}

h4, h5, h6 {
	/* font-family: 'Mulish', sans-serif; */
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #003349;
}

h1 {

}

h2, h3 {
	color: #003349;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

h3 {
	/* text-transform: uppercase; */
	letter-spacing: 0.01em;
}

a {
	/* color: #0060ab; */
	color: #e58117;
}

a:hover {
	/* color: #00A3E1; */
	/* text-decoration: underline; */
	color: #e58117;
	/* color: rgba(229, 129, 23, 0.75); */
}

ul.pagination li.current a,
ul.pagination li.current a:hover {
	/* background: #E58117; */
	background: #0060AB;
}


ul.inside li {
	list-style-position: inside !important;
}


fieldset {

}
form {

}
form legend {
	background: none;
	font-weight: 400;
	text-transform: uppercase;
}
#content:after {
	content: "";
	display: table;
	clear: both;
}
#content button.ui-button,
.button {
	background: #E58117;
	color: #003349;
	border: 1px solid #e58117;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-transform: uppercase;
	font-weight: 400;
	padding-bottom: 10px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	padding-top: 10px !important;
	font-size: 14px !important;
	font-family: 'Poppins', sans-serif;
	font-weight: 400!important;
	transition: all 0.2s ease-out;
}
#content button.ui-button:hover,
#content button.ui-button:focus,
.button:hover,
.button:focus {
	background: #003349;
	border-color: #003349;
	color: #e58117;
}



div.list ul {
	/*
	margin-left: 10px !important;
	list-style: disc inside !important;
	*/
	list-style: none;
	margin-left: 0 !important;
	line-height: 1.7;
}
	div.list ul li {
		/*list-style: disc inside !important;*/
		font-size: 13px;
	}
		div.list ul li a {
			color: #000;
		}
		div.list ul li a:after {
			content: " (view)";
			color: #666;
		}
		div.list ul li:hover a {
			color: #E58117;
		}
		div.list ul li:hover a:after {
			color: #E58117;
		}

@media only screen and (min-width: 768px) {
	div.list.list-1 {
		float: left;
		width: 340px;
		margin-right: 20px;
	}
	div.list.list-2 {
		-moz-column-count: 2;
		-moz-column-gap: 2.5em;
		-webkit-column-count: 2;
		-webkit-column-gap: 2.5em;
		column-count: 2;
		column-gap: 2.5em;
	}
	div.list.list-3 {
		-moz-column-count: 3;
		-moz-column-gap: 2.5em;
		-webkit-column-count: 3;
		-webkit-column-gap: 2.5em;
		column-count: 3;
		column-gap: 2.5em;
	}
}



/* navigation
---------------------------------------------------------------------------------------------------- */

/* both */
div.topnav-container {
}
	div#topnav {
	}
		div#topnav nav.top-bar {
			/*margin-bottom: 0 !important;*/ /* there's 30px on it originally??? no. */
			background: #003349;
			/* height: auto; */
			height: 110px;
			line-height: inherit;
		}
			div#topnav nav.top-bar ul.title-area li.home a {
				display: block;
				background: url(../svg/wc_primaryhorizontal_orange_white.svg) no-repeat;
				padding: 0;
				text-indent: -9999em;
				background-size: contain;
				width: 256px;
				height: 110px;
			}
			div#topnav nav.top-bar.expanded {
				height: auto;
			}
div#topnav nav.top-bar ul.menu > li.active > a.menu-link {
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.top-bar.expanded .title-area {
	background: transparent;
}

.top-bar.expanded .toggle-topbar a {
	color: rgba(255, 255, 255, 0.75);
}

.top-bar.expanded .toggle-topbar a span {
	-webkit-box-shadow: 0 10px 0 1px rgba(255, 255, 255, 0.75), 0 16px 0 1px rgba(255, 255, 255, 0.75), 0 22px 0 1px rgba(255, 255, 255, 0.75);
    box-shadow: 0 10px 0 1px rgba(255, 255, 255, 0.75), 0 16px 0 1px rgba(255, 255, 255, 0.75), 0 22px 0 1px rgba(255, 255, 255, 0.75);
}

/* mobile (not contained in a breakpoint) */
	/* categories */
	#topnav li.project_categories,
	#topnav li.information, #topnav li.about, #topnav li.services, #topnav li.contact, #topnav li.information_child {
		display: none;
	}
	/* logo */
	/* div#topnav nav.top-bar ul.title-area {
		line-height: 45px;
		background: #000;
	} */
		div#topnav nav.top-bar ul.title-area li.home {
		}
			/* div#topnav nav.top-bar ul.title-area li.home a {
				width: 165px;
				height: 45px;
				background-size: 165px 45px;
			} */
	/* menu */
	div#topnav nav.top-bar ul.menu li a {
		background: #003349;
	}
	div#topnav nav.top-bar ul.menu > li.active > a {
		background: #E58117;
	}
	div#topnav nav.top-bar ul.menu > li.search {
		display: none; /* bring back later */
	}
	div#topnav nav.top-bar ul.menu ul.dropdown {
		font-size: 13px;
		padding-bottom: 5px;
		background: #003349;
	}
		div#topnav nav.top-bar ul.menu > li.has-dropdown > ul.dropdown li a {
			padding: 6px 15px;
		}

/* /mobile */




/* desktop */
@media only screen and (min-width: 40.063em) {
	div#topnav nav.top-bar ul.menu > li.active > a {
		background: transparent;
	}
	#topnav li.project_categories,
	#topnav li.information, #topnav li.about, #topnav li.services, #topnav li.contact, #topnav li.information_child {
		display: block;
	}
	#topnav li.project_categories_mobile,
	#topnav li.information_categories_mobile {
		display: none;
	}
	div#topnav {
	}
		div#topnav nav.top-bar {
			z-index: 10; /* keeps the active state nub visible! */
			/* height: 56px; */
			display: flex;
			justify-content: space-between;
		}

		div#topnav nav.top-bar:before, div#topnav nav.top-bar:after {
			display: none;
		}

		div#topnav nav.top-bar .title-area {
			float: none;
		}
			/* logo */
			/* div#topnav nav.top-bar ul.title-area {
				line-height: 56px;
				background: #000;
			} */
				div#topnav nav.top-bar ul.title-area li.home {
					height: auto;
				}
					/* div#topnav nav.top-bar ul.title-area li.home a {
						width: 206px;
						height: 56px;
						background-size: 206px 56px;
					} */
			/* menu */
			div#topnav nav.top-bar ul.menu {
				background: transparent;
				margin-right: 40px;
				display: flex;
				height: 100%!important;
			}
		
			div#topnav nav.top-bar ul.menu:after {
				content: "";
				display: table;
				clear: both;
			}
				div#topnav nav.top-bar ul.menu > li {
					background: transparent;
					margin-left: 38px;
					float: none;
				}

				div#topnav nav.top-bar ul.menu > li.mini, div#topnav nav.top-bar ul.menu > li.search {
					align-self: center;
				}

					div#topnav nav.top-bar ul.menu > li > a {
						background: transparent;
						font-weight: normal;
						border-top: 3px solid transparent;
						padding: 0 6px;
						/*height: 53px;*/
						/*height: 66px;*/ /* 56 + 10 */
						/* line-height: 56px; */
						/* letter-spacing: 1px; */
						
					}

					div#topnav nav.top-bar ul.menu > li > a.menu-link {
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						text-transform: uppercase;
						transition: all 0.3s ease-out;
					}

					div#topnav nav.top-bar ul.menu > li.active > a.menu-link {
						border-top-color: #E58117;
						color: #fff;
						
						/* background: url(images/menu_item_active.png) center bottom no-repeat; */
					}

					/* div#topnav nav.top-bar ul.menu > li > a.menu-link:hover {
						border-top-color: #E58117;
					}
					 */

					/* mini (facebook, linkedin, login) */
					div#topnav nav.top-bar ul.menu > li.mini {
						margin-left: 0;
					}
						div#topnav nav.top-bar ul.menu > li.mini > a {
							font-size: 16px;
							text-align: center;
						}
						div#topnav nav.top-bar ul.menu > li.mini.active > a {
							border-top: 3px solid #000;
							color: #E58117;
							background: none;
						}
							div#topnav nav.top-bar ul.menu > li.mini > a span {
								display: none;
							}
							div#topnav nav.top-bar ul.menu > li.mini > a i.fa {
								border-left: 1px solid #333;
								padding-left: 8px;
								padding-right: 8px;
							}
							/**/
							div#topnav nav.top-bar ul.menu > li.mini.first > a i.fa {
								border-left: 0;
								padding-left: 0;
								margin-left: 38px;
							}
							div#topnav nav.top-bar ul.menu > li.mini.last > a i.fa {
								border-right: 0;
								padding-right: 0;
								margin-right: 38px;
							}





					/*
					div#topnav nav.top-bar ul.menu > li.login {
						margin-left: 20px;
					}
						div#topnav nav.top-bar ul.menu > li.login > a {
							text-indent: -9999em;
							background: url(images/icon_login.png) center 20px no-repeat;
						}
						div#topnav nav.top-bar ul.menu > li.login.active > a {
							background: url(images/icon_login.png) center 20px no-repeat, url(images/menu_item_active.png) center bottom no-repeat;
						}
					*/

					/* SEARCH */
					div#topnav nav.top-bar ul.menu > li.search {
						display: block;
						overflow: hidden;
						position: relative;
						margin-left: 0px;
						width: 30px;
						-webkit-transition:width .3s linear;
						-moz-transition:width .3s linear;
						transition:width .3s linear;
						-webkit-transition-delay: .1s;
						-moz-transition-delay: .1s;
						transition-delay: .1s;
						/**/
					}
					div#topnav nav.top-bar ul.menu > li.search:hover {
						width: 180px;
						-webkit-transition:width .3s linear;
						-moz-transition:width .3s linear;
						transition:width .3s linear;
					}
						/* the icon */
						div#topnav nav.top-bar ul.menu > li.search > a {
							width: 30px;
							font-size: 16px;
						}
							div#topnav nav.top-bar ul.menu > li.search > a span {
								display: none;
							}
						/* the form */
						div#topnav nav.top-bar ul.menu > li.search form {
							opacity: 0;
							-webkit-transition:opacity .1s linear;
							-moz-transition:opacity .1s linear;
							transition:opacity .1s linear;
							-webkit-transition-delay: .0s;
							-moz-transition-delay: .0s;
							transition-delay: .0s;
							position: absolute;
							top: 13px;
							right: 0;
							width: 150px;
						}
						div#topnav nav.top-bar ul.menu > li.search:hover form {
							opacity: 1;
							-webkit-transition:opacity .3s linear;
							-moz-transition:opacity .3s linear;
							transition:opacity .3s linear;
							-webkit-transition-delay: .3s;
							-moz-transition-delay: .3s;
							transition-delay: .3s;
						}
							div#topnav nav.top-bar ul.menu > li.search form input {
								width: 100%;
								background: #004F7E;
								color: #fff;
								border: 0;
								margin: 0;
								padding: 0 5px !important;
								top: 0;
								
								-webkit-box-shadow: none;
								-moz-box-shadow: none;
								box-shadow: 0;
							}


					/* level 2 - not being used or necessary */
					div#topnav nav.top-bar ul.menu li.has-dropdown ul.dropdown {
						background: #000;
					}
}



/* tablet */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	div#topnav nav.top-bar ul.menu {
		background: transparent;
		margin-right: 10px;
	}
	div#topnav nav.top-bar ul.menu > li {
		margin-left: 20px;
	}
	div#topnav nav.top-bar ul.menu > li.home {
		display: none;
	}
	div#topnav nav.top-bar ul.menu > li.search {
		display: none;
	}
	div#topnav nav.top-bar ul.menu > li.mini.last > a i.fa {
		margin-right: 10px;
	}
}








/* project_categories
---------------------------------------------------------------------------------------------------- */
div#project_categories {
	position: fixed;
	z-index: 200;
	left: 0;
	/*top: ;*/ /* set via js */
	width: 100%;
	/**/
	display: none;
	background: #003349;
	/*height: px;*/ /* set via js */
	overflow: auto;
}
	div#project_categories div.masthead {
		margin-bottom: 0;
	}
	div#project_categories ul {
		margin: 0;
		background: #003349;
	}
		div#project_categories ul li {
			padding: 0px;
			/*
			padding-right: 2px;
			padding-bottom: 2px;
			*/
			background: #003349;
		}
			div#project_categories ul li a {
				position: relative;
				/* border: 1px solid rgba(255,255,255,0.75); */
				/* border: 1px solid #000; */
				/* border: 2px solid #003349; */
				border: 1px solid rgba(0,0,0,0.25);
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				/**/
				display: block;
				background: #003349;
				text-transform: uppercase;
				font-size: 22px;
				font-weight: 400;
				font-family: 'Poppins', sans-serif;

				
				/**/

				/*height: px;*/ /* set via js */

			}
			div#project_categories ul li a:hover {

			}

			div#project_categories ul li a span.title {
				position: absolute;
				top: 0;
				z-index: 999;
				/**/
				display: block;
				width: 100%;
				height: 100%;
				/**/
				text-align: center !important;
				color: #fff;
				/* text-shadow: 1px 2px 11.05px rgba(0, 0, 0, 1); */
				/* text-shadow: 1px 2px 11px rgba(0,51,73, 0); */
				transition: color 0.3s ease-out;
				
			}

			div#project_categories ul li a:hover span.title {
				text-shadow: 1px 2px 11px rgba(0,51,73, 1);

			}


			div#project_categories ul li a span.bg {
				/* apply filters */
				/* -webkit-filter: brightness(40%) grayscale(100%);
				-moz-filter: brightness(40%) grayscale(100%);
				filter: brightness(40%) grayscale(100%); */

				-webkit-filter: brightness(55%);
				-moz-filter: brightness(55%);
				filter: brightness(55%);
				
				/* clear filters (happens automatically on hover) */
				-webkit-transition: .15s all ease-in;
				-moz-transition: .15s all ease-in;
				transition: .15s all ease-in;
				/**/
				background-size: cover !important;
				background-position: 0 60% !important;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
			}
			div#project_categories ul li a:hover span.bg {
				/* filters */
				/* -webkit-filter: brightness(100%) grayscale(0);
				-moz-filter: brightness(100%) grayscale(0);
				filter: brightness(100%) grayscale(0); */

				-webkit-filter: brightness(90%);
				-moz-filter: brightness(90%);
				filter: brightness(90%);
			}


			/** Added 2016-03-01 - to account for missing IE filter on projects **/

			div#project_categories ul li a span.bg {

				/* -webkit-filter: brightness(100%) grayscale(100%);
				-moz-filter: brightness(100%) grayscale(100%);
				filter: brightness(100%) grayscale(100%);
				-webkit-transition: .15s all ease-in; */


			}
			.filter {
				/* background-color: rgba(0,0,0,.7); */
				background-color: rgba(0,51,73, 0.5);
				height: 100%;
				width: 100%;
				position: absolute;
				z-index: 999;
				transition: background-color 0.3s ease-out;
			}
			div#project_categories ul li a:hover .filter{ 
				/* background-color: rgba(0,51,73, 0.5); */
				background-color: rgba(0,51,73, 0);
			}


/* modal (custom)
---------------------------------------------------------------------------------------------------- */
#wc_modal {
	display: none;
	background: #E2E3E7;
	margin: 0 !important;
	padding: 0 !important;
	/**/
	position: absolute; /* don't make it 'fixed' */
	z-index: 99999999999;
	left: 0;
	/*bottom: 0;*/ /* messes up on mobile */
	top: 0;
	/**/
	width: 100% !important;
	height: auto; /* height set by js */
	/*height: 100% !important;*/ /* doesn't go to 100%! ugh! */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0 !important;
}
	#wc_modal a.close-reveal-wc-modal,
	a.close-load-div {
		/*display: none;*/
		cursor: pointer;
		z-index: 99999;
		position: fixed;
		/**/
		width: 58px;
		height: 58px;
		top: 77px;
		right: 0;
		color: #fff;
		background: url(../png/icon_close.png) center center #020912 no-repeat;
		text-indent: -9999em;
		/**/
	}
	#wc_modal div.wc_modal_content {
	}
		#wc_modal div.wc_modal_content #content {
			margin-top: 0px; /* important to have this so it doesn't get margin for the main #content; technically there will be duplicate id's */
		}



/* masthead
---------------------------------------------------------------------------------------------------- */
#masthead {
	/* background: #003349; */
	background: #004f7e;
	/* background: #0060ab; */
	margin: 0;
	border-bottom: 1px solid #004f7e;
	/* border-top: 1px solid rgba(0,0,0,0.25); */
	/* border-top: 1px solid #000; */
	/* border-top: 1px solid rgba(255,255,255,0.75); */
	/* border-top: 1px solid #0060AB; */
}
	#masthead h1 {
		margin: 0;
		font-size: 18px;
		font-weight: normal;
		color: #fff;
		text-transform: uppercase;
		line-height: normal;
		padding: 12px 0 12px 0;
		margin-left: 20px;
		letter-spacing: 1px;
		font-weight: 400;
		font-family: 'Poppins', sans-serif;
	}




/* #content
---------------------------------------------------------------------------------------------------- */
#content {
	margin-top: 10px;
}




/* categories
---------------------------------------------------------------------------------------------------- */
/* general overrides */
body.template-project-category {
	/*height: auto !important;*/ /* ??? */
}
body.template-project-category #content {
	margin-top: 0; /* override */
}
body.template-project-category #bodycopy {
	padding: 0;
}



/* projects list */
ul.projects {
	margin: 0;
}
	ul.projects li {
		padding: 0px;
		padding-right: 2px;
		padding-bottom: 2px;
	}
		ul.projects li a {
			display: block;
			position: relative;
		}
			ul.projects li a div.info {
				opacity: 0;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(../png/icon_arrow_right.png) right 20px bottom 20px no-repeat, rgba(0,51,73,.75);
				padding: 20px;
				/**/
				-webkit-transition: opacity .35s ease-in-out;
				-moz-transition: opacity .35s ease-in-out;
				transition: opacity .35s ease-in-out;
			}
			ul.projects li a:hover div.info {
				opacity: 1;
			}
				ul.projects li a div.info h2 {
					color: #fff;
					font-weight: 100;
					text-transform: uppercase;
					line-height: 1;
					/**/
					padding-top: 10px;
					padding-bottom: 0;
					margin-top: 0;
					margin-bottom: 10px;
				}
				ul.projects li a div.info h3 {
					font-size: 16px;
					font-weight: 400;
					color: #fff;
				}
			ul.projects li a img {
				
			}
			ul.projects li a img.blank {
				background: #333;
			}


ul.projects li:first-child {
	width: 50% !important;
}
	ul.projects li:first-child img {
		display: block;
		width: 99.9999%; /* *** THIS VALUE CAUSES THE BREAK!!! make it slightly less than 100% *** */
		height: 100%;
		/*max-height: 100%;*/ /* don't enable this; causes this image to not appear at full height if coming from home page! */
	}

ul.projects.large-block-grid-4 li:nth-child(5),
ul.projects.large-block-grid-4 li:nth-child(9),
ul.projects.large-block-grid-4 li:nth-child(13),
ul.projects.large-block-grid-4 li:nth-child(17),
ul.projects.large-block-grid-4 li:nth-child(21),
ul.projects.large-block-grid-4 li:nth-child(25),
ul.projects.large-block-grid-4 li:nth-child(29),
ul.projects.large-block-grid-4 li:nth-child(33),
ul.projects.large-block-grid-4 li:nth-child(37),
ul.projects.large-block-grid-4 li:nth-child(41),
ul.projects.large-block-grid-4 li:nth-child(45),
ul.projects.large-block-grid-4 li:nth-child(49) {
	clear: none !important;
}






/* project
---------------------------------------------------------------------------------------------------- */

/*
#content
	div.project (#bodycopy)
		div.featured-image
		div.wrapper (#details)
			span.scroll-down
			span.info
			div.bar
				title
				category
				location
				nav
			div.info (width=1200px)
				description
				awards
				images
			div.footer

*/


/*
'template-project' is only applied to the body ONLY if a user went to the project direct link
therefore, these overrides don't / shouldn't break other situations
*/
body.template-project {
	padding-top: 0;
}
body.template-project #load {
	position: relative;
	z-index: 999999;
}
body.template-project #content {
	margin-top: 0;
}
a.close-load-div {
	display: none;
}
body.template-project a.close-load-div {
	display: block;
}

/* don't do this */
/*
body.template-project #masthead {
	display: none;
}
*/











div.project {
	background: #E2E3E7;
	padding: 0;
}
	div.project iframe#map {
		margin-bottom: 10px;
	}
	#map-canvas {
		display: none;
		width: 100% !important;
		height: 460px !important;
		margin-top: 120px;
		margin-bottom: 10px;
	}
	/* div.featured-image -> show-for-medium-up */
	div.project div.featured-image {
		z-index: 0;
		position: fixed;
		left: 0;
		top: 0;
		/* background-image comes in inline */
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background: #E2E3E7;
		/**/
		width: 100%;
		height: 100%;
	}
	/* img.featured-image -> show-for-small-only */
	div.project img.featured-image {

	}

	/* div.wrapper */
	div.project div.wrapper {
		width: 100%;
		position: relative;
		z-index: 5;
		/*margin-top: 100%;*/ /* should be dynamic; to override via js */
		background: #E2E3E7;
	}


	/* span.scroll-down */
	div.project span.scroll-down {
		z-index: 999;
		display: block;
		width: 100%;
		position: absolute;
		text-align: center;
		top: -42px;
		color: #E2E3E7;
		font-style: italic;
		/* font-family: Times, serif; */
	}

	/* span.info */
	div.project span.info {
		z-index: 999;
		display: block;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: url(../png/icon_info.png) center center no-repeat #E2E3E7;
		position: absolute;
		margin-left: -18px;
		left: 50%;
		top: -18px;
	}

	/* div.bar */
	div.project div.bar {
		position: relative;
		width: 100%;
		overflow-x: hidden;
		background: url(../png/project-bar_background.png) #E2E3E7;
		border-top: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
	}
	div.project div.bar.fixed {
		margin-bottom: 5000px;
	}
		[data-magellan-expedition] {
			padding: 0 !important;
			/*z-index: 9999;*/
		}
		div.project div.bar h1.title {
			margin: 0;
			padding: 10px;
			display: block;
			/**/
			height: auto;
			line-height: 1.5;
			/**/
			font-size: 16px;
			font-weight: normal;
			font-weight: 100;
			color: #3d3d3d;
			text-transform: uppercase;
			
			background: #E2E3E7;
		}
		@media only screen and (min-width: 900px) {
			div.project div.bar h1.title {
				display: block;
				width: 500px;
			}
		}
		@media only screen and (min-width: 1000px) {
			div.project div.bar h1.title {
				width: 600px;
			}
		}
		@media only screen and (min-width: 1200px) {
			div.project div.bar h1.title {
				width: 700px;
			}
		}
		@media only screen and (min-width: 1200px) {
			div.project div.bar h1.title {
				width: 800px;
			}
		}
		@media only screen and (min-width: 1300px) {
			div.project div.bar h1.title {
				width: 900px;
			}
		}
		@media only screen and (min-width: 1400px) {
			div.project div.bar h1.title {
				width: 1000px;
			}
		}


		@media only screen and (min-width: 40.063em) {
			div.project div.bar h1.title {
				float: left;
				
				/*display: inline-block;*/

				padding: 0 20px;
				height: 48px;
				line-height: 48px;
				/**/
				border-right: 1px solid #d2d2d2;
			}
		}
		div.project div.bar h1.title.smaller {
			/* only for desktop */
		}
		/**/
		div.project div.bar p.item {
			float: left;
			display: inline-block;
			margin: 0;
			height: 48px;
			line-height: 48px;
			padding: 0 20px;
			/**/
			font-size: 17px;
			font-weight: normal;
			font-weight: 400;
			color: #3d3d3d;
			text-transform: uppercase;
			border-right: 1px solid #d2d2d2;
			background: #E2E3E7;
		}
		div.project div.bar ul.nav {
			display: none;
		}
		@media only screen and (min-width: 40.063em) {
			div.project div.bar ul.nav {
				display: block;
				float: right;
				list-style: none;
				margin: 0;
				line-height: 0;
			}
				div.project div.bar ul.nav li {
					float: left;
					/**/
				}
					div.project div.bar ul.nav li a {
						display: inline-block;
						margin: 0;
						height: 48px;
						line-height: 48px;
						padding: 0 10px;
						/**/
						font-size: 10px;
						font-weight: normal;
						font-weight: 400;
						color: #3d3d3d;
						/*text-transform: uppercase;*/
						border-right: 1px solid #d2d2d2;
						background: #E2E3E7;
					}
					div.project div.bar ul.nav li a.false {
						cursor: default;
					}
					div.project div.bar ul.nav li a.false span {
						opacity: .4;
					}
					div.project div.bar ul.nav li.prev a {
						border-left: 1px solid #d2d2d2;
					}
						div.project div.bar ul.nav li.prev a span {
							padding-left: 20px;
							background: url(../png/icon_arrow_nav_left.png) center left no-repeat;
						}
					div.project div.bar ul.nav li.next a {
					}
						div.project div.bar ul.nav li.next a span {
							padding-right: 20px;
							background: url(../png/icon_arrow_nav_right.png) center right no-repeat;
						}
					div.project div.bar ul.nav li.view a {
						line-height: 1.2;
						text-align: center;
					}
						div.project div.bar ul.nav li.view a span {
							display: inline-block;
							padding-top: 5px;
							padding-bottom: 13px;
							background: url(../png/icon_arrow_nav_down.png) center bottom no-repeat;
						}
		}




	/* info */
	div.project div.info {
		background: #E2E3E7;
		/*padding: 30px;*/
		overflow: hidden; /* make sure to put this so the separators don't appear outside of 1200!!! */
		max-width: 1200px;
		margin: 0 auto;
		/*margin-top: 100px;*/ /* this would prevent the content from getting 'popped' over by the div.bar when it turns into fixed, but don't use */
		margin-bottom: 50px;
		padding-top: 30px;
	}
			div.project div.info div.body {
				padding-left: 0;
				/*border-right: 1px solid #D2D2D2;*/
				margin-bottom: 65px; /* was 20px, but map needs to clear bar, so made it 65px */
				padding: 0 20px;
			}
				div.project div.info div.body h2 {
					font-size: 15px !important;
					font-weight: normal !important;
					font-weight: 400 !important;
					margin-bottom: 8px !important;
					padding-bottom: 0 !important;
					border-bottom: 0 !important;
					color: #777;
				}
					div.project div.info div.body h2 strong {
						font-size: 16px;
						color: #3d3d3d;
						font-weight: normal;
						font-weight: 400;
					}
					div.project div.info div.body h2 a {
						text-decoration: underline;
						color: #777;
					}
				div.project div.info div.body div.description {
					margin-top: 10px;
					color: #3d3d3d;
				}
					div.project div.info div.body div.description blockquote {
						font-style: italic;
						border-left: 0;
						padding: 0;
						quotes: "\201C""\201D""\2018""\2019";
					}
					div.project div.info div.body div.description blockquote:before {
						content: open-quote;
						font-size: 4em;
						line-height: 0.1em;
						margin-right: 10px;
						vertical-align: -30px;
						color: #3c3c3c;
						margin-left: -6px;
					}
						div.project div.info div.body div.description blockquote p {
							display: inline;
							color: #3d3d3d;
						}
				div.project div.info.has-awards div.body div.description {
				}


			div.project div.info div.awards {
				border-left: 1px solid #D2D2D2;
				padding: 0 20px;
			}
				div.project div.info div.awards ul {
				}
					div.project div.info div.awards ul li {
					}
						div.project div.info div.awards ul li img {
							margin-bottom: 3px;
						}
						div.project div.info div.awards ul li span {
							display: block;
							font-size: 12px;
							text-align: center;
							line-height: 1.25;
							color: #8f8f8f;
						}


			/* videos */
			div.project div.info div.videos {
				padding: 0;
			}
				div.project div.info div.videos div.flex-video {
					margin-bottom: 1px;
				}

			/* !!! REMEMBER, PROCESSWIRE IS SIZING/CROPPING THE IMAGES HORIZONTALLY !!! */
			div.project div.info ul.images {
				margin: 0 !important;
				list-style: none;
			}
				div.project div.info ul.images li {
					position: relative;
					float: left;
					margin-bottom: 1px;
					/*margin-right: 1px;*/

				}
					div.project div.info ul.images span.sep {
						/*display: none;*/
						z-index: 1;
						position: absolute;
						top: 0;
						right: -1px;
						width: 1px;
						height: 100%;
						background: #E2E3E7;
					}
					div.project div.info ul.images li.w-1200 {
					}
					div.project div.info ul.images li.w-600 {
					}
					div.project div.info ul.images li.w-400 {
					}
					div.project div.info ul.images li.w-800 {
					}
					/****/
					div.project div.info ul.images li img {
						max-width: 100%;
						display: block;
						/*
						display: block;
						width: 100%;
						height: auto;
						*/
					}
					/* prevent some separators from appearing -- not necessary anymore due to overflow fix */
					/*
					div.project div.info ul.images li.w-1200 span.sep,
					div.project div.info ul.images li.w-400:nth-child(3n) span.sep {
						display: none;
					}
					*/
					/* this one doesn't technically work correctly, but leave here for historical purposes */
					/*
					div.project div.info ul.images li:nth-child(even) span.sep {
						display: none;
					}
					*/


	/* footer */
	div.project div.footer {
		/*
		z-index: 99999999999;
		position: absolute;
		left: 0;
		bottom: 0;
		*/
		height: 40px;
		width: 100%;
		overflow: hidden;
		background: url(../svg/wc_logomark_orange.svg) center center no-repeat #003349;
	}
		div.project div.footer ul.nav {
			display: none;
			max-width: 1200px;
			margin: 0 auto;
			list-style: none;
		}
			div.project div.footer ul.nav li {
			}
			div.project div.footer ul.nav li.prev {
				float: left;
			}
			div.project div.footer ul.nav li.next {
				float: right;
			}
			div.project div.footer ul.nav li a {
				display: inline-block;
				padding: 10px 0;
				color: #ececec;
				text-transform: uppercase;
				font-size: 10px;
				font-weight: 300;
			}


/* upward overrides */
@media only screen and (min-width: 400px) {
	div.project div.info ul.images li.w-1200 {
		width: 100%;
	}
	div.project div.info ul.images li.w-600 {
		width: 50%;
	}
	div.project div.info ul.images li.w-400 {
		width: 33.3333333333%;
	}
	div.project div.info ul.images li.w-800 {
		width: 66.6666666666%;
	}
}


@media only screen and (min-width: 40.063em) {
	div.project div.wrapper {
		position: absolute;
	}
	div.project div.info ul.images span.sep {
		display: block;
	}
	div.project div.info div.body {
		
	}
	div.project div.info div.map {
		margin-bottom: 0px;
	}
	div.project div.footer ul.nav {
		display: block;
	}
		div.project div.footer ul.nav li a {
			font-size: 12px;
		}
}








@media only screen and (min-width: 64.063em) {
	div.project div.footer ul.nav li a {
		font-size: 14px;
	}
		div.project div.bar h1.title {
			height: 75px;
			line-height: 75px;
			padding: 0 30px;
			font-size: 32px;
		}
		div.project div.bar h1.title.smaller {
			font-size: 22px;
		}
		/**/
		div.project div.bar p.item {
			height: 75px;
			line-height: 75px;
			padding: 0 30px;
			font-size: 17px;
		}
		div.project div.bar ul.nav {
		}
			div.project div.bar ul.nav li {
			}
				div.project div.bar ul.nav li a {
					height: 75px;
					line-height: 75px;
					padding: 0 30px;
					/**/
					font-size: 13px;
				}
				div.project div.bar ul.nav li.prev a {
				}
					div.project div.bar ul.nav li.prev a span {
						padding-left: 20px;
					}
				div.project div.bar ul.nav li.next a {
				}
					div.project div.bar ul.nav li.next a span {
						padding-right: 20px;
					}
					div.project div.bar ul.nav li.view a span {
						padding-top: 17px;
						padding-bottom: 13px;
					}


}


@media only screen and (min-width: 1200px) {
	div.project div.info div.body {
		padding-left: 0px;
	}
	div.project div.info div.awards {
		padding-right: 0px;
	}
}




/* with-side (information, news)
---------------------------------------------------------------------------------------------------- */
#content.with-side {
	padding: 0;
	margin-top: 0; /* override */
}
	#content.with-side div.columns.main {
		position: relative;
		padding: 0px 10px 20px 10px;
		/* padding-top: 50px; */
		/*background: #E2E3E7;*/ /* !!! !!! !!! */
		/* color: #767676; */
		font-size: 14px;
	}
		#content.with-side div.columns.main div.inner {
			max-width: 950px;
		}
			#content.with-side div.columns.main div.inner div.section {
				padding-top: 50px;
				overflow: auto
			}

			/* #content.with-side .inner > .articles {
				padding-top: 70px;
			} */

			#content.with-side div.columns.main {
				padding-top: 70px;
			}

			.mobile #content.with-side div.columns.main {
				padding-top: 40px;
			}

			#content.with-side div.columns.main div.inner div.section:first-child {
				padding-top: 0;
			}
			#content.information_child div.columns.main div.inner div.section {
				overflow: initial;
			}

			#content.information_child div.columns.main div.inner div.section[data-scroll-index]:last-child {
				min-height: 100vh;
			}
a[data-body-class="template-news"] {
	color: #000;
}
@media only screen and (min-width: 40.063em) {
	#content.with-side div.columns.main {
		padding-left: 20px;
	}
}

/* desktop override */
@media only screen and (min-width: 1024px) {
	#content.with-side div.columns.main {
		padding-left: 90px;
		padding-right: 90px;
	}
}



#side-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	/*width: 100%;*/
	width: 25%; /* this is the perfect number; it's 25% because 3/12; the main column takes up 9/12, so this 25% cleanly takes up the initial 25% that's pushed! */
	height: 100%;
	padding: 30px;
	/* padding-top: 80px; */
	padding-top: 162px;
	/* background:  #003349!important; */
	background:  #004F7E!important;
}
	#side-nav div.side-nav-wrapper {
		overflow: auto;
	}
	#side-nav h4 {
		font-size: 20px;
		color: #fff;
		font-weight: 400;
		font-family: 'Poppins', sans-serif;
		text-transform: uppercase;
		/* letter-spacing: 1px; */
		margin-bottom: 1rem;

	}
	#side-nav ul {
		margin-left: 3px;
		list-style: none;
	}
	#side-nav ul li {
		margin-bottom: 0.5rem;
	}
		#side-nav ul li a {
			display: inline-block;
			color: #fff;
			font-size: 11px;
			letter-spacing: .05em;
			opacity: 0.75;
		}
		#side-nav ul li a:hover {
			opacity: 1;
		}
		#side-nav ul li a.active {
			/* color: #E58117; */
			opacity: 1;
			font-weight: bold;
		}

/* desktop override */
@media only screen and (min-width: 1024px) {
	#side-nav ul li a {
		font-size: 15px;
	}
}






/* information
---------------------------------------------------------------------------------------------------- */
body.template-information, body.template-about, body.template-services, body.template-contact, body.template-information_child {
	padding-top: 45px;
}
body.template-information #masthead, body.template-about #masthead, body.template-services #masthead, body.template-contact #masthead, body.template-information_child #masthead, body.template-careers #masthead {
	/* display: none !important; */
	display: none;
}
@media only screen and (min-width: 1024px) {
	body.template-information, body.template-about, body.template-services, body.template-contact, body.template-information_child {
		/* padding-top: 56px; */
		padding-top: 110px;
	}
}
@media only screen and (min-width: 40.063em) {
	#content.with-side.information div.columns.main, #content.with-side.about div.columns.main, #content.with-side.services div.columns.main, #content.with-side.contact div.columns.main, #content.with-side.information_child div.columns.main {
		/*padding-bottom: 1000px;*/
	}
}


/* common */
body.template-information #content div.columns h2, body.template-about #content div.columns h2, body.template-services #content div.columns h2, body.template-contact #content div.columns h2, body.template-information_child #content div.columns h2 {
	display: block;
	/**/
	border-bottom: 1px solid #E2E3E7;
	margin: 0;
	/* margin-top: 10px; */
	margin-bottom: 30px;
	padding-bottom: 16px;
	/**/
	font-size: 32px;
	color: #003349;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	line-height: normal;
	font-size: 30px;
	/* text-transform: capitalize; */
	/**/
}

body.template-information #content div.columns h3, body.template-about #content div.columns h3, body.template-services #content div.columns h3, body.template-contact #content div.columns h3, body.template-information_child #content div.columns h3 {
	font-family: 'Poppins', sans-serif;
	/* text-transform: uppercase; */
	font-weight: normal;
	font-weight: 400;
	/* font-size: 20px; */
	font-size: 22px;
	color: #003349;
	letter-spacing: 0.01em;
}

body.template-information #content div.columns ul, body.template-about #content div.columns ul, body.template-services #content div.columns ul, body.template-contact #content div.columns ul, body.template-information_child #content div.columns ul {
	margin-left: 18px;
}
body.template-information #content div.columns ul.team, body.template-about #content div.columns ul.team, body.template-services #content div.columns ul.team, body.template-contact #content div.columns ul.team, body.template-information_child #content div.columns ul.team {
	margin-left: 0px;
}
	body.template-information #content div.columns ul.team li, body.template-about #content div.columns ul.team li, body.template-services #content div.columns ul.team li, body.template-contact #content div.columns ul.team li, body.template-information_child #content div.columns ul.team li {
		position: relative;
	}
		body.template-information #content div.columns ul.team li div.person-info, body.template-about #content div.columns ul.team li div.person-info, body.template-services #content div.columns ul.team li div.person-info, body.template-contact #content div.columns ul.team li div.person-info, body.template-information_child #content div.columns ul.team li div.person-info {
			min-height: 320px;
		}
		body.template-information #content div.columns ul.team li a.view-bio, body.template-about #content div.columns ul.team li a.view-bio, body.template-services #content div.columns ul.team li a.view-bio, body.template-contact #content div.columns ul.team li a.view-bio, body.template-information_child #content div.columns ul.team li a.view-bio {
			color: #E58117;
		}
		body.template-information #content div.columns ul.team li div.bio, body.template-about #content div.columns ul.team li div.bio, body.template-services #content div.columns ul.team li div.bio, body.template-contact #content div.columns ul.team li div.bio, body.template-information_child #content div.columns ul.team li div.bio {
			display: none;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #2e2e2e;
			color: #fff;
			padding: 25px;
			padding-top: 50px;
			overflow: auto;
		}
			body.template-information #content div.columns ul.team li div.bio p, body.template-about #content div.columns ul.team li div.bio p, body.template-services #content div.columns ul.team li div.bio p, body.template-contact #content div.columns ul.team li div.bio p, body.template-information_child #content div.columns ul.team li div.bio p {
				color: #fff;
				font-size: 14px;
			}
			body.template-information #content div.columns ul.team li div.bio span.close, body.template-about #content div.columns ul.team li div.bio span.close, body.template-services #content div.columns ul.team li div.bio span.close, body.template-contact #content div.columns ul.team li div.bio span.close, body.template-information_child #content div.columns ul.team li div.bio span.close {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 42px;
				height: 42px;
				color: #fff;
				cursor: pointer;
				background: #000;
				font-size: 30px;
				line-height: 40px;
				text-align: center;
				font-weight: normal;
			}


@media only screen and (min-width: 768px) {
	body.template-information #content div.columns ul.team li div.person-info, body.template-about #content div.columns ul.team li div.person-info, body.template-services #content div.columns ul.team li div.person-info, body.template-contact #content div.columns ul.team li div.person-info, body.template-information_child #content div.columns ul.team li div.person-info {
		min-height: 430px;
	}
}
@media only screen and (min-width: 1024px) {
	body.template-information #content div.columns ul.team li div.person-info, body.template-about #content div.columns ul.team li div.person-info, body.template-services #content div.columns ul.team li div.person-info, body.template-contact #content div.columns ul.team li div.person-info, body.template-information_child #content div.columns ul.team li div.person-info {
		min-height: 350px;
	}
}

















/* news
---------------------------------------------------------------------------------------------------- */
body.template-news {
	padding-top: 75px;
}
body.template-news #masthead,
body.template-article-category #masthead,
body.template-article #masthead {
	display: none;
}

/*
ul.article-filters.by-year {
	-webkit-column-count: 4;
}
*/
ul.article-filters.by-year {
	overflow: auto;
}
	ul.article-filters.by-year li {
		float: left;
		margin-right: 20px;
	}

ul.article-filters.by-recent {
	line-height: 1.15;
}
	ul.article-filters.by-recent li {
		margin-bottom: 10px;
	}


@media only screen and (min-width: 1024px) {
	body.template-news {
		padding-top: 86px;
	}
}
/**/
ul.articles {
}
	ul.articles li {
	}
		/* ul.articles li a {
			color: #767676;
		} */
		ul.articles li a.image {
			display: block;
			position: relative;
		}
		ul.articles .fa-play-circle-o {
			position: absolute;
			left: 0;
			top: 0;
			/*font-size: 10em;*/
			/*line-height: 303px;*/
			opacity: .5;
			color: #fff;
			width: 100%;
			height: 100%;
			text-align: center;
		}
		ul.articles li p.date {
			font-style: italic;
		}
		ul.articles li p.more {
			
		}
			/* ul.articles li p.more a {
				color: #fff;
			} */
		




/* article
---------------------------------------------------------------------------------------------------- */
body.template-article {

}
	body.template-article #masthead {
		display: none;
	}
	article p.date a {
		color: #0060AB;
	}




/* contact
---------------------------------------------------------------------------------------------------- */
body.template-contact #content {

}
	body.template-contact #content h2, body.template-careers #content h2 {
		display: block;
		/**/
		border-bottom: 1px solid #d2d2d2;
		margin: 0;
		margin-top: 10px;
		margin-bottom: 30px;
		padding-top: 70px;
		padding-bottom: 16px;
		/**/
		font-weight: bold;
		font-size: 30px;
		color: #2e2e2e;
		line-height: normal;
		font-size: 30px;
		/**/
	}
	body.template-contact #content a, body.template-careers #content a {
		color: #E58117;
	}
	body.template-contact #content h2:first-of-type, body.template-careers #content h2:first-of-type {
		padding-top: 0;
	}
	body.template-contact #content, body.template-careers #content {
		overflow: visible;
	}











/* login
---------------------------------------------------------------------------------------------------- */
body.template-login #content {
	
}
	body.template-login #content h2 {
		font-size: 24px;
		font-weight: 300;
	}
	body.template-login #content form {
	}














/* search
---------------------------------------------------------------------------------------------------- */
ol.search {
	margin-left: 30px;
}
	ol.search li {
	}
		ol.search li h6 {
			margin-bottom: 3px;
		}
			ol.search li h6 a {
				color: #E58117;
				font-weight: bold;
			}
				ol.search li h6 a span.label {
					background: #767676;
					border-radius: 10px;
				}
		ol.search li p {
			line-height: 1.1;
		}
			ol.search li p a {
			}




















































/* processwire foundation default
---------------------------------------------------------------------------------------------------- */
#logo {
	position: relative;
}

#bodycopy ul.in,
#bodycopy ol.in,
#sidebar ul,
#sidebar ol {
	/* Foundation doesn't indent lists at all, so we fix that here... */
	margin-left: 1.25em; 
}


.breadcrumbs {
	/* change default appearance of Foundation breadcrumbs */
	padding: 0;
	background: none; 
	border: none; 
}
	#bodycopy .breadcrumbs {
		/* make the breadcrumbs appear in the spot between masthead and bodycopy */
		margin: 0 0 -1em 0;
		position: relative;
		top: -1.75em; 
		left: -6px; 
	}
	#bodycopy .breadcrumbs li {
		background: #fff; 
	}
	#bodycopy .breadcrumbs li:first-child {
		padding-left: 8px; 
	}
	#bodycopy .breadcrumbs li:last-child {
		padding-right: 8px; 
	}

#bodycopy ul.side-nav,
#sidebar ul.side-nav {
	/* we don't want navigation lists indented */
	margin-left: 0;
}
	#bodycopy .side-nav li {
		/* when side-nav in bodycopy, make it a little more prominent than Foundation default */
		font-size: 1em; 
	}
		#bodycopy .side-nav a {
			font-weight: bold; 
		}
		#bodycopy .side-nav ul ul a {
			font-weight: normal;
		}

ul.side-nav ul {
	/* nested sub-navigation (tree=true) */
	margin-top: 0.5em; 
	margin-left: 2em;
}


#search-form {
	/* this better aligns the search form with the headline */
	margin: 0.75em 0 0 0; 
}



#sidebar h3 + ul.side-nav {
	/* get the nav headline closer to the nav */
	margin-top: -1em;
}



body.template-sitemap .breadcrumbs {
	/* breadcrumbs are redundant on a sitemap page */
	display: none; 
}


/*
 * TinyMCE alignment styles, for images placed in bodycopy
 *
 */
.align_left,
.align_right {
	display: block;
	margin: 1em 0;
}

.align-center {
	display: block;
	margin: 1em auto;
}

@media only screen and (min-width: 500px) {

	/* 
	 * Alignment classes active only when screen is big enough to make them practical.
	 * In our case we've set 500px as our cutoff under which images no longer align,
	 * but you may need to tweak that specific to your case.
	 *
	 */

	.align_left {
		float: left;
		margin: 0 1em 0.5em 0; 
		position: relative;
		top: 5px; 
	}

	.align_right {
		float: right;
		margin: 0 0 1em 1em; 
		position: relative;
		top: 5px; 
	}
}

.image_caption small {
	display: block;
	color: #666; 	
}


















/* timelinr
---------------------------------------------------------------------------------------------------- */
#timeline {
	/*width: 900px;*/ /* made responsive */
	/*height: 350px;*/ /* not necessary */
	overflow: hidden;
	position: relative;
	/*
	background: url('images/timelinr/dot.gif') left 45px repeat-x;
	*/
}
	#timeline a {
		color: #000;
	}
	#dates {
		/*width: 900px;*/ /* made responsive */
		height: 80px;
		overflow: hidden;
	}
		#dates li {
			position: relative;
			list-style: none;
			float: left;
			width: 110px;
			height: 70px;
			font-size: 16px;
			text-align: center;
			/*
			background: url('images/timelinr/biggerdot.png') center bottom no-repeat;
			*/
			background: url('../png/line.png') center 47px repeat-x;
		}
		#dates li:first-child {

		}
		#dates li:last-child {
		}
			#dates span.click-prevent-mask { /* ugly hack for now */
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				width: 100%;
				height: 100%;
				z-index: 99999;
				background: url('../png/i.png'); /* for ie... needs a background to actually work */
			}
			#dates a {
				line-height: 38px;
				padding-bottom: 10px;
				font-style: italic;
				font-family: Georgia, serif;
				cursor: default;
			}
			#dates a.selected {
				font-size: 24px;
			}
			#dates a span.year {
				background: #E2E3E7;
				padding: 0 10px;
			}

			/* bullet */
			#dates a span.bullet {
				display: block;
				text-align: center;
				margin: 0 auto;
				/**/
				position: absolute;
				left: 50%;
				margin-left: -9px;
				top: 40px;
				/**/
				width: 16px;
				height: 16px;
				border-radius: 50%;
				background: #fff;
				border: 1px solid #afafaf;
			}
			#dates a.selected span.bullet {
				margin-left: -11px;
				top: 37px;
				/**/
				width: 22px;
				height: 22px;
				border: 0;
				background: #E58117;
			}
	
	#issues {
		/*width: 900px;*/ /* made responsive */
		/*height: 350px;*/ /* not necessary */
		overflow: hidden;
	}
		#issues > li {
			float: left;
			list-style: none;
			/**/
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			/**/
			/*width: 900px;*/ /* made responsive */
			/*height: 350px;*/ /* not necessary */
		}
			#issues > li > div.issue-wrapper {
				padding: 0 70px;
			}
				#issues > li> div.issue-wrapper > div.list {
				}
					#issues > li> div.issue-wrapper > div.list ul {
						margin-left: 30px !important;
						list-style: disc outside !important;
					}
	
	/*
	#grad_left,
	#grad_right {
		width: 100px;
		height: 350px;
		position: absolute;
		top: 0;
	}
		#grad_left {
			left: 0;
			background: red;
		}
		#grad_right {
			right: 0;
			background: red;
		}
	*/
	#next,
	#prev {
		position: absolute;
		top: 0;
		width: 40px;
		height: 100%;
		background-position: center 130px;
		background-repeat: no-repeat;
		/*background-color: red;*/
		text-indent: -9999px;
		overflow: hidden;
	}
	#next {
		right: 0;
		background-image: url('../png/timeline_next.png');
	}
	#prev {
		left: 0;
		background-image: url('../png/timeline_prev.png');
	}
			#next.disabled,
			#prev.disabled {
				opacity: 0.2;
			}





@media only screen and (min-width: 768px) {
	#timeline,
	#issues,
	#issues > li,
	#dates {
		width: 540px;
	}
	/**/
	#issues div.list.list-1 {
		width: 45%;
		margin-right: 0;
	}
	#issues div.list.list-1:nth-child(2) {
		float: right;
	}
}
@media only screen and (min-width: 1024px) {
	#timeline,
	#issues,
	#issues > li,
	#dates {
		width: 580px;
	}
}
@media only screen and (min-width: 1200px) {
	#timeline,
	#issues,
	#issues > li,
	#dates {
		width: 900px;
	}
}








/* hi-dpi overrides
---------------------------------------------------------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio: 1.3),
			 (-o-min-device-pixel-ratio: 2.6/2),
			 (min--moz-device-pixel-ratio: 1.3),
			 (min-device-pixel-ratio: 1.3),
			 (min-resolution: 1.3dppx)
 {	
	#loading {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		margin-left: -25px;
	}
	#wc_modal a.close-reveal-wc-modal,
	a.close-load-div {
		background-size: 13px 12px;
		width: 40px;
		height: 40px;
	}
}







.side-nav {
	position: fixed;
}













/* loading default
---------------------------------------------------------------------------------------------------- */
#loading {
	display: none;
	position: fixed;
	z-index: 99999999999;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	opacity: .5;
}



/* css3 loading spinner (https://github.com/tobiasahlin/SpinKit)
---------------------------------------------------------------------------------------------------- */
.spinner {
	display: none;
	position: fixed;
	z-index: 99999999999;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	text-align: center;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #E58117;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}



@media(max-width:1400px){
	.project-deets {font-size:1.2em; line-height:1.2em;}
	.project-deets li {padding-bottom:0px;}
}


@media(max-width:600px){
	ul.projects li a div.info {padding:10px;}
}


.top-bar-section ul li.careers > a
{
    background: #E58117 !important;
    padding: 8px 30px !important;
    height: 50px !important;
    display: inline;
    text-transform: uppercase;
    font-weight: bold !important;
    font-size: 14px;
    text-align: center;
}
.mobile-career a{
	display: none !important;
}
@media only screen and (max-width: 640px) {
	
	.mobile-career a{
		display: block !important;
	}
	.desktop-career a{
		display: none !important;
	}
	.top-bar-section ul li.careers > a
	{
		height: 40px !important;
	}
}

/*======================================
			15-04-2019
======================================*/

@media (min-width: 641px) and (max-width: 767px){
	/* div#topnav nav.top-bar ul.title-area li.home a {  width: 178px; height: 45px;  background-size: 178px 45px;	}
	div#topnav nav.top-bar{height: 45px;} */
	div#topnav nav.top-bar ul.menu > li{margin-left: 6px;}
	div#topnav nav.top-bar ul.menu > li > a{font-size: 0.7rem; /*height: 45px; line-height: 45px;*/}
	.top-bar-section ul li.careers > a{font-size: 10px; padding: 8px 6px !important;}
	div#topnav nav.top-bar ul.menu > li.mini.first > a i.fa{margin-left: 15px;}
	div#topnav nav.top-bar ul.menu > li.mini > a i.fa{padding-left: 5px; padding-right: 5px;}
	div#topnav nav.top-bar ul.menu > li.mini > a{font-size: 14px;}
	div#topnav nav.top-bar ul.menu{margin-right: 0px;}
	.top-bar-section .has-dropdown > a:after{
		top: 25px;margin-right: 0px;
	}
}
@media (min-width: 641px) {
	div#topnav nav.top-bar ul.menu ul.dropdown{padding-top: 5px;}
	div#topnav nav.top-bar ul.menu > li.has-dropdown:hover > a {    background: url(../png/menu_item_active.png) center bottom no-repeat;}
	.top-bar-section .has-dropdown > a:after{display: none;}
	.top-bar-section .has-dropdown > a{padding-right: 0 !important;}
}
@media (min-width: 641px) and (max-width: 991px){
	
	div#topnav nav.top-bar ul.menu > li a{font-size: 0.65rem;}
	
}
@media (min-width: 768px) {
	.top-bar-section .has-dropdown > a:after{top: 30px;margin-right: 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
	div#topnav nav.top-bar ul.menu > li{
		margin-left: 8px;
	}
	.top-bar-section ul li.careers > a{
		padding:8px 8px !important;
	}
	div#topnav nav.top-bar ul.menu > li.mini.first > a i.fa{
		margin-left: 15px;
	}
}
@media(min-width: 992px){
	
}

@media(min-width: 1025px) and (max-width: 1180px){
	div#topnav nav.top-bar ul.menu > li{
		margin-left: 10px;
	}

}
@media(min-width: 1181px) and (max-width: 1275px){
	div#topnav nav.top-bar ul.menu > li{
		margin-left: 25px;
	}
}

.news_heading{
	clear: none;
    display: block;
    float: left;
    width: 100%;
    font-weight: 700;
    padding: 0 10px 20px;

}

.template-project-category #masthead {
	display: none;
}
select.rbox-filter[name=team]{
	display: none;
}