/*
 Theme Name:   Klingele Blog
 Theme URI:    http://www.freshcommerce.es/
 Template:     start
 Author:       FreshCommerce
 Author URI:   http://FreshCommerce.es
 Description:  Tema de Wordpress
 Tags:         light, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Version:      1.0.0
 
*/

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

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

body {
	margin: 0;
}

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

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

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

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

small {
	font-size: 80%;
}

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: 0px;
}
*/

.main-content a.wp-block-button__link {
	color: #fff;
}

/* .main-content, main {
	background-color: #f4f4f4;
} */

.main-content hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

.main-content pre {
	overflow: auto;
}

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

.main-content button, .main-content input, .main-content optgroup, .main-content select, .main-content textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	font-weight: normal;
}

.main-content button {
	overflow: visible;
}

.main-content button, select {
	text-transform: none;
}

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

.main-content button[disabled], html .main-content input[disabled] {
	cursor: default;
}

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

.main-content input {
	line-height: normal;
}

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

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

.main-content input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

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

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

.main-content legend {
	border: 0;
	padding: 0 .2em;
	width: auto;
}

.main-content textarea {
	overflow: auto;
}

.main-content optgroup {
	font-weight: bold;
}

.home article, .archive article {
	display: inline-table;
	width: calc(49% - 30px);
	margin-left: 14px;
	margin-right: 14px;
}

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

td, th {
	padding: 0;
}
 */

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body .main-content, .main-content button, .main-content input, .main-content select, .main-content textarea {
	/* color: #404040;
	font-size: 16px; */
	font-size: 1rem;
	line-height: 1.4rem;
}

.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
	clear: both;
	line-height: 1.15;
}

.main-content p {
	margin-bottom: 1.15rem;
}

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

.main-content blockquote {
	margin: 0 1.5em;
}

.main-content address {
	margin: 0 0 1.5em;
}

