body {
	font-family: 'Roboto', sans-serif;
}

body, body.post-type-archive-servizi, body.single-servizi {
	background-color: #cecece;
}

body.page-template-page-about, body.error404 {
	background-color: #232323;
}

body.page-template-page-partners {
	background-color: #cba477;
}

html, body, #container {
	height: 100%;
}

html.js #container {
	opacity: 0;
}

html.js body.loaded #container {
	transition: opacity 500ms ease 0s;
	opacity: 1;
}

html.js #navigation, html.js .page-container .page-nav {
	position: fixed;
}

html.js .page-container .page-nav {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

html.js #hamburger, #logo-nav {
	width: 40px;
	height: 40px;
}

html.js #hamburger {
	top: 7px;
	right: 15px;
}

html.js #navigation {
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
}

.block {
	display: block;
}

#logo-nav {
	top: 7px;
	left: 15px;
	background-image: url('../images/icons/logo-nav.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 100;
}

body.page-template-page-home #logo-nav {
	display: none;
}

html.js #navigation {
	opacity: 0;
	background-color: rgba(0,0,0,0.95);
	overflow: auto;
}

html.js #navigation.active {
	top: 0;
	left: 0;
	opacity: 1;
}

html.js #hamburger {
	z-index: 300;
}

html.js #navigation {
	z-index: 200;
}

.post-list .content-none {
	color: #ffffff;
	padding: 30px;
	background-color: #000000;
	background-color: rgba(0,0,0,0.7);
	width: calc(100% - 15px);
	max-width: 768px;
}

form.search-form .search-field, form.search-form input.search-submit {
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	background-color: transparent;
	border: 2px solid rgb(255, 255, 255);
	width: 100%;
	padding: 5px 15px;
}

form.search-form input.search-submit {
	margin-top: 15px;
	padding: 10px 15px;
	width: auto;
}

#navigation form.search-form .search-submit, body.post-type-archive-servizi #service-container, #service-nav-container {
	display: none;
}

#navigation {
	text-align: center;
}

#navigation #site-nav > div  > ul > li a span.table {
	width: 100%;
}

#site-nav ul ul {
	display: none;
}

html.js #hamburger, #logo-nav {
	display: block;
	position: fixed;
	cursor: pointer;
}

html.js #hamburger span {
	display: block;
	width: calc( 100% - 10px );
	height: 2px;
	position: absolute;
	left: 5px;
	background-color: #ffffff;
}

html.js #hamburger #line-one {
	top: 10px;
}

html.js #hamburger #line-two, html.js #hamburger.active #line-one, html.js #hamburger.active #line-three {
	top: calc( 50% - 1px );
}

html.js #hamburger #line-two {
	position: relative;
	margin: 0 auto;
	left: auto;
}

html.js #hamburger #line-three {
	bottom: 10px;
}

html.js #hamburger.active #line-one {
	transform: rotate(45deg);
}

html.js #hamburger.active #line-three {
	transform: rotate(-45deg);
}

html.js #hamburger.active #line-two {
	width: 0;
	opacity: 0;
}

a.social-link, a.more-link, a.post-edit-link, html.js #hamburger, span.enlarge, a.border-link {
	border: 2px solid;
}

html.js .page-container .page-nav {	
	z-index: 100;
}

.post-list .entry-content {
	line-height: 150%;
}

.page-single .entry-content {
	line-height: 170%;
}

#site-nav li {
	line-height: 200%;
}

body, h1, h2, h3, h4, h5, h6, #navigation #nav-sidebar h3 {
	font-size: 100%;
}

.page-nav h1.nav-title, .page-nav a.nav-title {
	display: inline-block;
	line-height: 21px;
	font-size: 21px;
}

h1, h2, h3, h4, h5, h6, .date-square .posted-on, .page-single .article-container.type-eventi .posted-on, 
.page-single .article-container.type-post .posted-on, .entry-terms.genere-musicale-artisti, .page-nav .nav-title,
.entry-terms, .entry-terms a, .page-nav ul, #site-nav a, #mail-submit input, #service-nav a, form.search-form input.search-submit, body.error404 .entry-content {
	text-transform: uppercase;
	font-weight: normal;
}

.page-single .entry-content a {
	font-weight: bold;
	text-decoration: underline;
}

#service-nav li a {
	display: block;
	background-color: #232323;
	transition: background-color 500ms ease 0s;
}

#service-nav li a:hover {
	background-color: #666666;
}

.entry-terms a, #site-nav a, .sidebar a, #service-nav a {
	text-decoration: none;
}

.entry-terms a:hover, .sidebar .big-link a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, .post-list article .posted-on, .sidebar aside.events li .posted-on, #site-nav, .page-nav ul,
.page-single .article-container.type-eventi .posted-on, .page-single .article-container.type-post .posted-on, 
.page-nav .nav-title, #mail-submit, #service-nav a, form.search-form input.search-submit, body.error404 .entry-content p {
	font-family: 'Oswald', sans-serif;
}

.content, .inner, .post-list, .sp-gallery-pw, .page-single .post-thumbnail-container {
	position: relative;
}

.date-square .posted-on .entry-day-month, .date-square .posted-on .entry-year, .page-single .article-container.type-eventi .posted-on  {
	display: block;
}

.post-list .article-container.type-post .posted-on a, .page-single article .entry-terms, .page-single article .entry-terms a, .page-single .entry-content a, .sidebar a, #mail-from-site a {
	color: #000000;
}

.post-list article, .post-list article a, .sidebar aside.events li .posted-on a, .page-nav, .page-nav a, .white-text, 
.white-text .entry-content a, html.js #navigation, html.js #navigation a, #service-nav a, nav.pagination a, body.error404 {
	color: #ffffff;
}

.post-list article a, .sidebar aside.events li .posted-on a, .page-nav, .page-nav a {
	text-decoration: none;
}

.page-single .entry-header, .page-single .entry-footer, .post-list article .entry-footer, .post-list article .entry-terms, 
.sidebar h3, .sidebar aside.contacts, .article-container.type-partners {
	text-align: center;
}

.post-list .article-container.type-post article, .post-list .article-container.type-eventi .date-square .posted-on, .sidebar aside.events li .date-square .posted-on, .article-container.type-partners article, .article-container.type-page article, .article-container.type-servizi article {
	background-color: rgba(0,0,0,0.7);
}

