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

- # color #000
- # background #000
- # background #212121
- # color #222
- # background #333
- # color #555
- # color #666
- # background #eee
- # background #f1f1f1
- # background #f8f8f8
- # color #fff
- # background #fff
- # color #0260e8
- # background #0260e8
- # background #0602e8
- # color #2179f9

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

/*-----------------------------------------------------
# color #000
------------------------------------------------------*/

.navigation ul li a,
.full-screen-nav a,
.entry-category,
.entry-title a,
.blog-item .read-more,
.footer-extended .info ul li:first-child,
.share-links a,
.about-author .follow-links li a,
.comment .reply,
.contact-form input::placeholder,
.next-project h1 a,
.contact-info li:first-child,
.cta-link,
.follow-us-links li a,
.interactive-links a,
.portfolio-item-category {
	color: #231c1a;
}

/*-----------------------------------------------------
# background #000
------------------------------------------------------*/

.nav-open i,
.nav-open i:before,
.nav-open i:after,
.full-screen-nav .coll-nav-sub-item a:after,
.contact-form input[type=submit],
.project-description h2 span:after,
.btn:hover {
	background: #231c1a;
}

/*-----------------------------------------------------
# background #212121
------------------------------------------------------*/ 

.agency-modern .about .info,
.cta_01,
.footer-inverse {
	background: #212121;
}

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

.blog-item p {
	color: #222;
}

/*-----------------------------------------------------
# background #333
------------------------------------------------------*/

.contact-form textarea::-webkit-scrollbar-thumb {
	background: #333;
}


/*-----------------------------------------------------
# color #555
------------------------------------------------------*/

.footer-extended .info ul li,
.footer-extended .info ul li a,
.comment p,
.cta_02 p,
.about-me p,
.about-me li,
/* .contact-info a:visited, */
.contact-info a {
	color: #555;
}

/*-----------------------------------------------------
# color #666
------------------------------------------------------*/

.entry-header .entry-category,
.entry-header .posted-on,
.comment .publication-date,
.single-project .details li span,
.contact-info li,
.personal-portfolio .hero p {
	color: #666;
}

/*-----------------------------------------------------
# background #eee
------------------------------------------------------*/

.contact-form textarea::-webkit-scrollbar-track {
	background: #eee;
}

/*-----------------------------------------------------
# background #f1f1f1
------------------------------------------------------*/ 

.share-links li {
	background: #f1f1f1;
}

/*-----------------------------------------------------
# background #f8f8f8
------------------------------------------------------*/

.footer-bg-grey,
.contact-form input,
.contact-form textarea,
.next-project,
.cta_02 {
	background: #f8f8f8;
}

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

.sub-nav li:hover a,
.tag-links a:hover,
.share-links li:hover a,
.contact-form input[type=submit],
.btn,
.agency-modern .about .info .content,
.cta_01 h2,
.footer-inverse,
.footer-inverse .follow-us-links li a,
.btn:hover,
.hero h1,
.hero ul a:visited,
.hero ul a:link {
	color: #fff;
}

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

.sub-nav,
.full-screen-nav,
.team-member .overlay,
.cta_01 .btn:hover {
	background: #fff;
}

/*-----------------------------------------------------
# overlay background rgba 256, 256, 256, 0.2
------------------------------------------------------*/

.portfolio-item-overlay {
	background: rgba(256, 256, 256, 0.7);
}

/*-----------------------------------------------------
# color #ef3800
------------------------------------------------------*/

.navigation > ul > li > a:hover,
.entry-category:hover,
.entry-title a:hover,
.footer-extended .info ul li a:hover,
.tag-links a,
.about-author .follow-links li a:hover,
.comment .reply:hover,
.mail-link,
.follow-us-links li a:hover,
.agency-minimal .intro h2,
.emphasis-orange,
.cta_01 .btn:hover,
.cta_02 h2,
.portfolio-item-title,
.portfolio-item-title:visited {
	color: #ef3800;
}

/*-----------------------------------------------------
# background #ef3800
------------------------------------------------------*/

.blog-item .read-more:before,
.sub-nav li:hover,
.tag-links a:hover,
.share-links li:hover,
.contact-form input[type=submit]:hover,
.cta_02 .cta-link:before,
.personal-portfolio .hero .cta-link:before,
.btn,
.mail-link:after {
	background: #ef3800;
}

/*-----------------------------------------------------
# color #ef3800
------------------------------------------------------*/

.agency-modern .about .info .content h3,
.contact-info a:hover {
	color: #ef3800;
}