/*
Theme Name: Cosimo
Theme URI: https://crestaproject.com/downloads/cosimo/
Author: Rizzo Andrea - CrestaProject.com
Author URI: https://crestaproject.com
Description: Cosimo is fresh & beautiful responsive WordPress Blog Theme, a large column in the center of the screen, and the sidebar that appears when you click on the appropriate button, unlimited colors and theme options. Compatible with Gutenberg. Demo here https://crestaproject.com/demo/cosimo/
Version: 1.7.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cosimo
Tags: one-column, right-sidebar, custom-menu, custom-colors, sticky-post, featured-images, theme-options, translation-ready, editor-style, full-width-template, rtl-language-support, blog, news
Tested up to: 6.9
Requires PHP: 5.6
*/

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

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

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

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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;
}
h2 {font-size: 1.5em;}
h3 {font-size: 1.17em;}
h3.entry-title { margin: 0; margin-bottom: 1em;}
h4 {font-size: 1em;}
h5 {font-size: 0.83em;}
h6 {font-size: 0.67em;}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 0px;
}

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-appearance: textfield;
	box-sizing: content-box;
}

.widget-area input[type="search"] {
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 100%;
}

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,
textarea {
	font-family: 'Roboto', sans-serif;
	color: #5b5b5b;
	font-size: 14px;
	line-height: 2;
	text-rendering: optimizeLegibility;
}

.smallPart, .widget_tag_cloud {
	font-family: 'Oswald', sans-serif;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #b9b9b9;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
	clear: both;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	line-height: 1.5;
}
.hentry p.has-small-font-size {
    font-size: 14px;
    line-height: 1.9;
}
.hentry p.has-regular-font-size {
    font-size: 16px;
}
.hentry p.has-large-font-size {
    font-size: 18px;
	line-height: 1.7;
}
.hentry p.has-larger-font-size {
    font-size: 22px;
	line-height: 1.6;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	display: block;
    padding: 1.5em 1.5em 1.5em 3.5em;
    margin: 0 0 1.5em;
    position: relative;
    border-left: 4px double #eb911c;
    border-right: 1px solid #eb911c;
    font-style: italic;
}
blockquote::before {
	content: "\201C";
	font-size: 60px;
	color: #eb911c;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 10px;
}
blockquote cite {
	font-size: 13px;
    font-style: normal;
}

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 http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

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

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

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

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

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

.spaceLeft {
	padding-left: 5px;
}
.spaceRight {
	padding-right: 5px;
}
.spaceLeftRight {
	margin: 0 5px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-radius: 0;
	background: #eb911c;
    color: #ffffff;
	font-size: 12px;
	font-size: 0.75rem;
	padding: 5px 10px;
	outline: none;
	transition: background .3s ease-in-out, color .3s ease-in-out;
}

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 {
	color: #eb911c;
    background: #ffffff;
}

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 {
	-webkit-appearance: none;
	color: #b9b9b9;
	border: 4px double rgba(91,91,91,0.2);
	border-radius: 0;
	outline: none;
	background: #ffffff;
	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 {
	color: #5b5b5b;
	border: 4px double #eb911c;
}

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: 3px;
}

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

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #eb911c;
	text-decoration: none;
    transition: color .3s ease-in-out;
}

.site-branding a, .site-branding a:hover, .site-branding a:focus, .site-description {
  color: #ffffff;
}

.whiteSpace a, h2.entry-title a {
	color: #5b5b5b;
}

a:hover,
a:focus,
a:active {
	color: #5b5b5b;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: right;
	width: 100%;
	margin: 0;
	padding: 0 1.5em;
}

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

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

.main-navigation div > ul > li > ul {
  padding-top: 15px;
}

.main-navigation li a:not(:last-child):after {
	content: "\f107";
	font-family: FontAwesome;
	margin: 0 0 0 4px;
	font-size: 10px;
	line-height: 1;
}
.main-navigation ul ul li a:not(:last-child):after {
	content: "\f105";
	margin: 0 0 0 4px;
	float: right;
	line-height: inherit;
}

