/*
Theme Name: Knnel
Theme URI: http://knnel.wpshow.me/
Author: Dameer DJ
Author URI: http://themeforest.com/user/feeleep
Description: Ultimate dog breeder WordPress theme
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: knnel
Tags: accessibility-ready, grid-layout, custom-colors, custom-menu, editor-style, left-sidebar, right-sidebar, featured-images, translation-ready, theme-options, footer-widgets, threaded-comments, blog

Knnel is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	## Plugins, libraries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
}

body {
	margin: 0;
	overflow-x: hidden;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	-webkit-transition: 0.2s ease-in-out all; 
	-moz-transition: 0.2s ease-in-out all; 
	-o-transition: 0.2s ease-in-out all; 
	transition: 0.2s ease-in-out all;
	text-decoration: none;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2.2em;
	margin: 0 0 0.9em;
}

h2 {
	font-size: 2em;
	margin: 0 0 0.9em;
}

h3 {
	font-size: 1.8em;
	margin: 0 0 0.9em;
}

h4 {
	font-size: 1.6em;
	margin: 0 0 0.9em;
}

h5 {
	font-size: 1.4em;
	margin: 0 0 0.9em;
}

h6 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 0 0 0.9em;
}

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

small {
	font-size: 0.875em;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 0;
	padding: 0;
}

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

pre {
	overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #999;
	font-weight: 300;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #999;
	font-weight: 300;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #999;
	font-weight: 300;
}
:-moz-placeholder { /* Firefox 18- */
	color: #999;
	font-weight: 300;
}