.post-list article .preview-content {
	background-color: rgba(0,0,0,0.5);
}

.article-container.type-partners .post-thumbnail-container {
	background-color: #ffffff;
}

.page-nav {
	background-color: #000000;
}

.page-nav.transparent {
	background-color: transparent;
}

.post-list .article-container.type-post .posted-on {
	background-color: rgba( 255, 255, 255, 0.7 );
}

.post-thumbnail .post-format-preview {
	background-color: rgba(0,0,0,0.3);
}

* {
	box-sizing: border-box;
}

.screen-reader-text {
	position: absolute;
	margin: -1px;
	padding: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}

.post-list article .entry-footer, .page-nav-selector-box {
	display: none;
}

.clear, .post-list article .entry-footer {
	clear: both;
	display: block;
}

.table {
	display: table;
}

.table-cell {
	display: table-cell;
}

.page-container {
	position: relative;
	z-index: 10;
}

/******* margin padding *********/
#container {
	padding-top: 54px;
}

.post-list {
	margin-top: 15px;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}

.post-list .article-container.type-partners .entry-content, .page-nav h1, .social-share a.social-link, .social-share p {
	margin-bottom: 0;
}

.content {
	margin: 0 auto;
}

.post-list article .more-link, .post-list article .post-edit-link, a.social-link {
	margin: 0 5px;
}

.inner {
	padding-left: 15px;
	padding-right: 15px;
}

.page-nav, #service-nav li a {
	padding: 15px;
}

.post-list {
	padding-left: 15px;
}

nav.pagination {
	padding-right: 15px;
}

.post-list .article-container {
	padding: 0 15px 15px 0;
}

.post-list .post-thumbnail {
	overflow: hidden;
}

.post-list .article-container.type-post .posted-on, .sidebar aside.events li .posted-on {
	margin-right: 15px;
}

ul.event-list li, .post-list article .entry-terms {
	margin-top: 10px;
}

ul.event-list li:first-child, .post-list .article-container.type-artisti .entry-terms {
	margin-top: 0;
}

.post-list article .entry-header, .post-list .article-container.type-post .entry-content, 
a.social-link, body.page-template-page-contacts h3, body.page-template-page-contacts h4, body.page-template-page-contacts h5,
body.page-template-page-contacts h6, #navigation #nav-sidebar h3 {
	margin-bottom: 10px;
}

.post-list .article-container.type-eventi .entry-header {
	margin-bottom: 0;
}

.post-list article .preview-content .preview-group {
	padding-bottom: 15px;
}

.post-list .article-container.type-post .entry-header, .post-list .article-container.type-page .entry-header, .post-list .article-container.type-servizi .entry-header {
	padding-top: 20px;
}

.sidebar aside, .post-list a.more-link, .post-list a.post-edit-link {
	margin-top: 20px;
}

.sidebar > aside:first-of-type {
	margin-top: 0;
}

.post-list .article-container article {
	padding-bottom: 20px;
}

.post-list .article-container.type-eventi article,
.post-list .article-container.type-artisti article,
.post-list .article-container.type-produzioni article {
	padding-bottom: 0;
}

.single .main .entry-header {
	padding-top: 20px;
}

.page-single .article-container.type-produzioni .entry-terms, #mail-dialog {
	margin-top: 20px;
}

.page-container .entry-header, .page-container .entry-content, /*.post-thumbnail-container,*/
.page-single .article-container.type-eventi .posted-on, #mail-dialog {
	margin-bottom: 20px;
}

#nav-sidebar aside {
	margin-top: 30px;
}

.article-container.type-partners .post-thumbnail-container {
	padding: 40px;
}

.article-container.type-partners .entry-header, #site-nav, .main {
	padding-top: 40px;
}

.single .main {
	padding-top: 0;
}

body.error404 .entry-content img.main-img {
	display: block;
	margin: 0 auto;
}

.page-single a.post-edit-link, .page-single .entry-content, body.error404 .entry-content img.main-img {
	margin-bottom: 40px;
}

.article-container.type-partners, .main, .sidebar-artist {
	padding-bottom: 40px;
}

.page-container {
	padding-bottom: 60px;
}

#mail-dialog-content {
	padding: 15px 60px 15px 15px;
}

.page-nav {
	padding-left: 70px;
}

/*.post-list .article-container.type-post .entry-header, .post-list .article-container.type-post .entry-content {
	padding-left: 95px;
}*/

/******* end margin padding *********/

a.post-thumbnail {
	position: relative;
}

.post-thumbnail.empty-thumbnail::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

.entry-content img, .entry-content video,  .entry-content iframe, .entry-content figure, div.wp-caption img, div.wp-caption, div.entry-content .mejs-container, .article-header-img img, .wp-video, .sidebar img {
	max-width: 100%;
}

.post-thumbnail img {
	width: 100%;
}

.entry-content img, div.wp-caption img, .sidebar img, .post-thumbnail img {
	height: auto;
}
.entry-content iframe, .wp-video, .sidebar img {
	display: block;
	margin: 0 auto;
}

.post-thumbnail, .post-thumbnail img, .article-container.type-partners .post-thumbnail-container {
	display: block;
}

.post-thumbnail img, .article-container.type-partners .post-thumbnail-container {
	margin: 0 auto;
}

.post-thumbnail {
	width: 100%;
}

.post-thumbnail .post-format-preview {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	background-position: center;
	background-repeat: no-repeat;
}

.post-thumbnail .post-video-preview {
	background-image: url('../images/icons/g6555-9.png');
}

.post-list article {
	position: relative;
}

.post-list .article-container.type-post .entry-header {
	min-height: 75px;
}

.sidebar-artist .date-square {
	float: left;
}

.date-square-container h2, .date-square-container h4 {
	display: inline;
}

body.page-template-page-contacts .entry-header {
	display: none;
}

.post-list .article-container.type-eventi .entry-header {
	display: inline-block;
	text-align: left;
	position: relative;
	padding-left: 95px;
}

.post-list .article-container.type-eventi .date-square {
	position: absolute;
	top: 0;
	left: 0;
}

