/**
 * Theme Name: Eino
 * Theme URI: https://foxnet-themes.fi/downloads/eino
 * Description: Some kind of Franter.
 * Tags: sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-header, featured-images, flexible-header, post-formats, translation-ready, dark, white, light
 * Version: 0.1.5
 * Author: Sami Keijonen
 * Author URI: https://foxnet-themes.fi/
 * Text Domain: eino
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Copyright (c) Sami Keijonen. All rights reserved.
 * https://foxnet-themes.fi
 */

 
/**
 * normalize.css v2.1.0 | MIT License | git.io/normalize
 * --------------------------------------------------------------------------- */
 

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

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
	display: inline-block;
}

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

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

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

[hidden] {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 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 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

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

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

/* ==========================================================================
   Typography
   ========================================================================== */

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

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

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

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

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

b,
strong {
	font-weight: bold;
}

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

dfn {
	font-style: italic;
}

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * 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.
 */

img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

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

figure {
	margin: 0;
}

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

/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

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

button,
input {
	line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

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;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */

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

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

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

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

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

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


/* === Use box-sizing everywhere === */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* === HTML === */

html {
	font-size: 100%;
}

/* === Body === */

body {
	font-size: 16px;
	font-size: 0.9rem;
	line-height: 1.625;
	font-family: Arial, Helvetica, sans-serif;
    word-wrap: break-word;
}

/* === Clearfix. @link http://nicolasgallagher.com/micro-clearfix-hack === */

.wrap:before,
.wrap:after,
#sidebar-front-page:before,
#sidebar-front-page:after,
.archive-download .hentry:before,
.archive-download .hentry:after,
.taxonomy-download_category .hentry:before,
.taxonomy-download_category .hentry:after,
.taxonomy-download_tag .hentry:before,
.taxonomy-download_tag .hentry:after,
.page-template-download-page .hentry:before,
.page-template-download-page .hentry:after,
.archive-portfolio_item .hentry:before,
.archive-portfolio_item .hentry:after,
.taxonomy-portfolio .hentry:before,
.taxonomy-portfolio .hentry:after,
.page-template-portfolio-page .hentry:before,
.page-template-portfolio-page .hentry:after,
#buddypress #register-page:before,
#buddypress #register-page:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.wrap:after,
#sidebar-front-page:after,
.archive-download .hentry:after,
.taxonomy-download_category .hentry:after,
.taxonomy-download_tag .hentry:after,
.page-template-download-page .hentry:after,
.archive-portfolio_item .hentry:after,
.taxonomy-portfolio .hentry:after,
.page-template-portfolio-page .hentry:after,
#buddypress #register-page:after {
	clear: both;
}

/* === Gallery === */

.gallery{display: block;clear: both;overflow:hidden;margin: 0 auto}.gallery-row{display: block;clear: both;overflow:hidden;margin: 0}.gallery-item{overflow: hidden;float: left;margin: 0;padding: 0;text-align:center;list-style:none;border: none;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box}.gallery-icon{}.gallery-icon img{width: auto;max-width:89%;height: auto;margin: 0 auto;padding: 1%;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box}.gallery-caption{margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box}.gallery-col-0 .gallery-item {width:100%}.gallery-col-1 .gallery-item {width:100%}.gallery-col-2 .gallery-item {width:50%}.gallery-col-3 .gallery-item {width:33.33%}.gallery-col-4 .gallery-item {width:25%}.gallery-col-5 .gallery-item {width:20%}.gallery-col-6 .gallery-item {width:16.66%}.gallery-col-7 .gallery-item {width:14.28%}.gallery-col-8 .gallery-item {width:12.5%}.gallery-col-9 .gallery-item {width:11.11%}.gallery-col-10 .gallery-item{width:10%}.gallery-col-11 .gallery-item{width:9.09%}.gallery-col-12 .gallery-item{width:8.33%}.gallery-col-13 .gallery-item{width:7.69%}.gallery-col-14 .gallery-item{width:7.14%}.gallery-col-15 .gallery-item{width:6.66%}.gallery-col-16 .gallery-item{width:6.25%}.gallery-col-17 .gallery-item{width:5.88%}.gallery-col-18 .gallery-item{width:5.55%}.gallery-col-19 .gallery-item{width:5.26%}.gallery-col-20 .gallery-item{width:5%}.gallery-col-21 .gallery-item{width:4.76%}.gallery-col-22 .gallery-item{width:4.54%}.gallery-col-23 .gallery-item{width:4.34%}.gallery-col-24 .gallery-item{width:4.16%}.gallery-col-25 .gallery-item{width:4%}.gallery-col-26 .gallery-item{width:3.84%}.gallery-col-27 .gallery-item{width:3.7%}.gallery-col-28 .gallery-item{width:3.57%}.gallery-col-29 .gallery-item{width:3.44%}.gallery-col-30 .gallery-item{width:3.33%}

/* === Transitions === */

a,
input[type=submit],
input[type=button],
input[type=text],
textarea {
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* === Headers === */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	text-transform: uppercase;
 }

h1 {
	font-size: 32px;
	font-size: 2rem;
}
h2 {
	font-size: 28px;
	font-size: 1.75rem;
}
h3 {
	font-size: 24px;
	font-size: 1.5rem;

}
h4 {
	font-size: 22px;
	font-size: 1.375rem;
}
h5 {
	font-size: 20px;
	font-size: 1.25rem;
}
h6 {
	font-size: 18px;
	font-size: 1.125rem;
}

/* === Paragraphs === */

p {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
}

/* === Blockquotes, quotes, and cites === */

blockquote {
	font-size: 20px;
	font-size: 1.25rem;
	font-style: italic;
	margin: 14px 0;
	margin: 1rem 0;
	padding: 1% 2%;
}

blockquote blockquote {
	padding: 0.5% 2%;
}
	
blockquote p {
	margin: 20px 0;
	margin: 1.25rem 0;
}

/* === Acronyms and abbreviations === */

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

/* === Code and Preformatted text === */

code {
	padding: 0 0.1875em;
}
pre {
	font-size: 15px;
	font-size: 0.9375rem;
	padding: 3%;
	word-wrap: normal;
}
pre code {
	padding: 0;
	font-size: 16px;
	font-size: 1rem;
}

/* === <address> tag === */

address {}

/* === Lists === */

ul {
	list-style-type: circle;
}
ul,
ol {
	padding: 0 0 0 28px;
	padding: 0 0 0 1.75rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
ol ol,
ul ul {
	margin: 0;
	padding: 0 0 0 22px;
	padding: 0 0 0 1.375rem;
} 
dl dt {
	font-size: 14px;
	font-size: 0.875rem;
}
dl dd {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

/* === Tables === */

table {
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
	width: 100%;
}
th,
td {
	padding: 8px 2%;
	padding: 0.5rem 2%;
}

/* == wp-calendar <table> == */

#wp-calendar th,
#wp-calendar td {
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: normal;
	padding: 4px 1%;
	padding: 0.25rem 1%;
	text-align: center;
}
#wp-calendar tr:hover td {
	background: transparent;
}
#wp-calendar td.pad,
#wp-calendar #prev,
#wp-calendar #next {
	background: transparent;
}
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}

