/*
Theme Name:  Alepou
Theme URI: https://blogs.sch.gr
Author: Nts on Cti
Author URI: http://nts.cti.gr/
Description: Ένα απλό θέμα ιστολογίου, με μία στήλη μικροεφαρμογών στα δεξιά. Υποστηρίζει εικόνα κεφαλίδας.
Version: 4.3
License: GNU General Public License
License URI: license.txt
Tags: accessibility-ready, post-formats, flexible-header,  sticky-post,  one-column,  right-sidebar, fixed-layout, responsive-layout
Text Domain: alepou
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.1
Requires PHP: 7.0
Based on Caroline Moore Spirit Theme
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
letter-spacing:0.02em;
	word-spacing: 0.06em;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body {
	position: absolute;
	width: 100%;
}
body,
button,
input,
select,
textarea {
	color: #000000;
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans', Helvetica, Arial, serif;
	/*font-family: 'Open Sans', Baskerville, serif;*/
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	color: #C34018;
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans',  sans-serif;
	/*font-family: 'Open Sans',  sans-serif,Helvetica;*/
	font-weight: bold;
	letter-spacing: -1px;
	margin: .9em 0;
	text-shadow: 1px 1px 0 #fff;
}

h1 {
	/*border-bottom: 1px dotted #e8603c;*/
	font-size: 28px;
	font-size: 2.8rem;
	margin: 0 0 .9em;
	color: #4756c6;
}

h2 {
	color: #756251;
	font-size: 2.4px;
	font-size: 2.4rem;
	margin: 0;
}
h3 {
	color: #999;
	font-size: 2.0px;
	font-size: 2.0rem;
	margin: 0;
}
h4 {
	font-size: 18px;
	font-size: 1.8rem;
}
h5 {
	color: #756251;
	font-size: 16px;
	font-size: 1.6rem;
}
h6 {
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.8em;
}

/* Text elements */
p {
	margin-bottom: 1.8em;
}
ul, ol {
	margin: 0 0 1.8em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.8em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.8em 1.8em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	border-left: 5px solid #e8603c;
	font-style: italic;
	padding: 0 1.8em;
}
address {
	font-style: italic;
	margin: 0 0 1.8em;
}
pre {
	background: rgba(49,179,196,.1);
	border: 1px dotted #756251;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	background: rgba(49,179,196,.1);
	border: 1px dotted #756251;
	font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.8em;
	width: 100%;
}
td {
	border-bottom: 1px dotted #999;
	padding: 5px;
}
tr.alternate {
	background: rgba(0,0,0,.01);
}
th {
	border-bottom: 1px dotted #999;
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans', Helvetica, sans-serif;
	/*font-family: 'Open Sans', Helvetica, sans-serif;*/
	font-weight: bold;
	padding: 7px 5px;
	/*	text-transform: uppercase;*/
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0;
	background-color: #756251;
	/*    background-image: url('images/texture-blue-dark.png');*/
	background-size: 60px auto;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	color: #fff;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans', Helvetica, sans-serif;
	/*font-family: 'Open Sans', Helvetica, sans-serif;*/
	font-weight: bold;
	/*	text-transform: uppercase;*/
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: .5em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: .9;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	opacity: .7;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
input[type=password],
textarea {
	background: #fff
		/*        url('images/texture-transparent.png')*/
		;
	background-size: 60px auto;
	color: #000000;
	border: 1px dotted #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=email],
input[type=password] {
	padding: 5px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color:#098145;
	text-decoration: none;
}
a:visited {
	color:#098145;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	opacity: .7;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.8em;
	margin-top: .9em;
	margin-bottom: .9em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.8em;
	margin-top: .9em;
	margin-bottom: .9em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: .9em auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* =Layout
----------------------------------------------- */

#page {
	/*    background-image: url('images/texture-background.png');*/
	background-color: #e9f7f9;
	background-size: 60px auto;
	min-height: 768px;
	width: 100%;
}
#page:before {
	content: "";
	display: block;
	background: url('images/sun.png') no-repeat;
	position: absolute;
	top: 10px;
	left: 130px;
	z-index: 10;
	width: 133px;
	height: 150px;}


#main,
#masthead {
	margin: 0 auto;
	max-width: 70em;
	position: relative;
	z-index: 10;
}
.header-image {
	margin: .9em auto;
	text-align: center;
}
#primary {
	float: left;
	margin: 0 -25% 3.6em 0;
	width: 100%;
}
.active-sidebar #content {
	margin: 0 28% 0 0;
}
.page-template-nosidebar-page-php #content,
.single-attachment #content,
#content {
	margin: 0;
}
#secondary { /* Sidebar 1 */
	float: right;
	overflow: visible;
	width: 25%;
}
#secondary:before,
#secondary:after {
	content: "";
	display: table;
}
#secondary:after {
	clear: both;
}
#tertiary { /* Sidebar 2 */
	clear: right;
}
.site-footer {
	clear: both;
	position: relative;
	width: 100%;
	z-index: 4;
}


