/* ============================
    Colors:
			Primary Color: #b2dd4c
			Secondary Color #727272    
   ============================ */

/* ============================
    Layout and Topography
   ============================ */
body {
     color: #757575;
}

#page-wrapper {
    background-color: #fff;
}

#header-wrapper {

  background-color: #fff;
      border-bottom: 1px solid #d5d5d5;
}

#logo {
	color: #b2dd4c;
}

#content-wrapper {
    background: #fff;
}

#main-content {
  margin: 40px 0;
}

#social-wrapper {
  background-color: #d5d5d5;
}

.fa {
  color: #404040;
}

#footer-wrapper {
  background-color: #404040;
}

#footer {
	color: #727272;
}

h1,
h2,
h3,
h4,
h5,
#title,
a {
    color: #b2dd4c;
}


/* ============================
    Menu
   ============================ */
#menu ul {
    color: #b2dd4c;
}

#menu ul li a {
  color: #727272;
  font-size: 16px;
  font-weight: 700;
  line-height: 34px;
}

#menu a {
  color: #b2dd4c;
  display: block;
  line-height: 1.2em;
  padding: 0 30px;
  font-size: 1.4em;
  text-decoration: none;
}

#menu .home {
  background: #b2dd4c none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  padding: 0 30px;
  text-decoration: none;
}

#menu a:hover {
  background: #b2dd4c none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  padding: 0 30px;
  text-decoration: none;
  transition: background-color 0.15s ease-out 0s;
}

/* 3rd Level */
#menu > ul > li > ul > li > ul {
	background: #E7B400;
}

/* ============================
    FlexSlider
   ============================ */
   
.flexslider li .category p {
	background: #b2dd4c;
	border-radius: 3px;
	font-size: 1.1em;
	padding: 12px 18px;
	font-weight: 300;
}

.flexslider li .category span {
	background: #b2dd4c;
	border-radius: 3px;
	padding: 12px 18px;
	font-size: 1.1em;
	font-weight: 300;
}

.flexslider li .meta a {
	color: #fff;
	font-weight: bold;
}

.flexslider li h1 {
  background: rgba(51, 51, 51, 0.2) none repeat scroll 0 0;
  border-left: 8px solid #b2dd4c;
  border-radius: 3px;
  font-size: 1.3em;
  font-weight: 300;
  margin-bottom: 0;
  padding: 12px 18px;
}

.flexslider li h2 {
	background: rgba(51, 51, 51, 0.2);
	padding: 13px 18px 11px;
	font-size: 3em;
	margin-bottom: 0;
	font-weight: bold;
	color: #fff;
}

/* ============================
    Social Icons
   ============================ */
   
#social .fa:hover {
  color: #404040;
}

#social .fa::after {
  box-shadow: 0 0 0 3px #404040;
}

#social .fa {
  color: #404040;
}

/* ============================
    Buttons
   ============================ */
.button {
  background-color: #b2dd4c;
  color: #fff;
}

.button:hover {
  background-color: #83a339;
  color: #fff;
}

a.animated-button {
	color: #FFF;
	background: #b2dd4c;
	box-shadow: inset 0 0 0 0 #83a339;
}
a.animated-button:hover {
    box-shadow: inset 0 100px 0 0 #83a339;
}

a.animated-button:hover:before, a.animated-button:hover:after {
    box-shadow: inset 0 0 0 0 #83a339;
}

.btn {
  background: #b2dd4c none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #fff;
}


a.btns{
  color: #fff;
  background: #b2dd4c;
  border: 2px solid #fff;
}