/*!
Theme Name: Best Minimalist
Theme URI: https://wpvkp.com/minimalist/
Author: designgrande
Author URI:
Description: Best Minimalist WordPress theme for professional bloggers and content marketers. It comes with inbuilt support for Jetpack, Breadcrumb navXT and Related Post With Thumbnail Plugin. If the suggested extensions are not installed then the default in-build widgets will be used. This templates comes with default featured image in-case your post doesn't have any post-thumbnail. You can change the default featured image by replacing the image inside assets/images folder.
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: best-minimalist
Tags: custom-background, custom-logo, custom-menu, threaded-comments, translation-ready, two-columns, right-sidebar, flexible-header, featured-images, blog, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Best Minimalist is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
# Navigation
	## Links
		### Post Navigation
	## Menus
		### Icon Navigation
		### Menu Toggle
		### Dropdown Toggle
		### Responsive Menu
# Accessibility
# Alignments
# Clearings
# Widgets
	## Recent Post With Thumbnail Widget
	## Search
	## Tag Cloud
# Content
	## Breadcrumb
	## Teaser
	## Posts and pages
		### Post Meta
		### Post Footer
	## Search Page
	## 404
	## Comments
# Footer
# Infinite scroll
# Media
	## Captions
	## Galleries
# Responsive Design
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	letter-spacing: -0.05rem;
	clear: both;
	text-transform: capitalize;
	line-height: 1.425;
	margin: 1em 0;
}

h1.entry-title {
	margin: 10px 0 20px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 26px;
}

h5 {
	font-size: 24px;
}

h6 {
	font-size: 22px;
}

p {
	margin-bottom: 1.5em;
}

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: #e2e2e2; gray*/
	background: #fff;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	font-size: 62.5%;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	background: #f4f4f5;
}

.wrap {
	padding: 0 10px;
	width: 100%;
	/*max-width: 1260px;*/
	max-width: 1260px;
	clear: both;
	float: none;
	margin: 0 auto;
}

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

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

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

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
	border-radius: 3px;
	background: #f39239;
	color: #fff;
	font-size: 15px;
	border: none;
	padding: 12px 15px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #fff;
	color: #444;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	background: #fff;
	color: #444;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
	background: #fff;
	height: 65px;
	-webkit-box-shadow: 0 0px 5px rgba(33 188 244);
	-moz-box-shadow: 0 0px 5px rgba(33 188 244);
	box-shadow: 0 0px 5px rgba(33 188 244);
}

.site-header .wrap {
	max-height: 65px;
}

.site-branding {
	padding: 15px 0 8px;
}

.site-branding img {
    max-width: 225px;
    margin: 7px 0 0;
}

.site-title {
	font-size: 24px;
	margin: 0 auto;
	font-weight: 400;
	letter-spacing: -0.05rem;
	line-height: 1.425;
}

.site-description {
	font-size: 14px;
	margin: -5px auto 0;
	font-weight: 300;
}

/* When Image Logo is Active */
.wp-custom-logo .site-title,
.wp-custom-logo .site-description {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #262626;
	text-decoration: none;
}

a:visited {
	color: #262626;
}

a:hover, a:focus, a:active {
	color: #f39239;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Post Navigation
--------------------------------------------------------------*/
nav.navigation.pagination {
    margin: 0 auto;
    text-align: center;
    clear: both;
}

.nav-links span, .nav-links a {
	background: #ffffff;
	border-radius: 3px;
	padding: 9px 15px;
	font-size: 14px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
	margin: 0 5px 0 0;
	line-height: 45px;
}

.nav-links span {
	color: #fff;
	background: #f39239;
}

.nav-links a:hover {
	background: #f39239;
	color: #fff;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	clear: none;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: right;
}


/* Hide the menu on small screens when JavaScript is available. * It only works with JavaScript. */

.js .main-navigation ul,
.main-navigation .menu-item-has-children>a>.icon,
.main-navigation .page_item_has_children>a>.icon,
.main-navigation ul a>.icon {
	display: none;
}

.main-navigation>div>ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on>div>ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
	position: relative;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
	top: 0;
}

