/*
 Theme Name: HTML5 Blank
 Theme URI: http://html5blank.com
 Description: HTML5 Blank WordPress Theme
 Version: 1.4.3
 Author: Todd Motto (@toddmotto)
 Author URI: http://toddmotto.com
 Tags: Blank, HTML5, CSS3

 License: MIT
 License URI: http://opensource.org/licenses/mit-license.php
 */

/*------------------------------------*\
 MAIN
 \*------------------------------------*/

/* global box-sizing */
*, *:after, *:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size: 62.5%;
}
body {
	font: 300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
	background: #908886
}
/* clear */
.clear:before, .clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}
.clear {
	*zoom: 1;
	clear: both;
}

a {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}
a:focus {
	outline: 0;
}
a:hover, a:active {
	outline: 0;
}
input:focus {
	outline: 0;
	border: 1px solid #04A4CC;
}

ul, ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/*------------------------------------*\
 STRUCTURE
 \*------------------------------------*/

/* wrapper */
.home .wrapper {
	max-width: 900px;
	width: 900px;
	margin: 0 auto;
	position: relative;
	background: #AdA3A1
}

.page .wrapper {

}
/* header */

/* logo */
.logo-img {

}
.logo .site-name a {
	font-family: "HelveticaNeueLight";
	font-size: 18px;
	color: #ffffff;
	letter-spacing: 3px;
	text-decoration: none;
	margin-top: -6px;
	display: block
}
.logo .site-description {
	color: #55504f;
	font-size: 16px;
	font-family: "HelveticaNeueLight";
	letter-spacing: 3px;
	margin-bottom: 30px;
}

/* nav */
.home .nav {
	padding: 0;
}

.nav > ul {
	list-style-type: none;
	margin: 0;
	font-size: 10px
}
.nav > ul > li {
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 15px;
}

.nav > ul > li.menu-item-12, .nav > ul > li.menu-item-99 {
	margin: 0;
	padding: 0;
}

.nav > div > ul > li > a {
	color: #ffffff
}

.nav > ul > li > ul {
	list-style-type: none;
	margin: 0 0 0 10px
}

.nav > ul > li > ul.sub-menu > li > a {
	margin: 5px 0
}

/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

.copyright {
	position: fixed;
	bottom: 10px;
	left: 48%;
	color: #ffffff;
	font-size: 10px
}

/*------------------------------------*\
 PAGES
 \*------------------------------------*/

main section h1 {
	display: none
}

article > p {
	margin: 0;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
}

.home main {
	padding: 0 0 0 20px
}

/*------------------------------------*\
 IMAGES
 \*------------------------------------*/

/*------------------------------------*\
 TYPOGRAPHY
 \*------------------------------------*/

@font-face {
	font-family: "HelveticaNeueLight";
	font-weight: 100;
	font-stretch: normal;
	src: local("HelveticaNeueUltraLight"), local("Helvetica Neue Ultra Light"), local("HelveticaNeue-UltraLight"), local("HelveticaNeue"), url(http://www.francescacesari.com/wp-content/themes/cesari/hn.ttf);
}
/*------------------------------------*\
 RESPONSIVE
 \*------------------------------------*/

.hamburger {
	display: none;
}

.category-blog img.alignnone {
	width:auto!important;
}

.pagination {
	margin:20px 0 20px 250px;
	width:285px;
}

.pagination span,
.pagination a {
	margin:0 5px
}

@media only screen and (max-width: 768px) {

	body {
		padding:5px	
	}

	.hamburger {
		display: inline-block;
		cursor: pointer;
		position:absolute;
		top:5px;
		right:5px;
		z-index:1000
	}

	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 5px;
		background-color: #333;
		margin: 6px 0;
		transition: 0.4s;
	}

	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px);
		transform: rotate(-45deg) translate(-9px, 6px);
	}

	.change .bar2 {
		opacity: 0;
	}

	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px);
		transform: rotate(45deg) translate(-8px, -8px);
	}

	nav {
		position: absolute;
		top: 0;
		left: 0;
		background: #908886;
		width: 100%;
		display: none;
	}

	nav.nav > ul {
		width: 100%;
		text-align: center;
		margin: 0 0 20px 0
	}

	nav.nav > ul > li > ul {
		margin: 0 !important
	}
	
	nav.nav > ul > li > ul > li > a {
		font-size: 16px;
		line-height: 24px;
		text-align: center
	}

	nav.nav > ul > li > a {
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		margin:0 0 10px 0
	}
}