/* === Forms === */
		
input[type="email"], 
input[type="password"], 
input[type="reset"], 
input[type="search"], 
input[type="text"],
input[type="url"],
textarea {
	display: block;
	padding: 0.5em;
	width: 100%;
}
textarea {
	min-height: 160px;
	min-height: 10rem;
}
select {
	max-width: 100%;
}

/* === Alignement (WP classes) === */

.alignleft,
.left {
	float: left;
	margin: 16px 18px 8px 0;
	margin: 1rem 1.125rem 0.5rem 0;
}
.alignright,
.right {
	float: right;
	margin: 16px 0 8px 18px;
	margin: 1rem 0 0.5rem 1.125rem;
}
.aligncenter,
.center {
	display: block;
	margin: 16px auto;
	margin: 1rem auto;
	}
.alignnone,
.block { 
	clear:both;
	margin: 16px 0;
	margin: 1rem 0;
}
.clear {
	clear: both;
}
blockquote.alignleft,
blockquote.alignright {
	width: 33%;
}

/* === Images and media === */

img,
object,
embed,
iframe,
video {
	max-width: 100%;
}
img {
	height: auto;
}

img.header-image {
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

/* For IE 8. */
.ie8 img {
	width: auto;
}

/* Override the Twitter embed fixed width to make tweet responsive. And the same for embed audio. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* === Thumbnails === */

.thumbnail {
	margin: 0 18px 16px 0;
	margin: 0 1.125rem 1rem 0;
	width: 150px;
	height: 150px;
}

/* === Captions === */

.wp-caption {
	max-width: 100%;
}

.wp-caption-text {
	font-style: italic;
	margin: 0;
	padding: 0 24px;
	padding: 0 1.5rem;
	text-align: center;
}

/* === Avatars === */

.avatar {
	width: 80px;
	height: 80px;
}
#branding .avatar {
	width: 90px;
	height: 90px;
}


/**
 * Layout
 * --------------------------------------------------------------------------- */
 
.wrap {
	margin: 0 auto;
	max-width: 900px;
	max-width: 59.125rem;
 }

/* === Secondary menu === */
 
#menu-secondary {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0 4%;
}

#menu-secondary ul,
#menu-subsidiary ul {
	list-style: none;
	padding: 0;
	margin: 10px 0;
	margin: 0.625rem 0;
}
#menu-secondary li,
#menu-subsidiary li {
	float: none;
	display: inline-block;
}
#menu-secondary li a,
#menu-subsidiary li a {
	padding: 7px 6px;
	padding: 0.4375rem 0.428571429rem;
}
#menu-secondary li:first-child a {
	padding-left: 14px;
	padding-left: 0.875rem;
}
#menu-subsidiary li a {
	padding: 0 6px;
	padding: 0 0.428571429rem;
}
#menu-secondary li:after,
#menu-subsidiary li:after {
	content: " /"; 
}
#menu-secondary li:last-child:after,
#menu-subsidiary li:last-child:after  {
	content: "";
}

/* == Widgets == */

#sidebar-primary .widget,
#sidebar-secondary .widget,
#sidebar-subsidiary .widget,
#sidebar-front-page .widget {
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}
#sidebar-subsidiary {
	margin: 24px 0;
	margin: 1.5rem 0;
}
#sidebar-subsidiary .wrap {
	padding: 16px 0;
	padding: 1rem 0;
}
.sidebar .widget-title { 
	text-transform: none;
}


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

#header  {
	margin: 16px 0;
	margin: 1rem 0;
}
#branding {
	text-align: center;
}
#site-title {
	margin: 0;
}
#site-description {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
	text-transform: none;
}


/**
 * Menus
 * --------------------------------------------------------------------------- */
 
/* Assistive. */
.skip-link,
.screen-reader-text,
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Buttons. */
.menu-toggle,
input[type="submit"],
#respond #submit,
body .edd-submit.button,
body #edd-purchase-button {
	border: none;
	padding: 16px 20px;
	padding: 1rem 1.42857143rem;
	display: inline-block;
	margin: 0 8px 16px;
	margin: 0 0.5rem 1rem;
}
.menu-toggle {
	margin-bottom: 0;
}
#respond #submit,
body .edd-submit.button {
	margin-left: 0;
}
input[type="submit"] {
	display: inline-block;
	margin: 14px 0 0 0;
	margin: 1rem 0 0 0;
}
.menu-toggle,
input[type="submit"],
#respond #submit {
	cursor: pointer;
}
.menu-toggle:hover,
input[type="submit"]:hover,
#respond #submit:hover {
	text-decoration: none;
}

/* == Primary Menu == */

/* Navigation Menu for narrow screens. */