.invert ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba( 255, 255, 255, 0.5 );
}
.invert ::-moz-placeholder { /* Firefox 19+ */
	color: rgba( 255, 255, 255, 0.5 );
}
.invert :-ms-input-placeholder { /* IE 10+ */
	color: rgba( 255, 255, 255, 0.5 );
}
.invert :-moz-placeholder { /* Firefox 18- */
	color: rgba( 255, 255, 255, 0.5 );
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

select option {
	padding: 5px;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

optgroup {
	font-weight: bold;
}

table {
	width: 100%;
	vertical-align: top;
	overflow: hidden;
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: 0.875em;
	line-height: 1.2;
}

table th {
	padding: 15px;
	text-align: left;
}

table td {
	padding: 15px;
}

table tr:last-child td {
	border-bottom: none;
}

table th, 
table td { 
	border-bottom: 1px solid rgba( 0, 0, 0, 0.05 ); 
	vertical-align: middle; 
	color: inherit; 
}

.invert table:not(.variations) { 
	border: 1px solid rgba( 255, 255, 255, 0.15 ); 
}

.invert table {
	border: 1px solid rgba( 255, 255, 255, 0.15 );
}

.invert table:not(.variations) th, 
.invert table:not(.variations) td { 
	border-bottom: 1px solid rgba( 255, 255, 255, 0.15 ); 
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #888888;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6, .gigant-title {
	clear: both;
	line-height: 1.2em;
	color: #333;
	position: relative;
}

.pre-title, .subtitle {
	font-size: 1em;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 5px;
	opacity: 0.6;
	padding-bottom: 2px;
}

.subtitle:before, .subtitle:after {
	content: "\2014";
	margin-right: 5px;
}

.subtitle:after {
	margin-left: 5px;
	margin-right: 0;
}

.h-gigant h1, .gigant-title {
	font-size: 4em;
}

.gigant-title {
	letter-spacing: -0.05em;
}

.h-gigant .pre-title, .h-gigant .subtitle {
	font-size: 2.5em;
}

.title-decoration:before {
	content: "";
	position: absolute;
	bottom: -10px;
	width: 10%;
	height: 1px;
	background-color: #888888;
}

.invert .title-decoration:before {
	background-color: rgba( 255, 255, 255, 0.35 );
}

.text-center .title-decoration:before {
	margin-left: -5%;
	left: 50%;
}

.text-right .title-decoration:before {
	right: 0;
}

p {
	margin-bottom: 2em;
	margin-top: 0;
}

form p {
	margin-bottom: 1em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

.remove-line-height {
	line-height: 0;
}

.shadow-dark {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
}

.shadow-light {
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

blockquote,
q {
	quotes: "" "";
}

blockquote { 
	display: inline-block; 
	background: #fff; 
	padding: 20px 0 0 20px; 
	margin: 0 0 2em 0; 
	position: relative; 
	font-style: italic; 
	font-weight: 300;  
}

.invert blockquote { 
	border: rgba( 255, 255, 255, 0.15 ); 
	-moz-box-shadow: 5px 5px 0 rgba( 255, 255, 255, 0.07 ); 
	-webkit-box-shadow: 5px 5px 0 rgba( 255, 255, 255, 0.07 ); 
	box-shadow: 5px 5px 0 rgba( 255, 255, 255, 0.07 );
}

blockquote::before { 
	content: "\201C"; 
	font-size: 60px; 
	line-height: 1;
	font-weight: bold; 
	position: absolute; 
	left: -10px; 
	top: 0; 
}

blockquote::after { 
	content: ""; 
}

blockquote cite { 
	display: block; 
	font-style: normal; 
	font-weight: 600; 
	margin-top: 10px; 
}

blockquote p {
	margin: 0;
}

hr {
	background-color: rgba( 0, 0, 0, 0.05 );
	border: 0;
	height: 1px;
	margin: 2em 0;
}

.invert hr {
	background-color: rgba( 255, 255, 255, 0.15 );
}

ul,
ol {
	margin: 2em 0;
}

ul {
	list-style: disc;
}

.content-area ul > li {
	line-height: 1.5;
	margin-bottom: 10px;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 2em 0;
	width: 100%;
}

ul.checklist, .widget ul.checklist {
	list-style: none;
	padding: 0;
}

ul.checklist > li, .widget ul.checklist > li {
	border: none !important;
	padding-bottom: 2px !important;
	margin-bottom: 2px !important;
}

ul.checklist > li:before, .widget ul.checklist > li:before {
	content: "\f046";
	font-family: 'FontAwesome';
	margin-right: 5px;
	margin-left: 1px;
	line-height: 0;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
textarea,
input,
select,
button {
	width: 100%;
	background-color: #fff;
	border: 1px solid rgba( 0, 0, 0, 0.05 );
	border-left-width: 5px;
	color: #8f8f8f;
}

.invert textarea,
.invert input,
.invert select,
.invert button {
	border: 1px solid rgba( 255, 255, 255, 0.15 );
}

textarea:focus,
input:focus,
select:focus {
	border: 1px solid rgba( 0, 0, 0, 0.1 );
	-webkit-appearance: none;
	outline: 0;
}

.invert textarea:focus,
.invert input:focus,
.invert select:focus {
	border: 1px solid rgba( 255, 255, 255, 0.1 );
}

input[type=email],
input[type=text],
input[type=url],
input[type=search],
input[type=password],
input[type=number],
input[type=tel],
input[type=date] {
	padding: 0 8px;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

textarea {
	height: 160px;
	overflow: auto;
	padding: 10px 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select {
	max-width: 500px;
	padding: 0 6px;
	height: 40px;
}

input[type=button],
input[type=submit],
button {
	display: inline-block;
	width: auto;
	padding: 5px 18px;
	vertical-align: middle;
	background-color: #454545;
	border: none;
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-style: normal;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-transition: 0.2s ease-in-out all; 
	-moz-transition: 0.2s ease-in-out all; 
	-o-transition: 0.2s ease-in-out all; 
	transition: 0.2s ease-in-out all;
	text-transform: uppercase;
	font-size: 0.875em;
	line-height: inherit;
	border-radius: 2px;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover {
	cursor: pointer;
	opacity: 0.8;
}
input[type=button]:disabled,
input[type=submit]:disabled {
	background-color: #ccc;
	color: #999;
}
input[type=submit] + span {
	float: left;
	margin: 2px 0 0 0;
	font-size: 0.875em;
	font-style: italic;
	line-height: 1.5;
	opacity: 0.8;
	font-weight: inherit;
}

input[type=checkbox] {
	border: none;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
}
input[type=radio] {
	border: none;
	-webkit-appearance: radio;
	-moz-appearance: radio;
}

input[type=upload],
input[type=file] {
	max-width: 500px;
	padding: 4px;
	background-color: #eee;
	border: none;
	font-size: 1.2em;
}

label {
	clear: both;
	display: block;
	margin-bottom: 5px;
	overflow: hidden;
}

.dopbsp-input-wrapper label {
	clear: none;
}

fieldset {
	margin: 2em 0;
	border: 2px solid rgba( 0,0,0,0.05 );
}

legend {
	margin: 10px;
	font-size: 1.4em;
}

form small {
	display: block;
	margin-top: 5px;
}
form label + small {
	max-width: 500px;
	margin: 0 0 5px;
}

.form-row {
	margin-bottom: 15px;
	vertical-align: top;
}
.form-row:last-child {
	margin-bottom: 0;
}

form.large label {
	font-size: 1.5rem;
}
form.large input[type=email],
form.large input[type=text],
form.large input[type=password] {
	height: 47px;
	font-size: 2.0rem;
}
form.large .input-append .add-on,
form.large .input-prepend .add-on {
	line-height: 43px;
}
form.large .input-append input[type=submit],
form.large .input-append input[type=button],
form.large .input-append button {
	height: 47px;
}

form.small .form-row { margin-bottom: 5px; }

form.small input[type=email],
form.small input[type=text],
form.small input[type=password] {
	height: 32px;
	font-size: 1.3rem;
}
form.small .input-append .add-on,
form.small .input-prepend .add-on {
	line-height: 28px;
}
form.small .input-append input[type=submit],
form.small .input-append input[type=button],
form.small .input-append button {
	height: 32px;
}

input[type=checkbox] {
	width: auto;
	height: 14px;
	width: 14px;
	padding: 0;
	margin: 0 5px 0 5px;
	vertical-align: middle;
	font-size: 1.2rem;
	font-weight: 400;
}
.checkbox {
	clear: both;
	margin: 0;
	overflow: hidden;
}
.checkbox input[type=submit],
.checkbox button {
	display: inline-block;
	margin: 0;
}
.checkbox label {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.checkbox .btn-large + label {
	padding-top: 10px;
	font-size: 1.3rem;
}

.checkbox-list .checkbox{margin-bottom: 5px;}
.checkbox-list .checkbox label {
	margin-left: 0;
	font-size: 1.3rem;
}

input[type=radio] {
	width: auto;
	height: 14px;
	width: 14px;
	padding: 0;
	margin: 0 5px 0 5px;
	vertical-align: bottom;
}
.radio-button-group {
	display: block;
	overflow: hidden;
}
.radio-button-group label {
	overflow: hidden;
	clear: none;
	float: none;
	padding: 8px 0;
	margin-bottom: 0;
	font-size: 1.2rem;
	font-weight: 400;
}

.input-prepend,
.input-append {
	overflow: hidden;
	display: block;
	line-height: 32px;
	white-space: nowrap;
	font-size: 0;
}

.input-prepend .add-on {
	display: inline-block;
	padding: 0 12px;
	background-color: #eee;
	border: 2px solid #eee;
	border-right-width: 0px;
	font-size: 1.5rem;
}

.input-prepend input {
	display: inline-block;
	vertical-align: top;
}

.input-append .add-on {
	display: inline-block;
	padding: 0 12px;
	background-color: #eee;
	border: 2px solid #eee;
	border-left-width: 0px;
	font-size: 1.5rem;
}

.input-append input[type=text],
.input-append input[type=password],
.input-append input[type=email] {
	display: inline-block;
	vertical-align: top;
	border-right: none;
}

.input-append input[type=submit],
.input-append input[type=button],
.input-append button {
	display: inline-block;
	height: 36px;
	margin: 0;
	vertical-align: top;
	border-left: none;
}

.input-prepend.input-append input {
	border-right-width: 0;
	border-right-width: 0;
}

.input-prepend.input-append .add-on:first-child {
	border-left-width: 2px;
	border-right-width: 0;
}

.one-field-submit {
	padding: 3px;
	border: 1px solid rgba( 0, 0, 0, 0.1 );
	background-color: #FFF;
	border-radius: 4px;
}

.invert .one-field-submit {
	background-color: rgba( 255, 255, 255, 0.1 );
	padding: 2px;
}

.one-field-submit label {
	font-weight: normal;  
	width: 69.9%; 
	float: left; 
	border-right: none;
	margin-bottom: 0;
}

.one-field-submit label > input {
	height: 34px;
	padding: 0 8px;
	margin-bottom: 0;
	border: none;
}

.invert .one-field-submit label > input {
	background-color: transparent;
	color: rgba( 255, 255, 255, 0.7 );
}

.invert .one-field-submit label > input:focus {
	border: none;
}

.one-field-submit input[type=submit], form.one-field-submit button {
	-moz-border-radius: 0 1px 1px 0; 
	-webkit-border-radius: 0 1px 1px 0; 
	border-radius: 2px; 
	width: 29.8%; 
	height: 36px;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.search-field { 
	margin-bottom: 5px; 
}

.help-block {
	float: none;
	display: block;
	line-height: 1.2em !important;
	margin-top: 10px !important;
	clear: both;
}

.help-block:before {
	content: "- ";
}

.password-protected-post-form {
	margin-bottom: 40px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.footer-nav {
	padding-top: 20px;
}

#secondary-menu {
	margin: 0 -10px;
	padding: 0;
	display: inline-block;
}

#secondary-menu li {
	display: inline;
}

#secondary-menu li a {
	padding: 5px 10px;
	font-size: 0.875em;
	line-height: 1;
}

#secondary-menu li a:hover {
	background-color: rgba( 0, 0, 0, 0.3 );
	color: #000;
	opacity: 1 !important;
}

.invert #secondary-menu li a:hover {
	background-color: rgba( 255, 255, 255, 0.5 );
	color: #FFF;
	opacity: 1 !important;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #222;
}

a:hover,
a:focus,
a:active,
a:visited {
	color: #333;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: none;
	padding-top: 25px;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.logo-center .main-navigation {
	display: none;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation ul ul li[aria-haspopup="true"] > a  {
	border-right: 5px solid rgba(0, 0, 0, 0.3);
}

.main-navigation a, .slicknav_nav a, .slicknav_nav a a {
	color: #000;
}

.main-navigation a, .slicknav_nav li > a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px;
	line-height: 1;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul, .sub-menu li .sub-menu {
	left: -999em;
	top: 0px;
	padding-top: 0px !important;
}

.main-navigation ul ul a {
	width: 200px;
	margin-right: 1px;
	color: #FFF;
	background-color: #000;
	font-size: 13px;
	text-transform: none;
	line-height: 14px;
	padding: 15px 18px;
}

.main-navigation ul ul li, .slicknav_nav ul ul li {

}
/* -----> First level bg color and text color on mouse hover */
.main-navigation li:hover > a, .slicknav_nav li:hover > a, .slicknav_nav li:hover > a a,
.main-navigation li.focus > a, .slicknav_nav li.focus > a, .slicknav_nav li.focus > a a {
	color: #FFF;
}

.main-navigation ul ul :hover > a,  
.main-navigation ul ul .focus > a {
	color: #F9F9F9;
}

.main-navigation ul ul a:hover, .slicknav_nav ul ul a:hover, 
.main-navigation ul ul a.focus, .slicknav_nav ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.logo-center .main-navigation ul li:hover > ul,
.logo-center .main-navigation ul li.focus > ul {
	left: -50%;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.slicknav_nav .current_page_item > a,
.slicknav_nav .current-menu-item > a,
.slicknav_nav .current_page_ancestor > a,
.slicknav_nav .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggler {
	display: block;
}

#mobile-nav-container {
	margin-left: -20px;
	margin-right: -20px;
}

.slicknav_nav, .slicknav_nav ul, .slicknav_nav ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slicknav_nav li a {
	text-decoration: none;
}

.slicknav_arrow {
	
}

.slicknav_nav li > a {
	border-bottom: 1px solid rgba( 0, 0, 0, 0.05 );
	padding: 20px;
}

.slicknav_nav ul, .slicknav_nav ul ul {
	padding-left: 20px;
}

@media screen and (min-width: 960px) {
	
	.menu-toggler, .slicknav_menu {
		display: none;
	}
	.main-navigation {
		display: block;
	}
	.main-navigation ul {
		display: inline-block;
	}
	.logo-center .main-navigation {
		display: block;
	}
	
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.post-navigation .nav-links {
	overflow: hidden;
	padding: 40px 0;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 45%;
	position: relative;
	margin-right: 4%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 45%;
	position: relative;
	margin-left: 4%;
}

.post-navigation .nav-previous a {
	display: block;
	line-height: 1.2;
	padding-left: 30px;
}
.post-navigation .nav-previous a:before {
	position: absolute;
	left: 1px;
	bottom: 0;
	font-family: "FontAwesome";
	content: "\f053";
}

.post-navigation .nav-next a {
	display: block;
	line-height: 1.2;
	padding-right: 30px;
}

.post-navigation .nav-next a:after {
	position: absolute;
	right: 1px;
	bottom: 0;
	font-family: "FontAwesome";
	content: "\f054";
}

.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover {
	opacity: 0.75;
}

.post-navigation span.meta-nav {
	display: block;
	font-size: 0.875em;
	margin-bottom: 10px;
	font-weight: lighter;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.padding-left-20-border-5 { 
	padding-left: 20px !important; 
	border-left: 5px solid rgba( 0, 0, 0, .05 ); 
}
.invert .padding-left-20-border-5 { 
	padding-left: 20px !important; 
	border-left: 5px solid rgba( 255, 255, 255, .1 ); 
}
.padding-left-20-border-10 { 
	padding-left: 20px !important; 
	border-left: 10px solid rgba( 0, 0, 0, .05 ); 
}
.invert .padding-left-20-border-10 { 
	padding-left: 20px !important; 
	border-left: 10px solid rgba( 255, 255, 255, .1 ); 
}
.padding-right-20-border-5 { 
	padding-right: 20px !important; 
	border-right: 5px solid rgba( 0, 0, 0, .05 ); 
}
.invert .padding-right-20-border-5 { 
	border-right: 5px solid rgba( 255, 255, 255, .1 ); 
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear { 
	clear: both; 
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* add margins */
.add-margin-top {
	margin-top: 60px !important;
}

.add-margin-bottom {
	margin-bottom: 60px !important;
}

.add-margins {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}

.add-small-margin-top {
	margin-top: 30px !important;
}

.add-small-margin-bottom {
	margin-bottom: 30px !important;
}

.add-small-margins {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

@media screen and (max-width: 960px) {
	
	.add-margin-top-mobile {
		margin-top: 60px !important;
	}
	
	.add-margin-bottom-mobile {
		margin-bottom: 60px !important;
	}
	
	.add-margins-mobile {
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}
	
	.add-small-margin-top-mobile {
		margin-top: 30px !important;
	}
	
	.add-small-margin-bottom-mobile {
		margin-bottom: 30px !important;
	}
	
	.add-small-margins-mobile {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	
}

@media screen and (max-width: 767px) {
	
	.add-margin-top-phone {
		margin-top: 60px !important;
	}
	
	.add-margin-bottom-phone {
		margin-bottom: 60px !important;
	}
	
	.add-margins-phone {
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}
	
	.add-small-margin-top-phone {
		margin-top: 30px !important;
	}
	
	.add-small-margin-bottom-phone {
		margin-bottom: 30px !important;
	}
	
	.add-small-margins-phone {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	
}

/* remove margins */
.remove-margin-top {
	margin-top: 0 !important;
}

.remove-margin-bottom {
	margin-bottom: 0 !important;
}

.remove-margins {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	overflow: hidden;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.widget-title { 
	color: rgba( 0, 0, 0, 0.3 ); 
	font-size: 0.875em; 
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1em; 
	margin-bottom: 30px; 
	padding-left: 0; 
	position: relative; 
}

.invert .widget-title {
	color: rgba( 255, 255, 255, 0.5 ); 
}

section.widget:not(:first-child) {
	margin-top: 60px;
	margin-bottom: 0;
}

.widget_archive ul, 
.widget_categories ul, 
.widget_pages ul, 
.widget_nav_menu ul, 
.widget_recent_entries ul, 
.widget_meta ul, 
.widget_recent_comments ul, 
.widget_product_categories ul { padding-left: 0; }

.widget_archive > ul li, 
.widget_categories > ul li, 
.widget_pages > ul li, 
.widget_nav_menu > ul li, 
.widget_recent_entries > ul li, 
.widget_meta > ul li, 
.widget_recent_comments > ul li,
.widget_product_categories > ul li { 
	list-style: none !important; 
}

.widget > ul li, .panel-widget-style > ul.menu li { 
	border-bottom: 1px dotted rgba( 0, 0, 0, 0.08 ); 
	margin-bottom: 8px !important; 
	padding-bottom: 8px !important; 
}

.invert .widget > ul li, .invert .panel-widget-style > ul.menu li { 
	border-bottom: 1px dotted rgba( 255, 255, 255, 0.1 ); 
}

.widget.widget_nav_menu .sub-menu li:last-child, 
.widget.widget_nav_menu .sub-menu ul li:last-child, 
footer .widget > ul li:last-child {
	border-bottom: none;
}

.widget li ul.children { 
	margin-left: 20px; margin-top: 10px; 
}

.widget li ul.children li { 
	margin-bottom: 2px; padding-bottom: 6px; list-style-position: inside; list-style-type: disc; font-weight: 300; 
}

/* recent posts */
.widget_recent_entries .post-date {
	display: block;
}

/* tags */
.tagcloud { 
	overflow: hidden; 
}
.tagcloud a { 
	display: block; 
	float: left; 
	font-size: .875em !important; 
	line-height: 1.5em; 
	margin: 0 5px 5px 0; 
	padding: 5px 10px; 
	position: relative; 
}
.tagcloud a:link, 
.tagcloud a:visited { 
	background-color: rgba( 0, 0, 0, 0.05 ); 
	color: #222;
}
.tagcloud a:hover { 
	background-color: rgba( 0, 0, 0, 0.03 );
}
.invert .tagcloud a:link, 
.invert .tagcloud a:visited { 
	background-color: rgba( 255, 255, 255, 0.15 ); 
	color: #FFF;
}
.invert .tagcloud a:hover { 
	background-color: rgba( 255, 255, 255, 0.07 );
}

/* claendar */
#wp-calendar caption { 
	text-align: center; 
}

/* nav menu, categories, pages */
.widget_nav_menu ul li a, 
.widget_categories ul li a, 
.widget_pages ul li a, 
.widget_product_categories ul li a { 
	-webkit-transition: all 0.2s ease-in-out 0s; 
	-moz-transition: all 0.2s ease-in-out 0s; 
	-o-transition: all 0.2s ease-in-out 0s; 
	transition: all 0.2s ease-in-out 0s;
}
.widget_nav_menu ul li a { 
	display: block;
}
.widget_nav_menu ul li a:before, 
.widget_categories ul li a:before, 
.widget_pages ul li a:before, 
.widget_product_categories ul li a:before { 
	 content: '\2014';
	 margin-right: 10px;
}
.widget_nav_menu ul > li a:hover, 
.widget_categories ul > li a:hover, 
.widget_pages ul > li a:hover, 
.widget_product_categories ul > li a:hover { 
	padding-left: 10px;
}
.widget_nav_menu ul.sub-menu, 
.widget_categories ul.sub-menu, 
.widget_pages ul.sub-menu, 
.widget_product_categories ul.sub-menu { 
	padding-left: 20px;
	padding-top: 10px !important;
	opacity: 1 !important;
}

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

#masthead {
	z-index: 1059;
	padding: 0 20px;
}

.wrapper-has-background {
	background-color: #3c3533;
}

#navhead {
	position: relative;
}

#margins-handler { height: 0 !important; line-height: 0; }


#site-to-top {
	cursor: pointer;
	position: fixed;
	display: none;
	background-color: rgba( 0, 0, 0, 0.9 );
	right: 0;
	bottom: 0;
	margin-top: -20px;
	color: #FFF;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	z-index: 1000;
}

#site-to-top:hover {
	background-color: rgba( 0, 0, 0, 1 );
	color: tomato;
}

#primary, #secondary, #tertiary {
	padding-top: 60px;
	padding-bottom: 60px;
}

.page-template-template-page-builder #primary {
	padding-top: 0px;
	padding-bottom: 0px;
}

#colophon {
	padding-top: 60px;
	padding-bottom: 50px;
}

.site-info {
	padding-top: 40px;
	position: relative;
	border-top: 1px solid rgba( 0, 0, 0, 0.05 );
}

.invert .site-info {
	border-top: 1px solid rgba( 255, 255, 255, 0.1 );
}

.widgetless-info, .invert .widgetless-info {
	border: none;
	padding-top: 0;
}

#secondary, #tertiary, #colophon {
	font-size: 0.875em;
}

.site-footer {
    background-attachment: scroll;
    background-color: #3c3533;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.site-footer-copyright {
	font-size: 0.875em;
	line-height: 1.4em;
	opacity: 0.6;
	/* uncomment these two if you find copyright text jagged */
	/*-webkit-font-smoothing: antialiased;*/
	/*-moz-osx-font-smoothing: grayscale;*/
}
.site-footer-copyright-img {
	margin-bottom: 1px;
}

#featured-image-header { 
	background-color: #000; 
	background-repeat: no-repeat; 
	background-size: cover;
	border-bottom: 10px solid #f1f1f1;
}

.featured-image-title-wrap {
	display: table;
	width: 1080px;
	height: 100%;
	margin: 0 auto;
}

.featured-image-title {
	display: table-cell;
    padding: 60px 20px;
    position: relative;
    vertical-align: middle;
}

#page {
	position: relative; 
}

.wrappr { 
	margin: 0 auto; 
	max-width: 1080px; 
	padding: 0 20px; 
}

.header-wrappr { 
	margin: 0 auto; 
	max-width: 1040px; 
}

.no-wrappr { 
	padding: 0 20px; 
}

.site-branding {
	line-height: 0;
}

.logo-top-left .site-branding, .logo-top-right .site-branding {
	width: 100% !important;
}

.wrappr .site-branding {
	padding-left: 0 !important;
}

.site-branding .site-title {
	margin: 0;
	font-size: 1.8em;
	line-height: 1;
	font-weight: 600;
	color: #333;
}

.site-branding .site-title a {
	color: inherit;
}

.site-branding .site-description {
	margin: 5px 0 0;
	font-size: 0.875em;
	opacity: 0.7;
	line-height: 1;
}

.site-branding-a {
	display: inline-block;
	line-height: 1;
}

/* header aligns ---------- */
/* vertical centering */
.display-as-table {
	display: table !important;
	width: 100%;
}

.display-as-table-cell {
	display: table-cell;
}

.vertical-align-center {
	vertical-align: middle;
}


/* dummy classes to switch */
.logo-left {
	display: table;
	width: 100%;
}

.logo-right {
	display: table;
	width: 100%;
}

.logo-top-left {
	
}

.logo-top-left .display-as-table-cell, .logo-top-right .display-as-table-cell {
	display: block;
}

.logo-top-right {
	text-align: right;
}

.logo-top-right .site-branding {
	display: inline-block;
}

.logo-top-right #site-navigation {
	text-align: right;
}

.logo-center {
	
}

.logo-center .site-branding {
	text-align: center;
	width: 100% !important;
}

.logo-center .main-navigation {
	text-align: center;
}

.logo-center #primary-menu {
	display: inline-block;	
}

/* UL floating thru dummy classes-switchers */
.logo-left .nav-offset {
	float: right;
}

.logo-right .nav-menu { /* .nav must float UL to right if logo is on the right hand side */
	float: right;
}

.logo-right .nav-offset {
	float: left;
}

/* background */
.wrapper-has-background {
	background-color: rgba( 0, 0, 0, 0.3 );
}

/* squeeze elements */
.squeeze-elements-left .display-as-table {
	width: auto;
	float: left;
}

.squeeze-elements-center .display-as-table {
	width: auto;
	margin: 0 auto;
}

.squeeze-elements-right .display-as-table {
	width: auto;
	float: right;
}

.invert {
	color: rgba( 255, 255, 255, 0.85 );
}

.invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6, .invert .pre-title, .invert .subtitle {
	color: rgba( 255, 255, 255, 1 );
}

.invert .featured-image-title h1, .invert .featured-image-title h2,
.invert .featured-image-title h3, .invert .featured-image-title h4, 
.invert .featured-image-title h5, .invert .featured-image-title h6 {
	color: rgba( 255, 255, 255, 1 );
}

.invert .featured-image-title .pre-title, .invert .featured-image-title .subtitle {
	opacity: 0.85;
}

.invert a {
	color: rgba( 255, 255, 255, 1 );
}

.invert a:hover {
	color: rgba( 255, 255, 255, .75 );
}

.button {
	display: inline-block;
	padding: 5px 15px;
	background-color: #454545;
	border: none;
	border-color: transparent;
	color: #fff !important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	font-size: 0.875em;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 100px;
	line-height: 1;
}

.button:hover {
	opacity: 0.7;
}

.button.btn-small {
	padding: 2px 15px;
	font-size: 0.75em;
}
.button.btn-large {
	padding: 8px 18px;
	font-size: 1em;
}
.button.btn-massive {
	padding: 10px 20px;
	font-size: 1.2em;
}
.button.btn-full {
	display: block;
	width: 100%;
}

input.button {
	height: 36px;
	padding-top: 0;
	padding-bottom: 0;
}

.button-group {
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: middle;
	overflow: hidden;
}

.button-group + .button-group {
	margin-right: 10px;
}

.pull-right .button-group + .button-group {
	margin-left: 10px;
	margin-right: 0;
}

.button-group .button {
	float: left;
	margin: 0;
}

.badge {
	padding: 1px 8px;
	background-color: #000;
	color: #fff;
	font-size: 87.5%;
}

.button .badge {
	margin: 0 2px 0 0;
	background: rgba(0,0,0,0.3) !important;
	border-radius: 20px;
	display: inline-block;
	margin: 0 -7px 0 3px;
}

.badge.badge-primary {
	background-color: #5E2500;
	color: #fff;
}

.badge.badge-secondary {
	background-color: #37451D;
	color: #fff;
}

/* breadcrumbs */
.bread-crumbs {
	display: inline-block;
	margin: 0 0 15px;
	overflow: hidden;
	color: rgba(0, 0, 0, 0.55);
	font-size: 0.875em;
}
.bread-crumbs .trail-items {
	margin: 0;
	padding: 0;
}
.bread-crumbs li {
	float: left;
	margin-right: 10px;
	list-style: none;
}
.bread-crumbs a {
	color: rgba(0, 0, 0, 0.75);
}
.bread-crumbs a:hover {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: underline;
}
.bread-crumbs { 
	margin-top: 2%; 
	margin-bottom: 0; 
}
.bread-crumbs li:not(:last-child):after { 
	content: "/"; margin-left: 10px; 
}
.bread-crumbs a:hover { 
	text-decoration: none; 
}

/* row padding */
.add-padding-top {
	padding-top: 60px;
}
.add-padding-bottom {
	padding-bottom: 60px;
}
.add-padding {
	padding-top: 60px;
	padding-bottom: 60px;
}

/* custom */
.like-table {
	display: table;
	width: 100%;
}

.like-table-cell {
	display: table-cell;
	vertical-align: top;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.moretag {
	font-size: 0.75em;
	text-transform: uppercase;
	background-color: rgba( 0, 0, 0, 0.05 );
	padding: 2px 6px;
}
.invert .moretag {
	background-color: rgba( 255, 255, 255, 0.15 );
}
.taxonomy-links {
	font-size: 0.875em;
	margin-bottom: 0;
	margin-top: 1%;
}

figure { 
	overflow: hidden;  
}
figure > a { 
	line-height: 0; 
	display: block; 
	position: relative;
}
figure > a:after { 
	content: "";
	position: absolute;
	top: 50px;
	right: 50px;
	bottom: 50px;
	left: 50px;
	box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0 );
	-webkit-transition: all 0.25s ease-in-out 0s; 
	-moz-transition: all 0.25s ease-in-out 0s; 
	-o-transition: all 0.25s ease-in-out 0s; 
	transition: all 0.25s ease-in-out 0s; 
}
figure > a:hover:after { 
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	box-shadow: inset 0 0 0 2px rgba( 255, 255, 255, .3 );
}
figure a img { 
	-webkit-transition: all 0.25s ease-in-out 0s; 
	-moz-transition: all 0.25s ease-in-out 0s; 
	-o-transition: all 0.25s ease-in-out 0s; 
	transition: all 0.25s ease-in-out 0s; 
	transform-style: initial !important;
}
figure a:hover img { 
	-webkit-transform: scale3d(1.5,1.5,1); 
	transform: scale3d(1.5,1.5,1); 
}

.sticky {
	/* style it up if there's something more general */
}

.sticky .layout-type-stacked, .sticky .layout-type-default, .sticky .layout-type-grid {
	padding: 18px;
	background-color: rgba( 0, 0, 0, 0.03 );
	border: 1px dashed rgba( 0, 0, 0, 0.05 );
	margin-bottom: 2em;
}

.sticky .layout-type-default {
	margin-bottom: 3em;
}

.sticky .layout-type-stacked .entry-content .copy p:last-child, .sticky .layout-type-default .entry-content .copy p:last-child, .sticky .layout-type-grid .entry-content .copy p:last-child {
	margin-bottom: 0;
}

.hentry {
	/* very "general" class, handle with care! */
}

.page-title {
	z-index: 9;
}

.invert .page-title {
	text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.8 );
}

.archive-description {
	position: relative;
	z-index: 10;
}

.archive-description p {
	color: #333333;
	margin-bottom: 0;
}

.invert .archive-description p {
	color: #FFFFFF;
	text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.8 );
}

/* related posts */
.related-post-wrap {
	margin-bottom: 60px;
}

.related-posts-footer {
	background-color: rgba( 0, 0, 0, 0.05 );
	padding-top: 40px;
	overflow: hidden;
}

.related-post-box {
	display: table;
	width: 100%;
	height: 220px;
	box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.15 );
	background-position: center center;
	background-size: cover;
	position: relative;
}

