/* 
    Document   : colors
    Author     : Little Neko
    Description: template colors
*/

/* Table of Content
==================================================

#BOOSTRAP CUSTOMIZATION
#TYPOGRAPHY
#LINKS AND BUTTONS
#HEADER
#MAIN MENU 
#FOOTER 
#SLIDERS
#PORTFOLIO
#MISCELANIOUS
#NEKO CSS FRAMEWORK

*/

/* BOOSTRAP CUSTOMIZATION
================================================== */

/** tabs **/
.panel-default > .panel-heading {
  background: #5eb852;
}
.panel-default > .panel-heading:hover {
  background: #fff;
}
.panel-default > .panel-heading:hover a {
  color: #5eb852;
}
.panel-title > a {
  color: #fff;
}
.panel-title > a:hover {
  text-decoration: none;
}

/* END BOOSTRAP CUSTOMIZATION
================================================== */

/* TYPOGRAPHY
================================================== */

body {
  color: #777;
  background: #fff;
}

blockquote small {
  color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
}
h2 {
  color: #888;
}
h2 i {
  color: #999;
}
h2.subTitle:after,
h1.noSubtitle:after {
  background-color: #5eb852;
}

/*** parallax sections ***/

.paralaxText blockquote:before,
.paralaxText blockquote:after {
  color: #fff;
}
#home,
#paralaxSlice1,
#paralaxSlice2,
#paralaxSlice3,
#paralaxSlice4 {
  background-color: #fff;
  /*background-color:#5EB852;*/
}
/*#home {
	background-image:url('../images/theme-pics/paralax-sea-green-3.jpg');
}*/
#paralaxSlice1 {
  background-image: url("../images/theme-pics/paralax-grey-2.jpg");
}
#paralaxSlice2 {
  background-image: url("../images/theme-pics/paralax-grey-2.jpg");
}
#paralaxSlice3 {
  background-image: url("../images/theme-pics/paralax-grey-3.jpg");
}
#paralaxSlice4 {
  background-image: url("../images/theme-pics/paralax-grey-3.jpg");
}
.paralaxText blockquote,
.paralaxText h1,
.paralaxText h2,
.paralaxText h3,
.paralaxText p,
.paralaxText i {
  color: #fff;
}

/* END TYPOGRAPHY
================================================== */

/* LINKS AND BUTTONS
================================================== */

a {
  color: #5eb852;
}
a:hover,
.scrollspyNav .active a {
  color: #5eb852;
}
ul.iconsList li a {
  color: #555;
}
ul.iconsList li a:hover,
ul.iconsList i {
  color: #5eb852;
}

/*** buttons ***/
.btn {
  background: #5eb852;
  color: #fff;
  border: 2px solid #fff;
}
.btn:hover {
  color: #5eb852;
  border-color: #eee;
  text-shadow: none;
  background: #fff;
}
.btn-primary {
  background: #5eb852;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background: #555;
}
.btn-info {
  background: #49afcd;
}
.btn-success {
  background: #5bb75b;
}
.btn-warning {
  background: #faa732;
}
.btn-danger {
  background: #da4f49;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
.btn-link:hover {
  background: none;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #49afcd;
}
.btnWrapper {
  border: 1px solid #ccc;
}

/* END LINKS AND BUTTONS
================================================== */

/* MAIN MENU 
================================================== */

#mainHeader {
  /*background-color: white;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);*/
}

#mainMenu ul li a,
#resMainMenu ul li a {
  color: #444;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: #5eb852;
  color: #fff;
}

/* END MAIN MENU 
================================================== */

/* FOOTER 
================================================== */

footer {
  color: #777;
  background: #eee;
}

#footerRights {
  background-color: #fff;
  color: #999;
}
p.credits {
  color: #555;
}
p.credits a {
  color: #5eb852;
}

/* END FOOTER 
================================================== */

/* HOME
================================================== */

#home h1 {
  color: #ffffff;
}

/* END HOME
================================================== */

/* SLIDERS
================================================== */

/*** FLEX ***/

