/*
Theme Name: WPstart
Theme URI: http://krusze.com/wpstart
Description: WPstart is a responsive, simple, WordPress Theme built with HTML5 and CSS3. WPstart looks great on any device and allow you to create any type of website you want. WPstart features: cross-browser compatible, custom background, developer friendly, drop-down menu, editor styles, fast loading, header image, highly customizable and adaptable, Multisite ready, post formats support, print styles, responsive, Search Engine Friendly, threaded comments, translation ready (currently translated into 28 languages), W3C valid, widget-ready areas & more... Everyone from first-time WordPress users to advanced developers and designers can take advantage of WPstart.
Author: krusze.com
Author URI: http://krusze.com
Version: 1.2.4
Tags: accessibility-ready, custom-background, custom-header, editor-style, fluid-layout, full-width-template, left-sidebar, one-column, post-formats, responsive-layout, right-sidebar, rtl-language-support, sticky-post, threaded-comments, translation-ready, two-columns

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Copyright Luke Kruszewski-Zelman http://krusze.com
*/


/*
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Global
 * 3.0 - Layout
 * 4.0 - Header
 * 5.0 - Content
 * 6.0 - Comments
 * 7.0 - Sidebars & Widgets
 * 8.0 - Footer
 * 9.0 - Media Queries
 * 10.0 - Misc
 * ------------------------------------------------------------------------------
 */


/*
 * 1.0 Reset
 * 
 * A modern, HTML5-ready alternative to CSS resets
 * 
 * Normalize.css makes browsers render all elements more consistently and in line 
 * with modern standards. It precisely targets only the styles that need normalizing.
 * 
 * @link http://necolas.github.io/normalize.css/
 * ------------------------------------------------------------------------------
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/*
 * 2.0 Global
 * ------------------------------------------------------------------------------
 */

html { 
	font-size: 62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body { 
	background-color: #ffffff;
	color: #333333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	font-size: 1.4rem;
	line-height: 1.5;
}

/* Forms */
label input {
	font-weight: normal;
}

/* Forms: search */
form.search-form label {
	display: inline;
}

input[type="search"] {
	display: inline-block;
	font-weight: normal;
	max-width: 220px;
	width: 50%;
}

/* Images: align */
.alignleft { 
	float: left;
	margin: 5px 20px 10px 0;
}

.alignright {
	float: right;
	margin: 5px 0 10px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

.alignnone {
	display: inline-block;
}

img.wp-smiley,
.rsswidget img {
	-webkit-border-radius: 0;
	-moz-border-radius:	   0;
	border-radius:		   0;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;	
	border: 0;
	margin: 0;
	padding: 0;
}

/* Images: caption */
.wp-caption {
	background-color: transparent;
	border: none;
    max-width: 96%;
    text-align: center;
}

.wp-caption img {
	margin: 0;
	padding: 0;
}

.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	margin: 0;
}

/* Images: gallery */
.gallery-item {
	margin: 10px 0 0;
}

.gallery-item a {
    display: block;
	width: 90%;
}

.gallery .gallery-icon img {
	border: none!important;
	padding: 0;
    max-width: 100%;
	height: auto;
}

.gallery .gallery-caption {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	width: 90%;
}


/* Images: gallery html5 */
.gallery:before,
.gallery:after {
	display: table;
	content: " ";
}

.gallery:after {
	clear: both;
}

.gallery {
	margin: auto;
	margin-bottom: 20px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
}

.gallery .gallery-caption {
	margin-left: 0;
}

.gallery.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery.gallery-columns-2 .gallery-item:nth-child(3) {
	clear: both;
}

.gallery.gallery-columns-3 .gallery-item {
	width: 33.33333333%;
}

.gallery.gallery-columns-3 .gallery-item:nth-child(4) {
	clear: both;
}

.gallery.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery.gallery-columns-4 .gallery-item:nth-child(5) {
	clear: both;
}

.gallery.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery.gallery-columns-5 .gallery-item:nth-child(6) {
	clear: both;
}	

.gallery.gallery-columns-6 .gallery-item {
	width: 16.66666667%;
}

.gallery.gallery-columns-6 .gallery-item:nth-child(7) {
	clear: both;
}	

.gallery.gallery-columns-7 .gallery-item {
	width: 14.28571428%%;
}

.gallery.gallery-columns-7 .gallery-item:nth-child(8) {
	clear: both;
}

.gallery.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery.gallery-columns-8 .gallery-item:nth-child(9) {
	clear: both;
}

.gallery.gallery-columns-9 .gallery-item {
	width: 11.11111111%;
}

.gallery.gallery-columns-9 .gallery-item:nth-child(10) {
	clear: both;
}	

.gallery.gallery-columns-10 .gallery-item {
	width: 10%;
}

.gallery.gallery-columns-10 .gallery-item:nth-child(11) {
	clear: both;
}

/* Images: make sure images are scaled correctly */
img {
	height: auto;
	max-width: 100%;
}

/* Images: post thumbnails */
.attachment-post-thumbnail.wp-post-image {	
	float: left;
	margin: 5px 20px 10px 0;
}

/* Screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:	0 1px 0 rgba(120, 200, 230, 0.5) inset;
	-moz-box-shadow:	0 1px 0 rgba(120, 200, 230, 0.5) inset;
	box-shadow:			0 1px 0 rgba(120, 200, 230, 0.5) inset;
	background-color: #21759b;
	border-color: #21759B #21759B #1E6A8D;
	border-style: solid;
	border-width: 1px;	
	clip: auto;
	color: #ffffff;
	display: block;
	font-size: 12px;
	height: 30px;
	line-height: 28px;
	padding: 0 12px 2px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000;
}

/* Tables */
table {
	background-color: transparent;
	max-width: 100%;
}

th {
	text-align: left;
}

tr th,
thead th {
	font-weight: bold;
	padding: 10px;
}

tr {
	border: 1px solid #dddddd;
}

tr td {
	padding: 8px;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	vertical-align: top;
}

table > thead > tr > th {
	vertical-align: bottom;
}

/* Text elements */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
}

