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

- # color #2e4159
- # background #2e4159
- # color #444
- # color #2e4159
- # color #8f8ebf
- # color #fff
- # background #fff
- # background #f8f8f8

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

/*-----------------------------------------------------
# color #2e4159
------------------------------------------------------*/


.footer-details li:first-child,
.entry-author,
.service-category .item h2,
.featured-works-item .overlay .content,
.btn-inverse,
.tms_services a,
.entry-category,
.quote,
.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: #2e4159;
}

.main-nav a {
	color: #fff;
}

.page-nav a {
	color: #2e4159;
}


/*-----------------------------------------------------
# background #2e4159
------------------------------------------------------*/

.open-nav i,
.open-nav i:before,
.open-nav i:after,
.services .hero .content h2:before,
.featured-works-item .overlay .content span:nth-of-type(2):after,
.responsive-nav-container,
.footer-details form button:hover,
.similar-posts,
.journal,
.next-project header,
.btn:hover,
.main-hero,
.contact-us .block-1,
.btn,
.footer-details form button,
.contact-form textarea::-webkit-scrollbar-thumb,
.services .item,
.tms_services .item span:after {
	background: #2e4159;
}

.similar-posts .item .overlay {
	background: rgba(0, 0, 0, .7);
}

/*-----------------------------------------------------
# color #444
------------------------------------------------------*/

.about-us .content h3 {
	color: #444;
}

/*-----------------------------------------------------
# color #2e4159
------------------------------------------------------*/

.copyright,
.footer-details li,
.footer-details li a {
	color: #2e4159;
}

/*-----------------------------------------------------
# color #8f8ebf
------------------------------------------------------*/

.entry-date,
.entry-image_1 figcaption {
	color: #8f8ebf;
}

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

.responsive-nav-container a,
.footer-details .ti-email,
.similar-posts header,
.similar-posts .item .overlay a,
.services .item .content h2,
.entry-title a,
.navigation-inverse a,
.next-project header,
.btn,
.main-hero .block-1,
.contact-us .block-1 .content,
.entries-list .entry-category {
	color: #fff;
}

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

.open-nav-inverse i,
.open-nav-inverse i:before,
.open-nav-inverse i:after {
background: #474073;
}

footer,
.entry-header,
.contact-form-container,
.main-hero .btn:hover,
.contact-us .btn:hover,
.btn-inverse {
	background: #fff;
}
.featured-works-item .overlay {
	background: rgba(255, 255,255, .8);
}

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

form input,
form textarea,
.services .details,
.quote {
	background: #f8f8f8;
}

.success {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.error {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid rgba(185, 74, 72, 0.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}