.related-post-data {
	display: table-cell;
	padding: 20px;
	vertical-align: bottom;
	z-index: 21;
}

.related-post-box .entry-title {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	z-index: 3;
	word-break: break-all;
	hyphens: auto;
	-webkit-transition: 0.3s ease-in-out all; 
	-moz-transition: 0.3s ease-in-out all; 
	-o-transition: 0.3s ease-in-out all; 
	transition: 0.3s ease-in-out all;
}

.invert.related-post-box .entry-title > a {
	color: rgba( 255, 255, 255, 1 );
	text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.8 );
}

.invert.related-post-box .entry-title > a:hover {
	color: rgba( 255, 255, 255, 0.85 ) !important;
}

.related-post-box ul.post-categories {
	-webkit-transition: 0.5s ease-in-out all; 
	-moz-transition: 0.5s ease-in-out all; 
	-o-transition: 0.5s ease-in-out all; 
	transition: 0.5s ease-in-out all;
}

.related-post-box .entry-meta {
	margin-top: 0.5em !important;
	margin-bottom: 0px !important;
	margin-left: 1px;
	padding-bottom: 0;
	position: relative;
	z-index: 4;
}

.invert.related-post-box .entry-meta {
	border-bottom: none !important;
}

.related-post-box > a.link-cover {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	z-index: 1;
}