a:link {
	color: #428bca;
	text-decoration: none;
}

a:visited {
	color: #2a6496;
	text-decoration: none;
}

a:hover {
	color: #2a6496;
	text-decoration: underline;
}

a:focus {
	color: #2a6496;
	text-decoration: underline;
}

a:active {
	color: #2a6496;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

a img {
	border: none;
	text-decoration: none;
}

abbr,
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

blockquote {
	border-left: 5px solid #eeeeee;
	font-size: 17.5px;
	font-size: 1.75rem;
	margin: 0 0 20px;
	padding: 10px 20px;
	quotes: none;
}

blockquote:before,
blockquote:after {
	content: "";
}

cite {
	font-style: normal;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

del {
	text-decoration: line-through;
}

dl {
	margin: 0 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 0;
}

em {
	font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

h1,
h2,
h3 {
	margin: 20px 0 10px;
}

h4,
h5,
h6 {
	margin: 10px 0;
}

h1,
.h1 {
	font-size: 36px;
}

h2,
.h2 {
	font-size: 30px;
}

h3,
.h3 {
	font-size: 24px;
}

h4,
.h4 {
	font-size: 18px;
}

h5,
.h5 {
	font-size: 14px;
}

h6,
.h6 {
	font-size: 12px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 0;
	border-top: 1px solid #eeeeee;
	height: 0;
	margin: 20px 0;
}

i {
	font-style: italic;
}

img {
	vertical-align: middle;
}

ins {
	background-color: #fff6bf;
	text-decoration: none;
}

p {
	margin: 0 0 10px;
}

pre {
	-webkit-border-radius: 4px;
	-moz-border-radius:	   4px;
	border-radius:		   4px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	display: block;
	font-size: 13px;
	line-height: 1.42857143;
	margin: 0 0 10px;
	padding: 10px;
	word-break: break-all;
	word-wrap: break-word;
}

ul,
ol {
	margin: 0 0 10px 20px;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}


/*
 * 3.0 Layout
 * ------------------------------------------------------------------------------
 */

/* Layout */
#wrapper {
padding-left: 175px;
}

.container {
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.container:before,
.container:after {
	content: " ";
	display: table;
}

.container:after {
	clear: both;
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

/* 1 column */
.template-one-column .sidebar-first { 
	display: none!important;
	visibility: hidden!important;
}

.template-one-column .sidebar-second {
	display: none!important;
	visibility: hidden!important;
}

.template-one-column #container,
/* 2 columns left */
.template-two-columns-left-sidebar #container,
.template-two-columns-left-sidebar .sidebar-first,
.template-two-columns-left-sidebar .sidebar-second,
/* 2 columns right */
.template-two-columns-right-sidebar #container,
.template-two-columns-right-sidebar .sidebar-first,
.template-two-columns-right-sidebar .sidebar-second,
/* Header */
#header hgroup,
/* Sidebar header */
.sidebar-header,
/* Nav header */
#nav-header,
/* Header image */
.header-image,
/* Nav */
#nav,
/* Footer */
.sidebar-footer-1,
.sidebar-footer-2,
.sidebar-footer-3,
.sidebar-footer-4,
/* Colophon */
.sidebar-colophon {
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
}

@media screen and (min-width: 768px) {
	/* Layout */	
	/* 1 column */
	.template-one-column #container {
		float: left;
		width: 100%;
	}

	.template-one-column .sidebar-first { 
		display: none!important;
		visibility: hidden!important;
	}

	.template-one-column .sidebar-second {
		display: none!important;
		visibility: hidden!important;
	}

	/* 2 columns left */
	.template-two-columns-left-sidebar #container {
		float: right;
		width: 66.66666667%;
	}

	.template-two-columns-left-sidebar #content {}

	.template-two-columns-left-sidebar .sidebar-first {
		float: left;
		margin-right: 8.33333333%;
		width: 25%;
	}

	.template-two-columns-left-sidebar .sidebar-second {
		clear: left;
		float: left;
		margin-right: 8.33333333%;
		width: 25%;
	}

	/* 2 columns right */
	.template-two-columns-right-sidebar #container {
		float: left;
		width: 66.66666667%;
	}

	.template-two-columns-right-sidebar .sidebar-first {
		float: right;
		margin-left: 8.33333333%;
		width: 25%;
	}

	.template-two-columns-right-sidebar .sidebar-second {
		clear: right;
		float: right;
		margin-left: 8.33333333%;
		width: 25%;
	}
	
	/* Header */
	#header hgroup {
		float: left;
	}
	
	/* Sidebar header */
	.sidebar-header {
		float: right;
	}
	
	/* Nav header */
	#nav-header {
		float: right;
	}
	
	#nav-header ul.menu,
	#nav-header div.menu > ul {
		width: 100%;
	}
	
	/* Header image */
	/* Nav */
	/* Footer */
	.sidebar-footer-1,
	.sidebar-footer-2,
	.sidebar-footer-3,
	.sidebar-footer-4 {
		float: left;
		width: 25%;
	}
	
	/* Colophon */
	.sidebar-colophon {
		float: left;
		width: 100%;
	}
}