h3.menu-toggle {
	font-size: 16px;
	font-size: 1rem;
}
.menu-toggle:before {
	content: "\f0c9";
	font-family: Fontello;
}
div.menu li, nav.menu li {
	float: none;
}
#menu-primary ul {
	padding: 0;
	margin: 0;
}
#menu-primary {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0 4%;
	text-align: center;
}
#menu-primary li {
	margin-top: 14px;
	margin-top: 1rem;
	margin-bottom: 4px;
	margin-bottom: 0.285714286rem;
	line-height:  1.71428571;
	display: block;
}
#menu-primary li a {
	padding: 14px 12px;
	padding: 1rem 0.857142857rem;
}
#menu-primary a:hover {
}
#menu-primary ul.menu-items,
#menu-primary div.menu-items > ul {
	display: none;
}
#menu-primary.toggled-on ul.menu-items,
.menu-toggle {
	display: inline-block;
}
#menu-primary.toggled-on ul.menu-items {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

/* For custom colors don't use hover on narrow screens. */
@media screen and (max-width: 45em) {

.custom-colors #menu-primary.toggled-on ul a:hover,
.custom-colors #menu-primary.toggled-on ul a:hover,
.custom-colors #menu-primary.toggled-on ul li:hover a,
.custom-colors #menu-primary.toggled-on li.current-menu-item a,
.custom-colors #menu-primary.toggled-on ul li.iehover a,
.custom-colors #menu-primary.toggled-on ul.sub-menu li.current-menu-item a, /* Current menu item in sub menu. */
.custom-colors #menu-primary.toggled-on ul li.iehover li.current-menu-item a,
.custom-colors #menu-primary.toggled-on ul li:hover li a:hover, /* 2nd Menu Hover Persistence */
.custom-colors #menu-primary.toggled-on ul li:hover li:hover a,
.custom-colors #menu-primary.toggled-on ul li.iehover li a:hover,
.custom-colors #menu-primary.toggled-on ul li.iehover li.iehover a,
.custom-colors #menu-primary.toggled-on ul li:hover li:hover li.current-menu-item a, /* Current menu item in sub sub menu. */
.custom-colors #menu-primary.toggled-on ul li.iehover li.iehover li.current-menu-item a,
.custom-colors #menu-primary.toggled-on ul li:hover li:hover li a:hover, /* 3rd Menu Hover Persistence */
.custom-colors #menu-primary.toggled-on ul li:hover li:hover li:hover a,
.custom-colors #menu-primary.toggled-on ul li.iehover li.iehover li a:hover,
.custom-colors #menu-primary.toggled-on ul li.iehover li.iehover li.iehover a,
.custom-colors #menu-primary.toggled-on ul li:hover li:hover li:hover li.current-menu-item a, /* Current menu item in sub sub sub menu. */
.custom-colors #menu-primary.toggled-on ul li.iehover li.iehover li.iehover li.current-menu-item a,
.custom-colors #menu-primary.toggled-on ul li:hover li:hover li:hover li a:hover, /* 4th Menu Hover */
.custom-colors #menu-primary.toggled-on ul li.iehover li.iehover li.iehover li a:hover,
.custom-colors #menu-primary.toggled-on ul li:hover li a,
.custom-colors #menu-primary.toggled-on  ul li.iehover li a,
.custom-colors #menu-primary.toggled-on  ul li:hover li:hover li a, /* 3rd Menu */
.custom-colors #menu-primary.toggled-on  ul li.iehover li.iehover li a,
.custom-colors #menu-primary.toggled-on  ul li:hover li:hover li:hover li a, /* 4th Menu */
.custom-colors #menu-primary.toggled-on  ul li.iehover li.iehover li.iehover li a {
	background: none;
}

}


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

/* ====== BREADCRUMBS ====== */

.breadcrumb-trail {
	margin: 8px 0 16px;
	margin: 0.5rem 0 1rem;
	padding: 8px 4%;
	padding: 0.5rem 4%;
}

/* ====== POSTS ====== */

.hentry,
.comment-wrap,
#respond  {
	padding: 0 0 26px 0;
	padding: 0 0 1.625rem 0;
	margin-bottom: 26px;
	margin-bottom: 1.625rem;
}
.hentry .entry-title {
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
}
.archive-download .hentry .entry-title,
.taxonomy-download_category .hentry .entry-title,
.taxonomy-download_tag .hentry .entry-title,
.page-template-download-page .hentry .entry-title,
.archive-portfolio_item .hentry .entry-title,
.taxonomy-portfolio .hentry .entry-title,
.page-template-portfolio-page .hentry .entry-title {
	text-align: center;	
}

#main,
#header,
#footer,
.hentry  .entry-header,
.hentry  .entry-content,
.hentry  .entry-summary,
.hentry  .entry-footer,
.comment-wrap,
#respond,
#sidebar-subsidiary,
#comments-number,
.comments-nav,
.loop-nav,
.pagination,
.attachment-meta .image-gallery,
#eino-social-links  {
	padding: 0 4%;
}
.hentry  .entry-header {
	padding-top: 26px;
	padding-top: 1.625rem;
	text-align: center;
}
.sticky {}

/* === Post Header === */

.entry-byline,
.entry-meta {
	font-size: 14px;
	font-size: 0.875rem;
}
.entry-byline {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding-bottom: 16px;
	padding-bottom: 1rem;
}

/* === Post Footer === */

.entry-meta {
	clear: both;
	padding-top: 16px;
	padding-top: 1rem;
}

/* === Asides === */
	
.home .format-image.hentry .entry-header,
.blog .format-image.hentry .entry-header	{
	padding-top: 16px;
	padding-top: 1rem;
}
.format-aside .entry-content {
	padding-top: 32px;
	padding-top: 2rem;
}
.format-aside .entry-content a.permalink {}

/* === Chats === */

.format-chat .chat-author {
	font-weight: bold;
}
.format-chat .chat-text {
	margin-left: 16px;
	margin-left: 1rem;
}
.format-chat .chat-text p {
	margin-top: 0;
}
	
/* === Image === */

.format-image .entry-media {
	text-align: center;
}
	
/* === Galleries === */
	
