/*---------------------- Body --------------------------*/

body {
	background-color: #000000;
}

body, 
p, 
input,
button,
select,
textarea,
.navbar-search .search-query {
	color: #000000;
	font-family: muli;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}

.mission-statement h3, .mission-statement h3 a {
	color: #000000;
	font-family: oswald;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
}

h1, .h1, h1 a, h2, .h2, h2 a, h3, .h3, h3 a, h4, .h4, h4 a, h5, .h5, h5 a, #sidebar h4.widget-title, #sidebar .widgetitle a {
	color: #000000;
	font-family: oswald;
	font-style: normal;
	font-weight: normal;
}

h1#logo-default, h1#logo-default a {
	color: #000000;
	font-family: oswald;
	font-size: 39px;
	font-style: normal;
	font-weight: normal;
}

#submit, #custom-contact-form #submit-button, #custom-contact-form input, #custom-contact-form select, #custom-contact-form textarea, .respond-form input[type="text"], .respond-form input[type="email"], .respond-form input[type="url"], .respond-form textarea, .page-strapline, #latest-projects h2, #latest-articles h2, .post p:first-of-type:first-letter {
	font-family: muli;
}


#header-nav[role=navigation] ul ul {
	border-top: 2px solid #9c9c9c;
}

#header-nav[role=navigation] ul a:hover,
#header-nav[role=navigation] ul li.sfHover > a,
#header-nav[role=navigation] ul li.current-cat > a,
#header-nav[role=navigation] ul li.current_page_item > a,
#header-nav[role=navigation] ul li.current-menu-item > a,
#back-to-top a:hover,
.view-first:hover .mask,
.double:after,
.pager a:hover {
	background-color: #9c9c9c; 
}

a,
#footer-global a,
.mission-statement span,
#featured span,
#latest-work h1 a:hover, 
#latest-news h1 a:hover,
.view-more span .icon-plus,
.blog-index h1 a:hover,
.latest-news-excerpt h3 a:hover,
#logo [class^="icon-"],
#header-nav[role=navigation] ul ul li a:hover,
#header-nav[role=navigation] ul ul li.current-cat > a,
#header-nav[role=navigation] ul ul li.current_page_item > a,
#header-nav[role=navigation] ul ul li.current-menu-item > a {
	color: #9c9c9c;
}

.flex-control-nav li a:hover,
.flex-control-nav li a.active {
	background: #9c9c9c;
}

.widget img:hover,
#related-projects img:hover {
	border: 1px solid #9c9c9c;
}

/*---------------------- Custom CSS (Added from the Theme Options panel) --------------------------*/

#footer-global .widget img {
  -moz-box-shadow: 0px 0px 0px 0px #000, 0 0 0px rgba(0, 0, 0, .5) inset;
  -webkit-box-shadow: 0px 0px 0px 2px #000, 0 0 0px rgba(0, 0, 0, .5) inset;
  box-shadow: 0px 0px 0px 0px #000, 0 0 0px rgba(0, 0, 0, .5) inset;
}

#text-2 div.textwidget p a img, #text-6 div.textwidget p a img,#text-7 div.textwidget p a img, #text-8 div.textwidget p a img {
	border: none;
	
}
div.latest-news-meta {
	display: none;
}
.widget img {
	float: left;
	margin: 0 12px 12px 0;
  border: 0px solid #fff;
  opacity: 1;
  -webkit-transition: border .3s ease-in-out;
  -o-transition: border .3s ease-in-out;
  -moz-transition: border .3s ease-in-out;
  -ms-transition: border .3s ease-in-out;
  transition: border .3s ease-in-out;
}

.widget img:hover {
	opacity: 1;
	border: 1px solid #1ca9e4;
}