/*
 * 4.0 Header
 * ------------------------------------------------------------------------------
 */

#header {
	clear: both;
}

#header .container {
	padding-top: 20px;
}

#header hgroup{
	z-index: 1;
}

.site-title {
	color: #000000;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}

.site-title a:link,
.site-title a:visited {
	color: #000000;
	text-decoration: none;
}

.site-title a:hover,
.site-title a:active {
	color: #000000;
	text-decoration: none;
}

.site-description {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}

/* Sidebar header */
.sidebar-header aside {
	float: right;
}

/* Nav header */
#nav-header > div {
	float: right;
}

#nav-header ul.menu,
#nav-header div.menu > ul {
	background-color: transparent;
	margin: 0;
}

#nav-header .menu li {
	display: inline-block;
	position: relative;
}

#nav-header .menu li a {
	color: #333333;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 10px;
	text-decoration: none;
}

#nav-header .menu li:hover > a,
#nav-header .menu li a:hover {
	background-color: transparent;
	color: #555555;
	text-decoration: none;
}

#nav-header .menu .sub-menu,
#nav-header .menu .children {
	background-color: #555555;
	display: none;
	margin: 0;
	min-width: 160px;
	padding: 0;
	position: absolute;
	z-index: 99999;
}

#nav-header .menu .sub-menu ul,
#nav-header .menu .children ul {
	left: 100%;
	top: 0;
}

#nav-header .menu .sub-menu li,
#nav-header .menu .children li {
	display: block;
}

#nav-header ul.menu ul a,
#nav-header .menu ul ul a {
	color: #dddddd;
	margin: 0;
}

#nav-header ul.menu ul a:hover,
#nav-header .menu ul ul a:hover {
	background-color: #555555;
	color: #ffffff;
}

#nav-header ul.menu ul li:hover > a,
#nav-header .menu ul ul li a:hover {
	color: #ffffff;
}

#nav-header ul.menu li:hover > ul,
#nav-header .menu ul li:hover > ul {
	display: block;
}

#nav-header .menu .current_page_item > a,
#nav-header .menu .current_page_ancestor > a,
#nav-header .menu .current-menu-item > a,
#nav-header .menu .current-menu-ancestor > a {
	color: #555555;
}

#nav-header .menu .sub-menu .current_page_item > a,
#nav-header .menu .children .current_page_item > a,
#nav-header .menu .sub-menu .current_page_ancestor > a,
#nav-header .menu .children .current_page_ancestor > a,
#nav-header .menu .sub-menu .current-menu-item > a,
#nav-header .menu .children .current-menu-item > a,
#nav-header .menu .sub-menu .current-menu-ancestor > a,
#nav-header .menu .children .current-menu-ancestor > a {
	color: #ffffff;
}

/* Header image */
img.header-image {
	max-width: 100%;
	height: auto;
}

/* Nav */
#nav {
	clear: both;
	margin: 0 auto;
	min-height: 34px;
	position: relative;
	width: 100%;
}

ul.menu,
div.menu > ul {
	background-color: #555555;
	margin: 0;
}

.menu li {
	display: inline-block;
	position: relative;
}

.menu li a {
	color: #dddddd;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 10px 20px;
	text-decoration: none;
}

.menu li:hover > a,
.menu li a:hover {
	background-color: #555555;
	color: #ffffff;
	text-decoration: none;
}

.menu .sub-menu,
.menu .children {
	background-color: #555555;
	display: none;
	margin: 0;
	min-width: 160px;
	padding: 0;
	position: absolute;
	z-index: 99999;
}

.menu .sub-menu ul,
.menu .children ul {
	left: 100%;
	top: 0;
}

.menu .sub-menu li,
.menu .children li {
	display: block;
}