.eino-gallery {
	padding-top: 24px;
	padding-top: 1.5rem;
}
.format-gallery  .eino-gallery .gallery .gallery-caption,
.attachment-meta .image-gallery .gallery .gallery-caption {
	display: none;
}
.gallery .gallery-row {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.gallery .gallery-item .gallery-icon img {
	padding: 0;
}
.format-gallery .eino-image-count {
	font-style: italic;
}

/* === Quotes === */

.format-quote .entry-content {
	padding-top: 24px;
	padding-top: 1.5rem;
}

/* === Audio === */

.format-audio .entry-media .audio-content {
	text-align: center;
}

/* === Status updates === */

.hentry.format-status .entry-header  {
	text-align: left;
}
.format-status  .entry-content {
	padding: 0;
}
.format-status .avatar {
	float: left;
	margin: 0 16px 24px 0;
	margin: 0 1rem 1.5rem 0;
}

/* ====== Attachment Meta (on image attachment pages) ====== */

.attachment-meta .image-gallery {
	padding-bottom: 24px;
	padding-bottom: 1.5rem;
}

/* ====== LOOP META ====== */

.loop-meta {
	margin: 8px 0 16px;
	margin: 0.5rem 0 1rem;
	padding: 8px 4%;
	padding: 0.5rem 4%;
}

/* ====== PAGINATION ====== */

.loop-nav,
.pagination,
.page-links,
.comment-pagination {
	clear: both;
	margin: 0 0 16px;
	margin: 0 0 1rem;
	text-align: center;
	width: 100%;
}
.page-links {
	padding: 0;
	text-align: left;
	width: 100%;
}
.loop-nav a,
.pagination .page-numbers,
.page-links a,
a.more-link,
a.eino-portfolio-item-link,
a.eino-button,
#bbpress-forums button,
.bbp-pagination-links a,
.bbp-pagination-links .page-numbers.current {
	display: inline-block;
	margin: 0 6px 16px;
	margin: 0 0.375rem 1rem;
	padding: 6px 16px;
	padding: 0.375rem 1rem;
}
#bbpress-forums button {
	border: none;
	margin-right: 0;
}
a.more-link,
a.eino-portfolio-item-link {
	margin-left: 0;
}
a.eino-portfolio-item-link:after {
	content: "\261e";
	font-family: Fontello;
	margin-left: 4px;
	margin-left: 0.25rem;
}
a.eino-button {
	font-size: 24px;
	font-size: 1.5rem;
	margin: 24px 0;
	margin: 1.5rem 0;
	text-align: center;
	width: 100%;
}
a.eino-button:hover,
.loop-nav a:hover,
.page-links a:hover ,
.pagination  a.page-numbers:hover,
a.more-link:hover,
a.eino-portfolio-item-link:hover {
	text-decoration: none;
}
.loop-nav rel.prev {
	float: left;
}
.loop-nav rel.next {
	float: right;
}

/* === Single post navigation (between different posts) === */

.loop-nav a {
	width: 120px;
	width: 7.5rem;
}
.loop-nav span.next:after,
.loop-nav span.previous:before,
.loop-pagination a.next:after,
.loop-pagination a.prev:before {
	content: "\e75e";
	font-family: Fontello;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0 0 0 4px;
	padding: 0 0 0 0.25rem;
}
.loop-nav span.previous:before,
.loop-pagination a.prev:before {
	content: "\e75d";
	padding: 0 4px 0 0;
	padding: 0 0.25rem 0 0;
}

/* === Comments pagination === */

.comments-nav {
	padding-bottom: 8px;
	padding-bottom: 0.5rem;
}


/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

#sidebar-primary .widget,
#sidebar-secondary .widget,
#sidebar-front-page .widget-inside { 
	padding: 24px 4%;
	padding: 1.5rem 4%;
}

#sidebar-subsidiary .wrap-inside {
	padding-bottom: 16px;
	padding-bottom: 1rem;
	padding-top: 16px;
	padding-top: 1rem;
}

#sidebar-header {		
	text-align: center;
}
#sidebar-header .widget-title {		
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}


/**
 * Comments Template
 * --------------------------------------------------------------------------- */

/* ====== COMMENTS ======= */

/* === Comment list === */

ol.comment-list,
ol.comment-list ol.children {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}
ol.comment-list ol.children {
	margin-left: 1%;
}

/* === Individual comments */

li.comment .comment-wrap,
li.ping .comment-wrap {
	padding-bottom: 16px;
	padding-bottom: 1rem;
	padding-top: 16px;
	padding-top: 1rem;
}

li.bypostauthor {}

ol.comment-list ul,
ol.comment-list ol,
ol.comment-list dl {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
ol.comment-list ul ul,
ol.comment-list ol ol,
ol.comment-list dl dl {
	margin-bottom: 0;
}

/* === Avatars === */

.comment-list .avatar {
	margin: 4px 16px 16px 0;
	margin: 0.25rem 1rem 1rem 0;
}

/* === Meta === */

.comment-meta abbr {
	border-bottom: none;
}

/* === Reply link === */

#cancel-comment-reply-link {
	font-size: 16px;
	font-size: 1rem;
	text-transform: none;
}

/* ====== RESPOND (COMMENT FORM) ====== */

#respond {
	padding-bottom: 16px;
	padding-bottom: 1rem;
	padding-top: 16px;
	padding-top: 1rem;
}

#respond input[type="text"],
#respond input[type="url"],
#respond input[type="email"],
textarea,
#respond textarea,
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	display: block;
	padding: 0.5em;
	width: 100%;
}


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

#footer {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	text-align: center;
} 
#footer p {
	margin-bottom: 0;
}


/**
 * Clearing Floats
 * --------------------------------------------------------------------------- */

.clearfix::after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}


/**
 * Social icons
 * --------------------------------------------------------------------------- */

/* General social links. */
#eino-social-links {
	margin-top: 16px;
	margin-top: 1rem;
	text-align: center;
}
ul#eino-social-link-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#eino-social-link-list li {
	display: inline;
}
#eino-social-links a.eino-social-link {
	padding: 0 8px;
	padding: 0 0.57142857142rem;
}
#eino-social-links a.eino-social-link:hover {
	text-decoration: none;
}