/* =Header
----------------------------------------------- */

#masthead {
	padding: 3em 0 1.8em;
	position: relative;
	text-align: center;
	z-index: 15;
}
#masthead:before,
#masthead:after {
	content: "";
	display: table;
}
#masthead:after {
	clear: both;
}
.site-title {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	border-bottom: 0;
	color: #2a71ae;
	display: block;
	font-family: Georgia, serif;
	font-size: 55px;
	font-size: 5.5rem;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.25;
	margin: 0 auto;
	opacity: 1;
	position:relative;
	text-align: center;
	text-shadow: none;
	/*text-transform: capitalize;*/
	width: 100%;
}
@-moz-document url-prefix() {
	.site-title {
		background-image: none;
	}
}
.site-title:before {
	background: none;
	color: transparent;
	content: attr(data-text);
	display: block;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 3px #fff;
	width: 100%;
	z-index: -1;
}
.site-title a:hover {
	opacity: 1;
}
.site-description {
	background-color: #e9f7f9;
  color: #665e5e;
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans', sans-serif;
	/*font-family:'Open Sans', sans serif;*/
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing:.1em;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;

	padding: 0 10px;
	position: relative;
	top: 15px;
	text-shadow: 1px 1px 0px #fff;
}
.line-through {
	/*border-bottom: 1px dotted #e8603c;*/
	border-bottom: 1px dotted grey;
	margin: -0px 0 15px;
	text-align: center;
}

/* =Menu
----------------------------------------------- */

.main-navigation {
	clear: both;
	display: block;
	float: left;
	margin: .9em 0;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: center;
}
.main-navigation li {
	display: inline-block;
	padding-right:10px;
	position: relative;
}
.main-navigation a {
	display: block;
	margin: 5px 5px;
	text-decoration: none;
	font-family:Georgia, sans serif;
	font-style:italic;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #2a71ae;
}
.main-navigation ul ul {
	background: #fff
		/*            url('images/texture-transparent.png')*/
		;
	background-size: 60px auto;
	/*	border-top: 1px dotted #31b3c4;*/
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	float: left;
	opacity: 0;
	position: absolute;
	top: 2.5em;
	left: 0;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
	visibility: hidden;
	text-align: left;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 160px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
	opacity: 1;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
	visibility: visible;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	border-bottom: 0;
	clear: both;
	color: #756251;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	outline: none;
	padding-left: .75em;
	position: relative;
	width: 2.8em;
}
.menu-toggle:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5em;
	width: .75em;
	height: 0.15em;
	background: #756251;
	box-shadow:
		0 0.25em 0 0 #756251,
		0 0.5em 0 0 #756251;
}
.main-small-navigation .menu {
	background: rgba(255,255,255,.9);
	/*	border-top: 1px dotted #31b3c4;*/
	display: none;
	margin: 0;
}
.main-small-navigation .menu > ul {
	margin: 0;
	padding: .9em 3.6em;
	text-align: left;
}