ul.menu ul a,
.menu ul ul a {
	margin: 0;
}

ul.menu ul a:hover,
.menu ul ul a:hover {
	background-color: #555555;
}

ul.menu li:hover > ul,
.menu ul li:hover > ul {
	display: block;
}

.menu .current_page_item > a,
.menu .current_page_ancestor > a,
.menu .current-menu-item > a,
.menu .current-menu-ancestor > a {
	color: #ffffff;
}
	
	
/*
 * 5.0 Content
 * ------------------------------------------------------------------------------
 */

#main .container {
	padding-top: 20px;
}

#main article {
	word-wrap: break-word;
}

article.hentry {
	border-bottom: 1px solid #eee;
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.sticky {}

/* Archive */
.archive-header {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 10px;
}

.archive-header .page-title {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0 0 10px;
}

/* Posts navigation */
.posts-navigation {
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	overflow: hidden;
}

.posts-navigation .nav-previous {
	float: left;
}

.posts-navigation .nav-next {
	float: right;
}

/* Page title */
.page-title {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1;
	margin: 0 0 5px;
}

/* Entry title */
.entry-title {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1;
	margin: 0 0 5px;
}

/* Entry header */
.entry-header {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 20px;
}

/* Entry summary */
.entry-summary {
	font-size: 14px;
	font-size: 1.4rem;
	overflow: hidden;
}

/* Entry content */
.entry-content {
	font-size: 14px;
	font-size: 1.4rem;
}

/* Entry footer */
.entry-footer {
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 10px 0 0;
}

/* Meta */
.meta-author {
	color: #999999;
	margin: 0 10px 0 0;
}

.meta-categories {
	color: #999999;
	margin: 0 10px 0 0;
}

.meta-date {
	color: #999999;
	margin: 0 10px 0 0;
}

.meta-tags {
	color: #999999;
	margin: 0 10px 0 0;
}

.edit-link {
	color: #999999;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 10px 0 0;
}

.meta-dimensions {
	color: #999999;
}

.edit-link-entry-title {
	display: none!important;
	visibility: hidden!important;
}

/* Meta author info */
.author-info {
	padding: 20px 0 0;
}

.author-avatar img.avatar {
	margin: 5px 20px 10px 0;
}

h2.author-title {
	clear: none;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0 0 10px;
}

.author-bio {
	font-size: 14px;
	font-size: 1.4rem;
}

/* Link pages */
.link-pages {
	clear: both;
	margin: 20px 0;
}

/* Post navigation */
.post-navigation {
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	overflow: hidden;
}

.post-navigation a[rel="prev"] {
	float: left;
}

.post-navigation a[rel="next"] {
	float: right;
}

/* Attachment */
.entry-attachment {
	clear: both;
}

.attachment-archive-thumbnail {
	float: left;
	margin: 5px 20px 10px 0;
}

.back-to-entry {
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 10px;
}

.attachment-navigation {
	clear: both;
	font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
}

.previous-attachment {
	float: left;
}

.next-attachment {
	float: right;
}

.attachment-single-post-thumbnail { 
	float: left;
	margin: 5px 20px 10px 0; 
}

/* Post format: aside */
/* Post format: audio */
/* Post format: chat */
/* Post format: gallery */
/* Post format: image */
.format-image .entry-summary {
	display: block;
}

/* Post format: link */
/* Post format: quote */
.format-quote .entry-summary blockquote,
.format-quote .entry-content blockquote {
    margin: 0;
}

/* Post format: status */
.format-status .entry-summary,
.format-status .entry-content {
    font-style: italic;
}

/* Post format: video */


/*
 * 6.0 Comments
 * ------------------------------------------------------------------------------
 */

#comments {
	clear: both;
	margin: 20px 0 0;
}

.comment-author,
.comment-metadata,
.comment-content, 
.comment-list .reply {
	padding-left: 20px;
}

.comments-rss {
	font-size: 14px;
	font-size: 1.4rem;
}

#comments .comments-navigation {
	padding: 0 0 20px;
}

.previous-comments {
	float: left;
	text-align: left;
	width: 50%;
}

.next-comments {
	float: right;
	text-align: right;
	width: 50%;
}

.comment-list {
	list-style: none;
	margin: 0 0 20px;
}

.comment-list .bypostauthor {}

.comment-list li.comment {
	margin: 0 0 10px;
	padding: 0 0 0 40px;
	position: relative;
}

#comments .comment-body {
	margin: 10px 0;
}

#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 10px;
}

.comment-list .avatar {
	left: 0;
	position: relative;
	top: 5px;
}

.comment-author cite.fn  {
	font-style: normal;
	word-wrap: break-word;
}

.comment-author .says {
	display: none;
	font-style: normal;
}

.comment-meta {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 0 10px;
}

/* some styles for xhtml support */
.comment-meta.commentmetadata {
	padding-left: 20px;
}

.comment-body > p {
	padding-left: 20px;
}

.comment-metadata a:link,
.comment-metadata a:visited {
	color: #999999;
	font-size: 12px;
	font-size: 1.2rem;
}