/* Members social links. */
.page-template-members .author-profile {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.page-template-members .author-profile  .avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 16px 24px 0;
	margin: 0 1rem 1.5rem 0;
}
.page-template-members .author-profile p.eino-social {
	clear: both;
}
.page-template-members .author-profile p.eino-social a {
	font-family: Fontello;
	font-size: 1.3333333333333333em;
	display: inline-block;
	margin-left: 6px;
	margin-left: 0.375rem;
}
.page-template-members .author-profile p.eino-social a span.eino-social-text {
	display: none;
}
.page-template-members .author-profile p.eino-social a.twitter:before {
	content: "\f099";
}
.page-template-members .author-profile p.eino-social a.facebook:before {
	content: "\f09a";
}
.page-template-members .author-profile p.eino-social a.google-plus:before {
	content: "\f0d5";
}
.page-template-members .author-profile p.eino-social a.feed:before {
	content: "\f09e";
}


/* =Gravity Forms CSS. @link: http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/
------------------------------------------------------------------------------- */

.gform_wrapper ul {
	background: transparent;
	list-style: none;
	margin: 0;
	padding: 0;
}
body .gform_wrapper .gform_heading {
	margin-bottom: 16px;
	margin-bottom: 1rem;
	width: 100%;
}
body .gform_wrapper .gform_heading .gform_title,
body .gform_wrapper .gform_body .gform_fields .gsection .gsection_title {
	font-weight: normal;
	margin: 8px 0;
	margin: 0.5rem 0;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description,
body .gform_wrapper .gform_body .gform_fields .gsection .gsection_description,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex label {
	font-size: 16px;
	font-size: 1rem;
	padding: 0 8px 12px;
	padding: 0 0.5rem 0.75rem;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .gform_body .gform_fields .gfield input.medium {
	font-size: 14px;
	font-size: 0.875rem;
	display: block;
	padding: 8px;
	padding: 0.5rem;
	width: 100%;
}
body .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, 
body .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, 
body .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 8px;
	padding: 0.5rem;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li input[type=checkbox],
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input[type=radio] {
	margin-top: 4px;
	margin-top: 0.25rem;
}
body .gform_wrapper table.gfield_list th,
body .gform_wrapper table.gfield_list td {
	padding: 8px 2%;
	padding: 0.5rem 2%;
}
body .gform_wrapper table.gfield_list tr:hover td {
	background: none;
}
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button,
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {
	border: none;
	padding: 16px 20px;
	padding: 1rem 1.25rem;
	display: inline-block;
	margin: 0 8px 16px;
	margin: 0 0.5rem 1rem;
}
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button {
	float: right;
}
body .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
	font-size: 1.1em;
}
body .gform_wrapper .gform_page_footer .button.gform_button {
	float: right;
	margin-top: 0;
}
body #gforms_confirmation_message {
	padding: 3%;
}
body .gform_wrapper .gform_footer {
	margin: 8px 0 0;
	margin: 0.5rem 0 0;
	padding: 8px 0;
	padding: 0.5rem 0;
}

body .ui-datepicker-div,
body .ui-datepicker-inline,
body #ui-datepicker-div {
	font: normal normal bold 0.875em/1.2 "Helvetica Neue", Helvetica, sans-serif;
}


/**
 * Easy Digital Downloads.
 * --------------------------------------------------------------------------- */

body .edd-submit.button {
	border: none;
}
body #edd_checkout_cart td,
body #edd_checkout_cart .edd_cart_header_row th {
	background: none;
}
body #edd_checkout_form_wrap input[type="text"],
body #edd_checkout_form_wrap input[type="email"],
body #edd_checkout_form_wrap input[type="password"] {
	padding: 8px;
	padding: 0.5rem;
}
body #edd_checkout_form_wrap input.edd-input {
	width: 100%;	
}
body #edd_checkout_form_wrap label {
	font-size: 100%;
}
body #edd_checkout_form_wrap span.edd-description {
	font-size: 95%;
}


