/**
 * Plugin: Genesis Layout Extras
 *
 * @package    Genesis Layout Extras
 * @subpackage Frontend Styles - Layout: HNCS - HTML5
 * @author     David Decker - DECKERWEB
 * @copyright  Copyright (c) 2013, David Decker - DECKERWEB
 * @license    http://www.opensource.org/licenses/gpl-license.php GPL-2.0+
 * @link       http://genesisthemes.de/en/wp-plugins/genesis-layout-extras/
 * @link       http://deckerweb.de/twitter
 *
 * @since	   2.0.0
 * @version	   2.0.0
 */

/* Table of Contents

* Additional Layout: HNCS
* Responsive Design (Media Queries)

*/


/* Additional Layout: HNCS
------------------------------------------------------------ */

/* Container (Wrap) */
.site-container {
	padding: 1rem;
	overflow: hidden;
	width: 100%;
	max-width: 1280px;
}

/* Header */
.site-header {
    float: left;
	padding-top: 20px;
	padding-top: 2rem;
    position: fixed;
    text-align: center;
    width: 240px;
	max-width: 240px;
    height: 100%;
}

.site-header .title-area,
.site-header .widget-area {
	float: none;
	width: 100%;
}

/* Inner Container */
.site-inner {
	float: right;
	width: 76%;
	max-width: 1040px;
}

.content-sidebar-wrap {
	float: left;
	width: 100%;
}

.content {
	float: left;
	width: 65%;
}

.sidebar-primary {
	float: right;
	width: 30%;
}

/* Footer */
.site-footer .creds,
.primary-navigation,
.secondary-navigation {
	width: 100%;
}


/* Responsive Design (Media Queries)
------------------------------------------------------------ */

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

	.site-container {
		max-width: 100%;
	}

	.site-header {
		float: none;
		position: relative;
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.title-area {
		/* margin-bottom: 20px; */
		/* margin-bottom: 2rem; */
	}

	.site-inner {
		float: none;
		width: 100%;
		max-width: 100%;
	}

	.content {
		width: 65%;
	}

	.sidebar-primary {
		width: 30%;
	}

	.site-footer {
		display: none;
	}

	.genesis-nav-menu {
		margin: 0 0 20px;
		margin: 0 0 2rem;
		text-align: center;
	}

	.genesis-nav-menu .menu-item {
		display: inline-block;
		text-align: left;
	}

	.genesis-nav-menu li {
		border: none;
		float: none;
		width: auto;
	}

	.genesis-nav-menu .sub-menu {
		margin: 0;
	}

	.genesis-nav-menu .sub-menu a {
		text-align: left;
	}

}

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

	.content,
	.sidebar-primary {
		float: none;
		width: 100%;
	}

}