/* =Content
----------------------------------------------- */

.sticky:before {
	content: "";
	display: block;
	/*	background: url('images/bird-right.png') no-repeat !important;*/
	background-size: 45px auto;
	position: absolute;
	top: 0;
	left: -30px;
	z-index: 10;
	width: 63px;
	height: 73px;
}
.hentry {
	background: rgba(255,255,255,.9);
	/*	border-top: 1px dotted #31b3c4;*/
	margin: 0 0 1.8em;
	padding: .9em 1.8em;
	position: relative;
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
}
.hentry:before{
	content: "";
	display: block;
	/*	background: url('images/bird.png') no-repeat;*/
	background-size: 45px auto;
	position: absolute;
	top: 0;
	left: -30px;
	z-index: 10;
	width: 63px;
	height: 73px;
}

.hentry:after {
	content: "";
	display: table;
}
.hentry:after {
	clear: both;

}
.entry-meta {
	clear: both;
border-top: 1px dotted black;
	margin: 1.8em 0 0;
/*    opacity: 1;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
*/
}
.entry-meta:hover {
	opacity: 1;
	transition: .3s opacity ease-in-out;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-title,
.entry-title a {
	color: #C34018;
	/*font-family: 'Open Sans', cursive;*/
	font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, 'Open Sans',sans-serif;
	font-size: 20px;
	font-size: 2.0rem;

	font-weight: normal;
	letter-spacing: 0px;
	line-height: 26px;
	line-height: 1.5em;
	margin: 0;
	/*	text-transform: uppercase;*/
	text-shadow: 1px 1px 0px #fff;
}
.entry-title {
	border-bottom: 0;
}
.page-header {
	background: rgba(255,255,255,.5);
	/*border-top: 1px dotted #31b3c4;*/
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	margin: 0 0 1.8em;
	padding: .9em 1.8em;
}
.page-title {
	border-bottom: 0;
	color: #756251;
	margin: 0;
}
.entry-content,
.entry-summary {
	margin: .9em 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.8em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title,
.blog .format-link .entry-title,
.archive .format-link .entry-title,
.blog .format-quote .entry-title,
.archive .format-quote .entry-title,
.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}
.blog .format-aside.hentry,
.archive .format-aside.hentry {
	background: transparent;
	border-bottom: 1px dotted #756251;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.blog .format-aside .entry-meta,
.archive .format-aside .entry-meta {
	text-align: center;
}
.format-aside .entry-content,
.format-quote .entry-content {
	font-size: 20px;
	font-size: 2.0rem;
}


.widget ul li {
	list-style-type: none;
	padding-top:5px;
	/*margin-bottom:10px;*/
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;


}
.widget ul {
	margin:0px;
	line-height:19px;
}

.widget a {
	color:#098145;
font-size:110%;
}
/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.header-image img,
.entry-summary img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
.entry-summary img,
.header-image img,
.comment-content img,
img[class*="align"],
img[class*="wp-image-"],
.widget img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-summary img,
.entry-content img,
img.size-full {
	max-width: 100%;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	background: #fff
		/*            url('images/texture-transparent.png')*/
		;
	background-size: 60px auto;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-top: .9em;
	margin-bottom: .9em;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	padding: 2.5% 2.5% 0;
	max-width: 95%;
}
.wp-caption-text {
	font-style: italic;
	font-size: 85%;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: .9em 0;
}
.site-content .gallery {
	margin-bottom: 1.8em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

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

.site-info a {
	color:#253380;
}

/* =Navigation
----------------------------------------------- */

#nav-above {
	display: none;
}
#nav-below {
  background: rgba(255,255,255,.7);
}

.site-content .site-navigation {
	clear: both;
	margin: 0;
	padding: 0 1.8em 1.8em;
	overflow: hidden;
}
.site-content .nav-previous,
.prev-image {
	float: left;
	width: 50%;
}
.site-content .nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.sep {
	margin: 0 3px;
}

.nav-previous a, .nav-next a {
	color:#000;
}




/* =Comments
----------------------------------------------- */

.bypostauthor {
}
#comments {
	background: rgba(255,255,255,.6);
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	padding: .9em 1.8em;
}
.form-allowed-tags {
	display: none;
}
.commentlist,
.commentlist ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist ul.children {
	margin: 0 0 0 1.8em;
}
.commentlist ul.children li:before {
	content: "";
}
li.comment,
.pingback,
.trackback {
	border-top: 1px dotted #756251;
	clear: both;
	margin: 1.8em 0 0;
	padding: 1.8em 0 0;
}
.commentlist > li.comment:first-child,
.commentlist > .pingback:first-child,
.commentlist > .trackback:first-child {
	border-top: 0 none;
}
.pingback p,
.trackback p {
	margin: 0;
}
.comment-author cite {
}
.comment-author .avatar {
	float: left;
	margin: 0 1.8em 0 0;
}
.comment-content {
	margin: 1.8em 0 0 76px;
}
.comment-meta {
	/*	font-variant: small-caps;*/
}
a.comment-reply-link {
	display: inline-block;
	float: right;
	margin: 0;
}
a#cancel-comment-reply-link {
	display: block;
	float: right;
	font-style: normal;
}
.required {
	color: #e8603c;
}
#respond {
	padding: 1.8em 0 0;
}
#reply-title {
	margin: 0;
}
.says {
	display: none;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	background: #fff
		/*            url('images/texture-transparent.png')*/
		;
	background-size: 60px auto;
	border: 1px solid #eee;
	border-radius: 2px;
	margin: 0 0 .5em;
	padding: 5px 10px;
	position: relative;
	/*	font-variant: small-caps;*/
	max-width: 92%;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	float: right;
	width: 84%;
}
.comment-form-comment textarea {
	clear: both;
	width: 100%;
}
.nocomments {
	clear: both;
	font-size: 18px;
	font-size: 1.8rem;
	/*	font-variant: small-caps;*/
	text-align: center;
}