/**
 * FontAwesome. Load only couple of font icons. @link fontello.com
 * --------------------------------------------------------------------------- */

 @font-face {
	font-family: 'Fontello';
	src: url("fonts/fontawesome/fontello.eot?39112321");
	src: url("fonts/fontawesome/fontello.eot?39112321#iefix") format('embedded-opentype'), url("fonts/fontawesome/fontello.woff?39112321") format('woff'), url("fonts/fontawesome/fontello.ttf?39112321") format('truetype'), url("fonts/fontawesome/fontello.svg?39112321#fontello") format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: Fontello;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;

	/* sprites.less reset */
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
	background-image: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	text-decoration: inherit;
	display: inline-block;
	speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
	display: inline-block;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
	vertical-align: -10%;
	font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.nav [class^="icon-"],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {
	display: inline;
	/* keeps button heights with and without icons the same */
}
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
	line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
	display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"] {
	/* keeps button heights with and without icons the same */

}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
	line-height: .9em;
}
li [class^="icon-"],
.nav li [class^="icon-"],
li [class*=" icon-"],
.nav li [class*=" icon-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}
li [class^="icon-"].icon-large,
.nav li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
	/* increased font size for icon-large */
	width: 1.5625em;
}
ul.icons {
	list-style-type: none;
	text-indent: -0.75em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
	width: .75em;
}
.icon-muted {
	color: #eeeeee;
}
.icon-border {
	border: solid 1px #eeeeee;
	padding: .2em .25em .15em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.icon-2x {
	font-size: 2em;
}
.icon-2x.icon-border {
	border-width: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.icon-3x {
	font-size: 3em;
}
.icon-3x.icon-border {
	border-width: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.icon-4x {
	font-size: 4em;
}
.icon-4x.icon-border {
	border-width: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
	margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
	margin-left: .3em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
	margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
	line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
	margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
	margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
	margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-left: .2em;
}

.icon-right-hand:before { content: '\261e'; }
.icon-mail:before { content: '\2709'; }
.icon-chat:before { content: '\e720'; }
.icon-chevron-left:before { content: '\e75d'; }
.icon-chevron-right:before { content: '\e75e'; }
.icon-twitter:before { content: '\f099'; }
.icon-facebook:before { content: '\f09a'; }
.icon-github:before { content: '\f09b'; }
.icon-rss:before { content: '\f09e'; }
.icon-pinterest:before { content: '\f0d2'; }
.icon-google-plus:before { content: '\f0d5'; }
.icon-linkedin:before { content: '\f0e1'; }
.icon-menu:before { content: '\f0c9'; }
.icon-comment-empty:before { content: '\f0e5'; }
.icon-angle-right:before { content: '\f105'; }
.icon-picture:before { content: '\1f304'; }
.icon-user:before { content: '\1f464'; }
.icon-phone:before { content: '\1f4de'; }


/* =Woocommerce CSS.
-------------------------------------------------------------- */

.woocommerce .hentry {
	padding: 24px 4%;
	padding: 1.5rem 4%;
}
.woocommerce ul.products li.hentry,
.woocommerce-page ul.products li.hentry {
	background: none;
	box-shadow: none;
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
body.woocommerce div.product div.images,
body.woocommerce #content div.product div.images,
body.woocommerce-page div.product div.images,
body.woocommerce-page #content div.product div.images,
body.woocommerce div.product div.summary,
body.woocommerce #content div.product div.summary,
body.woocommerce-page div.product div.summary,
body.woocommerce-page #content div.product div.summary,
body.woocommerce .col2-set .col-1, 
body.woocommerce-page .col2-set .col-1,
body.woocommerce  .col2-set .col-2,
body.woocommerce-page  .col2-set .col-2 {
	float: none;
	width: 100%;
}
body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img,
body.woocommerce div.product div.images img,
body.woocommerce #content div.product div.images img,
body.woocommerce-page div.product div.images img,
body.woocommerce-page #content div.product div.images img,
body.woocommerce .related ul.products li.product img, 
body.woocommerce .related ul li.product img,
body.woocommerce .upsells.products ul.products li.product img,
body.woocommerce .upsells.products ul li.product img,
body.woocommerce-page .related ul.products li.product img,
body.woocommerce-page .related ul li.product img,
body.woocommerce-page .upsells.products ul.products li.product img,
body.woocommerce-page .upsells.products ul li.product img {
	max-width: 100%;
	width: auto;
}
body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img {
	box-shadow: none;
}
body.woocommerce nav.woocommerce-pagination ul li a,
body.woocommerce nav.woocommerce-pagination ul li span,
body.woocommerce #content nav.woocommerce-pagination ul li a,
body.woocommerce #content nav.woocommerce-pagination ul li span,
body.woocommerce-page nav.woocommerce-pagination ul li a,
body.woocommerce-page nav.woocommerce-pagination ul li span,
body.woocommerce-page #content nav.woocommerce-pagination ul li a,
body.woocommerce-page #content nav.woocommerce-pagination ul li span {
	padding: 0.75em
}


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

 /* Minimum width of 396 pixels. */
@media screen and (min-width: 24.75em) {

/* Thumbnail. */
.thumbnail {
	float: left;
}

}
 
 
/* Minimum width of 496 pixels. */
@media screen and (min-width: 31em) {

/* Comments. */
.comment-list .avatar {
	float: left;
}
.comment-content {
    clear: left;
}
.comment-meta {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	padding: 16px 0 0;
	padding: 1rem 0 0;
}
.comment-author {
    display: block;
}

}


/**
 * Minimum width of 600 pixels.
 * --------------------------------------------------------------------------- */
@media screen and (min-width: 37.5em) {

/* Sidebars. */
#sidebar-subsidiary .wrap-inside,
#sidebar-front-page .wrap-inside {
	margin-left: -3%;
}
#sidebar-front-page .widget-inside { 
	padding: 24px 8%;
	padding: 1.5rem 8%;
}
#sidebar-subsidiary .widget,
#sidebar-front-page .widget {
	float: left;
	padding-left: 3%;
}

/* 1 widget in sidebar. */
.sidebar-subsidiary-1 #sidebar-subsidiary .widget,
.sidebar-front-page-1 #sidebar-front-page .widget {
	width: 100%;
}
/* 2 widgets in sidebar. */
.sidebar-subsidiary-2 #sidebar-subsidiary .widget,
.sidebar-front-page-2 #sidebar-front-page .widget {
	width: 50%;
}
/* 3 widgets in sidebar. */
.sidebar-subsidiary-3 #sidebar-subsidiary .widget,
.sidebar-front-page-3 #sidebar-front-page .widget {
	width: 33.333333333%;
}
/* 4 widgets in sidebar. */
.sidebar-subsidiary-4 #sidebar-subsidiary .widget,
.sidebar-front-page-4 #sidebar-front-page .widget {
	width: 50%;
}
/* Clear left for 3th widget. */
.sidebar-subsidiary-4 #sidebar-subsidiary .widget:nth-child(3),
.sidebar-front-page-4 #sidebar-front-page .widget:nth-child(3) {
	clear: left;
}

/* Comments. */
ol.comment-list ol.children {
	margin-left: 2%;
}

}


/* Minimum width of 720 pixels. */
@media screen and (min-width: 45em) {


/* =Menu Primary
-------------------------------------------------------------- */

/* Hide menu toggle. */
.menu-toggle {
	display: none;
}

#menu-primary ul.menu-items,
#menu-primary div.menu-items > ul {
	display: block;
}

/* Reset mobile menu settings. */
#menu-primary {
	margin-top: 0;
}
#menu-primary li {
	margin: 0;
}
#menu-primary ul ul {
	padding-left: 0;
}

/* Navigation. */
#menu-primary {
	clear: both;
	display: block;
	text-align: left;
}
#menu-primary .menu {   
	display: table;
	margin: 0 auto;
}

#menu-primary .menu-item-parent > a:after {
	content: "\f105";
	font-family: 'Fontello';
	padding-left: 8px;
	padding-left: 0.5rem;
	line-height: 2.1;
}
#menu-primary ul li .menu-item-parent > a:after {
	float: right;
}


/*
Original Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
http://qrayg.com/experiment/cssmenus/
*/

#menu-primary {
	clear: both;
	display: block;
	width: 100%;
	text-align: left;
}
#menu-primary .wrap {
	margin: 0 auto;
	padding: 0;
	height: auto;
	position: relative;
	overflow: visible;
}