.comment-edit-link a {
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	position: relative;
	text-decoration: none;
}

#reply-title {
	clear: both;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0 0 10px;
}

.reply {
	margin: 0 0 10px 0;
}

.reply a {
	color: #999999;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	position: relative;
	text-decoration: none;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.no-comments {
	font-size: 14px;
	font-size: 1.4rem;
}

/* Comments form */
#respond p {
	clear: both;
}

#respond p.logged-in-as {
	font-size: 14px;
	font-size: 1.4rem;
}

#respond label {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}

#respond .required {
	color: red;
}

#respond input,
#respond input[type="text"] {
	max-width: 220px;
	width: 50%;
}

#respond textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	width: 100%;
}

#respond input[type="submit"] {
	width: auto;
}

#respond .form-allowed-tags {
	font-size: 14px;
	font-size: 1.4rem;
}

#respond .form-allowed-tags code {
	white-space: normal;
}

#cancel-comment-reply-link {
	font-size: 14px;
	font-size: 1.4rem;
}


/*
 * 7.0 Sidebars & Widgets
 * ------------------------------------------------------------------------------
 */

.sidebar {
	font-size: 14px; 
	font-size: 1.4rem;
}

.widget-title,
.widgettitle {
	clear: both;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0 0 10px;
}

.widget-container {
	margin: 0 0 20px;
	word-wrap: break-word;
}

/* Blogroll */
.linkcat {
	margin: 0 0 20px;
}

.blogroll a img {
	max-width: 100%;
}

/* Calendar */
#wp-calendar {
	width: 100%;
}

#wp-calendar tr {
	border: none;
}

#wp-calendar tbody td {
	background-color: #eeeeee;
	border: 1px solid #ffffff;
	padding: 2px;
	text-align: center;
}

#wp-calendar tbody td.pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

/* Categories */
/* Menu */
.widget_nav_menu ul.menu,
.widget_nav_menu div.menu > ul {
	background-color: transparent;
	margin: 0 0 20px 20px;
	width: 100%;
}
	
.widget_nav_menu .menu li {
	display: list-item;
}	

.widget_nav_menu .menu li a {
	color: #428bca;
	font-size: inherit;
	padding: 0;
}

.widget_nav_menu .menu li:hover > a,
.widget_nav_menu .menu li a:hover {
	background-color: transparent;
	color: #2a6496;
}

.widget_nav_menu ul.sub-menu,
.widget_nav_menu ul.children {
	background-color: transparent;
	display: block;
	margin: 0 0 0 20px;
	position: relative;
	z-index: auto;
}

.widget_nav_menu .menu .sub-menu ul,
.widget_nav_menu .menu .children ul{
	left: 0;
}

.widget_nav_menu ul.menu ul a:hover,
.widget_nav_menu .menu ul ul a:hover {
	background-color: transparent;
}

.widget_nav_menu ul.menu li:hover > ul,
.widget_nav_menu .menu ul li:hover > ul {}

.widget_nav_menu .menu .current_page_item > a,
.widget_nav_menu .menu .current_page_ancestor > a,
.widget_nav_menu .menu .current-menu-item > a,
.widget_nav_menu .menu .current-menu-ancestor > a {
	color: #000000;
}

/* Meta */
/* Pages */
/* Recent comments */
img.avatar {
	float: left;
}

/* Recent posts */
/* RSS */
.widget_rss ul {
	list-style: none;
	margin: 0 0 10px 0;
}

.widget-container.widget_rss ul li {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.rsswidget {
	font-weight: bold;
}

.rss-date {
	color: #999999;
	font-size: 12px;
	font-size: 1.2rem;
}

.widget-container.widget_rss ul li cite {
	display: block;
}

/* Search */
/* Tag cloud */
/* Text */


/*
 * 8.0 Footer
 * ------------------------------------------------------------------------------
 */

#footer .container {
	padding-top: 20px;
}

/* Footer widgets */
/* Colophon */
.sidebar-colophon {
	padding-top: 20px;
}


/*
 * 9.0 Media Queries
 * ------------------------------------------------------------------------------
 */