.flexslider {
  box-shadow: none;
}
.slides .txt div {
  background: #444;
  color: #ffffff;
}
.flexslider .flex-direction-nav a {
  background-color: #5eb852;
}

.flexslider .flex-control-paging li a:hover,
#sliderWrapper .flex-control-paging li a.flex-active {
  background: #fff;
  border: 2px solid #fff;
}
.flexslider .flex-control-paging li a {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.flexslider .flex-control-nav {
  background: transparent;
}
.flexslider h1 {
  color: #fff;
  background-color: #5eb852;
}
.flexslider h2 {
  color: #fff;
  background-color: #333;
}
.flexslider .caption p {
  background-color: #fff;
  color: #555;
}

/*** flexHome ***/
#flexHome h1 {
  color: #000;
  background: none;
}
#flexHome h2 {
  color: #000;
  background: none;
}

/*** END FLEX SLIDER ***/

/* END SLIDERS
================================================== */

/* PORTFOLIO
================================================== */

nav#filter a {
  background-color: #eee;
  color: #555;
}
nav#filter a:hover,
nav#filter a.current {
  background-color: #5eb852;
  color: #fff;
}
li.filterTitle {
  color: #4f6266;
}
section#projectDescription {
  background-color: #f8f8f8;
}
.mask {
  background-color: #5eb852;
}
/* END PORTFOLIO
================================================== */

/* MISCELANIOUS
================================================== */
/*** hover images ***/
.iconLinks a span {
  color: #fff;
}

/*** pricing table ***/
.pricingBloc {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.pricingBloc ul li {
  border-bottom: 1px solid #ddd;
  color: #444 !important;
}
.pricingBloc ul li:last-child {
  border-bottom: none;
}
.pricingBloc h2 {
  background-color: #333;
  color: #fff !important;
  border: none;
  font-size: 20px;
}
.pricingBloc h3 {
  background-color: #5eb852;
  color: #fff !important;
}
.pricingBloc p {
  background-color: #eee;
  color: #444 !important;
}

/*** Form ***/
.form-control:focus {
  border: none;
  background-color: #ddd;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.form-control {
  color: #444;
  background-color: #ededed;
  border: none;
}
.error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

label.error {
  color: #fff;
  background-color: #b94a48;
  border: none;
}

#projectQuote,
#projectQuote h3 {
  background: #ddd;
  color: #444;
}

/* END MISCELANIOUS
================================================== */

/* NEKO CSS FRAMEWORK
================================================== */

/*** Feature box **/

.boxFeature i {
  color: #5eb852;
}

/*** slices ***/
.slice {
  background-color: #fff;
}

/*** call to action ***/
.ctaBox {
  border: 2px solid rgba(0, 0, 0, 0.05);
}
.ctaBoxFullwidth {
  border: none;
}

.ctaBox blockquote {
  color: #fff;
}

/*color1*/
.color1,
.slice.color1,
.bulle.color1,
.ctaBox.color1 {
  background-color: #f7f7f7;
  color: #444;
}

.color1 h1,
.color1 h2,
.color1 h3,
.color1 h4,
.color1 blockquote,
.color1 a {
  color: #444;
}
.color1 a.btn {
  color: #fff;
}
.color1 a.btn:hover {
  color: #5eb852;
}

/*color4*/
.color4,
.slice.color4,
.bulle.color4,
.ctaBox.color4 {
  background-color: #5eb852;
  color: #fff;
}

.color4 h1,
.color4 h2,
.color4 h3,
.color4 h4,
.color4 blockquote,
.color4 a {
  color: #fff;
}

.color4 h2.subTitle:after,
.color4 h1.noSubtitle:after {
  background: #fff;
}
/*** icons ***/
.iconRounded {
  border: 2px solid #5eb852;
  color: #5eb852;
  background-color: #fff;
}
.iconRounded:hover,
.color1 .iconRounded:hover {
  background-color: #5eb852;
  color: #fff;
}
.color1 .iconRounded {
  color: #5eb852;
}
.color4 .iconRounded {
  background-color: #fff;
  color: #5eb852;
}

/* END NEKO CSS FRAMEWORK
================================================== */