.date-square .posted-on  {
	text-align: center;
	padding: 5px 0;
	width: 80px;
	display: block;
}

.post-list .article-container.type-post .date-square .posted-on {
	float: none;
}

.post-list .article-container.type-post .date-square {
	position: absolute;
	top: 0;
	left: 0;
}

.post-list .article-container.type-post .entry-title {
	margin-left: 80px;
}

.date-square-container .event-info {
	overflow: hidden;
}

/*.post-list .article-container.type-eventi .event-location {
	display: none;
}

.post-list .article-container.type-produzioni .entry-terms.genere-musicale-produzioni {
	display: none;
}*/

.post-list article .preview-content, .post-list article .table {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.post-list article .preview-content .preview-group {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
}

.post-list .article-container.type-eventi .table, body.search h2.search-title {
	text-align: center;
}

.post-list article .table-cell {
	vertical-align: middle;
}

a.social-link, a.more-link, a.post-edit-link, span.enlarge {
	width: 50px;
	height: 50px;
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

a.post-edit-link span.edit-title {
	position: absolute;
	display: block;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
}

#navigation a.social-link {
	border-color: #ffffff;
	background-position: center bottom;
}

a.social-link, a.more-link, a.post-edit-link {
	display: inline-block;
}

a.post-edit-link {
	background-image: url('../images/icons/edit.png');
}

.page-nav a.post-edit-link, html.js body.page a.post-edit-link {
	display: none;
}

.post-list article a.post-edit-link {
	background-position: center bottom;
}

.post-list .article-container.type-eventi article a.post-edit-link, 
.post-list .article-container.type-produzioni article a.post-edit-link, 
.post-list .article-container.type-artisti article a.post-edit-link{
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin: 0;
}

span.enlarge {
	display: block;
	position: relative;
	margin: 0 auto;
	top: calc(50% - 25px);
	background-image: url('../images/icons/enlarge.png');
}

a.social-link, a.more-link, a.post-edit-link {
	border-color: #000000;
}

.page-container.white-text a.social-link, .page-container.white-text a.post-edit-link,
.post-list a.more-link, .post-list a.post-edit-link, html.js #hamburger, span.enlarge {
	border-color: #ffffff;
}

.page-container.white-text a.more-link, .post-list a.more-link {
	background-image: url('../images/icons/arrow-down-white.png');
}

a.more-link {
	background-image: url('../images/icons/arrow-down-black.png');
}

a.social-link {
	transition: transform 500ms ease 0s;
}

a.social-link:hover {
	transform: scale(0.8, 0.8);
}

a.social-link.twitter {
	background-image: url('../images/icons/twitter.png');
}

a.social-link.facebook {
	background-image: url('../images/icons/facebook.png');
}

a.social-link.google {
	background-image: url('../images/icons/google.png');
}

a.social-link.youtube {
	background-image: url('../images/icons/youtube.png');
}

a.social-link.pinterest {
	background-image: url('../images/icons/pinterest.png');
}

a.social-link.instagram {
	background-image: url('../images/icons/instagram.png');
}

a.social-link.soundcloud {
	background-image: url('../images/icons/soundcloud.png');
}

a.social-link.spotify {
	background-image: url('../images/icons/spotify.png');
}

a.social-link.itunes{
	background-image: url('../images/icons/itunes.png');
}

.page-container.white-text a.social-link {
	background-position: center bottom;
}

.post-list .article-container {
	float: left;
	width: 100%;
}

.sidebar ul.sp-gallery-preview {
	padding-left: 15px;
}

ul.sp-gallery-preview li.sp-gallery-pw .sp-gallery-entry {
	position: relative;
	overflow: hidden;
}

.sidebar .sp-gallery-post-thumbnail {
	padding: 0 15px
}

.sidebar ul.sp-gallery-preview li.sp-gallery-pw, .sidebar ul.sp-video-preview li.sp-gallery-pw {
	float: left;
	width: 50%;
	padding-right: 15px;
	padding-top: 15px;
}

.sp-gallery-post-thumbnail.inline {
	padding-top: 15px;
	text-align: center;
}

.sp-gallery-post-thumbnail.inline .sp-gallery-pw {
	display: inline-block;
}

#site-nav ul, .sidebar ul, .page-nav ul, #service-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

html.js #site-nav ul li {
	text-align: center;
}

html.js #navigation {
	transition: all 500ms ease 0s;
}

html.js #hamburger span {
	transition: all 500ms ease 0s;
}

.post-list article .post-thumbnail img {
	transition: transform 1500ms, filter 1500ms ease 0s;
}

.post-list .article-container.scale article:hover .post-thumbnail img {
	transform: scale( 1.1, 1.1 );
}

.post-list .article-container.blur article:hover .post-thumbnail img {
	filter: blur(2px);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
}

.page-template-page-home #container, .page-template-page-home .page-container {
	padding: 0;
}

.page-template-page-home .content, html.js .page-template-page-home .content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.page-template-page-home .logo-container {
	width: 100%;
	padding: 60px 0;
}

.page-template-page-home .content #logo {
	display: block;
	margin: 0 auto;
	width: 80%;
	max-width: 750px;
	height: auto;
}

#mail-from-site .form-mail-item, #mail-submit input {
	border: 2px solid #000000;
	background-color: transparent;
	padding: 10px 15px;
}

#mail-submit input {
	display: block;
	margin: 0 auto;
}

#mail-from-site .form-mail-item, #required-text, #iagree-text{
	transition: color 1000ms ease, border-color 1000ms ease;
}

#mail-from-site .error, #mail-from-site .form-mail-item.error, #required-text.error, #iagree-text.error {
	border-color: red;
	color: red;
}

#mail-dialog.mend-dialog.dialog-error{
	background-color: red;
	background-color: rgba(128, 0, 0, 0.5 );
	color: #ffffff;
}


#mail-from-site .form-mail-item {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

#mail-from-site textarea {
	height: 300px;
}

#service-container .new-item, #event-thumbnail {
	display: none;
}

.mytg-preview-container {
	position: relative;
}

a.mend-youtube-preview {
	position: absolute;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	/*background-image: url('../images/icons/youtube-play.png');*/
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
}