@media print {
	body {
		background: none!important;
	}

	ol,
	ul {
		list-style: none!important;
		padding: 0!important;
	}
		
	#wrapper {
		clear: both!important;
		display: block!important;
		float: none!important;
		position: relative!important;
	}

	#header {
		display: none!important;
		visibility: hidden!important;
	}

	#nav {
		display: none!important;
		visibility: hidden!important;
	}
		
	.sidebar {
		display: none!important;
		visibility: hidden!important;
	}

	.sidebar-first {
		display: none!important;
		visibility: hidden!important;
	}

	.sidebar-second {
		display: none!important;
		visibility: hidden!important;
	}

	#content {
		float: left!important;
		margin-left: 0!important;
		margin-right: 0!important;
		width: 685px!important;
	}

	#container {
		float: left!important;
		margin-left: 0!important;
		margin-right: 0!important;
		width: 685px!important;
	}
		
	.post-navigation {
		display: none!important;
		visibility: hidden!important;
	}

	.entry-title,
	.page-title {
		font-size: 21pt!important;
	}

	.meta-comments { 
		display: none!important;
		visibility: hidden!important;
	}

	.entry-content {
		font-size: 14pt!important;
		line-height: 1.6em!important;
	}

	.wp-caption p {
		font-size: 11pt!important;
	}
		
	.link-pages {
		display: none!important;
		visibility: hidden!important;
	}

	.edit-link {
		display: none!important;
		visibility: hidden!important;
	}
		
	#comments {
		display: none!important;
		visibility: hidden!important;
	}

	#respond {
		display: none!important;
		visibility: hidden!important;
	}

	#reply-title {
		display: none!important;
		visibility: hidden!important;
	}

	#commentform {
		display: none!important;
		visibility: hidden!important;
	}
		
	#footer {
		display: none!important;
		visibility: hidden!important;
	}
}


/*
 * 10.0 Misc
 * ------------------------------------------------------------------------------
 */

/* =Home page
----------------------------------------------- */
/* hide entry header on wide layout */
.home.page .layout-wide #content > article > header.entry-header {
	display: none;
	visibility: hidden;
}


/* =Multisite: wp-signup.php
----------------------------------------------- */
#content.widecolumn {
	clear: both;
    display: inline;
    float: left;
	overflow: hidden;
	padding: 20px 0 0;
    position: relative;
    width: 100%;
}

.mu_register {
    width: 100%!important;
}

.mu_register h2 {
	font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
	margin: 0 0 5px;
}

.mu_register form,
#setupform,
#activateform {
	-webkit-border-radius: 3px;
	-moz-border-radius:	   3px;
	border-radius:		   3px;
	-webkit-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	-moz-box-shadow:	0 4px 10px -1px rgba(200, 200, 200, 0.7);
	box-shadow:			0 4px 10px -1px rgba(200, 200, 200, 0.7);
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
	color: #777777;
	font-size: 12px;
	font-size: 1.2rem;
    font-weight: normal;
	line-height: 1.5;
    margin: 20px auto!important;
	max-width: 270px;
    padding: 6px 24px 46px;
	width: 28.125%;
}

.mu_register label,
#setupform label,
#activateform label {
	color: #777777;
    font-size: 14px!important;
    font-weight: normal!important;
    margin: 16px 0 0 0!important;
	padding: 0;
}

.mu_register .error {
    color: #444444!important;
    font-weight: bold!important;
    padding: 10px;
	width: 248px;
}

.mu_register #blog_title, 
.mu_register #user_email, 
.mu_register #blogname, 
.mu_register #user_name,
#activateform #key {
	-webkit-border-radius: 3px;
	-moz-border-radius:	   3px;
	border-radius:		   3px;
	-webkit-box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	-moz-box-shadow:	1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	box-shadow:			1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    background-color: #fbfbfb;
    border: 1px solid #e5e5e5;
    color: #555555;
    font-size: 24px!important;
    font-weight: 200;
    line-height: 1;
	margin: 2px 6px 0 0!important;
	max-width: 262px!important;
    outline: 0 none;
    padding: 3px;
	width: 100%!important;
}

.mu_register #blog_title:focus, 
.mu_register #user_email:focus, 
.mu_register #blogname:focus, 
.mu_register #user_name:focus,
#activateform #key:focus {
	border: 1px solid #aaa;
}

p.submit {
	margin: 0;
}