.main-navigation ul li:hover>ul.toggled-on {
	display: block;
	float: none;
	left: 0;
}

.main-navigation ul ul a {
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
	float: none;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 1em 0;
	text-decoration: none;
	color: #222;
}

.main-navigation a:hover {
	color: #f39239;
}

.main-navigation li a,
.main-navigation li>ul a {
	font-weight: 600;
	text-transform: capitalize;
}

.site-header.custom-active.nav-down.topmost .main-navigation ul ul {
	background: transparent;
	background: rgba(0, 0, 0, 0);
}

.site-header.custom-active.nav-down.topmost .main-navigation ul ul a {
	background: transparent;
	background: rgba(0, 0, 0, 0);
}

.site-header.custom-active.nav-down.topmost .main-navigation li li:hover,
.site-header.custom-active.nav-down.topmost .main-navigation li li:focus {
	background: transparent;
	background: rgba(0, 0, 0, 0);
}

.site-header.custom-active.nav-down.topmost .main-navigation li li {
	border: 1px solid #ffffff26;
}

.site-header.custom-active.nav-down.topmost .main-navigation li li:last-child {
	border-top: 0;
}


/* Icon Navigation */

i,
i:before,
.main-navigation li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.main-navigation li:hover i::before {
	display: inline-block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}


/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 0;
	padding: 1em;
	text-shadow: none;
	display: none;
}

.main-navigation .desktop-dropdownsymbol {
	display: none;
	font-size: 9px;
}


/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #f39239;
	font-weight: 400;
}

.menu-toggle:focus {
	/*outline: thin solid;*/
	outline: none;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}


/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 16px;
	right: -0.5em;
	line-height: 1;
	margin: 0 auto;
	padding: 1.2em 0.5em 0;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
	color: #f39239;
}

.dropdown-toggle:focus {
	/*outline: thin dotted;*/
	outline: none;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg);
	/* IE 9 */
	-webkit-transform: rotate(-180deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

.main-navigation li.search a span {
	display: none;
}

.search-container .section-inner {
	position: relative;
}

.section-inner {
	width: 1240px;
	max-width: 92%;
	margin: 0 auto;
}

.search-container .search-field {
	display: block;
	border: none;
	background: none;
	width: 100%;
	padding: 25px 0;
	margin-right: 50px;
	font-size: 1.2em;
	color: #222;
}

.search-container .search-button {
	display: block;
	background: none;
	position: absolute;
	top: 65%;
	margin-top: -32px;
	right: 0;
	border: none;
}

.search-container {
	position: relative;
	margin: 70px 0 0;
	display: block;
	width: 100%;
	background: #f3f7ff;
}

.section-inner form {
	display: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	clip-path: none;
	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;
}

/*--------------------------------------------------------------
# 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:before,
.wrap:before,
.widget-title-style:before,
.site-info:before {
	content: " ";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.wrap:after,
.widget-title-style:after,
.site-info:after {
	clear: both;
	content: " ";
	display: table;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary {
	float: right;
	/*padding: 0 10px;*/
	padding: 0;
	/*width: 30%;*/
	width: 25%;
}

.widget-title-style {
	display: inline-block;
	width: 100%;
}

h4.widget-title {
	font-size: 22px;
	margin: 0;
/*	display: inline-block;
	float: right;*/
}

h4.widget-title:after {
    border-bottom: 3px solid #21bcf4;
    display: block;
    content: '';
    margin: 0;
}

#secondary .widget ul {
	margin: 0;
	padding: 0;
	counter-reset: cell-widget-recent-entries-counter;
}

#secondary .widget ul li {
    list-style-type: none;
    border-bottom: 1px solid #21bcf4;
    padding: 7px 0;
    margin: 0 0 0 10px;
    text-indent: 0px;
    font-size: 14px;
}

#secondary .widget ul li:last-of-type {
	border-bottom: none;
	padding: 20px 0 0;
}

