/*
Theme Name: Simone Child
Theme URI: http://mor10.com/simone-wordpress-theme-child/
Author: Morten Rand-Hendriksen
Author URI: http://mor10.com/
Description: Simone Child Theme
Version: 2.1.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simone-child
Domain Path: /languages/
Tags: white, black, blue, light, one-column, two-columns, right-sidebar, responsive-layout, accessibility-ready, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready, rtl-language-support
Template: simone

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Simone is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

CSS structure 2.0 onwards based on http://mdo.github.io/code-guide/#css-syntax

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/*.menu-main-menu-container{
display:inline-block;
}*/

.topbar {
	background: hsl(198, 95%, 38%);
}

.topbar h1 {
    padding: 15px 20px;
    display: inline-block;
}

.menu-social li a:before {
	content: '';
}

#menu-social {
		display:inline-block;
		padding-top:15px;
}
	
.menu-social .fa {
		color: #ffe;
}
	
.menu-social ul {
		float:none;
		text-align: inherit;
		margin:0;
}


@media only screen and (min-width: 768px) {

.topbar {
	overflow:hidden;
}
	
#location-navigation .menu-toggle{
		display:none;
}

#location-navigation{
	/*background: hsl(198, 95%, 38%)!important;*/
	float:right;
	width:80%;
}


#location-navigation ul.menu-items {
	float:right;
}
	
.location-map {
	float:right;
}
	
}

@media only screen and (max-width: 768px) {
	
	#location-navigation h1{
		width:100%;
		padding:0;
	}
	
	/*
	#location-navigation{
		background: hsl(198, 95%, 38%) !important;
	}
	*/
	#menu-location {
		background: hsl(0, 0%, 19%) !important;
	}
	
.location-map {
	display: block;
	margin: 25px 0;
}
	
	/*
	#site-navigation h1
	{
		display:inline-block;
	}
	
	nav:not(toggled) ul {
		display: none;
	}
	
	nav.toggled ul, nav.toggled ul a {
		display:block;
	}
	*/
	

/*Originally from main; placed here because original max-width for devices is too small*/	
.menu-toggle {
        display: inline-block;
        height: 3.9em;
        padding: 0 1em;
        font-weight: normal;
        font-size: 14px;
        font-size: 1.4rem;
        text-decoration: none;
        line-height: 3.75em;
        color: white;
    }

    .menu-toggle a:hover,
    .menu-toggle a:focus {
        background: #4d4d4d;
    background: hsl(0, 0%, 30%);
    }

    .main-navigation.toggled .nav-menu {
        display: block;
        border-top: 1px solid;
        border-top-color: #fff;
        border-top-color: hsla(0, 0%, 100%, .5);
    }

    .main-navigation ul {
        display: none;
        padding-left: 0;
    }

    .main-navigation li { float: none; }

    .main-navigation li a { padding: 1.3em 2em; }

    .main-navigation li li a { padding-left: 4em; }

    .main-navigation li li li a { padding-left: 6em; }

    .main-navigation li:hover > a,
    .main-navigation li > a:focus {
        background: #313131;
        background: hsl(0, 0%, 19%);
    }

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: relative;
        top: inherit;
        left: 0;
        display: block;
        float: none;
        background: #313131;
        background: hsl(0, 0%, 19%);
    }

    .main-navigation ul ul a { width: 100%; }

    .main-navigation ul a:hover,
    .main-navigation ul ul a:hover,
    .main-navigation ul a:focus,
    .main-navigation ul ul a:focus{
        background: #4d4d4d;
        background: hsl(0, 0%, 30%);
    }

    .main-navigation .current_page_ancestor { background: inherit; }

    .main-navigation ul ul .current_page_parent {
        color: inherit;
        background: inherit;
    }

    .main-navigation .current_page_item > a,
    .main-navigation .current_page_item > a:hover,
    .main-navigation .current_page_item li:hover,
    .main-navigation .current_page_item > a:focus,
    .main-navigation .current_page_item li:focus,
    .main-navigation .current_page_parent .current_page_item > a  {
        color: #fff;
        color: hsl(0, 0%, 100%);
        background: #4d4d4d;
        background: hsl(0, 0%, 30%);
    }
	
	.search-toggle {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 0;
	}
	
	.title-box
	{
		padding: 2rem;
	}
	
	#menu-social ul{
		position: static;
	}
	
}