/* =Widgets
----------------------------------------------- */

.widget {
	background: rgba(255,255,255,.9);
	/*	border-top: 1px dotted #31b3c4;*/
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	box-shadow: 1px 1px 3px rgba(0,0,0,.08);
	font-size: 90%;
	margin: 0 0 1.8em;
	padding: .9em 1.8em;
	position: relative;
}
.widget > ul,
.widget > ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget-title {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-shadow: 1px 1px 0px #fff;
}

/* Search widget */
.search-icon {
	border: 0;
	color: #756251;
	display: block;
	margin: -26px 0 0;
	opacity: .7;
	position: relative;
	left: 135px;
	width: 30px;
	height: 20px;
}
.search-icon:before {
	background: transparent;
	border: 3px solid #756251;
	border-radius: 12px;
	content: "";
	display: block;
	margin: -8px 0 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
}
.search-icon:after {
	background: #756251;
	content: "";
	display: block;
	margin-top: 0;
	padding: 0;
	position: absolute;
	top: 55%;
	left: 12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 4px;
	height: 9px;
}
.search-icon:hover,
.search-icon:before:hover,
.search-icon:after:hover {
	opacity: .5;
}
.search-icon #searchsubmit {
	background: none;
	box-shadow: none;
	padding: 0;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	z-index: 10;
}

/* Calendar widget */
#wp-calendar td,
#wp-calendar th {
	text-align: center;
}
#wp-calendar caption {
	font-size: 16px;
	font-size: 1.6rem;
	/*font-variant: small-caps;*/
	font-weight: bold;
	margin: .9em 0;
	text-align: center;
}
#wp-calendar #next {
	text-align: right;
}
#wp-calendar #prev {
	text-align: left;
}