#secondary .widget ul li:before {
	content: counter(cell-widget-recent-entries-counter)".";
	counter-increment: cell-widget-recent-entries-counter;
	color: #666;
	padding: 0 10px 0 0;
	font-style: italic;
	font-family: Georgia, serif;
	font-size: 22px;
}

.widget {
	margin: 0 0 50px;
}

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

/*--------------------------------------------------------------
## Recent Post With Thumbnail Widget
--------------------------------------------------------------*/
#secondary .recent-posts-widget-with-thumbnails ul li {
	line-height: 1.425;
	border-bottom: none;
	margin: 0 auto;
	padding: 20px 0 0;
	text-indent: 0;
}

#secondary .recent-posts-widget-with-thumbnails ul li:before {
	content: '';
	padding: 0;
}

#secondary .rpwwt-widget ul li img {
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
	margin: -4px 10px 20px 0;
}

#secondary .recent-posts .recent-item img {
    border-radius: 5px;
}

#secondary .recent-posts .recent-item {
	margin-bottom: 15px;
	text-align: left;
	line-height: 1.4em;
}

/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/
#search-form {
	position: relative;
	margin: 20px 0 0;
}

input.search-field {
	width: 100%;
	border-bottom: 2px solid #21bcf4;
	border-top: none;
	border-left: none;
	border-right: none;
	background: transparent;
	padding: 10px;
}

button.search-button {
	border: none;
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	padding: 13px 11px 13px 0;
	color: #444;
	box-shadow: 1px 1px 1px transparent;
}

input.search-field:focus {
	outline: none;
}

/*--------------------------------------------------------------
## Tag Cloud
--------------------------------------------------------------*/
.tagcloud {
	margin: 20px 0;
}

.tagcloud a {
	font-size: 14px !important;
	display: inline-block;
	overflow: hidden;
	word-wrap: break-word;
	background: #f39239;
	border-radius: 3px;
	padding: 2px 6px;
	color: #fff;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
	margin: 0 0 5px;
}

.tagcloud a:hover {
	background: #fff;
	color: #222;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content {
	margin: 25px auto;
}

#primary {
	float: left;
	/*width: calc(71% - 2rem);*/
	width: calc(76% - 2rem);
}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.breadcrumbs {
	font-size: 14px;
}

.breadcrumbs div {
	display: inline-block;
	margin: 0 7px;
}

.breadcrumbs:first-child div {
	display: inline-block;
	margin-left: 0;
}

/*--------------------------------------------------------------
## Teaser
--------------------------------------------------------------*/

.articles {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 3em;
}

article.teaser.top-post {
	/*display: flex;*/
	position: relative;
	width: 50%;
	margin: 0 auto 10px;
}

article.teaser.top-post:hover figure a img {
	transform: scale(1.1);
	transition: 1s;
}

.article-item {
    margin: 0 auto 15px;
    width: 100%;
    display: block;
    float: left;
    vertical-align: text-top;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
    border-radius: 5px;
    padding: 0 0 30px;
    box-sizing: content-box;
    background: #fff;
}

.home-sidebar {
	width: 30%;
	float: right;
}

article.teaser.top-post figure {
    margin: 0;
    overflow: hidden;
    height: 285px;
    width: 100%;
    border-bottom: 2px solid #f39239;
}

article.teaser.top-post img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    /*object-fit: cover;*/
    height: auto;
    transition: 0.5s;
}

article.teaser {
	position: relative;
    margin: 0 auto 15px;
    /* width: 49%; */
    width: 24%;
    display: block;
    float: left;
    /*margin: 0 0.1% 15px;*/
    vertical-align: text-top;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    border-radius: 5px;
    padding: 0 0 30px;
    box-sizing: content-box;
    background: #fff;
}

article.teaser figure {
    margin: 0;
    overflow: hidden;
    height: 200px;
    width: 100%;
    border-bottom: 2px solid #f39239;
}