.mu_register input[type="submit"],
#setupform #submit,
#activateform #submit {
	-webkit-border-radius: 3px!important;
	-moz-border-radius:	   3px!important;
	border-radius:		   3px!important;
	-webkit-box-shadow:	0 1px 0 rgba(120, 200, 230, 0.5) inset;
	-moz-box-shadow:	0 1px 0 rgba(120, 200, 230, 0.5) inset;
	box-shadow:			0 1px 0 rgba(120, 200, 230, 0.5) inset;
	background: #21759B; /* Old browsers */
	background: -webkit-linear-gradient(top, #2A95C5 0%,#21759B 100%); /* Chrome 10+, Safari 5.1+ */
	background: -moz-linear-gradient(top, #2A95C5 0%, #21759B 100%); /* FF 3.6+ */
	background: -ms-linear-gradient(top, #2A95C5 0%,#21759B 100%); /* IE 10+ */
	background: -o-linear-gradient(top, #2A95C5 0%,#21759B 100%); /* Opera 11.10+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2A95C5), color-stop(100%,#21759B)); /* Chrome, Safari 4+ */
	background: linear-gradient(top, #2A95C5 0%,#21759B 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A95C5', endColorstr='#21759B',GradientType=0 ); /* IE 6-9 */	
	border-color: #21759B #21759B #1E6A8D;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 12px!important;
	height: 30px;
	line-height: 28px;
	margin: 0!important;
	padding: 0 12px 2px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    white-space: nowrap;
	width: auto!important;
}

.mu_register input[type="submit"]:hover,
#setupform #submit:hover,
#activateform #submit:hover {
	-webkit-box-shadow:	0 1px 0 rgba(120, 200, 230, 0.6) inset;
	-moz-box-shadow:	0 1px 0 rgba(120, 200, 230, 0.6) inset;
	box-shadow:			0 1px 0 rgba(120, 200, 230, 0.6) inset;
	background: #278AB7; /* Old browsers */
	background: -webkit-linear-gradient(top, #2e9fd2 0%,#21759b 100%); /* Chrome 10+, Safari 5.1+ */
	background: -moz-linear-gradient(top, #2e9fd2 0%, #21759b 100%); /* FF 3.6+ */
	background: -ms-linear-gradient(top, #2e9fd2 0%,#21759b 100%); /* IE 10+ */
	background: -o-linear-gradient(top, #2e9fd2 0%,#21759b 100%); /* Opera 11.10+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e9fd2), color-stop(100%,#21759b)); /* Chrome, Safari 4+ */
	background: linear-gradient(top, #2e9fd2 0%,#21759B 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e9fd2', endColorstr='#21759b',GradientType=0 ); /* IE 6-9 */	
    border: 1px solid #1b607f;
	color: #ffffff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.mu_register .prefix_address,
.mu_register .suffix_address {
	font-size: 24px!important;
	font-size: 2.4rem!important;
}


/* =Multisite: wp-activate.php
----------------------------------------------- */
.widecolumn h2 {
	font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
	margin: 0 0 5px;
}

#signup-welcome {
	-webkit-border-radius: 3px;
	-moz-border-radius:	   3px;
	border-radius:		   3px;
	-webkit-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	-moz-box-shadow:	0 4px 10px -1px rgba(200, 200, 200, 0.7);
	box-shadow:			0 4px 10px -1px rgba(200, 200, 200, 0.7);
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
	color: #777777;
	font-size: 12px;
	font-size: 1.2rem;
    font-weight: normal;
	line-height: 1.5;
    margin: 20px auto!important;
	max-width: 270px;
    padding: 6px 24px 6px;
	width: 28.125%;
}

#signup-welcome span.h3 {
	color: #444444;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 8px 0 0!important;
}


/* =Post custom meta screen layout
----------------------------------------------- */
@media screen and (min-width: 768px) {
	/* Layout wide */
	#wrapper.layout-wide {
		max-width: 100%;
	}
}

/* Set 100% width for container */
#wrapper.layout-wide div#main.template-one-column > div.container {
	padding-left: 0!important;
	padding-right: 0!important;
	width: 100%!important;
}

#wrapper.layout-wide #main.template-one-column #container {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

/* Remove 1px border bottom below article on 1 column template page */
#wrapper.layout-wide .template-one-column article.hentry {
	border-bottom: none;
}

/* Center archive header */
.layout-wide .template-one-column .archive-header {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.layout-wide .template-one-column .archive-header {
		max-width: 1170px;
	}
}

/* Center entry summary on blog and archive pages */
.blog #wrapper.layout-wide .template-one-column .entry-summary,
.archive #wrapper.layout-wide .template-one-column .entry-summary {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	/* Set max-width for blog and archive pages */
	.blog #wrapper.layout-wide .template-one-column .entry-summary,
	.archive #wrapper.layout-wide .template-one-column .entry-summary {	
		max-width: 1170px;
	}	
}

/* Center entry content on blog posts */
.single-post #wrapper.layout-wide .template-one-column .entry-content {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	/* Set max-width for blog posts */
	.single-post #wrapper.layout-wide .template-one-column .entry-content {	
		max-width: 1170px;
	}	
}

/* Center entry header */
#wrapper.layout-wide .template-one-column .entry-header {
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}

@media screen and (min-width: 768px) {
	/* Set max-width for entry header */
	#wrapper.layout-wide .template-one-column .entry-header {
		max-width: 1170px;
	}
}

/* Center entry footer */
#wrapper.layout-wide .template-one-column .entry-footer {
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}

@media screen and (min-width: 768px) {
	/* Set max-width for entry footer */
	#wrapper.layout-wide .template-one-column .entry-footer {
		max-width: 1170px;
	}
}

/* Center comments area */
#wrapper.layout-wide .template-one-column  #comments {
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}

@media screen and (min-width: 768px) {
	/* Set max-width for comments */
	#wrapper.layout-wide .template-one-column  #comments {
		max-width: 1170px;
	}
}

/* Center post navigation */
#wrapper.layout-wide .template-one-column .post-navigation {
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}

@media screen and (min-width: 768px) {
	/* Set max-width for post navigation */
	#wrapper.layout-wide .template-one-column .post-navigation {
		max-width: 1170px;
	}
}

/* .entry-content .wrapper */
.wrapper:before,
.wrapper:after {
	content: " ";
	display: table;
}

.wrapper:after {
	clear: both;
}

.entry-content .wrapper {
	margin: 0 auto;
}