.main-navigation div > ul > li > ul::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 30px;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #ffffff;
}

.main-navigation div > ul > li > ul::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 33px;
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: transparent;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #ffffff;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 0 1em;
	font-size: 13px;
	font-weight: 700;
	line-height: 55px;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 55px;
	left: auto;
	z-index: 99999;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.2s,opacity 0.2s linear, transform 0.2s linear;
	transform: translate3d(0,20px,0);
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.2s,opacity 0.2s linear, transform 0.2s linear;
	transform: translate3d(20px,0,0);
}

.main-navigation ul ul a {
	width: 230px;
	color: #5b5b5b;
	border-bottom: 1px solid rgba(0,0,0,.05);
	font-weight: 400;
	background: #ffffff;
	line-height: 45px;
	text-align: left;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}

.main-navigation ul ul li:last-child > a {
	border-bottom: 0px;
}

.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation ul li:active > ul, .main-navigation ul li.focus > ul {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	transform: translate3d(0,0,0);
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li:focus > ul, .main-navigation ul ul li:active > ul, .main-navigation ul ul li.focus > ul  {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	transform: translate3d(0,0,0);
}
.main-navigation ul li:hover > a, 
.main-navigation ul li.focus > a, 
.main-navigation ul li.current-menu-item > a, 
.main-navigation ul li.current-menu-parent > a, 
.main-navigation ul li.current-page-ancestor > a,
.main-navigation .current_page_item > a, 
.main-navigation .current_page_parent > a {
	background: #5b5b5b;
	color: #ffffff;
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 1025px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
		background: #ffffff;
		width: 100%;
	}
	
	.main-navigation.toggled .nav-menu {
		border: 2px solid #eb911c;
		border-top: none !important;
	}

	.menu-toggle {
		width: 100%;
		font-size: 13px;
		padding: 1em 0;
		text-align: left;
		color: #5b5b5b;
		border-radius: 0;
		height: 55px;
		border: 0;
		font-weight: 700;
	}
	.menu-toggle i {
		margin: 0 10px;
	}
	.menu-toggle:hover, .menu-toggle:focus,
	.main-navigation.toggled .menu-toggle	{
		color: #eb911c;
	}
	
	.main-navigation {
		position: absolute;
	}

	.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;
		color: 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: 53px;
		line-height: 53px;
		text-align: center;
		color: #eb911c;
		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;
		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 {
		border-bottom: 1px solid rgba(0,0,0,.05);
		text-align: left;
		padding: 1em;
		line-height: inherit;
	}
	
	.main-navigation ul ul a {
		width: 100%;
		height: auto;
		line-height: inherit;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation,
.site-main .navigation.pagination {
	margin: 0 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;
    box-shadow: 0px 1px 3px 0px rgba(13,13,13,0.1);
}

.site-main .navigation.pagination .nav-links span.current {
	padding: 0.5em 1.3em;
    display: inline-block;
	background: #5b5b5b;
	color: #ffffff;
	margin: 3px 0;
    box-shadow: 0px 1px 3px 0px rgba(13,13,13,0.1);
}

.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: 4px double 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;
}

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

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.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:after,
#page.site:before,
#page.site:after,
footer.entry-footer:before,
footer.entry-footer:after,
.widget_archive li:before, 
.widget_archive li:after, 
.widget_categories li:before,
.widget_categories li:after,
.nav-links:before,
.nav-links:after,
.site-info:before,
.site-info:after,
.widget.widget_search:before,
.widget.widget_search:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
#page.site:after,
footer.entry-footer:after,
.widget_archive li:after, 
.widget_categories li:after,
.nav-links:after,
.site-info:after,
.widget.widget_search:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 2.5em;
}

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

/* Calendar Widget */
#wp-calendar {
	margin: 0px;
	border-collapse: separate;
}
#wp-calendar > caption {
	padding: 6px 0;
	color: #ffffff;
	text-align: center;
	background: #eb911c;
}
#wp-calendar th {
	text-align: center;
	background: rgba(91,91,91,0.05);
	padding: 5px 0;
}
#wp-calendar tfoot td {
	border: none;
	padding-top: 5px;
}
#wp-calendar tfoot td#next {
	text-align: right;
}
#wp-calendar tbody td {
	text-align: center;
	border: 1px solid rgba(91,91,91,0.05);
	padding: 5px 0;
}
#wp-calendar tbody td#today {
	border: 1px solid #eb911c;
}