.mytg-container img {
	display: block;
	max-width: 100%;
	height: auto;
}

.entry-content .yt-video {
	text-align: center;
	margin-bottom: 20px;
}

.entry-content .mytg-preview-container {
	display: inline-block;
	max-width: 100%;
}

.entry-content a.mend-youtube-preview {
	background-image: url('../images/icons/youtube-play.png');
}

html.js .sp-gallery-pw {
	overflow: hidden;
}

.sp-video li.sp-gallery-pw a.mend-youtube-preview {
	opacity: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.7);
	background-image: url('../images/icons/g6555-9.png');
	transition: opacity 1000ms ease 0s;
}

.sp-video li.sp-gallery-pw:hover a.mend-youtube-preview {
	opacity: 1;
}

.sp-video .mytg-preview-container img {
	transition: transform 1000ms ease 0s;
}

.sp-video li.sp-gallery-pw:hover .mytg-preview-container img {
	transform: scale(1.1,1.1);
}

html.js .post-thumbnail-preview, html.js .post-thumbnail-preview a,html.js a.ssw-preview {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

html.js .post-thumbnail-preview a, html.js a.ssw-preview {
	opacity: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.7);
	transition: opacity 1000ms ease 0s;
}

html.js .post-thumbnail-preview:hover a, html.js a.ssw-preview:hover {
	opacity: 1;
}

html.js .sp-gallery-pw img {
	transition: transform 1000ms ease 0s;
}

html.js .sp-gallery-pw:hover img {
	transform: scale(1.1,1.1);
}

body, #container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

html.js body.page-template-page-home #container {
	background-image: url('../images/backgrounds/smartphone/concert-852575.jpg');
}

html.js body.page-template-page-home .page-container, html.js body.page-template-page-home .page-container .overflow-scroll {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

html.js .overflow-scroll, html.js .overflow-box {
	width: 100%;
	height: 100%;
}

html.js #navigation .overflow-scroll {
	height: auto;
}

html.js body.page-template-page-home .overflow-scroll {
	overflow: auto;
}

.mend-dialog {
	background-color: #000000;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
	position: relative;
}

html.js .mend-dialog {
	display: none;
}

html.js .mend-dialog.show {
	display: block;
}

html.js .mend-exit {
	position: absolute;
	cursor: pointer;
	display: block;
	top: 15px;
	right: 15px;
	width: 22px;
	height: 22px;
	background-image: url(../images/icons/exit.png);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
}

nav.pagination .nav-links {
	color: rgb(255, 255, 255);
	background-color: rgba(0, 0, 0, 0.7);
	padding: 15px;;
}

nav.pagination span.arrow {
	display: none;
}

#sp-cookie-overlay {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 100;
	background-color: #000000;
}

#sp-cookie-overlay-links {
	text-align: right;
}

#sp-cookie-overlay-links a {
	display: inline-block;
	border-color: #ffffff;
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
}

@media only screen and ( min-width: 400px ){
	.post-list .article-container.type-post .entry-content {
		margin-left: 80px;
	}
}