.entry-content .wrapper:after {
	clear: both;
	content: "";
	display: block;
}

.template-one-column .entry-content .wrapper,
#wrapper.layout-wide #main.template-one-column .entry-content .wrapper {
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (min-width: 768px) {
	.template-one-column .entry-content .wrapper,
	#wrapper.layout-wide #main.template-one-column .entry-content .wrapper {
		max-width: 1170px;
	}
}


/* =Small screens navigation #nav-header
----------------------------------------------- */
#nav-header-toggle,
.nav-header-toggle { 
	display: none;
}

@media screen and (max-width: 767px) {
	#header hgroup {
		float: left;
	}

	#nav-header {
		float: none;
	}
	
	.nav-header-toggle { 
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
		cursor: pointer;
		display: inline-block;
		min-height: 1px;
		overflow: visible;
		position: relative;
		text-decoration: none;
		white-space: nowrap;
	}
	
	.nav-header-toggle { 
		float: right;
	}
	
	.nav-header-toggle:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: 	border-box;
		box-sizing: 		border-box;
		-webkit-transition: all 0.5s linear;
		-moz-transition: 	all 0.5s linear;
		-o-transition: 		all 0.5s linear;
		transition: 		all 0.5s linear;
		background: #555555;
		color: #dddddd;
		content: attr(data-open);
		display: block;
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1;
		padding: 5px 10px;
		text-align: center;
	}
	
	.nav-header-toggle:hover {
		text-decoration: none;
	}

	.nav-header-toggle:hover:after {
		background: #555555;
		color: #ffffff;
	}
	
	#nav-header-toggle:checked ~ div .menu { 
		display: block;
		opacity: 1;
	}

	#nav-header-toggle:checked + .nav-header-toggle:after {
		content: attr(data-close);
	}
	
	#nav-header > div {
		clear: both;
		float: none;
	}
		
	#nav-header ul.menu,
	#nav-header div.menu > ul {
		background: #555555;
		color: #ffffff;
		display: none;
		margin: 0;
		padding: 0;
	}
	
	#nav-header .menu li {
		border-top: 1px solid #dddddd;
		display: block;
	}
	
	#nav-header .menu li a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #dddddd;
		display: block;
		text-decoration: none;
	}

	#nav-header .menu li:hover > a,
	#nav-header .menu li a:hover {
		background-color: #555555;
		color: #ffffff;
		text-decoration: none;
	}

	#nav-header ul.menu ul a:hover,
	#nav-header .menu ul ul a:hover {
		background-color: #555555;
		color: #ffffff;
	}
	
	#nav-header .menu .sub-menu,
	#nav-header .menu .children {
		background-color: #555555;
		color: #dddddd;
		display: block;
		margin: 0 0 0 20px;
		position: relative;
	}

	#nav-header .menu .sub-menu ul,
	#nav-header .menu .children ul {
		left: auto;
	}

	#nav-header .menu .current_page_item > a,
	#nav-header .menu .current_page_ancestor > a,
	#nav-header .menu .current-menu-item > a,
	#nav-header .menu .current-menu-ancestor > a {
		color: #ffffff;
	}
}


/* =Small screens navigation #nav
----------------------------------------------- */
#nav-toggle,
.nav-toggle { 
	display: none;
}

@media screen and (max-width: 767px) {
	#nav .container {
		background-color: #555555;
		margin: 0 30px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.nav-toggle { 
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
		cursor: pointer;
		display: inline-block;
		min-height: 1px;
		overflow: visible;
		position: relative;
		text-decoration: none;
		white-space: nowrap;
	}
	
	.nav-toggle:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: 	border-box;
		box-sizing: 		border-box;
		-webkit-transition: all 0.5s linear;
		-moz-transition: 	all 0.5s linear;
		-o-transition: 		all 0.5s linear;
		transition: 		all 0.5s linear;
		background: #555555;
		color: #dddddd;
		content: attr(data-open);
		display: block;
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1;
		padding: 5px 10px;
		text-align: center;
	}
	
	.nav-toggle:hover {
		text-decoration: none;
	}

	.nav-toggle:hover:after {
		background: #555555;
		color: #ffffff;
	}
	
	#nav-toggle:checked ~ div .menu { 
		display: block;
		opacity: 1;
	}

	#nav-toggle:checked + .nav-toggle:after {
		content: attr(data-close);
	}
	
	#nav ul.menu,
	#nav div.menu > ul {
		display: none;
		margin: 0;
		padding: 0;
	}
	
	#nav .menu li {
		border-top: 1px solid #dddddd;
		display: block;
	}
	
	#nav .menu li a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: 	border-box;
		box-sizing: 		border-box;
		display: block;
		text-decoration: none;
	}

	#nav .menu .sub-menu,
	#nav .menu .children {
		background: transparent;
		display: block;
		margin: 0 0 0 20px;
		position: relative;
	}

	#nav .menu .sub-menu ul,
	#nav .menu .children ul {
		left: auto;
	}
}