/**
 * Less Skin stylesheet
 *
 * Less Styles for skin creation
 *
 * Please do not edit this file. This file is part of the CyberChimps Framework and all modifications
 * should be made in a child theme.
 *
 * @category CyberChimps Framework
 * @package  Framework
 * @since    1.0
 * @author   CyberChimps
 * @license  http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
 * @link     http://www.cyberchimps.com/
 */
/* GREEN ===================
@col1: #7ecc2f; */
/************************************************************************************************************/
/********************************************* HTML *******************************************************/
/************************************************************************************************************/
body {
  color: #333333;
}
a:hover {
  color: #64a325;
}
blockquote {
  background-color: #a4dd6b;
  border-left: 5px solid #bee694;
}
pre {
  background: #bee694;
  border: 1px solid #588e21;
}
textarea {
  border: 1px solid #a4dd6b;
}
input[type="submit"] {
  background: #7ecc2f;
  /* Old browsers */

  background: -moz-linear-gradient(top, #a4dd6b 0%, #7ecc2f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4dd6b), color-stop(100%, #7ecc2f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #a4dd6b 0%, #7ecc2f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #a4dd6b 0%, #7ecc2f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #a4dd6b 0%, #7ecc2f 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #a4dd6b 0%, #7ecc2f 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@col1lighter', endColorstr='@col1', GradientType=0);
  /* IE6-9 */

  color: #ffffff;
}
input[type="submit"]:hover {
  background: #7ecc2f;
}
tr {
  border-bottom: 1px solid #588e21;
}
.odd {
  background: #bee694;
}
/************************************************************************************************************/
/********************************************* LAYOUT *******************************************************/
/************************************************************************************************************/
#sub_body {
  background: #ffffff url('../img/bg.jpg') 0 0 repeat-x;
}
/************************************************************************************************************/
/********************************************* NAVIGATION ***************************************************/
/************************************************************************************************************/
#navigation_menu {
  background: #000000;
}
/************************************************************************************************************/
/********************************************* MAIN CONTENT *******************************************************/
/************************************************************************************************************/
h2.entry-title a:hover {
  color: #64a325;
}
.more-content {
  border: 1px solid #a4dd6b;
}
/************************************************************************************************************/
/********************************************* SIDEBAR *******************************************************/
/************************************************************************************************************/
h3.widget-title {
  background: #bee694;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0%, #bee694 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #bee694));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #bee694 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #bee694 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #bee694 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ffffff 0%, #bee694 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@white', endColorstr='@col1lightest', GradientType=0);
  /* IE6-9 */

}
.widget-container ul li,
.widget ul li {
  border-bottom: 1px solid #bee694;
}
/************************************************************************************************************/
/********************************************* FOOTER *******************************************************/
/************************************************************************************************************/
#footer_section {
  background: #ffffff url('images/green/bg_footer.jpg') 0 0 repeat-x;
}
/************************************************************************************************************/
/********************************************* ELEMENTS *******************************************************/
/************************************************************************************************************/
/* ==================================== WIDGET BOXES ================================================== */
.box {
  background: #a4dd6b;
  background: -moz-linear-gradient(top, #a4dd6b 30%, #ffffff 30%, #a4dd6b 82%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #a4dd6b), color-stop(30%, #ffffff), color-stop(82%, #a4dd6b));
  background: -webkit-linear-gradient(top, #a4dd6b 30%, #ffffff 30%, #a4dd6b 82%);
  background: -o-linear-gradient(top, #a4dd6b 30%, #ffffff 30%, #a4dd6b 82%);
  background: -ms-linear-gradient(top, #a4dd6b 30%, #ffffff 30%, #a4dd6b 82%);
  background: linear-gradient(to bottom, #a4dd6b 30%, #ffffff 30%, #bee694 82%);
}
.box p {
  color: #333333;
}
/* ==================================== TWITTER ================================================== */
#twitter_text li.odd {
  background: #a4dd6b;
}
/* ==================================== RECENT POSTS ================================================== */
#recent_posts h6 {
  border-top: 1px dashed #a4dd6b;
  border-bottom: 1px dashed #a4dd6b;
}
/* ==================================== CALLOUT ================================================== */
#callout_section_section {
  border-top: 1px dashed #588e21;
  border-bottom: 1px dashed #588e21;
  background-color: #bee694;
}
#callout_button .btn-primary,
.btn {
  border-color: #588e21;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
  background: #7ecc2f;
  /* Old browsers */

  background: -moz-linear-gradient(top, #a4dd6b 0%, #7ecc2f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4dd6b), color-stop(100%, #7ecc2f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #a4dd6b 0%, #7ecc2f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #a4dd6b 0%, #7ecc2f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #a4dd6b 0%, #7ecc2f 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #a4dd6b 0%, #7ecc2f 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@col1lighter', endColorstr='@col1', GradientType=0);
  /* IE6-9 */

  color: #ffffff;
}
#callout_button .btn-primary:hover,
.btn:hover {
  background: #7ecc2f;
  color: #ffffff;
}
/* MAGAZINE ===================*/
#magazine .post-container {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #a4dd6b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #a4dd6b));
  background: -webkit-linear-gradient(top, #ffffff 0%, #a4dd6b 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #a4dd6b 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #a4dd6b 100%);
  /* Old browsers */

  background: linear-gradient(to bottom, #ffffff 0%, #a4dd6b 100%);
  /* FF3.6+ */

}
/* ==================================== PAGINATION ================================================== */
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #97d856;
  color: #ffffff;
}