/*!
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: #fff9c0;
	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 30px;
	width: 100%;
	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: #FF5722;
	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 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-header .wrap {
	max-height: 65px;
}

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

.site-branding img {
	max-width: 250px;
	margin: -5px 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: #ff5722;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Post Navigation
--------------------------------------------------------------*/
nav.navigation.pagination {
	text-align: center;
	margin: 0 0 50px;
}

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

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

.nav-links a:hover {
	background: #FF5722;
	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: #FF5722;
}

.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: #FF5722;
	font-weight: 400;
}

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

.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: #ff5722;
}

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

.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 30px;
	width: 30%;
}

.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: 8px solid rgba(0,0,0,0.08);
	display: block;
	content: '';
	margin: -10px 0 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 rgba(0,0,0,0.08);
	padding: 20px 0;
	margin: 0 0 0 30px;
	text-indent: -30px;
	font-size: 15px;
}

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

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

input.search-field {
	width: 100%;
	border-bottom: 2px solid rgba(0,0,0,0.08);
	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: #FF5722;
	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: 50px auto;
}

#primary {
	float: left;
	width: calc(68% - 2rem);
}

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

/*--------------------------------------------------------------
## Teaser
--------------------------------------------------------------*/
article.teaser {
	margin: 0 auto 60px;
	width: 49%;
	display: inline-block;
	float: none;
	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;
}

article.teaser img {
	width: 100%;
	border-radius: 3px 3px 0 0;
}

article.teaser p,
article.teaser h2,
article.teaser .entry-meta {
	margin: 0 auto;
	padding: 0 30px;
	font-size: 15px;
	line-height: 1.825;
}

article.teaser h2 {
	margin: 20px 0;
	font-size: 24px;
	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 {
	background: #fff;
	padding: 30px 40px;
	-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: 1.5em 0 0;
}

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

/*--------------------------------------------------------------
### Post Meta
--------------------------------------------------------------*/
body article .entry-header .entry-meta {
	font-size: 12px;
	margin: -10px 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 10px;
}

.single .entry-header {
	margin: 0 -40px -15px;
	padding: 0 40px 25px;
	border-bottom: 1px solid rgba(0,0,0,0.08);
}

/*--------------------------------------------------------------
### Post Footer
--------------------------------------------------------------*/
.entry-footer {
	margin: 0 -40px -30px;
	padding: 20px 40px;
	border-top: 1px solid rgba(0,0,0,0.08);
	font-size: 14px;
}

.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 20px;
	vertical-align: text-bottom;
	font-size: 12px;
}

.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: 8px solid rgba(0,0,0,0.08);
	margin: -10px 0 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: #FF5722;
	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-footer p {
	margin: 0 auto;
}

.site-footer .left {
	float: left;
}

.site-footer .right {
	float: right;
}

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

/*--------------------------------------------------------------
## 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 1.25em;
		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: 2px;
		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: -70px;
		display: block;
		font-size: 19px;
	}

	.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;
	}
	.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 30px;
		width: 100%;
}