article.teaser:hover figure a img {
	transform: scale(1.1);
	transition: 1s;
}

article.teaser img {
    height: 100%;
    width: 100%;
    border-radius: 5px 5px 0 0;
    object-fit: cover;
    transition: 0.5s;
}

article.teaser p,
article.teaser h2,
article.teaser .entry-meta {
	margin: 0 auto;
	padding: 0 10px;
	font-size: 12px;
	line-height: 1.7;
}

article.teaser .category {
    position: absolute;
    background: red;
    top: -5px;
    left: 10px;
}

article.teaser .category a {
    background-color: #f39b4c;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
}

article.teaser h2 {
    margin: 10px 0;
    font-size: 17px;
    line-height: 1.2;
}

/* Target The 1st Column */
/*article.teaser:nth-of-type(2n+1) {
	margin-right: 1.25%;
}*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.single article,
article.single {
	display: block;
	width: 100%;
	background: #fff;
	padding: 15px 15px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

.single .entry-content p {
	line-height: 1.725;
}
.single .featured_post_image{
	text-align: center;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 0.5em 0 0;
}

.page-links {
    display: flex;
    justify-content: space-between;
	clear: both;
	margin: 0 0 1.5em;
}

.page-links a {
    background-color: #57a131;
	color: #fff;
	padding: 10px 15px;
	border-radius: 15px;
}

.page-links a:hover {
    background-color: #21bcf4;
	color: #fff;
}

.page-links.first {
	justify-content: flex-end;
}

/*.page-links a:first-child {
	float: left;
}

.page-links a:last-child {
	float: right;
}*/

/*--------------------------------------------------------------
### Post Meta
--------------------------------------------------------------*/
/*body article .entry-header .entry-meta {
	font-size: 12px;
	margin: 0 0;
}*/

.entry-meta {
    display: flex;
    flex-flow: column;
    place-self: flex-end;
	font-size: 12px;
	margin: 0 0;
}

time.entry-date:before,
.author a::before {
	content: '\68';
	font-family: minimalist;
	display: inline-block;
	padding: 0 5px 0 0;
	font-size: 10px;
}

.author a::before {
	content: '\61';
	padding: 0 5px 0 0;
}

.author .author-avatar {
	max-width: 100px;
	border-radius: 100px;
	border: 1px solid #58a031;
	box-shadow: 0 0 2px #666;
}

.single .entry-header {
/*	margin: 0 -40px -15px;
	padding: 0 40px 25px;*/
	margin: 0 ;
	padding: 0;
	border-bottom: 1px solid #21bcf4;
}

/*--------------------------------------------------------------
### Post Footer
--------------------------------------------------------------*/
.entry-footer {
    margin: 0 0 0;
    padding: 10px 0;
    border-top: 1px solid #21bcf4;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.cat-links::before {
	content: '\63';
	font-family: minimalist;
	padding: 0 5px 0 0;
	vertical-align: text-top;
}

.tags-links::before {
    content: '\62';
    font-family: minimalist;
    padding: 0 5px 0 0;
    vertical-align: text-top;
}

.edit-link {
	float: right;
}

.edit-link::before {
	content: '\64';
	font-family: minimalist;
	padding: 0 5px 0 0;
	vertical-align: text-bottom;
	font-size: 12px;
}

/*--------------------------------------------------------------
## Search Page
--------------------------------------------------------------*/
.page-title {
	display: inline-block;
	font-size: 24px;
	margin: 0 0 30px;
}
.page-title::after {
	display: block;
	content: '';
	border-bottom: 3px solid #21bcf4;
	margin: 0;
}

/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/
.error404 .content-area {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	clear: both;
	text-align: center;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#comments {
	text-align: center;
}

#comments .comment-list {
	text-align: initial;
}

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

.bypostauthor {
	display: block;
}

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

ol.comment-list li {
	list-style-type: none;
}

.comment-list ol.children {
	margin: 20px 0;
}

.comments-area .page-title {
	margin: 20px auto 50px;
}