#menu-primary:after,
#menu-primary .wrap:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#menu-primary li a {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2.18181818;
	letter-spacing: 1px;
}

#menu-primary ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#menu-primary ul ul {
	width: 180px; /* Sub Menu Width */
	width: 11.25rem;
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99999;
}

#menu-primary ul ul ul,
#menu-primary ul ul ul ul {
	top: 0;
	left: 100%;
}

#menu-primary ul li {
	float: left;
	display: inline;
	position: relative;
}

#menu-primary ul ul li {
	width: 100%;
	display: block;
}

/* Root Menu. */
#menu-primary ul a {
	float: left;
	display: block;
	text-decoration: none;
	padding: 7px 14px;
	padding: 0.4375rem 0.875rem;
	height: 1%;
}

/* 2nd Menu */
#menu-primary ul li:hover li a,
#menu-primary ul li.iehover li a,
#menu-primary ul li:hover li:hover li a, /* 3rd Menu */
#menu-primary ul li.iehover li.iehover li a,
#menu-primary ul li:hover li:hover li:hover li a, /* 4th Menu */
#menu-primary ul li.iehover li.iehover li.iehover li a{
	float: none;
}

/* Hover Function - Do Not Move */
#menu-primary ul li:hover ul ul,
#menu-primary ul li:hover ul ul ul,
#menu-primary ul li.iehover ul ul,
#menu-primary ul li.iehover ul ul ul {
	display: none;
}

#menu-primary ul li:hover ul,
#menu-primary ul ul li:hover ul,
#menu-primary ul ul ul li:hover ul,
#menu-primary ul li.iehover ul,
#menu-primary ul ul li.iehover ul,
#menu-primary ul ul ul li.iehover ul {
	display: block;
}

/* Woocommerce. */
body.woocommerce .col2-set .col-1, 
body.woocommerce-page .col2-set .col-1,
body.woocommerce  .col2-set .col-2,
body.woocommerce-page  .col2-set .col-2,
body.woocommerce div.product div.images,
body.woocommerce #content div.product div.images,
body.woocommerce-page div.product div.images,
body.woocommerce-page #content div.product div.images,
body.woocommerce div.product div.summary,
body.woocommerce #content div.product div.summary,
body.woocommerce-page div.product div.summary,
body.woocommerce-page #content div.product div.summary {
	float: left;
	width: 48%;
}
body.woocommerce  .col2-set .col-2,
body.woocommerce-page  .col2-set .col-2,
body.woocommerce div.product div.summary,
body.woocommerce #content div.product div.summary,
body.woocommerce-page div.product div.summary,
body.woocommerce-page #content div.product div.summary  {
	float: right;
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
	float: left;
	width: 22.05%;
}

}

/* Minimum width of 896 pixels. */
@media screen and (min-width: 56em) {

/* Layouts. */
.layout-1c-w .wrap,
.layout-2c-l .wrap,
.layout-default .wrap,
.layout-2c-r .wrap,
.layout-3c-l .wrap,
.layout-3c-r .wrap,
.layout-3c-c .wrap,
.page-template-front-page .wrap,
.page-template-slider .wrap,
.page-template-portfolio-page.sidebar-front-page-3 .wrap,
.page-template-download-page.sidebar-front-page-3 .wrap,
.page-template-portfolio-page.sidebar-front-page-4 .wrap,
.page-template-download-page.sidebar-front-page-4 .wrap,
.woocommerce .wrap,
.woocommerce-page .wrap {
	max-width: 1066px;
	max-width: 66.625rem;
}
.layout-1c-w .hentry .entry-header,
.layout-1c-w .hentry .entry-title,
.layout-1c-w .hentry .entry-content,
.layout-1c-w .hentry .entry-summary,
.layout-1c-w .hentry .entry-footer,
.layout-1c-w .comment-wrap, 
.layout-1c-w #respond {
	padding-left: 12%;
	padding-right: 12%;
}
.archive-download.layout-1c-w .hentry .entry-summary,
.archive-download.layout-1c-w .hentry .entry-header,
.taxonomy-download_category.layout-1c-w .hentry .entry-summary,
.taxonomy-download_category.layout-1c-w .hentry .entry-header,
.taxonomy-download_tag.layout-1c-w .hentry .entry-summary,
.taxonomy-download_tag.layout-1c-w .hentry .entry-header,
.page-template-download-page.layout-1c-w .hentry .entry-summary,
.page-template-download-page.layout-1c-w .hentry .entry-header,
.archive-portfolio_item.layout-1c-w .hentry .entry-summary,
.archive-portfolio_item.layout-1c-w .hentry .entry-header,
.taxonomy-portfolio.layout-1c-w .hentry .entry-summary,
.taxonomy-portfolio.layout-1c-w .hentry .entry-header,
.page-template-portfolio-page.layout-1c-w .hentry .entry-summary,
.page-template-portfolio-page.layout-1c-w .hentry .entry-header  {
	padding-left: 0;
	padding-right: 0;
}
.page-template-front-page.layout-1c-w .hentry .entry-content,
.page-template-front-page.layout-1c-w .hentry .entry-header,
.page-template-front-page.layout-1c-w .hentry .entry-footer {
	padding-left: 4%;
	padding-right: 4%;
}

/* Two columns. */
.layout-2c-l #content,
.layout-default #content,
.layout-2c-r #sidebar-primary,
.layout-2c-r #sidebar-secondary,
.layout-3c-l #content,
.layout-3c-c #content {
	float: left;
}

.layout-2c-l #content,
.layout-default #content,
.layout-2c-r #content,
.layout-3c-l #content,
.layout-3c-r #content,
.layout-3c-c #content {
	width: 66%;
}

.layout-2c-l #sidebar-primary,
.layout-2c-l #sidebar-secondary,
.layout-2c-r #sidebar-primary,
.layout-2c-r #sidebar-secondary,
.layout-3c-l #sidebar-primary,
.layout-3c-l #sidebar-secondary,
.layout-3c-r #sidebar-primary,
.layout-3c-r #sidebar-secondary,
.layout-3c-c #sidebar-primary,
.layout-3c-c #sidebar-secondary {
	float: right;
	width: 30%;
}