.widget_archive li, .widget_categories li {
	text-align: right;
}
.widget_archive li a, .widget_categories li a {
	float: left;
}
.widget.widget_categories li:before {
	font-family: FontAwesome;
	content: "\f114";
	padding-right: 0.5em;
	float: left;
}
.widget.widget_archive li:before {
	font-family: FontAwesome;
	content: "\f0da";
	padding-right: 0.5em;
	float: left;
}

/* Tag Cloud */
.widget_tag_cloud a {
	display: inline-block;
    margin: 2px 0;
    background: #eb911c;
    padding: 5px 7px;
    color: #ffffff;
	border: 1px solid;
	transition: all .4s ease-in-out;
}
.widget_tag_cloud a:hover {
	background: #ffffff;
	color: #eb911c;
	border: 1px solid #eb911c;
	transition: all 0s ease-in-out;
}

/* Menu Widget */
.widget ul.menu ul.sub-menu {
	display: none;
	padding-left: 2em;
}
.widget ul.menu li {
	position: relative;
	border-bottom-width: 0;
    border-bottom-style: none;
    border-bottom-color: transparent;
    padding: 0;
}
.widget ul.menu li a {
	border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(91,91,91,0.05);
    padding: 1em 0;
	display: block;
	height: 46px;
}
.widget ul.menu .indicatorBar {
	position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
	cursor: pointer;
    font-family: 'FontAwesome';
	font-size: 16px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: rgba(91,91,91,0.05);
}
.widget ul.menu .indicatorBar:before {
	content: "\f107";
}
.widget ul.menu .indicatorBar.yesOpenBar:before {
	content: "\f106";
}
/* Search widget */
.widget.widget_search input[type="search"] {
	width: 68%;
    display: inline-block;
    -webkit-appearance: none;
    padding: 4px 15px;
    line-height: 1;
	float: left;
	height: 42px;
}
.widget.widget_search input[type="submit"] {
	width: 32%;
    display: inline-block;
	float: right;
	height: 42px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.hfeed.site {
	width: 100%;
	position: relative;
	right: 0;
}

.whiteSpace {
	width: 84%;
	height: 55px;
	position: fixed;
	position: -ms-device-fixed;
	background: #ffffff;
	z-index: 19;
	top: 0;
	right: 8%;
    box-shadow: 0px 1px 3px 0px rgba(13,13,13,0.1);
}

header.site-header {
	text-align: center;
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: calc(100vh /1.5);
}

.cosimo-opacity {
	background: rgba(91,91,91,0.3);
    width: 100%;
    height: 100%;
	position: absolute;
    top: 0;
}

.theCosimoSingle-box header.entry-header, .theCosimoSingle-box footer.entry-footer {
	text-align: center;
}

.site-branding {
  color: #ffffff;
  text-align: center;
  position: relative;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.cosimo-table {
    display: table;
    width: 100%;
	height: 100%;
}

.site-title {
	margin: 0;
	letter-spacing: -2px;
	font-size: 5.5em;
	line-height: 1.2;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.site-description {
	letter-spacing: 5px;
    border-top: 4px double;
    border-bottom: 4px double;
    padding: 1em 3em;
    display: inline-block;
	text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    line-height: 1.5;
}

.cosimomas.hentry {
	padding: 0 0.5em 0.25em;
	margin-bottom: 0.75em;
}

.cosimomas, .grid-sizer {
	width: 33.33333%;
}
.cosimomas.w2 {
	width: 66.66666%;
}

.content-cosimo {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 15px solid transparent;
}

.content-cosimo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border: 4px double rgba(91,91,91,0.2);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: all 0.25s cubic-bezier(0.000,0.000,0.580,1.000);
}

.content-cosimo:hover:before {
	top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.site-content {
  max-width: 1050px;
  margin: -4em auto 0;
  padding: 0 0 1em 0;
  position: relative;
}

.cosimo-back {
	padding: 1.5em 1em;
    background: #ffffff;
}

.openFeatImage {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: #ffffff;
  cursor: pointer;
  position: absolute;
  line-height: 40px;
  text-align: center;
  top: -20px;
  left: 50%;
  margin-left: -20px;
}

.single .content-area, .page .content-area, body.error404 .page-content, body.search-no-results .page-content {
	width: 100%;
	float: left;
	background: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(13,13,13,0.1);
}

body.blog .cosimo-back, body.archive .cosimo-back, body.search .cosimo-back {
    box-shadow: 0px 1px 3px 0px rgba(13,13,13,0.1);
}

.widget-area {
	position: fixed;
	top: 0;
	right: -330px;
	width: 330px;
	height: 100%;
	background: #ffffff;
	z-index: 9999;
	outline: none;
	overflow-y: auto;
	font-size: 12px;
    line-height: 1.8;
}

.admin-bar .widget-area {
  top: 32px;
}

.widget-area.sidebar-open {
  right: 0;
}

.main-sidebar-box {
  position: absolute;
  z-index: 2;
  right: 1.5em;
  width: 50px;
  height: 55px;
  line-height: 55px;
  text-align: left;
  cursor: pointer;
}

.main-sidebar-box span {
  position: relative;
}

.main-sidebar-box span, .main-sidebar-box span:before, .main-sidebar-box span:after {
  display: block;
  width: 23px;
  height: 2px;
  top: 27px;
  left: 13px;
  background: #5b5b5b;
  transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}

.main-sidebar-box span:before, .main-sidebar-box span:after {
  content: "";
  position: absolute;
  left: 0;
  top: -7px;
  transform-origin: 0% 50%;
}

.main-sidebar-box span:after {
  top: 7px;
}

.main-sidebar-box.sidebar-open span {
  transform: rotate3d(0,0,1,180deg);
}

.main-sidebar-box.sidebar-open span:before, .main-sidebar-box.sidebar-open span:after {
  top: 0;
  left: 0px;
  width: 12px;
}

.main-sidebar-box.sidebar-open span:before {
  transform: rotate3d(0,0,1,40deg);
}

.main-sidebar-box.sidebar-open span:after {
  transform: rotate3d(0,0,1,-40deg);
}

.main-search-box {
  color: #5b5b5b;
  cursor: pointer;
  z-index: 2;
  width: 50px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  position: absolute;
  float: right;
  right: 4.5em;
}

body.sidebar-open .hfeed.site, body.sidebar-open .whiteSpace {
	right: 330px;
}
body.featOpenS .whiteSpace {
	top: -60px;
}

.admin-bar .whiteSpace {
	top: 32px;
}

body.menu-opened .hfeed.site,
body.menu-opened .whiteSpace,
body.menu-opened .widget-area,
body.featOpen .whiteSpace,
body.featOpen header.site-header {
    transition-timing-function: cubic-bezier(.42,.66,.14,1.24);
    transition-duration: 0.5s;
}

.entry-featuredImg {
  position: relative;
  overflow: hidden;
}

.entry-featuredImg img {
	width: 100%;
	display: block;
	opacity: 0; 
}

.entry-featuredImg a img {
	transition: transform 0.3s ease-in-out, opacity 0.5s ease-in-out;
	transform: rotate(0deg) scale(1);
	transform-origin: 50% 50%;
}

.content-cosimo:hover .entry-featuredImg a img {
    transform: rotate(5deg) scale(1.2, 1.2);
}

.entry-featuredImg.cosimo-loader {
	background-image: url('./images/cosimo-loading.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff;
}

.theCosimo-box {
	padding: 1em 0;
}

.theCosimoSingle-box, .site-main .post-navigation, .comments-area, #disqus_thread {
	padding: 2.5em 4em;
}

.site-main .post-navigation {
    background: rgba(91,91,91,0.05);
}

footer.site-footer {
	width: 100%;
	float: left;
	margin-top: 1.5em;
}
.site-info {
	margin: 0 auto;
	text-align: center;
}
.infoFoo {
	float: left;
	text-align: left;
}

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

header.page-header {
	background: #ffffff;
	box-shadow: 0px 1px 3px 0px rgba(13,13,13,0.1);
	padding: 2.5em;
	margin-bottom: 1.5em;
	text-align: center;
}

header.page-header h1 {
	letter-spacing: -1px;
	font-size: 2.5em;
	margin: 0;
}

header.entry-header h1 {
	letter-spacing: -1px;
	font-size: 2.5em;
}
span.cat-links {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}
#toTop:hover {
    text-decoration: none;
}
#toTop {
  display: none;
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  background: #5b5b5b;
  z-index: 99;
}

/* Search Box */
#search-full {
	position: fixed;
	width: 84%;
	height: 55px;
	background: #ffffff;
	z-index: 9;
	padding: 0 1.5em;
	display: none;
}
.search-container input[type="search"] {
	background: transparent;
	border: 0;
	outline: none;
	border-radius: 0px;
	padding: 0;
	width: 100%;
	height: 55px;
	color: #5b5b5b;
}
.search-container input[type="search"]:focus {
	border: 0;
}
.closeSearch {
	cursor: pointer;
	position: absolute;
	right: 4.5em;
	top: 0;
  width: 50px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  color: #5b5b5b;
}