.related-post-box > a.link-cover:hover {
	background-color: rgba( 0, 0, 0, 0.3 );
}

.related-post-box > a.link-cover:hover {
	background-color: rgba( 0, 0, 0, 0.3 );
}

.related-post-box:hover h2.entry-title {
    padding-bottom: 1em;
}

.related-post-box:hover ul.post-categories {
    margin-bottom: -0.5em;
}

.element-gradient:after {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}


.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-footer,
.entry-summary {
	margin: 20px 0 60px;
}

.search-results .entry-summary {
	margin-top: 0;
}

.layout-type-stacked, .layout-type-grid, .layout-type-default {
	margin-bottom: 60px;
}

.layout-type-default {
	margin-bottom: 20px;
}

.layout-type-stacked figure.featured-image {
	margin-right: 20px;
}

.entry-content-single {
	margin-bottom: 20px;
}

.layout-type-default .entry-content {
	margin: 20px 0 0;
}

.layout-type-stacked .entry-content, .layout-type-grid .entry-content {
	margin: 0;
}

.layout-type-stacked .entry-content .copy p, .layout-type-grid .entry-content .copy p {
	margin-bottom: 1em;
}

.page-links {
	clear: both;
}

.page-links { 
	margin-top: 30px; 
	margin-bottom: 2em;
}
.page-links > a, .page-links > span { 
	background-color: rgba( 0, 0, 0, 0.05 ); 
	padding: 6px 15px; 
}
.invert .page-links > a, .invert .page-links > span { 
	background-color: rgba( 255, 255, 255, 0.15 ); 
}
.page-links > span:first-child { 
	background-color: transparent; padding-left: 0; text-transform: uppercase; font-weight: 600; margin-left: 0; 
}