@media only screen and ( min-width: 768px ){	
	html.js #hamburger, html.js #nav-sidebar-button, #logo-nav{
		width: 50px;
		height: 50px;
	}
	
	html.js #hamburger {
		top: 12px;
		right: 20px;
	}
	
	html.js #nav-sidebar aside:first-child {
		margin-top: 0;
	}
	
	#logo-nav {
		top: 12px;
		left: 20px;
	}
	
	body.error404 .entry-content p
	{
		font-size: 150%;
		line-height: 170%;
	}
	
	.page-container .page-nav {
		padding-left: 85px;
	}
	
	html.js .page-nav a.post-edit-link, html.js body.page a.post-edit-link {
		display: block;
		position: absolute;
		top: 12px;
		right: 80px;
		background-position: center bottom;
		border-color: #ffffff;
	}
	
	html.js body.page a.post-edit-link {
		position: fixed;
		z-index: 100;
	}
	
	html.js body.page .post-list a.post-edit-link {
		display: inline-block;
		position: relative;
		top: auto;
		right: auto;
	}

	html.js #hamburger span {
		width: calc( 100% - 20px );
		left: 10px;
	}
	
	html.js #hamburger #line-one {
		top: 15px;
	}
	
	html.js #hamburger #line-three {
		bottom: 15px;
	}
	
	html.js #nav-sidebar-button {
		display: block;
		z-index: 100;
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 92px;
		border: 2px solid #ffffff;
	}
	
	html.js #nav-sidebar-button span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url('../images/icons/arrow-right-white.png');
		background-position: center;
		background-repeat: no-repeat;
	}
	
	html.js #nav-sidebar-button, html.js #nav-sidebar-button span {
		transition: all 500ms ease 0s;
	}
	
	#container {
		padding-top: 74px;
	}
	
	.post-list {
		margin-top: 20px;
	}
	
	h1, h2, h3, h4, h5, h6, html.js #navigation #site-nav > div  > ul > li a {
		line-height: 110%;
	}
	
	.page-single article .entry-content {
		font-size: 130%;
	}
	
	h1, html.js #navigation #site-nav > div  > ul > li a {
		font-size: 220%;
	}
	
	h2, h3, .page-single article.type-eventi .event-info, .page-single article.type-post .posted-on,
	.page-single article.type-produzioni .posted-on, .page-nav h1, .sidebar .big-link {
		font-size: 200%;
	}
	
	.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, #service-nav li a, .type-partners .entry-content a {
		font-size: 170%;
	}
	
	.page-nav h1.nav-title, .page-nav a.nav-title {
		font-size: 31px;
		line-height: 32px;
	}
	
	.page-nav {
		padding: 20px;
	}
	
	.post-list h2 {
		font-size: 150%;
	}
	
	.date-square .posted-on .entry-day-month {
		font-size: 175%;
		margin-bottom: 8px;
	}
	
	.sidebar-artist .date-square-container .event-info {
		font-size: 145%;
	}
	
	.date-square .posted-on .entry-year  {
		font-size: 125%;
	}
	
	.date-square .posted-on .entry-day-month, .date-square .posted-on .entry-year  {
		line-height: 100%;
	}
	
	.single .main .entry-header {
		padding-top: 40px;
	}
	
	.post-list article .preview-content .preview-group {
		padding-bottom: 40px;
	}
	
	.sidebar aside {
		margin-top: 40px;
	}
	
	.page-single .inner, .post-list .inner {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.date-square .posted-on {
		width: 115px;
		padding: 17px 0;
	}
	
	.post-list .article-container.type-eventi .entry-header {
		padding-left: 130px;
	}
	
	.post-list .article-container.type-post .entry-title, .post-list .article-container.type-post .entry-content {
		margin-left: 115px;
	}
	
	.post-list {
		padding: 0 0 0 20px;
	}
	
	.post-list .content-none {
		margin: 0 auto;
		width: 100%;
		position: relative;
		left: -10px;
	}
	
	.page-about .inner, body.error404 .inner.entry-content {
		max-width: 1024px;
		margin: 0 auto;
	}
	
	.post-list .article-container {
		padding: 0 20px 20px 0;
	}
	
	nav.pagination {
		padding-right: 20px;
	}
	
	.post-list .article-container.type-post .entry-footer {
		display: block;
	}
	
	.post-list .article-container.type-post .entry-header, .post-list .article-container.type-page .entry-header, .post-list .article-container.type-servizi .entry-header {
		padding-top: 40px;
	}

	.post-list .article-container article {
		padding-bottom: 40px;
	}
	
	html.js #navigation {
		overflow: visible;
	}
	
	html.js #navigation .inner {
		padding: 0 80px;
	}
	
	html.js #navigation #site-nav > div > ul {
		padding-left: 40px;
	}
	
	html.js #navigation #site-nav > div  > ul > li {
		width: 50%;
		float: left;
		position: relative;
		padding-right: 40px;
		padding-bottom: 40px;
	}
	
	html.js #navigation #site-nav > div  > ul > li::before {
		content: "";
		display: block;
		padding-top: 56.25%;
	}
	
	html.js #navigation #site-nav > div  > ul > li a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: calc( 100% - 40px );
		height: calc( 100% - 40px );
	}
	
	html.js #navigation #site-nav > div  > ul > li a span.nav-item-content {
		display: block;
		position: relative;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		z-index: 10;
	}
	
	html.js #navigation span.nav-item-overlay {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background-color: rgba(0,0,0,0.5);
		border: 2px solid;
		border-color: transparent;
		transition: border-color 500ms, background-color 500ms ease 0s;
	}
	
	html.js #navigation li span.nav-item-content:hover span.nav-item-overlay, html.js #navigation li.current-menu-item span.nav-item-overlay {
		border-color: #ffffff;
		background-color: rgba(0,0,0,0.7);
	}
	
	html.js #navigation #site-nav > div  > ul > li a span.table {
		width: 100%;
		height: 100%;
	}
	
	html.js #navigation #site-nav > div  > ul > li a span.table-cell {
		vertical-align: middle;
	}
	
	html.js #navigation .overflow-scroll {
		height: 100%;
	}
	
	html.js #navigation #nav-sidebar {
		display: block;
		position: absolute;
		top: 0px;
		left: 100%;
		width: 50%;
		height: 100%;
		background-color: #232323;
		background-color: rgba(35,35,35,0.99);
		transition:	width 500ms ease;	
	}
	
	html.js #navigation.active #nav-sidebar {
		/*width: 50%;*/
	}
	
	html.js #navigation #nav-sidebar form.search-form input.search-submit {
		display: block;
		margin: 30px auto 0;
	}
	
	html.js #navigation #nav-sidebar .overflow-scroll {
		position: relative;
		height: 100%;
	}
	
	html.js #navigation form.search-form {
		margin-top: 0;
	}
	
	html.js #navigation #nav-sidebar .overflow-scroll .inner {
		padding: 92px 110px 60px;
	}
	
	html.js #navigation.search {
		transform: translateX(-50%);
	}
	
	html.js #navigation.search #nav-sidebar-button span {
		transform: rotateY(180deg);
	}
	
	html.js #navigation.search #nav-sidebar-button {
		right: -50px;
	}
	
	.page-template-page-home .logo-container {
		padding: 120px 0;
	}
	
	#mail-from-site .form-mail-item {
		margin-bottom: 20px;
	}
	
	#mail-from-site .form-mail-item.input {
		float: left;
		width: calc( 50% - 10px );
		
	}
	
	#mail-from-site .form-mail-item.input.left {
		margin-right: 20px;
	}
	
	nav.pagination .nav-links {
		position: relative;
		text-align: center;
	}
	
	nav.pagination .nav-links a {
		text-decoration: none;
	}
	
	nav.pagination .nav-links .page-numbers {
		border: 2px solid transparent;
		padding: 10px;
		display: inline-block;
		transition: border-color 1000ms ease;
		margin: 0 1px;
	}
	
	nav.pagination .nav-links .page-numbers.current, nav.pagination .nav-links a.page-numbers:hover,
	nav.pagination .nav-links .page-numbers.next, nav.pagination .nav-links .page-numbers.prev {
		border-color: #ffffff;
	}
	
	nav.pagination .nav-links .page-numbers span.text {
		display: none;
	}
	
	nav.pagination .nav-links .page-numbers.next, nav.pagination .nav-links .page-numbers.prev {
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: calc( 50% - 20px);
		left: 15px;
		margin: 0;
	}
	
	nav.pagination .nav-links .page-numbers span.arrow {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	nav.pagination .nav-links .page-numbers.next {
		left: auto;
		right: 15px;
	}
	
	nav.pagination .nav-links .page-numbers.prev span.arrow {
		background-image: url('../images/icons/arrow-left-white.png')
	}
	
	nav.pagination .nav-links .page-numbers.next span.arrow {
		background-image: url('../images/icons/arrow-right-white.png')
	}
	
	.sidebar ul.sp-gallery-preview {
		padding-left: 40px;
	}

	.sidebar .sp-gallery-post-thumbnail {
		padding: 0 40px
	}
	
	.sidebar .sp-gallery-post-thumbnail.inline {
		padding-top: 40px;
	}
	
	body.single .sidebar .sp-gallery-post-thumbnail.inline, body.single-produzioni .sidebar .sp-gallery-post-thumbnail.inline {
		padding-bottom: 40px;
	}

	.sidebar ul.sp-gallery-preview li.sp-gallery-pw, .sidebar ul.sp-video-preview li.sp-gallery-pw {
		padding-right: 40px;
		padding-top: 40px;
	}
	
	html.js body.page-template-page-home #container {
		background-image: url('../images/backgrounds/tablet/concert-852575.jpg');
	}
}