span.read-more {
	float: right;
}
.posted-on .entry-date {
	color: #eb911c;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.sticky .entry-title {
	padding-left: 20px;
	position: relative;
}

.sticky .entry-header .entry-title:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f097";
	position: absolute;
	left: 0;
	line-height: 1.7;
}

.hentry {
	margin: 0 0 1.5em;
}

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

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
	word-wrap: break-word;
}

.page-content,
.entry-content {
	text-align: justify;
}

.entry-content {
	font-size: 16px;
	line-height: 2.3;
}

.intSeparator {
	width: 25%;
	height: 2px;
	border-top: 4px double rgba(91,91,91,0.2);
	margin: 1.5em auto;
}

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

.page-links > .page-links-number {
	padding: 0.5em 1.3em;
    display: inline-block;
    margin: 3px 0;
    box-shadow: 0px 1px 3px 0px rgba(13,13,13,0.1);
	background: #5b5b5b;
    color: #ffffff;
}

.page-links a {
	padding: 0.5em 1.3em;
    display: inline-block;
    margin: 3px 0;
    box-shadow: 0px 1px 3px 0px rgba(13,13,13,0.1);
}

h2.entry-title {
	margin: 0 0 1em 0;
	font-size: 1.3em;
	line-height: 1.7;
}

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

