/*
Theme Name: Leento
Theme URI: https://gecodigital.com/downloads/leento-theme
Author: Daniele Crusi - Gecodigital
Author URI: https://www.gecodigital.com
Description: Take advantage of Leento's Theme clean aesthetics and intuitive functionality to ensure your blog stands out from the crowd. The theme is designed so that the content is the focus of attention and easy to read. All our themes are accompanied by fantastic customer service. Demo here http://demo.gecodigital.com/leento
Version: 1.1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: leento
Tags: blog, news, custom-background, custom-logo, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support, left-sidebar, sticky-post
Tested up to: 5.4
Requires PHP: 5.6
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 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;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #757575;
	font-family: 'Bree Serif', serif;
	font-size: 15px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}
h1 {font-size: 31px;}
h2 {font-size: 26px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 15px;}
h6 {font-size: 12px;}
p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
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 {
	box-sizing: border-box;
}

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

body {
	background-color: #e6ecea;
}

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

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

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: 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: none;
	background: #2667ad;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	padding: .6em 1.6em;
	outline: none;
	-o-transition: background .3s ease-in-out, color .3s ease-in-out;
	-moz-transition: background .3s ease-in-out, color .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
	transition: background .3s ease-in-out, color .3s ease-in-out;
}
.error-404.not-found input[type="submit"],
body.search input[type="submit"]{
	padding: .9em 1.6em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #6d6d6d;
}

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 {
	background: #ffffff;
	border: 1px solid #cecece;
	outline: none;
	-webkit-appearance: none;
	-o-transition: border .3s ease-in-out;
	-moz-transition: border .3s ease-in-out;
	-webkit-transition: border .3s ease-in-out;
	transition: border .3s ease-in-out;
}

select {
	color: #cecece;
	background: #ffffff;
	border: 1px solid #cecece;
	outline: none;
	-o-transition: border .3s ease-in-out;
	-moz-transition: border .3s ease-in-out;
	-webkit-transition: border .3s ease-in-out;
	transition: border .3s ease-in-out;
}

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 {
	border: 1px solid;
	border-color: #2667ad;
}

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"] {
	padding: 5px;
}

.widget-area input[type="text"],
.widget-area input[type="email"],
.widget-area input[type="url"],
.widget-area input[type="password"],
.widget-area input[type="search"] {
	width: 100%;
}

textarea {
	padding: 8px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.post-navigation .nav-links{
	background-color: #ffffff;
	border-bottom: 2px solid; 
	border-color: #2667ad;
	display: flex;
}
.nav-previous, 
.nav-next {
    padding: 20px;
	-o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.nav-previous:hover, 
.nav-next:hover {
	-o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.post-navigation .meta-nav {
    display: inline-block;
    width: 90%;
}
.post-navigation .meta-nav span{
	color: #757575;
	-o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.post-navigation .meta-nav span:hover{
	color: #2667ad;
	-o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.post-navigation .nav-previous .meta-nav {
    padding-left: 15px;
}
.post-navigation .nav-next .meta-nav {
	padding-right: 15px;
}
.post-navigation .meta-nav small {
    display: block;
    text-transform: uppercase;
    color: #2667ad;
}
.post-navigation .nav-previous i, 
.post-navigation .nav-next i {
    color: #2667ad;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:visited{
	color: #2667ad;
	text-decoration: none;
	-o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a:hover, 
a:focus,
a:active,
.socialHeader a:hover,
.widget a:hover,
.entry-meta a:hover,
.entry-summary a:hover,
.entry-footer a:hover,
.site-info a:hover {
	color: #6d6d6d;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}
.textwidget a,
.entry-summary a{
	text-decoration: underline;
}
.site-info a {
	text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	width: 100%;
	margin: 3em 0;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	position: relative;
	list-style: none;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 10px 7px 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.main-navigation ul li i{
	padding-right: 5px;
}
.main-navigation li:last-child a{
	border-bottom: 0;
}
.main-navigation ul li .indicator {
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'FontAwesome';
	font-size: 12px;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
}
.main-navigation ul li .indicator:before {
	content: "\f078";
}
.main-navigation ul li .yesOpen.indicator:before {
	content: "\f077";
}
.main-navigation ul li .indicator, 
.main-navigation ul li:hover .indicator {
	border: 0 !important;
}
.main-navigation ul ul {
	display: none;
	z-index: 99999;
}
.main-navigation ul ul ul {
	top: 0;
}
.main-navigation ul ul li {
	padding-left: 1em;
}
.main-navigation ul li:hover > a, 
.main-navigation li a:focus,  
.main-navigation li.current-menu-item > a, 
.main-navigation li.current-menu-parent > a, 
.main-navigation li.current-page-ancestor > a,
.main-navigation .current_page_item > a, 
.main-navigation .current_page_parent > a, 
.main-navigation ul > li:hover .indicator, 
.main-navigation li.current-menu-parent .indicator, 
.main-navigation li.current-menu-item .indicator {
	color: #6d6d6d;
	background-color: rgba(0,0,0,.05);
}
/* Small menu */
.menu-toggle {
	display: none;
}
@media screen and (min-width: 37.5em) {
	.main-navigation ul {
		display: block;
	}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation,
.site-main .navigation.pagination {
	margin: 2em 0 1.5em;
	overflow: hidden;
}
.site-main .navigation.pagination .nav-links, 
.site-main .navigation.posts-navigation .nav-links {
	margin-top: 2.5em;
	padding: 0.2em 0em;
	text-align: center;
}
.site-main .navigation.pagination .nav-links a, 
.site-main .navigation.posts-navigation .nav-links a {
	padding: 0.5em 1.3em;
    background: #ffffff;
    display: inline-block;
	margin: 3px 0;
}
.site-main .navigation.pagination .nav-links a:hover, 
.site-main .navigation.posts-navigation .nav-links a:hover{
	background: #757575;
	color: #ffffff;
}
.site-main .navigation.pagination .nav-links span.current {
	padding: 0.5em 1.3em;
    display: inline-block;
	background: #757575;
	color: #ffffff;
	margin: 3px 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.theMetaLink i, .theMetaLink .meta-nav {
	display: inline-block;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	width: 50%;
}
.comment-navigation .nav-next,
.post-navigation .nav-next {
	text-align: right;
}
.post-navigation .nav-next {
	border-left: 1px solid rgba(91,91,91,0.2);
}
.comment-navigation .nav-links a {
	padding: 0.5em 1.3em;
    background: rgba(91,91,91,0.03);
    display: inline-block;
}
@media screen and (max-width: 720px) {
	.site-main .navigation.pagination .nav-links, 
	.site-main .navigation.posts-navigation .nav-links {
		margin-top: 1em;
	}
	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous,
	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next{
		padding: 10px 0;
		float: none;
		width: 100%;
	}
	.post-navigation .nav-next {
		border-top: 1px solid rgba(91,91,91,0.2);
		border-left: none;
	}
	.post-navigation .nav-links {
		display: block;
		flex-flow: inherit;
		-webkit-flex-flow: inherit;
		align-items: inherit;
		-webkit-align-items: inherit;
		justify-content: inherit;
		-webkit-justify-content: inherit;
		}
}
@media screen and (max-width: 1080px) {
	.main-navigation .menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
		background: #3e3e3e;
		width: 100%;
	}
	.main-navigation.toggled ul li > a,
	.main-navigation.toggled ul li .indicator{
		color: #ffffff;
	}
	.main-navigation.toggled .nav-menu {
		border-top: none !important;
	}
	.menu-toggle {
		width: 100%;
		font-size: 15px;
		text-transform: uppercase;
		letter-spacing: 3px;
		padding: 0 1.2em;
		text-align: center;
		outline: none;
		color: #ffffff;
		border-radius: 0;
		height: 55px;
		border: 0;
		font-weight: 700;
		box-shadow: none!important;
	}
	.menu-toggle i {
		margin: 0 10px;
	}
	.main-navigation ul, 
	.main-navigation div > ul > li > ul::before,
	.main-navigation div > ul > li > ul::after {
		display: none;
	}
	.main-navigation ul li {
		display: block;
		width: 100%;
	}
	.main-navigation ul li:hover > a,
	.main-navigation ul li.focus > a {
		background: inherit;
	}
	.main-navigation div > ul > li > ul {
		padding-top: 0;
	}
	.main-navigation li a:not(:last-child):after, .main-navigation ul ul li a:not(:last-child):after {
		content: "" !important;
		font-family: FontAwesome;
		margin: 0 !important;
	}
	.main-navigation ul li .indicator {
		position: absolute;
		right: 0;
		top: 0;
		font-family: 'FontAwesome';
		font-size: 12px;
		width: 91px;
		height: 55px;
		line-height: 60px;
		text-align: center;
		color: #2667ad;
		border-left: 1px solid rgba(0,0,0,.05);
	}
	.main-navigation ul li .indicator:before {
		content: "\f067";
	}
	.main-navigation ul li .yesOpen.indicator:before {
		content: "\f068";
	}
	.main-navigation ul ul, .main-navigation ul ul ul {
		float: none !important;
		position: relative;
		top: 0;
		left: 0 !important;
		right: 0 !important;
		visibility: visible;
		opacity: 1;
		display: none;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		padding-left: 3%;
		z-index: 9;
		background: none !important;
	}
	.main-navigation ul ul.active, .main-navigation ul ul ul.active {
		display: block;
	}
	.main-navigation a {
		color: #dadada;
		border-bottom: 1px solid rgba(0,0,0,.05);
		text-align: left;
		padding: 1em;
		line-height: inherit;
	}
	.main-navigation ul li:hover > a, 
	.main-navigation li a:focus, 
	.main-navigation li.current-menu-item > a, 
	.main-navigation li.current-menu-parent > a, 
	.main-navigation li.current-page-ancestor > a, 
	.main-navigation .current_page_item > a, 
	.main-navigation .current_page_parent > a, 
	.main-navigation ul > li:hover .indicator, 
	.main-navigation li.current-menu-parent .indicator, 
	.main-navigation li.current-menu-item .indicator {
		color: #2667ad;
		background: rgba(0,0,0,.05);
	}
	.main-navigation ul ul a {
		background: #3e3e3e;
		width: 100%;
		height: auto;
		line-height: inherit!important;
	}
}
/*--------------------------------------------------------------
# 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;
	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:before,
.site:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.widget.widget_search:before, 
.widget.widget_search:after,
.entry-footer:before,
.entry-footer:after,
.nav-links:before,
.nav-links:after {
	content: "";
	display: table;
	table-layout: fixed;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 2.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}
.widget-area .widget-title{
    color: #2667ad;
	overflow: hidden;
	font-size: 22px;
}
.widget-area .widget-title:after {
	content: "";
    display: inline-block;
    height: 0.75em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: 2px solid;
	border-color: #2667ad;
}
.widget-area ul{
	list-style: none;
}
aside ul.menu li a {
    padding: 1em 0;
	display: block;
	height: 43px;
}
aside ul.menu li {
	border-bottom: 1px solid;
    border-color: rgba(0,0,0,.1);
}
aside ul.menu li:last-child{
	border-bottom: 0;
}
.widget_archive li:first-child, 
.widget_categories li:first-child, 
.widget_pages li:first-child, 
.widget_nav_menu li:first-child, 
.widget_meta li:first-child, 
.widget_rss li:first-child, 
.widget_recent_comments li:first-child, 
.widget_recent_entries li:first-child {
	padding-top: 0px;
}
.widget_archive li, 
.widget_categories li, 
.widget_pages li, 
.widget_nav_menu li, 
.widget_meta li, 
.widget_rss li, 
.widget_recent_comments li, 
.widget_recent_entries li{
	padding: 7px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.widget_archive li:last-child, 
.widget_categories li:last-child, 
.widget_pages li:last-child, 
.widget_nav_menu li:last-child, 
.widget_meta li:last-child, 
.widget_rss li:last-child, 
.widget_recent_comments li:last-child, 
.widget_recent_entries li:last-child{
    border-bottom: none;
}
.widget_archive li:before, 
.widget_categories li:before, 
.widget_pages li:before, 
.widget_meta li:before, 
.widget_rss li:before, 
.widget_recent_comments li:before, 
.widget_recent_entries li:before,
.widget_archive ul li:before,
.widget_categories ul li:before{
    content: "\f0da";
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666666;
    padding-right: 0.5em;
}
.widget-area ul, 
.widget-area ol {
    margin: 0;
	padding: 0 0 0 20px;
}
.widget_rss .rss-date{
    display: block;
    font-size: 13px;
}
.tagcloud a {
	background: #ffffff;
	font-size: 13px;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	margin: 3px 0;
	position: relative;
	text-decoration: none;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.widget-area .tagcloud a:hover{
	color: #ffffff;
} 
.tagcloud a::after {
    border-right: 10px solid rgba(255,255,255,0);
    border-top: 13px solid #2667ad;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
	-o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.tagcloud a:hover::after {
    border-top: 13px solid #ffffff;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;	
}
.tagcloud a:hover {
	background-color: #2667ad;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;	
}
.widget.widget_search input[type="search"] {
    width: 68%;
    display: inline-block;
    -moz-appearance: none;
	-webkit-appearance: none;
    padding: 6.5px;
    margin: 0;
    line-height: 1;
    float: left;
}
.widget.widget_search input[type="submit"] {
    width: 32%;
    display: inline-block;
    float: right;
	padding: 11px;
}
#wp-calendar th {
    text-align: center;
    background-color: rgba(0,0,0,.08);
    padding: 5px 0;
}
#wp-calendar thead tr{
	border: 1px solid rgba(0,0,0,.05);
}
#wp-calendar tbody td a{
	border-bottom: 1px solid;
}	
#wp-calendar tbody td {
    text-align: center;
    border: 1px solid rgba(0,0,0,.05);
    padding: 5px 0;
}
#wp-calendar tbody td#today{
	border: 2px solid #2667ad;
}
#wp-calendar caption {
	text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
	color: #ffffff;
    background: #2667ad;
	border: 1px solid rgba(0, 0, 0, 0.09);
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#page{
	max-width: 1080px;
    margin: 5em auto;
}
.site-branding p.site-title{
	font-size: 31px;
    font-weight: bold;
}
.head_divider{
	display: block;
    margin: 50px auto;
    border-bottom: 10px dotted;
    color: rgba(0, 0, 0, 0.13);
}
.sidebar-toggle{
	display: none;
	background: #2667ad;
	position: absolute;
	font-size: 14px;
    z-index: 9999;
    top: 30px;
    left: 0;
}
.sidebar-toggle:focus,
.sidebar-toggle:hover{
	background: #6d6d6d;
}
.sidebar-toggle i{
	padding: 0 5px;
}
.sidebar-toggle.sidOpen i:before{
	content: "\f00d";
}
.sidebar-toggle.sidOpen{
	position: fixed;
}
body.admin-bar .sidebar-toggle{
	top: 65px;
}
.socialHeader,
.socialFooter {
	text-align: center;
    font-size: 16px;
}
.socialHeader .fa{
    padding: 7px;
	margin: 1px;
	width: 36px;
	text-align: center;
    border: 2px solid;
    border-radius: 4px;
}
.socialFooter .fa {
    padding: 7px;
    margin: 2px;
    text-align: center;
}
header.site-header {
    width: 30%;
    float: left;
}
.leento_side .site-branding{
	margin: 2em 0;
}
.leento_side .site-branding .site-title,
.leento_side .site-branding .site-description{
	display: block;
    margin: 0;
}
.site-content {
    width: 70%;
    float: right;
}
.entry-header .entry-title,
.entry-header .entry-meta{
	text-align: center;
}
.entry-header .entry-title a{
    color: #696969;
}
.entry-header .entry-title a:hover{
    color: #6d6d6d;
}
figure.imageTpost {
	overflow: hidden;
    position: relative;
	background: #000000;
	margin: 0;
}
figure.imageTpost img {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}	
article:hover figure.imageTpost img {
	opacity: .5;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.single figure.imageTpost img {
	-webkit-transform: initial;
	transform: initial;
}
.single article:hover figure.imageTpost img {
	opacity: 1;
	-webkit-transform: initial;
	transform: initial;
}
.single figure.imageTpost::before {
	position: initial;
}
figure.imageTpost {
	position: relative;
}
figure.imageTpost::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
article:hover figure.imageTpost::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.leento_side{
	padding: 5px 15px;
    margin: 0em 2em 0 0;
}
.hentry {
    margin: 0 0 2em;
    background: #ffffff;
    border-bottom: 2px solid;
	border-color: #2667ad;
	padding: 3em 0;
}
.has-post-thumbnail.hentry {
	padding: 0 0 3em;
}
.error-404.not-found,
.no-results.not-found{
    margin: 0 0 3em;
    background: #ffffff;
    border-bottom: 2px solid;
    border-color: #2667ad;
    padding: 3em;
}
.has-post-thumbnail.hentry .imageTpost{
	margin-bottom: 3em;
}
.archive header .page-title,
body.search header .page-title{
	border-bottom: 2px solid #2667ad;
	margin: 0 0 2em 0;
}
.imageTpost img{
	display: block;
}
.entry-meta .byline,
.entry-meta .posted-on,
.entry-meta .comments-link,
.entry-meta .cat-links{
	display: inline-block;
	font-size: 14px;
	text-transform: capitalize;	
}
.entry-content, 
.entry-summary {
    margin: 3em 0 0;
    font-size: 15px;
    line-height: 1.8;
    word-wrap: break-word;
}
.entry-header, 
.entry-content, 
.entry-footer, 
.entry-summary {
    padding: 0 3em;
}
.entry-footer .comments-link,
.entry-footer .edit-link{
	float: left;
}
.entry-footer .read-more{
	float: right;
}
.single .entry-footer .edit-link,
.single .entry-footer .cat-links,
.single .entry-footer .tags-link{
	display: block;
	width: 100%;
}
footer.site-footer {
    width: 100%;
    padding: 1em 3em;
	border-top: 2px solid;
	border-color: #2667ad;
    background: #ffffff;
}
.site-info{
    max-width: 1120px;
    margin: auto;
}
.leento-copyright{
    display: inline-block;
    width: 49.5%;
}
.socialFooter{
    display: inline-block;
    width: 49.5%;
    text-align: right;
}
#toTop{
	position: fixed;
    bottom: -60px;
    right: 40px;
    width: 45px;
    height: 45px;
    line-height: 40px;
	border: 2px solid;
    border-radius: 100%;
	text-decoration: none;
    outline: none;
    text-align: center;
	-webkit-transition-timing-function: cubic-bezier(0.42, 0.66, 0, 0.89);
    -moz-transition-timing-function: cubic-bezier(0.42, 0.66, 0, 0.89);
    -o-transition-timing-function: cubic-bezier(0.42, 0.66, 0, 0.89);
    transition-timing-function: cubic-bezier(0.42, 0.66, 0, 0.89);
	-webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	-webkit-transition-property: bottom;
	-moz-transition-property: bottom;
	-o-transition-property: bottom;
	transition-property: bottom;	
}
#toTop.visible {
	bottom: 40px;
}
#toTop i{
	font-weight: bold;
}
.spaceRight{
	padding-right: 5px;
}
.spaceLeft{
	padding-left: 5px;
}
.spaceBright{
	padding-right: 10px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.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;
}
.page-links a{
	padding: 0 0 0 5px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comments-area{
    padding: 1.2em 3em;
    margin: 2em 0;
    background: #ffffff;
    border-bottom: 2px solid;
	border-color: #2667ad;
}
#respond.comment-respond {
	outline: none;
}
.form-allowed-tags {
	text-align: center;
}
h2.comments-title{
	font-size: 22px;
}
#comments.comments-area input:not([type="submit"]), #comments.comments-area textarea {
	padding: 6px;
	width: 100%;
}
#comments.comments-area input[type="submit"] {
	width: 100%;
}
#comments ol {
	list-style-type: none;
	padding: 0;
	margin: 2.5em 0;
}
#comments ol .pingback {
	margin: 0 0 3.5em;
	position: relative;
	border-bottom: 1px solid rgba(91,91,91,0.2);
	padding-bottom: 1.5em;
}
#comments ol article {
	margin: 0 0 3.5em;
	position: relative;
	border-bottom: 1px solid rgba(91,91,91,0.2);
}
#comments ol ol {
	padding-left: 5%;
}
#comments ol ol article {
}
#comments article footer img {
	float: left;
	margin-right: 1em;
}
#comments article .comment-content {
	clear: both;
	padding-bottom: .5em;
}
#comments .reply {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #666666;
	-o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#comments .reply:hover {
	background: #444444;
	-o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#comments .reply a{
	font-size: 12px;
	padding: 0 10px;
	color: #ffffff;
}
.comment-awaiting-moderation {
	margin: 0;
	color: red;
}
.comment-metadata time{
	font-size: 13px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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. */
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: 49%;
	margin: 1px;
}