@media only screen and ( min-width: 1024px){
	#container {
		padding-top: 0;
	}
	
	html.js body.page-template-page-contacts .content {
		height: 100%;
		top: 0;
	}
	
	html.js body.page-template-page-contacts .page-nav {
		display: none;
	}
	
	html.js body.page-template-page-contacts .entry-header {
		display: block;
	}
	
	html.js body.page-template-page-contacts .entry-header h2 {
		font-size: 250%;
	}
	
	html.js body.page-template-page-contacts .main {
		padding-top: 114px;
	}
	
	.post-list {
		margin-top: 0;
	}
	
	html.js, html.js body, html.js #container, html.js .page-container, html.js .content, html.js .archive-page {
		width: 100%;
		height: 100%;
	} 
	
	html.js, html.js body, html.js #container, html.js .page-container, html.js .content {
		overflow: hidden;
	}
	
	html.js .page-container, html.js .page-container .page-nav {
		position: absolute;
	}
	
	html.js .page-container {
		top: 0;
		left: 0;
	}
	
	html.js .overflow-box {
		overflow-y: auto;
	}
	
	/*html.js .overflow-scroll, html.js body.page-template-page-home .overflow-scroll {
		max-height: 100%;
		overflow: hidden;
	}*/
	
	html.js .overflow-scrollbar {
		background-color: #000000;
	}
	
	html.js .content {
		height: calc(100% - 74px);
		top: 74px;
	}
	
	html.js .half {
		height: 100%;
	}
	
	.page-single .post-thumbnail-container {
		margin-bottom: 0;
	}
	
	html.js .page-container {
		padding-bottom: 0;
	}
	
	html.js #hamburger, html.js #navigation, html.js #nav-sidebar-button {
		right: 30px;
	}
	
	#logo-nav {
		left: 30px;
	}
	
	.page-container .page-nav {
		padding-left: 80px;
	}
	
	html.js .page-nav a.post-edit-link, html.js body.page a.post-edit-link {
		right: 90px;
	}
	
	.page-nav, #service-nav li a {
		padding: 20px 30px;
	}
	
	.post-list {
		padding: 30px 0 30px 30px;
	}
	
	nav.pagination {
		padding-right: 30px;
	}
	
	.post-list .content-none {
		left: -15px;
	}
	
	.single .main .entry-header {
		padding-top: 40px;
	}
	
	body.search h2.search-title {
		margin-bottom: 30px;
	}
	
	.post-list .article-container {
		width: 50%;
		padding: 0 30px 30px 0;
	}
	
	.half {
		width: 50%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.half.half-right {
		left: 50%;
	}
	
	.sidebar-artist, .single-eventi .half-right, .single-eventi .entry-content a, .sidebar-artist a,
	body.page-template-page-contacts article, body.page-template-page-contacts article .entry-content a, body.search h2.search-title {
		color: #ffffff;
	}
	
	body.page-template-page-contacts article .entry-content a {
		font-weight: normal;
	}
	
	.single-eventi {
		background-color: #232323;
	}
	
	.sidebar-artist a.social-link, .main-event a.social-link, .main-event a.post-edit-link, body.page-template-page-contacts  a.post-edit-link, body.page-template-page-contacts a.social-link {
		border-color: #ffffff;
	}
	
	.sidebar-artist a.social-link, .main-event a.social-link, body.page-template-page-contacts a.social-link {
		background-position: center bottom;
	}
	
	html.js body.single-eventi .sp-gallery-post-thumbnail.inline, html.js body.single-artisti .sp-gallery-post-thumbnail.inline {
		display: none;
	}
	
	.page-nav {
		padding: 0;
	}
	
	.page-nav .nav-title {
		padding: 21px 30px;
	}
	
	.page-nav .nav-title, .page-nav.page-nav-selector .page-nav-selector-box {
		float: left;
	}	
	
	.page-nav.page-nav-selector .nav-title {
		margin-right: 40px;
	}
	
	.page-nav.page-nav-selector .page-nav-selector-box {
		display: block;
		position: relative;
		font-size: 16px;
	}
	
	.page-nav.page-nav-selector .page-nav-selector-box > ul > li {
		padding-right: 73px;
		padding-top: 25px;
		padding-bottom: 24px;
		height: 100%;
		display: inline-block;
		position: relative;
	}
	
	.page-nav.page-nav-selector .page-nav-selector-box > ul > li .menu-arrow {
		display: block;
		width: 73px;
		height: 73px;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url('../images/icons/arrow-down-white.png');
		background-position: center;
		background-repeat: no-repeat;
		transition: transform 500ms ease 0s;
		cursor: pointer;
	}
	
	.page-nav.page-nav-selector .page-nav-selector-box > ul > li.expanded .menu-arrow {
		transform: rotateX(180deg);
	}
	
	#event-thumbnail {
		display: block;
	}

	html.js .page-nav-selector-box ul > li .overflow-scroll {
		position: absolute;
		top: 100%;
		left: -20px;
		width: 100%;
		opacity: 0;
		background-color: rgba(0,0,0,0.95);
		max-height: 0;
		transition: max-height 1000ms, opacity 1000ms ease 0s;
	}
	
	html.js .page-nav-selector-box ul > li.expanded .overflow-scroll,
	html.js .page-nav-selector-box ul > li.expanded .overflow-scroll .overflow-box {
		max-height: 180px;
		height: auto;
	}	
	
	html.js .page-nav-selector-box ul > li.expanded .overflow-scroll {
		opacity: 1;
	}
	
	html.js .overflow-scroll .overflow-scrollbar-box, html.js .overflow-scroll .overflow-scrollbar {
		z-index: 100;
	}

	html.js .overflow-scroll .overflow-scrollbar-box/*,
	html.js .page-nav-selector-box ul > li .overflow-scroll .overflow-scrollbar-box,
	html.js #navigation .overflow-scroll .overflow-scrollbar-box,
	html.js .page-single.page-artist .sidebar-container .overflow-scroll .overflow-scrollbar-box*/ {
		background-color: rgba(174,174,174,0.2) !important;
	}
	
	html.js .overflow-scroll .overflow-scrollbar/*,
	html.js .page-nav-selector-box ul > li .overflow-scroll .overflow-scrollbar,
	html.js #navigation .overflow-scroll .overflow-scrollbar,
	html.js .page-single.page-artist .sidebar-container .overflow-scroll .overflow-scrollbar*/ {
		background-color: rgba(174,174,174,0.5) !important;
	}
	
	html.js body.blog .content .overflow-scroll .overflow-scrollbar-box,
	html.js .half.half-right .overflow-scroll .overflow-scrollbar-box {
		background-color: rgba(0,0,0,0.2) !important;
	}
	
	html.js body.blog .content .overflow-scroll .overflow-scrollbar,
	html.js .half.half-right .overflow-scroll .overflow-scrollbar {
		background-color: rgba(0,0,0,0.5) !important;
	}
	
	.page-nav-selector-box ul > li ul li a {
		display: block;
		padding: 10px 20px;
		cursor: pointer;
	}
	
	.page-nav-selector-box ul > li ul li a.selected, .page-nav-selector-box ul > li ul li a:hover {
		background-color: rgba(255,255,255,0.1);
	}
	
	html.js .page-nav-selector-box ul.news-archive, html.js .page-nav-selector-box ul.news-archive li {
		min-width: 160px;
	}
	
	#service-nav li {
		border: 2px solid #000000;
		border-top: 0;
	}
	
	body.post-type-archive-servizi #service-container, #service-nav-container{
		display: block;
	}
	
	#service-nav li a.selected {
		background-color: #666666;
	}
	
	#service-container {
		height: 100%;
	}
	
	#service-container .overflow-scroll.new-item {
		display: block;
		opacity: 0;
	}
	
	#service-container .overflow-scroll {
		z-index: 10;
	}
	
	#service-container .overflow-scroll.hide {
		z-index: 9;
		opacity: 0;
	}
	
	#service-container .overflow-scroll {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		transition: opacity 1000ms ease 0s;
	}
	
	#service-container .overflow-scroll.selected, #service-container .overflow-scroll.new-item.selected {
		opacity: 1;
	}
	
	#service-container .overflow-scroll.selected {
		transition: opacity 1000ms ease 1000ms;
	}
	
	.page-template-page-home .content #logo {
		width: 40%;
	}
	
	#mail-from-site, #mail-from-site a {
		color: #ffffff;
	}

	#required-text {
		text-align: left;
	}

	#mail-from-site .form-mail-item, #mail-submit input {
		border: 2px solid #ffffff;
	}

	html.js input.checkbox-hidden {
		display: none;
	}

	html.js span.checkbox {
		display: inline-block;
		width: 13px;
		height: 13px;
		background-image: url('../images/icons/checkbox.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	html.js label.checked span.checkbox {
		background-position: bottom center;
	}
	
	.sidebar aside.videos h3 {
		margin-bottom: 0;
	}
	
	.sidebar .sp-gallery-post-thumbnail {
		padding-top: 40px
	}
	
	html.js #sp-cookie-overlay {
		position: absolute;
	}
	
	/************** load animation *************/
	
	html.js .logo-animation {
		display: block;
	}
	
	html.js  body.loaded .logo-animation {
		transition: all 1000ms ease 1000ms;
	}
	
	html.js .logo-animation.background {
		position: absolute;
		width: 400px;
		height: 400px;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	html.js .logo-animation.background.white {
		background-image: url('../images/logo-background-white.png');
	}
	
	html.js .logo-animation.background.orange {
		background-image: url('../images/logo-background-orange.png');
	}
	
	html.js .logo-animation.background.top-left {
		top: 0;
		left: 0;
		transform: rotate(-28deg) translate(-100%, -100%);
	}
	
	html.js body.loaded .logo-animation.background.top-left {
		transform: rotate(-28deg) translate(-80px, 0);
	}
	
	html.js .logo-animation.background.bottom-right {
		bottom: 0;
		right: 0;
		transform: rotate(28deg) translate(100%, 100%);
	}
	
	html.js body.loaded .logo-animation.background.bottom-right {
		transform: rotate(28deg) translate(80px, 20px);
	}
	
	html.js body.page-template-page-about article {
		opacity: 0;
	}
	
	html.js body.loaded.page-template-page-about article {
		opacity: 1;
		transition: opacity 1000ms ease 1000ms;
	}
	
	html.js .logo-animation.opacity {
		opacity: 0;
	}
	
	html.js body.loaded .logo-animation.opacity {
		opacity: 1;
	}
	
	html.js #logo-nav, html.js #hamburger {
		opacity: 0;
	}
	
	html.js body.loaded #logo-nav, html.js body.loaded #hamburger {
		opacity: 1;
		transition: opacity 1000ms ease 1000ms;
	}
	
	html.js .page-nav {
		transform: translateY(-100%);
	}
	
	html.js body.loaded .page-nav {
		transition: transform 500ms ease 500ms;
		transform: translateY(0);
	}
	
	html.js .page-container .post-list .article-container article {
		opacity: 0;
		transform: scale(0.50,0.50);
	}
	
	html.js body.loaded .page-container .post-list .article-container.loaded article {
		opacity: 1;
		transform: scale(1.00,1.00);
		transition: opacity 700ms ease 1000ms, transform 700ms ease 1000ms;
	}
	
	html.js .half {
		opacity: 0;
	}
	
	html.js body.loaded .half {
		opacity: 1;
		transition: opacity 1000ms ease 1000ms;
	}
	
	html.js body.loaded .half-right {
		transition: opacity 1000ms ease 1500ms;
	}
	
	html.js body.page-template-page-contacts.loaded .half {
		opacity: 1;
		transition: opacity 1000ms ease 500ms;
	}
	
	html.js body.page-template-page-contacts.loaded .half-right {
		transition: opacity 1000ms ease 1000ms;
	}
	
	html.js #service-nav, html.js #service-nav li {
		position: relative;
	}
	
	html.js #service-nav li {
		opacity: 0;
		transition: opacity 500ms ease 1000ms;
	}
	
	html.js body.loaded #service-nav li.loaded {
		opacity: 1;
	}
	
	html.js #service-container  {
		opacity: 0;
		transition: opacity 1000ms ease 1000ms;
	}
	
	html.js #service-container.loaded {
		opacity: 1;
	}
	
	/************ end load animation ***************/
	
	/************* backgrounds *********************/
	
	body #container, .sidebar-container {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	html.js body.page-template-page-home #container {
		background-image: url('../images/backgrounds/laptop/concert-852575.jpg');
	}
		
	html.js body.post-type-archive-servizi .sidebar-container, body.single-servizi .sidebar-container {
		background-color: #232323;
	}
	
	html.js body.page-template-page-contacts #container {
		background-image: url('../images/backgrounds/laptop/apple-971148.jpg');
	}
	
	html.js body.post-type-archive-artisti #container {
		background-image: url('../images/backgrounds/laptop/guitar-756326-bn.jpg');
	}
	
	html.js body.single-artisti .sidebar-container {
		background-image: url('../images/backgrounds/smartphone/guitar-756326-bn.jpg');
	}
	
	html.js body.post-type-archive-eventi #container {
		background-image: url('../images/backgrounds/laptop/audience-868074-bn.jpg');
		background-position: center bottom;
	}
	
	html.js body.post-type-archive-produzioni #container {
		background-image: url('../images/backgrounds/laptop/studio-1003136-bn.jpg');		
	}
	
	html.js body.single-produzioni .sidebar-container {
		background-image: url('../images/backgrounds/smartphone/studio-1003136-bn.jpg');
	}
	
	html.js body.blog #container {
		background-image: url('../images/backgrounds/laptop/newspaper-943004-bn.jpg');
	}
	
	html.js body.single-post .sidebar-container {
		background-image: url('../images/backgrounds/smartphone/newspaper-943004-bn.jpg');
	}
	
	html.js body.search #container {
		background-image: url('../images/backgrounds/laptop/telescope-122960-bn.jpg');
	}
	
	/************* end backgrounds *********************/
}