.widget ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.widget ul li {
	border-bottom: 1px solid rgba(91,91,91,0.05);
	padding: 1em 0;
}
.widget ul li:first-child {
	padding-top: 0;
}
.widget ul li:last-child {
	border-bottom: 0px;
}
h3.widget-title {
	border-bottom: 4px double rgba(91,91,91,0.2);
	padding-bottom: .5em;
	font-size: 1.3em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
#respond.comment-respond {
	outline: none;
}
.comment-reply-title, .comment-notes, .form-allowed-tags, .comments-title {
	text-align: center;
}
#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;
	top: 0;
	right: 0;
}

.comment-awaiting-moderation {
	margin: 0;
	color: red;
}

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

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

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

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

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

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

.wp-caption-text {
	text-align: center;
	font-size: 75%;
}

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Nano Scroller
--------------------------------------------------------------*/
.nano {
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : auto;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
  padding: 1.5em;
}
/* Works on Firefox */
#secondary.widget-area .nano-content {
  scrollbar-width: thin;
  scrollbar-color: #5b5b5b rgba(91,91,91,0.2);
}
/* Works on Chrome, Edge, and Safari */
#secondary.widget-area .nano-content::-webkit-scrollbar {
  width: 5px;
}
#secondary.widget-area .nano-content::-webkit-scrollbar-track {
  background: rgba(91,91,91,0.2);
}
#secondary.widget-area .nano-content::-webkit-scrollbar-thumb {
  background: #5b5b5b;
}
@media all and (max-width: 1180px) {
	.cosimomas, .grid-sizer {
		width: 50%;
	}
	.cosimomas.w2 {
		width: 100%;
	}
	.site-content {
		width: 990px;
	}
}

