/* GENERAL STYLES */

body {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; 
  font-weight: 300;
  background-color: #ECF7F7;
  color: #214b63;
  font-size: 17px;
  line-height: 1.5
}

h1 {
	font-family: 'Unica One', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  color: #94131f;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 3.5em;
}
h2, h3, h4 {
	font-family: 'Unica One', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	color: #94131f;
	text-transform: uppercase;
}

a {
	color: #94131f;
}
a:hover {
	color: #214b63;
	transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-webkit-transition: color 0.3s ease-in-out 0s;
	-o-transition: color 0.3s ease-in-out 0s;
}


.btn {
	border: 2px solid #94131f; 
	opacity: 0.8; 
	text-transform: uppercase; 
	font-size: 0.9em; 
	font-weight: 800; 
	letter-spacing: 0.1em;
	background: transparent;
	color: #94131f;
}
.btn:hover {
	color: #214b63;
	border: 2px solid #214b63;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.btn:visited {color: #94131f;}

.btn-blue {color: #214b63; border: 2px solid #214b63;}

form input, form textarea {background: #addee5; border: none; padding: 8px 11px; color: #214b63; width: 100%; font-size: 0.9em}


::-webkit-input-placeholder {
   color: #214b63;
}
:-moz-placeholder { /* Firefox 18- */
   color: #214b63; 
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #214b63; 
}
:-ms-input-placeholder {  
   color: #214b63; 
}


/* NAVBAR */
#title {margin-bottom: 10px;}
#title h1 {margin-top: 40px;}

.navbar-inverse {
    margin: 0;
    padding: 0;
    background: #49728e;
	padding-top: 0px; 
	padding-bottom: 0px;
	border-bottom: 0;
	border-top: 5px solid #94131f;
	border-right: 0;
	border-left: 0;
	
}

.navbar-inverse .navbar-nav > li > a {
	font-family: 'Unica One', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 800;
	color: #f0f7ec;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1em;
}

.navbar-inverse .navbar-nav > li > a:hover {
	color: #fff;
	background-color: #214b63;
	transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #214b63;
}

.navbar {
	border-radius: 0px;
}
.navbar-brand {
	background: transparent url('http://i84waterbury.s3.amazonaws.com/static/seal_logo.png') top left no-repeat;
	background-size: 100%;
	width: 89px;
	height: 117px;
	display: inline-block;
	text-indent: -9999px;
	margin-top: 10px;
	margin-right: 20px;
}

.navbar-inverse .navbar-toggle {
	border: 1px solid #fff;
	color: #fff;
	font-family: 'Unica One', 'Helvetica Neue', Arial, sans-serif; 
    font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	text-align: center;

}

.navbar-inverse .navbar-collapse.in  {
	background: none; 
	display: inline-block;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	
}

.navbar-inverse .navbar-collapse.in .navbar-nav > li > a {
	color: #fff;
}
.navbar-inverse .navbar-collapse.in .navbar-nav > li > a:hover,
.navbar-inverse .navbar-collapse.in .navbar-nav > .active > a {
	color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: transparent;}

.navbar-inverse .navbar-collapse.in ul.pull-right a{
	margin-left: 0px;
}
.navbar-collapse {box-shadow: none;}

.navbar-nav>li>.dropdown-menu {background: #214b63; color: #fff; border: none;}
	.navbar-nav>li>.dropdown-menu a {color: #fff; font-family: 'Open Sans', sans-serif; font-size: 1em;}
	.navbar-nav>li>.dropdown-menu a:hover {background: #0c3344;}
	
/* FOOTER */
#footer {
	background: #addee5;
	border-right: 0;
	border-left: 0;
	margin-top: 40px;
	padding-bottom: 15px;
	padding-top: 20px;
	line-height: 1.1;
}
#footer a {
	color: #214b63;
}
#footer a:hover {}
#footer h3 {color: #94131f; margin-top: 0;line-height: 1.1;}

#footer .right {text-align: right; margin-top: 5px;}
#footer .right img {max-width: 100%;}

/* MAIN BODY */

.main {padding-top: 0px; margin-top: 0}
.main h1 { font-size: 48px; letter-spacing: 0em;}

.sidebar {background: #cce9e8; padding: 5px 20px 15px 20px; margin-top: 82px;} 
.sidebar h3 {}
.sidebar .triangle-border {margin-bottom: 20px;}
.subtitled {text-align: center; padding: 5px 0; color: #fff; margin-top: 0; }
.red {background: #94131f; }
.blue {background: #214b63;}
#sidebar ul { padding-left: 10px; margin-top: 1em;}
#sidebar ul li {font-size: 15px; line-height: 1.3; margin-bottom: 0.75em;}

.triangle-border {
	position: relative;
	padding: 15px;
	margin: 0em 0em 0em;
	border: 5px solid #94131f;
	color: #fff;
	background: #94131f;
	text-align: center;

}

.triangle-border:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 48%;
	border-width: 20px 20px 0;
	border-style: solid;
	border-color: #94131f transparent;
	display: block;
	width: 0;
}

.bottom-triangle-border {
	position: relative;
	padding: 15px;
	margin: 0em 0em 0em;
	border: 5px solid #214b63;
	color: #fff;
	background: #214b63;
	text-align: center;

}

.bottom-triangle-border:before {
	content: "";
	position: absolute;
	top: -20px;
	left: 43%;
	border-width: 0 20px 20px ;
	border-style: solid;
	border-color: #214b63 transparent;
	display: block;
	width: 0;
}
.triangle-border a, .bottom-triangle-border a {color: #f0f7ec;}
.triangle-border a:hover, .bottom-triangle-border a:hover {color: #fff; text-decoration: none;}

#imagebar {}
#homepage #imagebar {background: transparent url(http://clients.brandnewbox.com/aecom/waterbury/Website_Header_25.jpg) top center no-repeat; min-height: 300px; background-size: cover; text-indent: -9999px }
#interior #imagebar {background: transparent url(http://clients.brandnewbox.com/aecom/waterbury/interior_stripe2.jpg) top center no-repeat; min-height: 100px; background-size: cover;text-indent: -9999px}


.breadcrumbs {display: none;}

/* HOMEPAGE ONLY */

.cta {
margin-top: -220px;
padding-bottom: 140px;
}
.cta .btn {background: #fff; font-size: 1.5em; white-space: normal;}

ul#announcements {list-style: none; margin-left: 0; padding-left: 0px; }
	ul#announcements li  {margin-bottom: 1em;  }
		ul#announcements li span { font-size: 10px; text-transform: uppercase;}
		ul#announcements li a {clear: left; display: block; }
        ul#announcements strong {font-weight: normal;}

/* RESPONSIVE ADJUSTMENTS */

@media (max-width: 979px) and (min-width: 767px){
  .navbar-header {float: center;}
}

@media (max-width: 767px) {
	#title h1 {margin-top: 20px; font-size: 48px; line-height: 1.0;}

	.navbar-brand {	}
	#footer h2.seal {text-align: left;}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a 	{color: #fff;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #fff; text-decoration: underline;}
	#homepage #imagebar {display: none;}
        .sidebar {margin-top: 40px;} 
        .cta {margin-top: 10px; padding-bottom: 10px;}

}

@media (max-width: 480px) {
	.navbar-inverse {
	    background: #49728e;
	}
	
	.navbar-brand {
		background: transparent url('http://i84waterbury.s3.amazonaws.com/static/seal_logo.png') top left no-repeat;
		background-size: 100%;
		width: 110px;
		height: 110px;
	}
	.navbar-inverse .navbar-collapse.in  {
		margin-top: -60px;
	}	
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 21px;
	}
	h3 {
		font-size: 18px;
	}
	#title h1 {margin-top: 10px; font-size: 36px; line-height: 0.9;}
	#footer .right {text-align: left; margin-top: 5px;}
	
}