/*
Theme Name:	Responsive Toksikologit
Theme URI:	http://uusi.toksikologit.firesponsive-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 and Social Networking. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into over 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/). For Weekly Tips on how to get the most out of this theme, sign up here <a href="http://cyberchimps.com/weekly-tips-free-responsive-free-theme/">http://cyberchimps.com/weekly-tips-free-responsive-free-theme/ </a>. View theme demo<a href="http://demos.cyberchimps.com/responsive/"> here</a>
Author:		CyberChimps.com
Author URI:	http://cyberchimps.com
Template:	responsive
Version:	2.1.1
License:	GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:		custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, featured-images
Text Domain:	responsive-toksikologit

Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.

WordPress and CyberChimps highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/

*/

/*#wrapper {
  background-color: #FFF;
}

body.home #wrapper {
  background-color: #FFF;
}*/


.site-header {
    border-bottom-color: #eaeaea;
    background-color: #707070 !important;
}

.site-branding .site-description {
  margin-left: 15px;
}

/*.page-id-73 #masthead .container .row{
  border: 1px solid blue;
}

.page-id-73 .site-branding {
  border: 1px solid red;
  float: left;
  width: 100%;
}

.page-id-73 .site-branding-wrapper {
  border: 1px solid red;
  float: left;
  width: 100%;
}

.page-id-73 .site-branding-wrapper img{
  border: 1px solid green;
  float: left;
  width: 120px;
}

.page-id-73 .site-branding-wrapper .site-title-tagline{
  border: 1px solid green;
  float: left;
  width: 100%;
}

.page-id-73 #site-navigation {
  border: 1px solid red;
  width: 100%;
  float: left;
}*/

#site-navigation {
  border: 0px solid red;
}

/*.pll-parent-menu-item ul {
  float: right;  
}*/

.main-navigation .menu .current-menu-item a{
color: #000;
}

.main-navigation .menu .current-menu-item a:hover{
color: #000;
}

/*.kielivalikkoalue {
	width: 100%;
	border: 0px solid red;
	float: left;
	margin-top: -40px;
	margin-bottom: 10px;
	z-index: 100;
}

.kielivalikkoalue ul{
	border: 0px solid red;
	float: right;
	margin-right: 15px;
}

.kielivalikkoalue li{
	list-style: none;
	float: left;
}

.kielivalikkoalue li.lang-item-fi {
	margin-right: 10px;		
}

.kielivalikkoalue li a{
	color: #FFF;
}
*/

.responsive-site-below-header-wrap {
        background-color: #707070 !important;
}

.main-navigation-wrapper {
        border-top: 0px !important;
        background-color: #333333 !important;
}

.main-navigation .menu > li {
        border-bottom: none;
        float: left;
        margin-left: 0px !important;
}

.site-header-item {
        width: 100% !important;
}

.site-header-below-section-right {
        background-color: #333333 !important;
        margin-left: -15px;
        margin-right: 15px;
}




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

.main-navigation .menu > li > a {
    color: #000 !important;
}

}

@media only screen and (max-width: 575px) {
	
.site-branding .site-description {
  margin-left: 0px;
}

.kielivalikkoalue {
	width: 100%;
	border: 0px solid red;
	float: left;
	margin-top: -20px;
	margin-bottom: 10px;
	z-index: 100;
}

}