@media only screen and (min-width: 320px) {

	img.size-full, img.size-large, img.alignnone {
		width: 100%;
		height: auto;
		margin: 0 auto 5px;
		display: block
	}
	.home .wrapper {
		width: 100%;
		margin: 0 auto;
		position: relative;
		background: #AdA3A1;
	}

	.home main {
		padding: 0
	}

	.home .logo {
		padding: 10px;
	}

	.page-template .logo {
		padding: 10px;
	}

	main {
		float: none;
		padding: 0;
	}
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
	article.category-blog {
		padding: 64px 0 0
	}
	
	.singola {
		margin-left: 80px;	
	}
	
	.singola > div.singola-inside {
		width:750px;
		text-align:center;
	}
	
}
@media only screen and (min-width: 1024px) {

	.home .logo {
		padding: 25px 0 0 25px;
	}

	.page-template .logo {
		padding: 0;
	}

	main {
		float: left;
		padding: 30px 0 0 20px;
	}

	.header {
		float: left;
	}

	.page-template-template-sidebar main article, .page-template-sidebar-page main article, .page-template-default main article, .category-blog main article {
		margin: 0px 0px 0px 260px;
		white-space: nowrap;
	}

	.page-template-template-wrap main article {
		margin: 82px 0px 0px 240px;
		width: 600px
	}

	.page-template-template-home main article, .page-template-default main article {
		margin: 60px 0px 0px 260px;
		white-space: nowrap;
		font-size: 10px;
		line-height: 15px;
		text-align: left;
	}
	
	.page-template-default.about main article {
		margin-top:80px!important;
	}

	.page-template-template-sidebar .header, .page-template-template-wrap .header, .page-template-sidebar-page .header, .page-template-default .header, .category-blog .header {
		width: 260px;
		padding: 0 0 0 25px;
		position: fixed;
		background: #908886;
		top: 30px;
		left: 0;
		height: 600px;
		background: rgb(144, 136, 134);
		background: rgba(144, 136, 134, 0.7);
		display: block;
		float: none
	}

	.page-template-template-home .header {
		width: 260px;
		padding: 0 0 0 25px;
		position: absolute;
		top: 30px;
		left: 0;
		height: 600px;
		display: block;
		float: none
	}

	img.size-full, img.size-large {
		width: auto;
		height: 600px;
		display: initial;
		margin: 0
	}

	span.etichetta {
		position: fixed;
		display: block;
		top: 615px;
		left: 260px;
	}
	span.etichetta a {
		color: #ffffff;
		text-transform: uppercase;
	}

	.gallery-img.size-full {
		margin: 0 15px 0 0;
	}

	.cesari-gallery {
		margin: 0 0 0 80px;
	}

	.singolaContainer {
		position: relative;
		width: 750px;
	}

	.singolaContainer .nav {
		text-align: left;
		margin: 0;
		position: absolute;
		left: 15px;
	}

	.singolaContainer .nav .prev, .singolaContainer .nav .next {
		cursor: pointer;
		padding: 5px;
	}

	.didascalia-gallery {
		margin: 0 0 0 80px;
		width: 100000px;
	}

	.didascalia-single {
		float: left;
		height: 600px;
		width: auto;
	}
}
@media only screen and (min-width: 1140px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min-resolution: 144dpi) {
}

/*------------------------------------*\
 MISC
 \*------------------------------------*/

::selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}
::-webkit-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}
::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

/*------------------------------------*\
 WORDPRESS CORE
 \*------------------------------------*/

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 0 0 20px 16px;
}
.alignleft {
	float: left;
	margin: 0 16px 20px 0;
}
a img.alignright {
	float: right;
	margin: 0 0 20px 16px;
}
a img.alignnone {
	margin: 0 16px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 0 16px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption .wp-caption-text, .gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
 PRINT
 \*------------------------------------*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}