/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
	width: 100%;
}
.site-info {
	text-align: center;
	position: absolute;
	bottom: 20px;
	text-align: center;
   background: #f6f9f9bd;
	width: 100%;
	z-index: 3;

}
.site-info:before {
	background: url('images/alepu.png') no-repeat;
	background-size: auto 302px;
	content: "";
	display: block;
	position: fixed;
	left: 10px;

	bottom: 30px;
	width: 271px;
	height: 302px;
	z-index: 3;
}

.site-info:after {
	background: url('images/papies_provato.png') no-repeat right bottom;
	background-size: contain;
	content: "";
	display: block;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 251px;
	z-index: 3;
}

#colophon:before {
	background: url('images/grass.png') repeat;
	background-position: 60px;
	background-size: 600px auto;
	content: "";
	display: block;
	position: fixed;
	left: 0;
	bottom: 35px;
	width: 100%;
	height: 105px;
	z-index: 2;
	/*        opacity:.9;*/
}
#colophon:after {
	background: url('images/grass2.png') repeat;
	background-size: 590px auto;
	content: "";

	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 105px;
	z-index: 2;
}



/* =grapes
----------------------------------------------- */

#grapes-1,
#grapes-2 {
	background-attachment: fixed;
	background-color: transparent;
	background-repeat: repeat;
	background-size: 400px auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	zoom: 1;
}
#grapes-1 {
	background-image: url('images/grapes.png');
	background-position: 0 0;
	opacity: .1;
	z-index: 4;
}
#grapes-2 {
	background-image: url('images/grapes.png');
	background-position: 80px 80px;
	opacity: .2;
	z-index: 1;
}


/* =Jetpack
------------------------------------------------*/

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll #nav-below {
	display: none;
}
#infinite-footer .container {
	background: rgba(255,255,255,.3);
	border: none;
}
#infinite-footer .blog-credits,
#infinite-footer .blog-credits a,
#infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a,
#infinite-footer .blog-info a:hover {
	color: #756251;
}
#infinite-handle {
	min-height: 35px;
	padding: 15px 0 0;
	text-align: center;
}
#infinite-handle span {
	background: #756251;
}
.infinite-loader {
	margin: 10px auto;
	width: 34px
}
.sharedaddy:before,
.sharedaddy:after {
	content: "";
	display: table;
}
.sharedaddy:after {
	clear: both;
}


/* =Responsive Media Queries
----------------------------------------------- */

@media screen and ( max-width: 56em ) {
	.hentry:before {
		/*		background: url('images/bird-right.png') no-repeat;*/
		background-size: 45px auto;
		left: auto;
		top: 10px;
		right: 0;
	}
	#page:before {
		background:none;
	}
	  .site-info:before {
		background-size:contain;
		background-position: 10px;
		width: 50%;
		left: 0;
	}


}

@media screen and ( max-width: 44em ) {

	#content,
	#secondary {
		clear: both;
		float: none;
		margin: 0;
		width: 100%;
	}
	#primary {
		margin-bottom: 0;
	}
	#secondary {
		margin-bottom: 3.6em;
	}
	.hentry,
	.widget,
	#comments {
		background: rgba(255,255,255,.8);
		margin: 0;
	}
	.site-info:before {
		background-size:contain;
		background-position: 10px;
		width: 50%;
		left: 0;
	}

	.site-title,
	.site-title:before {
		font-size: 34px;
		font-size: 3.4rem;
	}
	.site-description {
		font-size: 18px;
		font-size: 1.8rem;
		margin: 0 1.8em;
	}
	.line-through {
		border: 0;
	}
	.site-content .site-navigation {
		clear: both;
		margin: 0;
		padding: 1.8em;
	}

	.site-info:after {
		background-size:contain;
		content: "";
		display: block;
		position: fixed;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 120px;
		z-index: 3;
	}

}