.comment-meta img {
	height: 60px;
	width: 60px;
	margin: 0 0 -35px;
	border-radius: 3px;
}

.comment-list b.fn {
	margin: 0 0 0 5px;
}

.comment-metadata {
	margin: 0 0 0 70px;
}

.comment-content {
	margin: 5px 0 0;
}

.comment-respond {
	text-align: initial;
}

a.comment-reply-link {
	background: #f39239;
	color: #fff;
	font-size: 14px;
	padding: 5px 8px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

a.comment-reply-link:hover {
	background: #fff;
	color: #444;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
	background: #fff;
	padding: 20px 0;
	-webkit-box-shadow: 0 -3px 4px rgba(0,0,0,.05);
	-moz-box-shadow: 0 -3px 4px rgba(0,0,0,.05);
	box-shadow: 0 -3px 4px rgba(0,0,0,.05);
}

.site-info {
    display: block;
    margin: 1em auto;
}

/*.site-footer p {
	margin: 0 auto;
}*/

.copyright {
	float: left;
}

.menu-footer-menu-container {
	float: right;
}

/*.site-footer #footer-menu {
	margin: 0;
	padding: 0;
}*/

.site-footer #footer-menu li {
    list-style-type: none;
    float: left;
    margin-right: 10px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

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

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

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

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

/*--------------------------------------------------------------
## ADS
--------------------------------------------------------------*/
.native_ad .headingp {
    margin: 0;
}

/*--------------------------------------------------------------
## Responsive Design
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
	#primary {
		width: 100%;
	}

	#secondary {
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
		clear: both;
		float: none;
	}

	/* ## Article Teaser */
	article.teaser {
		margin: 0 auto 40px;
		width: 48%;
	}

	article.teaser:nth-of-type(2n+1) {
		margin-right: 2.8%;
	}
}

@media screen and (min-width: 768px) {
	.admin-bar .site-header {
		top: 46px;
	}
	/* Site Branding */
	.site-branding {
		text-align: left;
	}
	/* Main Navigation */
	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}
	.site-branding {
		float: left;
	}
	.main-navigation {
		width: 75%;
		float: right;
	}
	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation>div>ul {
		display: block;
	}
	.main-navigation ul {
		background: transparent;
		padding: 0;
	}
	.main-navigation>div>ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}
	.main-navigation li {
		border: 0;
		display: inline-block;
	}
	.main-navigation li li {
		display: block;
		text-align: justify;
	}
	.main-navigation a {
		padding: 1.6em 0.5em;
		font-size: 14px;
	}
	.main-navigation ul ul {
		background: #fff;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}
	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}
	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}
	.main-navigation ul ul li:hover>ul,
	.main-navigation ul ul li.focus>ul {
		left: 100%;
		right: auto;
	}
	.main-navigation ul ul a {
		padding: 1em 1.25em;
		width: 16em;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	.main-navigation ul>ul>li>a:last-of-type {
		border-bottom: 0;
	}
	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #ececec;
		text-indent: 10px;
	}
	.main-navigation li li.focus>a,
	.main-navigation li li:focus>a,
	.main-navigation li li:hover>a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #222;
	}
	.main-navigation ul li:hover>ul,
	.main-navigation ul li.focus>ul {
		left: 0.5em;
		right: auto;
	}
	.main-navigation .menu-item-has-children>a>.icon,
	.main-navigation .page_item_has_children>a>.icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}
	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}
	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}
	.main-navigation .desktop-dropdownsymbol {
		position: absolute;
		top: 50%;
		right: -6px;
		margin-top: -6px;
		color: #3e3b3b;
		display: block;
	}
	.main-navigation li:hover i::before {
		display: inline-block;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.dropdown-toggle {
		padding: 0.5em;
	}
}

