/* 
Theme Name:     Responsive Child Theme
Theme URI:      http://cyberchimps.com/responsive-theme/
Description:    A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the CyberChimps Responsive Theme.
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
Author: CyberChimps.com
Author URI: http://cyberchimps.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive
Template: responsive
*/


/* --------------------------------------------
	INSERT CSS FOR YOUR CHILD THEME HERE
-------------------------------------------- */


body {
       background: #ffffff;
	   font-family: 'Roboto', sans-serif;
	   font-weight: 500;
	   font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
		font-family: 'Oswald', sans-serif;
		font-weight: 500;
}

h2, h4, h6 {
	color: #1a2791;
}


#logo {
       margin: 0 0 20px 0;
}

#kmatagline {
	float: right;
	width: 30%;
	margin-top: 32px;
}
#kmatagline h2 {
	font-size: 24px;
	margin: 0;
}

.menu {
    background-color: #1a2791;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1a2791), to(#4241b1));
	background-image: -webkit-linear-gradient(top, #1a2791, #4241b1);
	background-image: -moz-linear-gradient(top, #1a2791, #4241b1);
	background-image: -ms-linear-gradient(top, #1a2791, #4241b1);
	background-image: -o-linear-gradient(top, #1a2791, #4241b1);
	background-image: linear-gradient(top, #1a2791, #4241b1);
	clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a2791, endColorstr=#4241b1);
	border-radius: 10px;

}

.menu a {
		font-family: 'Oswald', sans-serif;
		font-weight: 500;
		text-transform: uppercase;
}


.menu a:hover {
    background-color: #7268e0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7268e0), to(#8f82fe));
	background-image: -webkit-linear-gradient(top, #7268e0, #8f82fe);
	background-image: -moz-linear-gradient(top, #7268e0, #8f82fe);
	background-image: -ms-linear-gradient(top, #7268e0, #8f82fe);
	background-image: -o-linear-gradient(top, #7268e0, #8f82fe);
	background-image: linear-gradient(top, #7268e0, #8f82fe);
	clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7268e0, endColorstr=#8f82fe);
}
.menu > li:first-child:hover,
.menu > li:first-child:hover a {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.menu > li:first-child,
.menu > li:first-child > a {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.menu .current_page_item a, .menu .current-menu-item a {
background-color: #7268e0;
}

#wrapper { 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 10px auto 10px auto;
	padding: 0 20px 0 20px;
 }

hr.kmahr {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(26,39,145,0), rgba(26,39,145,0.75), rgba(26,39,145,0)); 
    background-image:    -moz-linear-gradient(left, rgba(26,39,145,0), rgba(26,39,145,0.75), rgba(26,39,145,0)); 
    background-image:     -ms-linear-gradient(left, rgba(26,39,145,0), rgba(26,39,145,0.75), rgba(26,39,145,0)); 
    background-image:      -o-linear-gradient(left, rgba(26,39,145,0), rgba(26,39,145,0.75), rgba(26,39,145,0)); 
}
p#copyright { font-size: 12px; margin: 0;}

/* Responsive Additions */
@media screen and (max-width: 980px) {
	#kmatagline { display: none;}
}

@media screen and (max-width: 650px) {

	.js .main_nav {
			background-color: #1a2791;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#1a2791), to(#4241b1));
			background-image: -webkit-linear-gradient(top, #1a2791, #4241b1);
			background-image: -moz-linear-gradient(top, #1a2791, #4241b1);
			background-image: -ms-linear-gradient(top, #1a2791, #4241b1);
			background-image: -o-linear-gradient(top, #1a2791, #4241b1);
			background-image: linear-gradient(top, #1a2791, #4241b1);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a2791, endColorstr=#4241b1);
	}
	.menu > li:first-child:hover, .menu > li:first-child:hover a {
		border-radius: 0;
		border-bottom-left-radius: 0;
	}	

}

.wp-block-latest-posts__list li a {
	font-size: 2em;
}