.layout-2c-r #sidebar-primary,
.layout-2c-r #sidebar-secondary,
.layout-3c-r #sidebar-primary,
.layout-3c-r #sidebar-secondary {
	float: left;
}
.layout-2c-r #sidebar-secondary,
.layout-3c-r #sidebar-secondary {
	clear: left;
}

#sidebar-primary .widget,
#sidebar-secondary .widget { 
	padding: 24px 6%;
	padding: 1.5rem 6%;
}

.layout-2c-r #content,
.layout-3c-r #content {
    float: right;
}

.layout-2c-l #sidebar-secondary,
.layout-3c-l #sidebar-secondary,
.layout-3c-c #sidebar-secondary {
	clear: right;
}

/* Header ( if there are widgets in header sidebar ). */
.eino-header-active #branding {
	float: left;
	width: 46%;
	margin-right: 4%;
}

.eino-header-active #sidebar-header {		
	float: left;
	width: 50%
}

/* Footer ( if there is subsidiary menu ). */
.eino-subsidiary-menu-active .footer-content {
	float: left;
	width: 46%;
	margin-right: 4%;
}

.eino-subsidiary-menu-active #menu-subsidiary {		
	float: left;
	width: 50%
}

.breadcrumb-trail {
	padding: 8px 3%;
	padding: 0.5rem 3%;
}

/* Front page. */
.eino-callout-image-true #eino-callout-text-url {
	float: left;
	width: 46%;
}
.eino-callout-image-true #eino-callout-image {
	float: right;
	width: 50%;
}

/* Downloads and Portfolio items. */
.archive-download .hentry,
.taxonomy-download_category .hentry,
.taxonomy-download_tag .hentry,
.page-template-download-page .hentry,
.archive-portfolio_item .hentry,
.taxonomy-portfolio .hentry,
.page-template-portfolio-page .hentry {
	padding-bottom: 0;
}
.archive-download .entry-header,
.taxonomy-download_category .entry-header,
.taxonomy-download_tag .entry-header,
.page-template-download-page .entry-header,
.archive-portfolio_item .entry-header,
.taxonomy-portfolio .entry-header,
.page-template-portfolio-page .entry-header {
	padding: 0;
	margin: 0;
	text-align: left;
}
.archive-download .entry-header .eino-thumbnail-download,
.taxonomy-download_category .entry-header .eino-thumbnail-download,
.taxonomy-download_tag .entry-header .eino-thumbnail-download,
.page-template-download-page .entry-header .eino-thumbnail-download,
.archive-portfolio_item .entry-header .eino-thumbnail-download,
.taxonomy-portfolio .entry-header .eino-thumbnail-download,
.page-template-portfolio-page .entry-header .eino-thumbnail-download  {
	float: left;
	margin: 0 24px 0 0;
	margin: 0 1.5rem 0 0;
}
.archive-download .entry-summary,
.taxonomy-download_category .entry-summary,
.taxonomy-download_tag .entry-summary,
.page-template-download-page .entry-summary,
.archive-portfolio_item .entry-summary ,
.taxonomy-portfolio .entry-summary,
.page-template-portfolio-page .entry-summary {
	padding-top: 16px;
	padding-top: 1rem;
}

/* EDD Download Info. */
.edd-download-info-purchase-link,
.edd-download-info-demo-link {
	display: inline-block;
	vertical-align: top;
}
	
}

/* Minimum width of 1056 pixels. */
@media screen and (min-width: 66em) {

/* General social links. */
#eino-social-links {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 8px;
	margin-top: 0.5rem;
}
.admin-bar #eino-social-links {
	margin-top: 36px;
	margin-top: 2.25rem;
}
#eino-social-links a.eino-social-link {
	padding: 0 4px;
	padding: 0 0.25rem;
}

/* 4 widgets in subsidiary sidebar. */
.sidebar-subsidiary-4 #sidebar-subsidiary .widget,
.sidebar-front-page-4 #sidebar-front-page .widget {
	width: 25%;
}
/* Don't clear left for 3th widget. */
.sidebar-subsidiary-4 #sidebar-subsidiary .widget:nth-child(3),
.sidebar-front-page-4 #sidebar-front-page .widget:nth-child(3) {
	clear: none;
	padding-left: 3%;
}

/* Layouts. */

.layout-3c-l .wrap,
.layout-3c-r .wrap,
.layout-3c-c .wrap {
	max-width: 1266px;
	max-width: 79.125rem;
}

/* layout-3c-l. */
.layout-3c-l #content,
.layout-3c-r #content,
.layout-3c-c #content {
	float: left;
	width: 50%;
}
.layout-3c-l #sidebar-primary,
.layout-3c-l #sidebar-secondary,
.layout-3c-r #sidebar-primary,
.layout-3c-r #sidebar-secondary,
.layout-3c-c #sidebar-primary,
.layout-3c-c #sidebar-secondary {
	float: left;
	width: 23%;
	margin: 0 0 0 2%;
}
.layout-3c-l #sidebar-secondary {
	clear: none;
}

/* layout-3c-r. */
.layout-3c-r #content {
	float: right;
}
.layout-3c-r #sidebar-primary,
.layout-3c-r #sidebar-secondary {
	margin: 0 2% 0 0;
}
.layout-3c-r #sidebar-secondary {
	clear: none;
}

/* layout-3c-c. */
.layout-3c-c #content {
	float: left;
	margin-left: 25%;
}
.layout-3c-c #sidebar-primary {
	margin: 0 0 0 -75%;
}
.layout-3c-c #sidebar-secondary {
	float: right;
}
.layout-3c-c #sidebar-secondary {
	clear: none;
}

/* Comments. */
ol.comment-list ol.children {
	margin-left: 4%;
}

}

/* Minimum width of 1512 pixels. */
@media screen and (min-width: 108em) {

html {
    font-size: 104%;
}

}

/* Minimum width of 1952 pixels. */
@media screen and (min-width: 122em) {

html {
    font-size: 110%;
}

}

#content ul {
    padding-left: 10px;
    list-style: none;
}