.entry-header {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
	overflow: hidden;
	position: relative;
	margin-bottom: 60px;
}

.entry-header .video-wrapper {
	margin-bottom: 1em;
}

.entry-header-single {
	margin-bottom: 60px;
}

.page-header-wrap {
	background-position: center center;
	background-size: cover;
	position: relative;
	margin-bottom: 60px;
}

.entry-title {
	margin-bottom: 15px;
	z-index: 15;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}

.invert .entry-title {
	text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.8 );
}

.search-results .entry-title {
	font-size: 1.6em;
}

.wrap-search-results-featured-image {
	padding-right: 40px;
	width: 120px; /* must be identical to | .search-results-featured-image width + padding-right */
}

.search-results-featured-image {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 80px;
	height: 80px;
	line-height: 0;
	border-radius: 50%;
}

.search-results-featured-image-dummy {
	width: 80px;
	height: 80px;
	line-height: 0;
	border-radius: 50%;
	background-color: rgba( 0, 0, 0, 0.1 );
}

.invert .search-results-featured-image-dummy {
	background-color: rgba( 255, 255, 255, 0.25 );
}

.layout-type-stacked .entry-title, .layout-type-grid .entry-title {
	font-size: 1.2em;
}

.featured-image {
	margin-bottom: 1em;
	position: relative;
}

