/**
 * Responsive Pro Skin File
 *
 * Pink Skin
 *
 * 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 Responsive Pro Framework
 * @package  Framework
 * @since    1.0
 * @author   CyberChimps
 * @license  http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
 * @link     http://www.cyberchimps.com/
 */
/* ==================================== MENU ================================================== */
.menu {
	background-color: #fe74a2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fea7c4), to(#fe74a2));
	background-image: -webkit-linear-gradient(top, #fea7c4, #fe74a2);
	background-image: -moz-linear-gradient(top, #fea7c4, #fe74a2);
	background-image: -ms-linear-gradient(top, #fea7c4, #fe74a2);
	background-image: -o-linear-gradient(top, #fea7c4, #fe74a2);
	background-image: linear-gradient(top, #fea7c4, #fe74a2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea7c4, endColorstr=#fe74a2);
}

.menu a {
	border-left: 1px solid #fe4180;
	text-shadow: 0 -1px 0 #fe4180;
}

.menu a:hover,
ul.menu > li:hover,
.menu .current_page_item a,
.menu .current-menu-item a,
.front-page .menu .current_page_item a {
	background-color: #fe74a2;
	background-image: none;
	filter: none;
}

@media screen and (max-width: 650px) {
	.js .main-nav {
		background-color: #fe74a2;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fea7c4), to(#fe74a2));
		background-image: -webkit-linear-gradient(top, #fea7c4, #fe74a2);
		background-image: -moz-linear-gradient(top, #fea7c4, #fe74a2);
		background-image: -ms-linear-gradient(top, #fea7c4, #fe74a2);
		background-image: -o-linear-gradient(top, #fea7c4, #fe74a2);
		background-image: linear-gradient(top, #fea7c4, #fe74a2);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea7c4, endColorstr=#fe74a2);
	}
}

/* ==================================== PAGE ELEMENTS ================================================== */
blockquote {
	border-left: 4px solid #fe74a2;
}

.call-to-action a.blue,
input[type='reset'],
input[type='button'],
input[type='submit'] {
	background-color: #fe74a2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fea7c4), to(#fe74a2));
	background-image: -webkit-linear-gradient(top, #fea7c4, #fe74a2);
	background-image: -moz-linear-gradient(top, #fea7c4, #fe74a2);
	background-image: -ms-linear-gradient(top, #fea7c4, #fe74a2);
	background-image: -o-linear-gradient(top, #fea7c4, #fe74a2);
	background-image: linear-gradient(top, #fea7c4, #fe74a2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea7c4, endColorstr=#fe74a2);
	border: 1px solid #fd0f5e;
	color: #ffffff;
	text-shadow: 0 -1px 0 #fd0f5e;
}

.call-to-action a.blue:hover,
input[type='reset']:hover,
input[type='button']:hover,
input[type='submit']:hover {
	background-color: #fe74a2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd9e6), to(#fe74a2));
	background-image: -webkit-linear-gradient(top, #ffd9e6, #fe74a2);
	background-image: -moz-linear-gradient(top, #ffd9e6, #fe74a2);
	background-image: -ms-linear-gradient(top, #ffd9e6, #fe74a2);
	background-image: -o-linear-gradient(top, #ffd9e6, #fe74a2);
	background-image: linear-gradient(top, #ffd9e6, #fe74a2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd9e6, endColorstr=#fe74a2);
	border: 1px solid #fd0f5e;
	color: #ffffff;
	text-shadow: 0 -1px 0 #fd0f5e;
}

a {
	color: #fe74a2;
}

a:hover {
	color: #fe4180;
}