@media only screen and ( min-width: 1200px){
	.page-about .inner {
		padding-left: 0;
		padding-right: 0;
	}
	
	html.js #hamburger, html.js #nav-sidebar-button {
		right: 60px;
	}
	
	#logo-nav {
		left: 60px;
	}
	
	.page-container .page-nav {
		padding-left: 110px;
	}
	
	html.js .page-nav a.post-edit-link, html.js body.page a.post-edit-link {
		right: 120px;
	}
	
	html.js #navigation #nav-sidebar .overflow-scroll .inner {
		padding: 92px 140px 60px;
	}
	
	.page-single .inner, .post-list .article-container.type-artisti .inner, .post-list .article-container.type-eventi .inner, 
	.post-list .article-container.type-produzioni .inner, #service-nav li a {
		padding-left: 60px;
		padding-right: 60px;
	}
	
	html.js #navigation #site-nav > div > ul {
		padding-left: 60px;
	}
	
	html.js #navigation #site-nav > div  > ul > li {
		padding-right: 60px;
		padding-bottom: 60px;
	}
	
	html.js #navigation #site-nav > div  > ul > li a {
		width: calc( 100% - 60px );
		height: calc( 100% - 60px );
	}
	
	
	.main, .single .main .entry-header, #site-nav {
		padding-top: 60px;
	}
	
	html.js body.page-template-page-contacts .main {
		padding-top: 134px;
	}
	
	.main, .sidebar-artist, .post-list article .preview-content .preview-group {
		padding-bottom: 60px;
	}
	
	.page-single .entry-content {
		/*margin-top: 40px;*/
		margin-bottom: 60px;
	}
	
	.sidebar aside {
		margin-top: 60px;
	}
	
	html.js #navigation #site-nav > div  > ul > li {
		width: 33.33333333%;
	}
}