/* ENTRY META */
.entry-meta > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.entry-meta > ul li > * {
	font-size: 0.875em;
}

.entry-meta > ul li {
	float: left;
	margin: 0 10px 0 0;
}

.entry-meta > ul li:not(:nth-last-child(2)):not(:last-child):after {
	content: "/";
	margin-left: 10px;
	opacity: 0.2;
}

.entry-meta-header {
	display: inline-block;
	font-size: 1em;
	margin-bottom: 0;
}

.addthis-wrap {
	margin-top: 40px;
}

.share-title {
	display: block;
	margin-bottom: 20px;
}

.entry-meta {
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}

.entry-meta.single-post-meta {
	border-bottom: none;
	margin-bottom: 20px;
}

.entry-meta > span {
	font-size: 0.875em;
	margin-right: 10px !important;
	display: block;
	float: left;
}

.entry-meta > span:not(:first-child) {
	padding-left: 10px;
	margin-right: 10px;
}

.tags-list > a {
	display: inline-block;
	margin-right: 5px;
}

.tags-list > a:before {
	content: "#";
	margin-right: 2px;
}

.post-edit-link {
	display: inline-block;
	background-color: tomato;
	color: rgba( 255, 255, 255, 1 ) !important;
	text-transform: uppercase;
	line-height: 1;
	padding: 3px;
	font-size: 0.875em;
}