@media all and (max-width: 990px) {
	.cosimomas, .grid-sizer {
		width: 100%;
	}
	.cosimomas.w2 {
		width: 100%;
	}
	.site-content {
		width: 700px;
	}
	.openFeatImage {
		display: none;
	}
}

@media all and (max-width: 767px) {
	.site-content {
		width: 570px;
	}
	.whiteSpace {
		width: 100%;
		right: 0;
		position: relative;
	}
	#search-full {
		width: 100%;
	}
	.site-title {
		font-size: 4em;
		letter-spacing: 0px;
	}
	.site-description {
		font-size: 85%;
	}
	.site-content {
		margin: -1em auto 0;
	}
	.main-sidebar-box {
		display: none;
	}
	.main-search-box, .closeSearch {
		right: 1.5em;
		z-index: 9;
	}
	.widget-area {
		position: relative;
		width: 100%;
		height: auto;
		right: inherit;
		top: inherit;
		z-index: 1;
		padding: 0;
	}
	#secondary {
		margin-top: 4.5em;
		-webkit-column-count: 2;
		-webkit-column-gap: 15px;
		-moz-column-count: 2;
		-moz-column-gap: 15px;
		column-count: 2;
		column-gap: 15px;
	}
	#secondary aside {
		-webkit-column-break-inside: avoid;
		padding: 1em 1.5em;
		margin: 0 0 0.5em;
	}
	.nano > .nano-content {
		position: relative;
		overflow: hidden;
		padding: 0;
		margin: 0 !important;
	}
	.infoFoo {
		width: 100%;
		text-align: center;
	}
	.infoFoo.right {
		text-align: center;
		margin-top: 1.5em;
	}
}

@media all and (min-width: 768px) {
  .alignfull {
    margin-left: calc(50% - 49.5vw);
    margin-right: calc(50% - 49.5vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide img,
  .alignfull img {
    display: block;
    margin: 0 auto;
  }
}

@media all and (max-width: 650px) {
	.site-content {
		width: 450px;
	}
	.theCosimoSingle-box, .site-main .post-navigation, .comments-area, header.page-header, #disqus_thread {
		padding: 1.5em 1em;
	}
	.cosimo-back {
		padding: 0.5em 0;
	}
	.form-allowed-tags {
		display: none;
	}
	.site-title {
		font-size: 3em;
	}
	.site-description {
		font-size: 75%;
	}
	header.entry-header h1, header.page-header h1 {
		font-size: 2em;
		letter-spacing: 0px;
	}
	.cosimomas.hentry {
		padding: 0;
	}
	#secondary {
		-webkit-column-count: auto;
		-webkit-column-gap: initial;
		-moz-column-count: auto;
		-moz-column-gap: initial;
		column-count: auto;
		column-gap: initial;
	}
	#secondary aside {
		-webkit-column-break-inside: initial;
		padding: 1em;
	}
	.post-navigation .nav-previous, .post-navigation .nav-next {
		float: left;
		width: 100%;
		padding: 1em 0;
		text-align: center;
	}
	.post-navigation .nav-next {
		border-left: 0px;
		border-top: 4px double rgba(91,91,91,0.2);
	}
	#comments .reply {
		position: relative;
		padding-bottom: 1em;
		text-align: right;
	}
}

@media all and (max-width: 559px) {
	.site-content {
		width: 400px;
	}
	.site-title {
		font-size: 2.6em;
	}
	.site-description {
		font-size: 50%;
	}
	header.entry-header h1, header.page-header h1 {
		font-size: 1.5em;
	}
}
@media all and (max-width: 420px) {
	.site-content {
		max-width: 360px;
	}
}

@media all and (max-width: 365px) {
	.site-content {
		max-width: 300px;
	}
}