Your IP : 216.73.217.154

Current Path : /home/ereika83/www/wp-content/plugins/genesis-layout-extras/assets/css/
Upload File :
Current File : /home/ereika83/www/wp-content/plugins/genesis-layout-extras/assets/css/gle-layout-hncs-styles.css

/**
 * // assets/css/gle-layout-hncs-styles
 * @package Genesis Layout Extras - Assets
 * @since   2.0.0
 */

/**
 * Table of Contents
 *
 * Additional Layout: HNCS
 * Responsive Design (Media Queries)
 */


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

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

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

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

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

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

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

#sidebar {
	float: right;
	width: 30%;
}

/* Footer */
#footer .creds,
#nav,
#subnav {
	width: 100%;
}


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

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

	#wrap {
		max-width: 100%;
	}

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

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

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

	#content {
		width: 65%;
	}

	#sidebar {
		width: 30%;
	}

	#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 {
		float: none;
		width: 100%;
	}

}