.gallery-columns-3 .gallery-item {
	max-width: 32.33%;
	margin: 1px;
}

.gallery-columns-4 .gallery-item {
	max-width: 24%;
	margin: 1px;
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	margin: 1px;
}

.gallery-columns-6 .gallery-item {
	max-width: 15.66%;
	margin: 1px;
}

.gallery-columns-7 .gallery-item {
	max-width: 13.28%;
	margin: 1px;
}

.gallery-columns-8 .gallery-item {
	max-width: 11.5%;
	margin: 1px;
}

.gallery-columns-9 .gallery-item {
	max-width: 10.11%;
	margin: 1px;
}

.gallery-caption {
	display: block;
}
/*----------------------------------------------------------------
##	Mobile
------------------------------------------------------------------*/
@media all and (max-width: 580px){
	.entry-meta .byline,
	.entry-meta .posted-on,
	.entry-meta .comments-link,
	.entry-meta .cat-links{
		display: block;
	}
	.entry-header .entry-title, 
	.entry-header .entry-meta {
		text-align: initial;
	}
	.leento-copyright,
	.socialFooter{
		display: block;
		width: 100%;
		text-align: center;
	}
}
@media all and (max-width: 870px) {
	header.site-header,
	.site-content	{
		width: 100%;
		float: none;
	}
	.leento_side {
		margin: 0;
	}
	.head_divider{
		display: none;
	}
	.sidebar-toggle{
		display: block;
	}
	.main-navigation {
		margin: 50px 0;
	}
	#page {
    	margin: 0em auto;
		padding: 1em;
	}
	.entry-header, 
	.entry-content, 
	.entry-footer, 
	.entry-summary {
		padding: 0 1.5em;
	}
	.has-post-thumbnail.hentry .imageTpost {
		margin-bottom: 1em;
	}
	.hentry {
		padding: 1em 0;
	}
	.site-branding{
		text-align: center;
	}
	.leento_side {
		padding: 0;
		margin-top: 40px;
	}
	.widget-area {
		height: 100%;
		position: fixed;
		top: 0;
		right: -330px;
		width: 330px;
		height: 100%;
		background: #ffffff;
		padding: 60px 20px 20px 20px;
		z-index: 999;
		outline: none;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-o-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.widget-area.sidOpen{
		right: 0;
	}
	.comments-area {
		padding: .1em 1em;
	}
	footer.site-footer {
    	padding: 1em;
	}
}