/**
 * Responsive Pro Skin File
 *
 * Blue 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: #1874cd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#318ee7), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #318ee7, #1874cd);
	background-image: -moz-linear-gradient(top, #318ee7, #1874cd);
	background-image: -ms-linear-gradient(top, #318ee7, #1874cd);
	background-image: -o-linear-gradient(top, #318ee7, #1874cd);
	background-image: linear-gradient(top, #318ee7, #1874cd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#318ee7, endColorstr=#1874cd);
}

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

.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: #1874cd;
	background-image: none;
	filter: none;
}

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

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

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

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

a {
	color: #1874cd;
}

a:hover {
	color: #135a9f;
}