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

body {
	background-color: ;
}

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: 22px;
	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 #bababa;
}

#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: #bababa; 
}

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: #bababa;
}

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

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

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

/* Remove left column on single portfolio pages */
.single-portfolio .span2 {
display: none;
}

/* Adjust spacing around logo */
.header-wrap {
margin-top: 50px;
margin-bottom: 0px;
padding: 20px 0 0 0;
text-align: center;
}

/* Move the HR below logo up */
div.container .double {
margin-top: 0px;
}

/* Add white font on lists */
ul {
color: #fff;
}

/* Increase width of form fields */
input, textarea, .uneditable-input {
width: 80%;
}

/* Move slider title down */
.flex-title {
bottom: 14%;
}

.flex-caption {
bottom: 1%;
}

/* Add text shadow to title so its readable on light photos */
.flex-title span {
text-shadow: 3px 3px 5px black;
}

/* Remove underline under ribbon */
#page-title, #project-title {
border-bottom: none;
}
/* Responsive change span widths for portfolio pages */
@media (min-width: 1200px) {
.single-portfolio .span6 {
width: 770px;
}

.single-portfolio .span10 {
width: 1200px;
}
}

/* move porfolio ribbon title down */
.ribbon {
top: 26px;
z-index: 1000;
}

/* move portfolio nav up (above ribbon) */
.project-nav {
position: relative;
top: -35px;
}

/* remove line below project title */
#project-title {
border-bottom: none;
height: 0px;
}

/* adjust slider images to fix slider space */
.flexslider .slides img {
max-width: 100%;
display: block;
min-width: 100%;
overflow: hidden;
}

.flexslider .slides > li {
position: relative;
max-height: 429px;
}

@media screen and (max-width: 768px) {
/* Position mobile logo in centre */
div#logo {
background-image: url('http://coolclassiccar.wpengine.com/wp-content/uploads/2013/12/ccc-logo3.png');
background-size: 200px auto;
background-repeat: no-repeat;
top: -37px;
left: inherit;
position: relative;
z-index: 1010;
height: 150px;
padding: inherit;
text-align: center;
background-position: center;
}

/* Hide normal logo so mobile logo can be shown */
#logo h1 img {
border: none;
visibility: hidden;
}
}

/* Contact form validation styling */
div.wpcf7-validation-errors {
border: 4px solid #f7e700;
color: #f7e700;
font-size: 18px;
font-family: oswald;
}

div.wpcf7-mail-sent-ok {
border: 4px solid #398f14;
color: #f7e700;
font-size: 18px;
font-family: oswald;
}

/* Booking form move checkbox left */
input[type="checkbox"], input[type="radio"] {
float: left;
}

/* Booking form display checkboxes vertically */
span.wpcf7-list-item {
display: block;
}

/* Adjust width of date selector on bookings form */
.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
width: 210px;
}