/*-----------------------------------------------------
Table of Contents

- # color #222
- # background #222
- # color #444
- # color #555
- # color #666
- # color #777
- # color #fff
- # background #fff
- # color #f85c50 	- Primary Color
- # background #f85c50 	- Primary Color

------------------------------------------------------*/

/*-----------------------------------------------------
# color #222
------------------------------------------------------*/

body,
a,
.footer .section-one .info ul li:first-child {
	color: #222;
}

/*-----------------------------------------------------
# background #222
------------------------------------------------------*/

.open-nav i,
.open-nav i:before,
.open-nav i:after,
.cta-primary,
.contact-form input[type=submit] {
	background: #222;
}

/*-----------------------------------------------------
# color #444
------------------------------------------------------*/
.footer .section-one .info ul li,
.footer .section-one .info ul li a,
.footer .get-in-touch p,
.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-info p {
	color: #444;
}

/*-----------------------------------------------------
# color #666 
------------------------------------------------------*/
.blog-post .author,
.blog-post .post-img figcaption,
.case-study .services {
	color: #666;
}

/*-----------------------------------------------------
# color #777 
------------------------------------------------------*/

.blog-post .comment .publication-date {
	color: #777;
}

/*-----------------------------------------------------
# color #fff 
------------------------------------------------------*/

.close-nav,
.mobile-nav nav ul li a,
.cta-primary,
.blog-post .quote blockquote,
.contact-form input[type=submit] {
	color: #fff;
}

/*-----------------------------------------------------
# background #fff
------------------------------------------------------*/

.blog-post .related-posts div {
	background: #fff;
}

/*-----------------------------------------------------
# color #f85c50
------------------------------------------------------*/
.works-item .category,
.blog-item .category,
.blog-post .category,
.contact h2,
.contact-us h3,
.blog-post .comment .reply,
.cta-secondary:hover,
nav a:hover,
.footer .section-one .info ul li a:hover,
.social-media li a:hover,
.next-project a:hover,
.blog-item .title a:hover,
.related-posts .title a:hover,
.blog-post .header a:hover  {
	color: #f85c50;
}

/*-----------------------------------------------------
# background #f85c50
------------------------------------------------------*/

.thumbnail-wrapper,
.mobile-nav,
.blog-post .quote blockquote,
.cta-primary:hover,
.contact-form input[type=submit]:hover {
	background: #f85c50;
}