/*
	Theme Name: Magazine Pro Theme
	Theme URI: http://my.studiopress.com/themes/magazine/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 3.0.0

	Tags: black, white, one-column, fixed-width, custom-background, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.0

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

body{margin:0}mark{background:#ff0;color:#222}
/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

ol,
ul {
	margin: 0;
	padding: 0;
}



/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1140px;
}


/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */


/* Content */


/* Primary Sidebar */

/* Secondary Sidebar */

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */
/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	color: #3B4836;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	width: 100%;
}

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

.genesis-nav-menu a {
	border: none;
	color: #3B4836;
	display: block;
	padding: 25px 20px;
	padding: 2.5rem 2rem;
	position: relative;
}
.genesis-nav-menu a:hover {
	color: #ffffff; text-decoration: none;
}
.genesis-nav-menu a:link {
	color: #ffffff; text-decoration: none;
}
.genesis-nav-menu a:visited {
	color: #ffffff; text-decoration: none;
}
.genesis-nav-menu a:active {
	color: #ffffff; text-decoration: none;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #8a0405;
}

.genesis-nav-menu .menu-item   .sub-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 190px;
	z-index: 99;
}

.genesis-nav-menu  .menu-item:hover  .sub-menu {
	visibility: visible;
	opacity: 1;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #222;
	border-top: none;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 20px;
	padding: 2rem;
	position: relative;
	text-transform: none;
	width: 190px;
}

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

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	color: #fff;
	display: inline-block;
	float: right;
	list-style-type: none;
	padding: 25px 0;
	padding: 2.5rem 0;
	text-transform: uppercase;
}

.genesis-nav-menu > .right > a {
	display: inline;
	padding: 0;
}

.genesis-nav-menu > .rss > a {
	margin-left: 48px;
	margin-left: 4.8rem;
}

.genesis-nav-menu > .search {
	padding: 7px 0 0;
	padding: 0.7rem 0 0;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	background-color: #3B4836;
	position: fixed;
	width: 100%;
	z-index: 999;
}

.nav-primary a {
	color: #fff;
}

.nav-primary a:hover,
.nav-primary .sub-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a {
	color: #ffffff;
}

.nav-primary .genesis-nav-menu .sub-menu a {
	background-color: #3B4836;
	border: 1px solid #fff;
	border-top: none;
}



/*
Content Area
---------------------------------------------------------------------------------------------------- */


#responsive-menu-button{
	-webkit-font-smoothing: antialiased;

	color: #FFF;

	content: "Menu \e00e";

	font-family: 'Icon';

	font-size: 1.6rem;

	font-size: 16px;

	font-style: normal;

	font-variant: normal;

	font-weight: normal;

	line-height: 1;

	margin: 0 auto;

	speak: none;

	text-align: center;

	text-transform: none;

	display: none;

	height: 50px;

	box-sizing: border-box;

	padding-top: 16px;
}

@media (max-width: 750px){
	#responsive-menu-button {
		display: block;
	}
	nav.nav-primary{
		display:none;
		top: 50px;
	}
}
}