@media only screen and (max-width: 768px) {
	.site-branding {
		max-width: 70%;
		float: left;
		text-align: left;
	}
	.hero img {
		width: 100% !important;
		height: 70px !important;
	}
	.dropdown-toggle {
		display: block;
	}
	.menu-toggle {
		width: auto;
		float: right;
		text-align: right;
		color: #171717;
		font-weight: 400;
		padding: 22px 0;
		position: absolute;
		right: 0;
		top: -85px;
		display: block;
		font-size: 33px;
	}

	.dropdown-toggle.toggled-on .icon-down.dropdownsymbol:before {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.main-navigation {
		display: block;
		clear: none;
		margin: 70px 0 0;
		background: #ececec;
		position: relative;
		z-index: 1;
	}
	.main-navigation a {
		color: #222 !important;
	}
	.main-navigation .menu {
		display: none;
	}
	.main-navigation.toggled-on .menu {
		display: block;
		text-align: initial;
	}
	.main-navigation ul {
		text-align: initial;
	}
	.main-navigation.toggled-on ul ul a {
		background-color: #ececec;
	}
	.main-navigation.toggled-on .sub-menu {
		display: none;
	}
	.main-navigation.toggled-on .sub-menu.toggled-on {
		display: block;
	}
	.main-navigation li a, .main-navigation li>ul a {
		font-size: 14px;
	}
}

@media only screen and (max-width: 420px) {
	/* ## Article Teaser */
	article.teaser {
		margin: 0 auto 10px;
		width: 100%;
	}

	.article-item {
		width: 100%;
		position: relative;
		display: inline-block;
	}

	article.teaser.top-post figure {
		height: auto;
	}

	.home-sidebar {
	    width: 100%;
	    clear: both;
	}

	.site-footer {

	}
}

/* ------------ install-app ------------ */
.install-app {
    cursor: pointer;
    z-index: 1001;
    display: block;
    opacity: 1;
    transition: all 1s ease 0s;
    position: fixed;
    bottom: 46px;
    width: 100%;
    padding: 16px;
    background: linear-gradient(270deg, rgb(0, 170, 220), rgb(8, 204, 190) 22%, rgb(8, 204, 190) 79%, rgb(0, 170, 220));
    margin: auto;
    left: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    width: 500px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -250px;
}
.install-app.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.install-app__wrap {
    display: flex;
    margin-bottom: 16px;
}
.install-app__txt {
    flex: 1;
    justify-content: center;
    background-color: rgba(41, 128, 185, 0.43);
    text-align: center;
    margin-left: 16px;
    margin-right: 16px;
}
.install-app__txt-inner {
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    padding: 5px 0;
    display: block;
}
.install-app__btn {
    display: block;
}
.install-app__btn img {
    width: 35px;
    height: 35px;
    background: #fff;
}
.install-app__cancel {
    display: flex;
    background-color: #2980b9;
    border-radius: 2px;
    height: 60px;
    align-items: center;
    justify-content: center;
}
.install-app__cancel-inner {
    font-weight: 500;
    color: #fff;
    font-size: 22px;
}
/* ------------ /install-app ------------ */

/* Make all smart widgets 100% */
div[id^="MarketGidComposite"] .mgbox {
	max-width: 100% !important;
}

/* ajax read more */
.alm-btn-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alm-reveal {
	display: flex;
}
@media only screen and (max-width: 960px) {
	article.teaser.top-post {
	    width: 100%;
	}
	.alm-reveal {
		display: inline-block;
	}
}
@media only screen and (max-width: 420px) {
	.alm-reveal {
		display: inline-block;
	}
}

#ajax-load-more {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 3em;
}

#ajax-load-more article.teaser .entry-content {
    padding: 0 10px;
}

/* infinite scroll */

@keyframes loading {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}

.loading {
    animation: loading 1s infinite;
	display: block;
	margin: 0 auto;

    color: #fff;
    background: #f2923a;
    padding: 10px 15px;
    text-align: center;
    font-size: 1.2em;
}

/* Добавляем анимацию для появления новых постов */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Применяем анимацию к появлению новых постов */
article {
    animation: fadeIn 0.5s ease-in-out; /* Применяем анимацию с плавным появлением в течение 0.5 секунды */
}