.post-edit-link:hover {
	color: rgba( 255, 255, 255, 0.5 ) !important;
}

ul.post-categories {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline-block;
	position: relative;
	z-index: 20;
}

ul.post-categories li {
	display: inline;
	float: left;
	margin-bottom: 2px;
}

ul.post-categories li:not(:last-child) {
	margin-right: 2px;
}

ul.post-categories li > a {
	display: block;
	font-size: 0.675em;
	border-radius: 50px;
	line-height: 1;
	padding: 6px 12px;
	color: #FFFFFF;
	text-transform: uppercase;
}

ul.post-categories li > a:hover {
	opacity: 0.65 !important;
}

input.entry-shortlink {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 1.2;
	height: auto;
	width: auto;
	font-size: inherit;
} 

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

	.layout-type-stacked figure.featured-image {
		margin-right: 0;
	}
	
}
/* ENTRY META --- end */

.taxonomy-description {
	font-size: 118.8%;
	margin-bottom: 4em;
}

.video-icon {
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1em;
	margin-left: -1em;
	display: block;
	z-index: 1;
}
.video-icon > i {
	line-height: 1;
	color: #FFF;
	text-shadow: 0 0 5px rgba( 0, 0, 0, 0.7 );
	font-size: 2em;
}

/* pagination */
.pagination {
	clear: both;
	overflow: hidden;
	margin: 2em 0 0;
	text-align: center;
}

.pagination li {
	float: left;
	list-style: none;
	border-right: 1px solid transparent;
	position: relative;
}
.pagination li:last-child {
	border-right: none;
}
.pagination a,
.pagination span {
	display: block;
	min-width: 38px;
	padding: 10px 20px;
	background-color:  rgba( 0, 0, 0, 0.05 ); 
	color: #000;
	text-align: center;
}
.pagination a:hover, .pagination .current {
	color: #fff;
	background-color: rgba( 0, 0, 0, 0.7 );
}
.pagination .current {
	margin-right: 5px;
	margin-left: 5px;
}
.pagination .current:after {
	content: "";
	width: 100%;
	height: 1px;
	bottom: 3px;
	left: 0;
	position: absolute;
	background: #FFF;
}
.pagination li.next {
	margin-right: 10px;
	border: none;
}
.page-numbers {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.invert .pagination .current, 
.invert .pagination a:hover { 
	background-color: rgba( 255, 255, 255, 0.7 ); 
	color: #222; 
}

.invert .pagination a, .invert .pagination span { 
	background-color:  rgba( 255, 255, 255, 0.3 ); 
	color: #FFF; 
}

.call-out, .archive-description {
	font-size: 118.8%;
}

.invert .call-out, .invert .archive-description {
	text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.8 ); 
}

.swiper-slide-content .call-out {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#respond {
	margin-top: 60px;
}

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

.comments-title {
	font-size: 1.6em;
	margin-top: 1em;
	margin-bottom: 2em;
	padding-top: 1em;
	border-top: 3px solid rgba( 0, 0, 0, 0.05 );
}