@media only screen and ( min-width: 1366px){
	.post-list {
		padding: 60px 0 60px 60px;
	}
	
	nav.pagination {
		padding-right: 60px;
	}
	
	.post-list .article-container {
		padding: 0 60px 60px 0;
	}
	
	.post-list .content-none {
		left: -30px;
	}
	
	body.search h2.search-title {
		margin-bottom: 60px;
	}
	
	/************* backgrounds *********************/
	
	html.js body.page-template-page-home #container {
		background-image: url('../images/backgrounds/desktop/concert-852575.jpg');
	}
		
	html.js body.post-type-archive-servizi .sidebar-container, body.single-servizi .sidebar-container {
		background-color: #232323;
	}
	
	html.js body.page-template-page-contacts #container {
		background-image: url('../images/backgrounds/desktop/apple-971148.jpg');
	}
	
	html.js body.post-type-archive-artisti #container {
		background-image: url('../images/backgrounds/desktop/guitar-756326-bn.jpg');
	}
	
	html.js body.single-artisti .sidebar-container {
		background-image: url('../images/backgrounds/tablet/guitar-756326-bn.jpg');
	}
	
	html.js body.post-type-archive-eventi #container {
		background-image: url('../images/backgrounds/desktop/audience-868074-bn.jpg');
		background-position: center bottom;
	}
	
	html.js body.post-type-archive-produzioni #container {
		background-image: url('../images/backgrounds/desktop/studio-1003136-bn.jpg');		
	}
	
	html.js body.single-produzioni .sidebar-container {
		background-image: url('../images/backgrounds/tablet/studio-1003136-bn.jpg');
	}
	
	html.js body.blog #container {
		background-image: url('../images/backgrounds/desktop/newspaper-943004-bn.jpg');
	}
	
	html.js body.single-post .sidebar-container {
		background-image: url('../images/backgrounds/tablet/newspaper-943004-bn.jpg');
	}
	
	html.js body.search #container {
		background-image: url('../images/backgrounds/desktop/telescope-122960-bn.jpg');
	}
	
	/************* end backgrounds *********************/
}

@media only screen and ( min-width: 1600px){	
	.post-list .article-container {
		width: 33.3333333333%;
	}
	
	.page-single .inner {
		padding-left: 120px;
		padding-right: 120px;
	}
	
}