/**
 * Skin: Orange
 *
 * Please do not edit this file. This file is part of the Cyber Chimps 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/
 */

body {
	background-color: #f2f2f2;
}
#header_section {
    background: none repeat scroll 0 0 #3299BB;
}
.navbar .navbar-brand {
	background-color: #FFA826;
}
.glyphicon.glyphicon-shopping-cart, .glyphicon.glyphicon-remove {
    color: #FF9900;
}
/********************************************************************************************************************/
/******************************************** NAVIGATION *****************************************************/
/********************************************************************************************************************/

#cyberchimps_navbar .navbar {
  background-color: #FF9900;
  border: 1px solid #FF9900;
}

#cyberchimps_navbar .navbar div > ul > li > a, .navbar-brand {
    border-right: 1px solid #f79000;
}

#cyberchimps_navbar .navbar div > ul > li > a:hover {
    background-color: #ff8400;
}

#cyberchimps_navbar .navbar div > ul > li.active > a {
    background-color: #ff8400;
}

.search_circle {
  background: #59bee0;
}

.product_list_widget .amount {
    color: #337AB7;
    font-weight: bold;
}

/********************************************************************************************************************/
/******************************************** SIDEBAR & WIDGETS *****************************************************/
/********************************************************************************************************************/

/*#sidebar h3.widget-title {
  color: #fff;
  font-weight: 100;
  background: #FF7D0F;
  background: -moz-linear-gradient(top,  #f9bd81 0%, #FFA446 2%, #FF7D0F 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bd81), color-stop(2%,#FFA446), color-stop(100%,#FF7D0F));
  background: -webkit-linear-gradient(top,  #f9bd81 0%,#FFA446 2%,#FF7D0F 100%);
  background: -o-linear-gradient(top,  #f9bd81 0%,#FFA446 2%,#FF7D0F 100%);
  background: -ms-linear-gradient(top,  #f9bd81 0%,#FFA446 2%,#FF7D0F 100%);
  background: linear-gradient(to bottom,  #f9bd81 0%,#FFA446 2%,#FF7D0F 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA446', endColorstr='#FF7D0F',GradientType=0 );
  border-color: #f98f25 #db690d #db690d #db690d;
}
*/
/********************************************************************************************************************/
/******************************************** MAIN CONTENT *****************************************************/
/********************************************************************************************************************/

.add-to-cart-button {
    border: 1px solid;
    border-radius: 3px;
    color: #FFFFFF;
    background: linear-gradient(#ff9800,#ff8700);
    border-bottom-color:#c55800;
    border-right-color:#c55800;
    border-left-color:#ef7700;
    border-top-color:#ef7700;
}

.woocommerce .button, input#submit {
    color: #FFFFFF;
    background: linear-gradient(#ff9800,#ff8700);
    border-bottom-color:#c55800;
    border-right-color:#c55800;
    border-left-color:#ef7700;
    border-top-color:#ef7700;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: linear-gradient(#ff9800,#ff8700);
	
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background: linear-gradient(#ff9800,#ff8700);
}

.custom-button {
	background: linear-gradient(#434343,#282828);
}

.product-title-names {
	color: #3f9eb5; 
}
/********************************************************************************************************************/
/******************************************** PAGINATION *****************************************************/
/********************************************************************************************************************/

.pagination ul li a {
	color: #FF7D0F;
	border: 1px solid #db690d;
}
.pagination ul li.active a, .pagination ul li a:hover {
	background-color: #f49b42;
	border:  1px solid #db690d;
}