.main-content pre {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

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

.main-content abbr, .main-content acronym {
	/* border-bottom: 1px dotted #666; */
	cursor: help;
}

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

.main-content big {
	font-size: 125%;
}

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

.main-content blockquote:before, .main-content blockquote:after, .main-content q:before, .main-content q:after {
	content: "";
}

.main-content blockquote, .main-content q {
	quotes: """";
	border-left: 2px solid;
	padding-left: 1em;
	margin-bottom: 1em;
}

.main-content hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

.main-content article ul, .main-content article ol {
	margin: .5em 0;
	padding-left: 1em;
	display: block;
	position: relative;
}

.main-content article ul li {
	list-style: disc;
	margin-left: 1em;
}

.main-content article ol li {
	list-style: decimal;
	margin-left: 1em;
}

.main-content article li>ul, .main-content article li>ol {
	margin-top: 0;
}

.main-content article dt {
	font-weight: bold;
}

.main-content article dd {
	margin: 0 1.5em 1.5em;
}

.main-content article .post-image {
	position: relative;
	clear: both;
	padding-bottom: 55%;
	overflow: hidden;
	border-radius: 5px;
	background: grey;
}

.main-content article .post-image img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.wp-block-image img {
	max-width: 100%;
	height: auto;
}

.main-content table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.main-content button, .main-content input[type="button"], .main-content input[type="reset"], .main-content input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

.main-content button:hover, .main-content input[type="button"]:hover, .main-content input[type="reset"]:hover, .main-content input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

.main-content button:focus, .main-content input[type="button"]:focus, .main-content input[type="reset"]:focus, .main-content input[type="submit"]:focus, button:active, .main-content input[type="button"]:active, .main-content input[type="reset"]:active, .main-content input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

.main-content input[type="text"], .main-content input[type="email"], .main-content input[type="url"], .main-content input[type="password"], .main-content input[type="search"], .main-content textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.main-content input[type="text"]:focus, .main-content input[type="email"]:focus, .main-content input[type="url"]:focus, .main-content input[type="password"]:focus, .main-content input[type="search"]:focus, .main-content textarea:focus {
	color: #111;
}

.main-content input[type="text"], .main-content input[type="email"], .main-content input[type="url"], .main-content input[type="password"], .main-content input[type="search"] {
	padding: 3px;
}

.main-content textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

.main-content a {
	color: #000;
}

.main-content a:visited {
	color: #01644b;
}

.main-content a:hover, .main-content a:focus, .main-content a:active {
	color: #01644b;
}

.main-content a:focus {
	outline: thin dotted;
}

.main-content a:hover, .main-content a:active {
	outline: 0;
}

.main-content article .entry-content a, .main-content #secondary aside.widget a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
# 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:hover, .screen-reader-text:active, .screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	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. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.main-content .alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */

.widget select {
	max-width: 100%;
}

/* Search widget. */

.widget_search .search-submit {
	display: none;
}

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

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

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

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

/*.page-content, .entry-content, .entry-summary {
	margin: 1.5em 0 0;
}*/

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-content img {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title, .archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

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

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# 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;
}

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

.main-content embed, .main-content iframe, .main-content object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

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

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

/*--------------------------------------------------------------
## Theme Css 
--------------------------------------------------------------*/

/* .container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.padding-zero {
	padding: 0 !important;
} */

.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
	margin: 0 0 20px 0;
}

.main-content .site-title, .main-content .site-description {
	margin: 0;
}

.main-content .header-center>.site-branding .site-title, .main-content .header-center>.site-branding .site-description {
	text-align: center;
}

.main-content .site-title a {
	text-decoration: none;
}

.site .skip-link, a, a:focus, a:hover, a:visited, ins, mark {
	text-decoration: none;
}

.page_404 {
	text-align: center;
}

.page_404 {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "content";
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
}

.page_404 .content-area {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: content;
}

.page_404 .content-area .read-more {
	padding: 10px 15px;
	display: inline-block;
}

.widget ul, .comment_text ul {
	list-style-type: initial;
	padding: 0;
	padding-left: 1.2em;
	margin: .5em auto .5em .5em;
}

/* Menu CSS */

#menu_toggle, .toggle, [id^=drop] {
	display: none;
}

.main-content nav:after {
	content: "";
	display: table;
	clear: both;
}

.main-content .header-center>.site-branding .site-title {
	font-size: large;
}

.main-content nav {
	text-align: center;
	display: block;
}

.main-content nav.breadcrumb {
	background: transparent;
	padding: 5px;
	text-align: left;
}

.main-content nav .breadcrumb-item {
	float: none;
	display: inline-block;
}

.main-content nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

.main-content nav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
}

.main-content nav a {
	display: inline-block;
	font-size: 15px;
	padding: 5px 0;
	line-height: normal;
	text-decoration: none;
}

.main-content nav a:focus {
	outline: none;
}

.main-content nav ul ul {
	display: none;
	position: absolute;
	z-index: 1000;
	/*top: 60px;*/
}

.main-content nav ul li:hover>ul {
	display: inherit;
}

.main-content nav ul ul li {
	width: 200px;
	float: none;
	display: list-item;
	position: relative;
}

.main-content nav ul ul ul li {
	position: relative;
	top: -60px;
	left: 200px;
}

.main-content nav ul li>a:after {
	content: ' +';
}

.main-content nav ul li>a:only-child:after {
	content: '';
}

.main-content .show_mobile, .main-content .menu_toggle {
	display: none;
}

/* header left */

.main-content .header-left {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "logo nav";
	-ms-grid-columns: 1fr 2fr;
	grid-template-columns: 1fr 2fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-gap: 15px;
}

.main-content .header-left>.site-branding {
	grid-area: logo;
}

.main-content .header-left>.main-navigation {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: nav;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-ms-grid-column-align: end;
	justify-self: end;
}

/*header Center*/

.main-content .header-center {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "logo""nav";
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-gap: 15px;
	justify-items: center;
}

.main-content .header-center>.site-branding {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: logo;
	text-align: center;
	width: 100%;
}

.main-content .header-center>.main-navigation {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: nav;
}

/* header Right */

.main-content .header-right {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "nav logo";
	-ms-grid-columns: 2fr 1fr;
	grid-template-columns: 2fr 1fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-gap: 15px;
}

.main-content .header-right>.site-branding {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: logo;
	text-align: right;
}

.main-content .header-right>.main-navigation {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: nav;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

/* Sticky Header Always Visible */

.main-content #always_visible.header-pin {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	will-change: transform;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.main-content #always_visible.header-nopin {
	will-change: transform;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/* Sticky Header Visible on Scroll Up */

.main-content #visible_scroll_up.header-pin {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	will-change: transform;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.main-content #visible_scroll_up.header-unpin {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	will-change: transform;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.main-content #visible_scroll_up.header-nopin {
	will-change: transform;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/* Sticky Header Visible on Scroll Down */

.main-content #visible_scroll_down.header-pin {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	will-change: transform;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.main-content #visible_scroll_down.header-unpin {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	will-change: transform;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.main-content #visible_scroll_down.header-nopin {
	will-change: transform;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/* Sidebar */

.main-content #secondary .widget {
	padding: 15px;
}

.main-content #secondary .widget:last-child {
	margin-bottom: 0;
}

.main-content #secondary li:not(:last-child) {
	margin-bottom: .5em;
	line-height: 1.15em;
}

.widget_search .search-form .search-field {
	width: 98%;
}

/* No Sidebar */

.no-sidebar {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "content";
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}

.no-sidebar .content-area {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: content;
}

/* Left Sidebar */

.main-content .left-sidebar {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 15px;
	grid-template-areas: "sidebar content";
	-ms-grid-columns: auto 70%;
	grid-template-columns: auto 70%;
}

.main-content .left-sidebar .content-area {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: content;
}

.main-content .left-sidebar .widget-area {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: sidebar;
}

/* Right Sidebar */

.main-content .right-sidebar {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 15px;
	grid-template-areas: "content sidebar";
	-ms-grid-columns: 75% auto;
	grid-template-columns: 75% auto;
}

.main-content .right-sidebar .content-area {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: content;
	/* min-width: 80%; */
}

.main-content .right-sidebar .widget-area {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: sidebar;
	/* max-width: 20%; */
}

.no-sidebar .alignfull, .no-sidebar .alignwide {
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
}

@media only screen and (min-width: 950px) {
	.no-sidebar .alignwide {
		margin-left: -125px;
		margin-right: -125px;
		max-width: 950px;
	}
}

/* Blog / Archive / Single Styling */

.blog_and_archive {
	border-bottom: 1px solid #d5d8dc;
	/* margin: 0;*/
}

.blog_single {
	border-bottom: 1px solid #d5d8dc;
}

.blog_and_archive:nth-of-type(1), .blog_single:nth-of-type(1) {
	padding-top: 0 !important;
}

.blog_and_archive:last-of-type {
	border-bottom: 0;
	padding-bottom: 30px;
}

.start_blog .entry-title {
	margin: 0 0 15px 0;
}

.start_blog .entry-meta {
	margin: 0 0 15px 0;
	font-size: small;
	color: #999;
}

.start_blog .entry-meta span::after {
	content: "/";
	margin-left: 5px;
	margin-right: 5px;
}

.start_blog .entry-meta span:last-child::after {
	content: "";
}

.start_blog .post-image {
	margin: 0 0 15px 0;
}

.start_blog .entry-content {
	margin: 0 0 15px 0;
}

.start_blog .entry-content .btn_left {
	display: block;
	margin-top: 25px;
	text-align: left;
}

.start_blog .entry-content .btn_right {
	display: block;
	margin-top: 25px;
	text-align: right;
}

.start_blog .entry-content .btn_full {
	display: block;
	margin-top: 25px;
	text-align: center;
}

.start_blog .entry-content .btn_left .read-more, .start_blog .entry-content .btn_right .read-more {
	padding: 10px 15px;
	display: inline-block;
}

.start_blog .entry-content .btn_full .read-more {
	padding: 10px 15px;
	display: block;
}

.posts-navigation .nav-links, .post-navigation .nav-links {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "nav-prev nav-next";
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
}

.posts-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-previous {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: nav-prev;
}

.posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: nav-next;
	-ms-grid-column-align: end;
	justify-self: end;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

/* Default Comment Form Styles */

.comments-area .main_comment {
	padding-bottom: 2em;
}

.comments-area .main_comment:last-child {
	padding-bottom: 0;
}

.comments-area {
	margin-top: 2em;
}

.comments-area .comments-title {
	background-color: #e5e8e840;
	margin-bottom: 0;
	padding: 1em 1em 0 1em;
}

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

.comments-area ol.comment-list .children {
	margin: 0;
}

.comments-area .comment-body {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 15px;
	grid-template-areas: "vcard cmeta";
	-ms-grid-columns: 50px auto;
	grid-template-columns: 50px auto;
}

.comments-area .comment-body .vcard {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: vcard;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.comments-area .comment-body .comment-meta {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: cmeta;
}

.comments-area ol.comment-list .comment-body .vcard {}

.comments-area ol.comment-list .comment-body .vcard .avatar {
	max-width: 100%;
	border-radius: 50%;
	margin: auto;
}

.comments-area .er {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 15px;
	grid-template-areas: "reply edit";
	-ms-grid-columns: auto auto;
	grid-template-columns: auto auto;
}

.comments-area .er .reply {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: reply;
}

.comments-area .er .edit {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: edit;
	text-align: right;
}

.comments-area ol.comment-list li.depth-1 {
	padding: 2em;
	margin-bottom: 2em;
	background-color: #e5e8e840;
}

.comments-area ol.comment-list li .comment-body {
	padding: 1em 0 0 0;
}

.comments-area .comment-respond {
	background-color: #e5e8e840;
	padding: 2em;
}

.comments-area .comment-respond input, .comments-area .comment-respond textarea {
	padding: 10px;
	border-color: #caccce;
}

.comments-area .comment-respond .form-submit .submit {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	text-transform: none;
	background: #d5d8dc;
	color: #000000;
}

.comments-area .comment-respond .form-submit .submit:hover {
	background-color: #caccce;
}

/* Footer */

.site-footer .footer-area {}

.site-footer .footer-area .widget {
	margin: 0;
}

/*.site-footer .footer-area .footer-one{display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns:1fr;}*/

/*.site-footer .footer-area .footer-two{display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns:repeat(2, 1fr); }*/

/*.site-footer .footer-area .footer-three{display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns:repeat(3, 1fr); }
.site-footer .footer-area .footer-four{display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns:repeat(4, 1fr); }
*/

.site-footer .footer-area .footer-one {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "footer-one";
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
}

.site-footer .footer-area .footer-one .swp-footer-1 {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: footer-one;
}

.site-footer .footer-area .footer-two {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "footer-one footer-two";
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}

.site-footer .footer-area .footer-two .swp-footer-1 {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: footer-one;
}

.site-footer .footer-area .footer-two .swp-footer-2 {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: footer-two;
}

.site-footer .footer-area .footer-three {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "footer-one footer-two footer-three";
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
}

.site-footer .footer-area .footer-three .swp-footer-1 {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: footer-one;
}

.site-footer .footer-area .footer-three .swp-footer-2 {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: footer-two;
}

.site-footer .footer-area .footer-three .swp-footer-3 {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: footer-three;
}

.site-footer .footer-area .footer-four {
	display: -ms-grid;
	display: grid;
	grid-template-areas: "footer-one footer-two footer-three footer-four";
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.site-footer .footer-area .footer-four .swp-footer-1 {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: footer-one;
}

.site-footer .footer-area .footer-four .swp-footer-2 {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: footer-two;
}

.site-footer .footer-area .footer-four .swp-footer-3 {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: footer-three;
}

.site-footer .footer-area .footer-four .swp-footer-4 {
	-ms-grid-row: 1;
	-ms-grid-column: 4;
	grid-area: footer-four;
}

/* Media Query */

@media (min-width: 1024px) and (max-width: 1200px) {

	/*.container{width: 100% !important;} */
	.main-content .right-sidebar {
		grid-template-areas: "content sidebar";
		-ms-grid-columns: 70% auto;
		grid-template-columns: 70% auto;
	}

	.left-sidebar {
		grid-template-areas: "sidebar content";
		-ms-grid-columns: auto 70%;
		grid-template-columns: auto 70%;
	}
}

@media (min-width: 979px) and (max-width: 1024px) {

	/*.container{width: 100% !important;} */
	.main-content .right-sidebar {
		grid-template-areas: "content sidebar";
		-ms-grid-columns: 70% auto;
		grid-template-columns: 70% auto;
	}

	.left-sidebar {
		grid-template-areas: "sidebar content";
		-ms-grid-columns: auto 70%;
		grid-template-columns: auto 70%;
	}
}

@media (min-width: 768px) and (max-width: 979px) {

	/*.container{width: 100% !important;}	*/
	.site-header .site-branding .custom-logo {
		width: 100%;
	}

	.main-navigation {
		width: 100%;
	}

	/* Header */
	.header-left {
		grid-template-areas: "logo""nav";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.header-left>.main-navigation {
		-ms-grid-column-align: start;
		justify-self: start;
	}

	.header-right {
		grid-template-areas: "logo""nav";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.header-right>.main-navigation {
		-ms-grid-column-align: end;
		justify-self: end;
	}

	.header-center {
		grid-template-areas: "logo""nav";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.header-center>.main-navigation {
		text-align: center;
	}

	.main-content .right-sidebar {
		grid-template-areas: "content sidebar";
		-ms-grid-columns: 70% auto;
		grid-template-columns: 70% auto;
	}

	.left-sidebar {
		grid-template-areas: "sidebar content";
		-ms-grid-columns: auto 70%;
		grid-template-columns: auto 70%;
	}
}

@media (max-width: 767px) {

	/*.container{width: 100% !important;}*/
	.home article, .archive article {
		display: inline-table;
		width: 100%;
		margin-left: 0;
		margin-right: 14px;
	}

	.main-content .main-navigation {
		width: 100%;
	}

	.main-content .menu_toggle {
		text-align: center;
	}

	.main-content nav ul li {
		border-bottom: solid 1px #ddd;
	}

	.main-content nav.main-navigation {
		-webkit-box-shadow: 0px 2px 3px 0px rgb(217 217 217 / 59%);
		box-shadow: 0px 2px 3px 0px rgb(217 217 217 / 59%);
		position: relative;
	}

	.main-content nav ul li.menu-item-has-children {
		position: relative;
	}

	.main-content [id^=drop]:checked+ul {
		display: block;
	}

	.main-content .sub_toggle {
		display: none;
	}

	.main-content .sub_toggle {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		padding: 0 20px;
		font-size: 20px;
		line-height: 60px;
		text-decoration: none;
		border: none;
	}

	.main-content nav ul ul ul li {
		top: 0;
		left: 0;
	}

	.main-content nav li>a:after {
		content: none;
	}

	.main-content nav ul li {
		display: block;
		width: 100%;
	}

	.main-content nav ul ul {
		float: none;
		position: static;
	}

	.main-content nav ul ul li:hover>ul, .main-content nav ul li:hover>ul {
		display: none;
	}

	.main-content nav ul ul li {
		display: block;
		width: 100%;
	}

	.main-content nav ul ul ul li {
		position: static;
	}

	.main-content #menu_toggle:checked+.menu {
		display: block;
		opacity: 1;
	}

	.main-content .menu_toggle+a, .menu {
		display: none;
		opacity: 0;
		transition: all cubic-bezier(0.39, 0.575, 0.565, 1) .5s;
		-webkit-transition: all cubic-bezier(0.39, 0.575, 0.565, 1) .5s;
		-moz-transition: all cubic-bezier(0.39, 0.575, 0.565, 1) .5s;
		-ms-transition: all cubic-bezier(0.39, 0.575, 0.565, 1) .5s;
		-o-transition: all cubic-bezier(0.39, 0.575, 0.565, 1) .5s;
	}

	.main-content .menu_toggle {
		cursor: pointer;
		display: block;
		padding: 0 20px;
		font-size: 20px;
		line-height: 60px;
		text-decoration: none;
		border: none;
	}

	/* Header */
	.main-content .header-left {
		grid-template-areas: "logo""nav";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.main-content .header-left>.main-navigation {
		-ms-grid-column-align: start;
		justify-self: start;
	}

	.main-content .header-right {
		grid-template-areas: "logo""nav";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.main-content .header-right>.main-navigation {
		-ms-grid-column-align: end;
		justify-self: end;
	}

	.main-content .header-center {
		grid-template-areas: "logo""nav";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.main-content .header-center>.main-navigation {
		text-align: center;
	}

	/* Sidebar */
	.main-content .right-sidebar {
		grid-template-areas: "content""sidebar";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.main-content .left-sidebar {
		grid-template-areas: "content""sidebar";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.main-content .right-sidebar .content-area, .main-content .right-sidebar .widget-area {
		width: 100%;
		max-width: 100%;
	}

	/* .main-content .right-sidebar.container {
		display: block;
	} */
	/* Footer */
	.main-content .site-footer .footer-area .footer-two {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.main-content .site-footer .footer-area .footer-three {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.main-content .site-footer .footer-area .footer-four {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.main-content .menu_toggle {
		line-height: normal;
	}
}

/* Search Archive */

.search_blog {
	border-bottom: 1px solid #d5d8dc;
	margin: 0;
}

.search_blog:nth-of-type(1), .blog_single:nth-of-type(1) {
	padding-top: 0;
}

.search_blog:last-of-type {
	border-bottom: 0;
	padding-bottom: 30px;
}

.search_blog .entry-title {
	margin: 0 0 15px 0;
}

.search_blog .entry-meta {
	margin: 0 0 15px 0;
}

.search_blog .entry-meta span::after {
	content: "/";
	margin-left: 5px;
	margin-right: 5px;
}

.search_blog .entry-meta span:last-child::after {
	content: "";
}

.search_blog .post-image {
	margin: 0 0 15px 0;
}

.search_blog .entry-content {
	margin: 0 0 15px 0;
}

.search_blog .entry-content .btn_left {
	display: block;
	margin-top: 25px;
	text-align: left;
}

.search_blog .entry-content .btn_right {
	display: block;
	margin-top: 25px;
	text-align: right;
}

.search_blog .entry-content .btn_full {
	display: block;
	margin-top: 25px;
	text-align: center;
}

.search_blog .entry-content .btn_left .read-more, .search_blog .entry-content .btn_right .read-more {
	padding: 10px 15px;
	display: inline-block;
}

.search_blog .entry-content .btn_full .read-more {
	padding: 10px 15px;
	display: block;
}

section.product-miniature {
	background: white;
	border-radius: 30px;
	overflow: hidden;
	padding: 10px 0;
	margin: 15px auto;
}

section.product-miniature .products:not(.owl-carousel) {
	margin: 15px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

section.product-miniature .products .add-to-cart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section.product-miniature .products .add-to-cart span {
	margin-left: .5em;
}

button.owl-prev, button.owl-next {
	border: 0px;
	background: #fff;
	width: 43px;
	height: 43px;
	-webkit-box-shadow: -1px 4px 5px 0px rgba(0, 0, 0, 0.14);
	box-shadow: -1px 4px 5px 0px rgba(0, 0, 0, 0.14);
	border-radius: 100%;
	margin: 0px 8px;
	cursor: pointer;
}

button.owl-prev {
	background: #fff url(assets/icons/owl-prev.svg) no-repeat center center;
	background-size: 10px 20px;
}

button.owl-next {
	background: #fff url(assets/icons/owl-next.svg) no-repeat center center;
	background-size: 10px 20px;
}

button.owl-prev:hover {
	background: #ffc300 url(assets/icons/owl-prev-hover.svg) no-repeat center center;
	background-size: 10px 20px;
}

button.owl-next:hover {
	background: #ffc300 url(assets/icons/owl-next-hover.svg) no-repeat center center;
	background-size: 10px 20px;
}