.invert .comment-title {
	border-top: 3px solid rgba( 255, 255, 255, 0.15 );
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment, .pingback {
	clear: both;
}
.comment .comment:last-child, .comment .pingback:last-child {
	margin-bottom: 0;
}

.comment-notes {
	margin-bottom: 10px;
	color: #999;
	font-size: 0.875em;
}
.comment-list .comment-reply-link {
	padding: 5px 10px;
	font-size: 0.875em;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.05);
	clear: both;
	margin-top: 2em;
	display: inline-block;
	position: relative;
}
.comment-list .comment-reply-link:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.05);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: -10px;
    width: 0;
}
.comment-list .comment, .comment-list .pingback {
	margin-bottom: 10px;
	margin-top: 30px;
	padding-top: 30px;
}
.comment-list .comment:first-child, .comment-list .pingback:first-child {
	padding-left: 0;
}
.comment-list .comment .comment:last-child, .comment-list .pingback .comment:last-child {
	padding-bottom: 0;
}
.comment-list .comment .comment, .comment-list .pingback .comment {
	padding-left: 20px;
	border-top: 2px solid rgba( 0, 0, 0, 0.05 );
}
@media screen and (max-width: 960px) {
	
	.comment-list .comment .comment, .comment-list .pingback .comment {
		padding-left: 10px;
	}
	
}
.comment-list .copy {
	margin-top: 15px;
	padding-top: 15px;
	font-size: 0.875em;
	border-top: 1px dashed rgba( 0, 0, 0, 0.05 );
}
.comment-list .copy p {
	margin-bottom: 0;
}
.invert .comment-list .copy {
	border-top: 1px solid rgba( 255, 255, 255, 0.15 );
}

.comment-reply-title {
	font-size: 1.2em;
}
#cancel-comment-reply-link {
	font-size: 0.875em;
	float: right;
	text-transform: uppercase;
}
.avatar-image .avatar {
	border-radius: 50%;
}
.avatar-image {
	line-height: 0;
	margin-right: 20px;
}
.avatar-name {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.875em;
}
.avatar-time {
	font-size: 0.875em;
	text-transform: none;
	margin-bottom: 0;
}
.logged-in-as {
	margin-bottom: 10px;
	font-size: 0.875em;
}
p[class*='comment-form'] .required {
	color: #900;
}
p[class*='comment-form'] {
	margin-bottom: 15px;
}
.form-allowed-tags {
	max-width: 660px;
	margin-bottom: 15px;
	font-size: 0.875em;
}
.form-allowed-tags code {
	padding: 0;
	background: none;
}
.form-submit input[type=submit] {
	display: inline-block;
	padding: 10px 14px 8px;
	vertical-align: middle;
	background: #454545;
	border: none;
	color: #fff;
	text-align: center;
	font-weight: 400;
	cursor: pointer;
	line-height: 1;
	-webkit-transition: all 0.2s ease-in-out 0s; 
	-moz-transition: all 0.2s ease-in-out 0s; 
	-o-transition: all 0.2s ease-in-out 0s; 
	transition: all 0.2s ease-in-out 0s;
}
.form-submit input[type=submit]:hover {
	background: #323232;
	color: #fff;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

.infinite-scroll nav.pagination {
	display: none;
}

.search-no-results #infinite-handle {
	display: none;
}

#infinite-handle {
	line-height: 1;
}

#infinite-handle span {
	font-size: 0.875em;
	text-transform: none;
	background-color: rgba( 0, 0, 0, 0.7 );
	color: #FFF;
	line-height: 1;
	display: inline-block;
	padding: 6px 16px 8px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1%;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text, .wp-caption-text {
	padding: 5px 10px 2px;
	background-color: #FFF;
	font-size: 0.875em;
	font-style: italic;
}

.wp-caption-text {
	
}

.aligncenter .wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	overflow: hidden;
}

.gallery-item {
	display: inline;
	text-align: center;
	float: left;
	vertical-align: top;
	width: 100%;
}

.gallery-item .gallery-icon {
	overflow: hidden;
	margin: 1px;
}

.gallery-item .gallery-icon a {
	line-height: 0;
	display: block;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
	background-color: rgba( 0, 0, 0, 0.05 );
}

.invert .gallery-caption {
	background-color: rgba( 255, 255, 255, 0.2 );
	color: #333;
}

/*--------------------------------------------------------------
## Plugins, libraries
--------------------------------------------------------------*/
/* headroom.js */
.headroom {
    will-change: transform;
    transition: transform 280ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
.header--fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
/* slicknav.js*/
.menu-toggler {
    cursor: pointer;
    line-height: 1;
    cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -15px;
}
.logo-right .menu-toggler, 
.logo-top-right .menu-toggler {
	left: 0;
	right: inherit;
}

.menu-toggler .icon {
    float: right;
    height: 32px;
    margin: 0;
    width: 35px;
	padding: 5px;
	background-color: rgba( 0, 0, 0, 0.7 );
	border-radius: 4px;
}

#nav-icon {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

#nav-icon span {
  display: block;
  position: absolute;
  width: 25px;
  height: 4px;
  background-color: #FFF;
  border-radius: 2px;
  opacity: 1;
  left: 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 5px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 23px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 8px;
}

#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 23px;
  left: 8px;
}

/* toast grid */
.row-full-width-stretched {
	position: relative;
}

.row-full-width {
	position: relative;
	margin-left: -50%;
	margin-right: -50%;
	padding-left: 50%;
	padding-right: 50%;
}

.row-regular {
	padding-left: 40px;
	padding-right: 40px;
}

/* addthis */
.addthis_default_style a[role="button"] {
	line-height: 0;
	display: block;
	margin: 0 20px 10px 0;
	padding: 0;
}

.addthis_default_style a[role="button"] > span {
	border-radius: 50%;
}

/* remodal */
.remodal {
    max-width: 500px !important;
	border-radius: 4px;
}

.modal-title {
	text-align: left;
}

.modal-title > i {
	margin-right: 20px;
}

.remodal-close {
	left: inherit !important;
	right: 0;
}

/* contact form 7 */
span.wpcf7-not-valid-tip {
	color: #ed174c;
	font-size: 0.875em;
}

div.wpcf7-validation-errors {
	border: 1px solid #ed174c;
	color: #ed174c;
}

div.wpcf7-response-output {
	margin: 0;
	padding: 0.2em 0.9em;
}

/* Breadcrumb NavXT */
.knnel-breadcrumbs {
	font-size: 0.875em;
	margin-bottom: 20px;
	margin-top: -40px;
}