/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 Reset
 *
 *
 * -----------------------------------------------------------------------------
 */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} 

@font-face {font-family: Scotch; 
		src: url(scotch.ttf) format("truetype");
		}

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;
	-webkit-font-smoothing: antialiased;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none; 
	-webkit-text-size-adjust: 100%; 
	text-rendering: optimizeLegibility;
}

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

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
}

::-webkit-scrollbar { 
    display: none; 
}

body {
    background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color: inherit;
	height: 100%;
	width: 100%;
}

body,
button,
input,
select, 
textarea {
	color: white;
	/*#2d2926;*/
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 18px;
/*	font-size: 1.3rem; 
*/	font-weight: 400;
 	line-height: 26px; 
/* line-height: 2.8rem; */
}

.logotipo {width: 350px;}

.titolo {
	color: white;
	letter-spacing: 0.5vw;
	font-size: 8vw;
	font-weight: 400;
	}

.progetti {
/*	font-family: Scotch Modern W01 Regular, sans-serif;
*/	color: white;
	letter-spacing: 0.5vw;
	font-size: 12vw;
	font-weight: 400;
/*	text-transform: uppercase;
*/	line-height: 200px;
	display: none; 
	}

#trigger {
	position: absolute;
	width: 100%;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -50%; 
	z-index: 999999;
	}

.gabbia {margin: 20px;}

.testo {
    line-height: 1.2;
    font-size: 16px;
    letter-spacing: 0.2px;
}

.area { 
	position: absolute;
	width: 100%;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -50%; 
	z-index: 999999;
	text-align: center; /* orizzontale */
}

.box {
        width: 100%;
        height: 200px;
/*      border: 1px solid;
*//*    color: #3D5F00;
        background: #A3FF00;*/
        text-align: center; /* orizzontale */
        line-height: 200px; /* verticale */
    }

.altosx {
        position: absolute;
        top: 16px;
		left: 16px;
		width: 28px;
        z-index: 999;
		height: auto;
		border-bottom: 0 !important; 
        }

.bars span, .bars span:after, .bars span:before {
    cursor: pointer; 
    height: 1px;
    width: 100%;
    background: white;
    position: absolute;
    display: block;
    content: '';
}

.bars span:before {
     bottom:-12px 
}

.bars span:after {
     bottom:-6px 
}

#show-slide {
display: inline-block;
width: 28px;
height: 28px;
}

#altodx {
position: fixed;
top: 12px;
width: 100%;
z-index: 99;
letter-spacing: 3px;
text-align: center;
font-family: Scotch, serif;
        }

#altodx:hover {
   cursor: default;
}
		   
.close {
        position: absolute;
        top: 12px;
		width: 28px;
        left: 15px;
        z-index: 9999999999;
		border-bottom: 0 !important;
        }

#bassosx {
        position: fixed;
        bottom: 20px;
        left: 20px;
        z-index: 9999;
        }
		   
#bassodx {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 9999;
        }
	
a {
color: black;
text-decoration: none;
/*border-bottom: 1px solid;
*/}

a img {
color: black;
text-decoration: none;
border-bottom: 0px solid !important;
}

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

a:active {
	color: #2d2926;
}

a:hover {
text-decoration: none;
border-bottom: 0px solid;
opacity: .4;
}

.left {
    float:left;
    width:50%;
	height: 100%;
	overflow-y: scroll;
border-right: 1px solid black;
}

.right {
    float:right;
    width:50%;
	height: 100%;
	overflow-y: scroll;
}

#destra {
margin-left: 32px;
margin-right: 32px;
margin-top: 64px;
margin-bottom: 64px;
color: black;
position: relative;
z-index: 99999999999;
display: block;
	}

.swiper-pagination-v { 
margin-left: 16px !important;
margin-right: 0;/*16px !important;*/
margin-top: 64px !important;
margin-bottom: 64px;
position: relative;
}

#info-slide {
	z-index:9999; 
/*	background-color: white; 
	width: 100%; 
	height: 100%; */
	top: 0; 
	position: fixed;
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	letter-spacing: 0 !important;
}

.bio {font-size: 26px;
line-height: 36px;
}

.slide-container {
    background-color: white; /*transparent;*/
    width: 100%;
    position: fixed;
    z-index: 99;
    left: -100%;
    top: 0;
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
/*	overflow-y: scroll;
*/}

.open .slide {
    left: 0;
	    background-color: white;
}

.layout {width: 60%;}
.mail {border-bottom: 1px solid black;}

.swiper-pagination-bullet {
/*    width: 0px;
    height: 42px;
    display: block; */
    border-radius: 100%;
    background: #fff !important;
    opacity: 1; /*.4;  border-bottom: 1px solid black; */
}

.lista {
    width: 0px;
    height: 42px;
    display: block; 
    border-radius: 100%;
    background: #fff !important;
    opacity: 1; /*.4;  border-bottom: 1px solid black; */
}

.swiper-pagination-bullet-active {
color:white !important;
background:white !important;
opacity: 1;
}


.didascalia {
position: absolute;
/* left: 6px; */
/* top: 0; */
padding-bottom: 7px;
text-align: left;
width: 100%;
color: black;
/* text-transform: uppercase; */
display: grid;
line-height: 26px;
border-bottom: 1.4px solid black; 
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
    width: 100%;
    height: 6px !important;
    left: 0;
    top: auto;
	bottom: 0;
}

.swiper-pagination-h  {display: none;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: white !important;}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 8px 0 !important;/* border-bottom: 3px solid black; */}

.swiper-container-vertical>.swiper-pagination-bullets {
	left: 16px !important;
	right: 16px !important;
	top: 50px !important;
	transform: none !important;
	webkit-transform: none !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none !important;
    left: 0 !important;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none !important;
    right: 0 !important;
    left: auto; 
}

.swiper-button-next, .swiper-button-prev { 
	position: absolute;
    top: 20% !important;
    width: 50% !important;
    height: 60% !important;
    margin-top: 0 !important;
    z-index: 999 !important;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-down { 
	position: absolute;
    bottom: 0 !important;
    margin-bottom: 0 !important;
	width: 80% !important;
    height: 20% !important;
    left: 10%;
	z-index: 999 !important;
	background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-up { 
	position: absolute;
    top: 0 !important;
    margin-top: 0 !important;
	width: 80% !important;
	left: 10%;
    height: 25% !important;
    z-index: 999 !important;
}

.swiper-button-next {cursor: url(arrow-right.png), auto !important;}
.swiper-button-prev {cursor: url(arrow-left.png), auto !important;}
.swiper-button-down {cursor: url(arrow-down.png), auto !important;}
.swiper-button-up {cursor: url(arrow-up.png), auto !important;}

.swiper-button-prev.swiper-button-disabled {cursor: default !important; pointer-events: auto !important;}

.swiper-button-next.swiper-button-disabled {cursor: url(xwhite.png), auto !important; pointer-events: auto; }

.swiper-button-down.swiper-button-disabled {cursor: url(xwhite.png), auto !important; pointer-events: auto; }

.swiper-button-up.swiper-button-disabled
{cursor: default !important; pointer-events: auto !important;}

.categoria {
left: 40%;
display: inline-block;
position: absolute;
	}

#top {
/*  text-align: right;
    position: fixed;
    left: 50%;
    margin-left: -12.5px; /*-26.55px;
    bottom: 5%;
    width: 25px; /*53.1px;
    z-index: 9999999999 !important;*/
position: fixed;
text-transform: uppercase;
margin-left: -100px;
bottom: 5%;
width: 200px;
z-index: 9999999999 !important;
right: 50%;
left: 50%;
text-align: center;
font-size: 12px;
font-family: Scotch, serif;
}

.loader {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: 60%;
z-index: 99999;
}

.colonna {
    text-align: justify;
    left: 25%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-17.5%, -50%);
    transform: translate(-17.5%, -50%);
}

#mail p {
visibility: hidden;   
position: absolute;
width: 100%;
height: 200px;
top: 50%;
left: 50%;
margin: -100px 0 0 -50%;
z-index: 999999;
text-align: center;
font-size: 3vw;
font-weight: 400;
/* letter-spacing: 0.5vw; */
/*	text-transform: uppercase; */
line-height: 200px;
}

#about {
visibility: hidden;
position: absolute;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 400;
	margin: 28px 0 14px;
	margin: 2.8rem 0 1.4rem;
}

h1 {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 38px;
	line-height: 3.8rem;
}

h2 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 36px;
	line-height: 3.6rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 34px;
	line-height: 3.4rem;
}

h4 {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 32px;
	line-height: 3.2rem;
}

h5 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	line-height: 3rem;
}

h6 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 28px;
	line-height: 2.8rem;
}

address {
	font-style: italic;
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
}

abbr[title] {
	border-bottom: 1px dotted #afb0ae;
	cursor: help;
}

b,
strong {
	font-weight: 400;
}

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

mark,
ins {
	text-decoration: none;
}

p {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Helvetica, monospace, serif;
	letter-spacing: 0.5px;

	font-size: 16px;
	font-size: 1.6rem;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 26px;
	line-height: 2.6rem;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	padding: 1.2rem;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

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

blockquote {
	font-size: 20px;
	font-size: 2rem;
	font-style: italic;
	font-weight: 400;
	line-height: 30px;
	line-height: 3rem;
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
}

blockquote cite,
blockquote small {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 26px;
	line-height: 2.6rem;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
}

ul,
ol {
	list-style: none;
	margin: 0 0 28px 20px;
	margin: 0 0 2.8rem 2rem;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
	margin: 0 0 0 2rem;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: top;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 28px;
	margin: 0 0 2.8rem;
	padding: 12px 12px 0;
	padding: 1.2rem 1.2rem 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	/* Removing the inner shadow, rounded corners on iOS inputs */
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

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

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

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

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

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

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #afb0ae;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: none;
	color: none; /*darkblue;*/
	text-shadow: none;
}

::-moz-selection {
	background: none; /*#28fe2c;*/
	color: none; /*darkblue;*/
	text-shadow: none;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */
input,
textarea {
	border: 1px solid #afb0ae;
	border-radius: 2px;
	color: #afb0ae;
	padding: 4px 10px;
	padding: 0.4rem 1rem;
	margin-bottom: 3px;
	margin-bottom: 0.3rem;
}

input:focus,
textarea:focus {
	border: 1px solid #2d2926;
	outline: 0;
}

/* Buttons */
button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #afb0ae;
	border: 0;
	border-radius: 2px;
	color: #2d2926;
	padding: 5px 20px;
	padding: 0.5rem 2rem;
	margin-bottom: 3px;
	margin-bottom: 0.3rem;
	vertical-align: bottom;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #2d2926;
	color: #fff;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #2d2926;
	color: #fff;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #afb0ae;
}

:-moz-placeholder {
	color: #afb0ae;
}

::-moz-placeholder {
	color: #afb0ae;
	/* Since FF19 lowers the opacity of the placeholder by default */
	opacity: 1;
}

:-ms-input-placeholder {
	color: #afb0ae;
}

/* Responsive images. Fluid images for posts, comments, and widgets */
.entry-content img,
.entry-summary img,
.wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}

body.home .wp-post-image {
	max-width: none;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}

/* Alignment */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
img.alignleft {
	margin: 7px 28px 7px 0;
	margin: 0.7rem 2.8rem 0.7rem 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
	margin: 0.7rem 1.4rem 0.7rem 0;
}

blockquote.alignright,
img.alignright {
	margin: 7px 0 7px 28px;
	margin: 0.7rem 0 0.7rem 2.8rem;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
	margin: 0.7rem 0 0.7rem 1.4rem;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-top: 0.7rem;
	margin-bottom: 7px;
	margin-bottom: 0.7rem;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	padding-top: 14px;
	padding-top: 1.4rem;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 14px;
	margin-bottom: 1.4rem;
}

.wp-caption {
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
}

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

.wp-caption {
	color: #afb0ae;
}

.wp-caption a {
	color: #2d2926;
}

.wp-caption-text {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 15px;
	line-height: 1.5rem;
	margin: 9px 0;
	margin: 0.9rem 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

/* Clearing floats */
.site-header:after,
.site-footer:after {
	content: '';
	display: block;
	clear: both;
}

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */
.site {
	opacity: 0;
	position: relative;
	min-width: 320px;
	height: 100%;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.main-content,
.content-area {
	height: 100%;
	white-space: nowrap;
}

#infinite-loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
}

#infinite-loader.active {
	display: block;
}

#infinite-loader > * {
	display: block;
	position: absolute;
	top: -50%;
	left: -50%;
	width: 100%;
	height: 100%;
	background: black; /*#28fe2c;*/
	border-radius: 50%;
}

#infinite-loader > *:nth-child(1) {
	background: transparent;
}

#infinite-loader > *:nth-child(2) {
	-webkit-animation: buffer1 0.5s infinite;
	-moz-animation: buffer1 0.5s infinite;
	-o-animation: buffer1 0.5s infinite;
	-ms-animation: buffer1 0.5s infinite;
	animation: buffer1 0.5s infinite;
}

#infinite-loader > *:nth-child(3) {
	background: transparent;
	-webkit-animation: buffer2 0.2s infinite;
	-moz-animation: buffer2 0.2s infinite;
	-o-animation: buffer2 0.2s infinite;
	-ms-animation: buffer2 0.2s infinite;
	animation: buffer2 0.2s infinite;
}

/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

/* Ensure that there is no gap between the header and the admin bar for WordPress versions before 3.8. */
#wpadminbar {
	min-height: 32px;
}

.site-header {
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
}

body.admin-bar .site-header {
	top: 32px;
}

.site-title {
	color: black !important;
	float: left;
	width: 18.965517241%;
	margin: 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 28px;
	line-height: 2.8rem;
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */
.site-navigation ul {
	list-style: none;
	margin: 0;
}

.site-navigation li {
	display: inline-block;
	position: relative;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 28px;
	line-height: 2.8rem;
}

.site-navigation li li {
	display: block;
}

.site-navigation ul ul ul {
	padding-left: 20px;
	padding-left: 2rem;
}

.menu-toggle {
	display: none;
	clear: none;
	float: right;
	margin: 0;
	color: #afb0ae;
	font-family: portra;
	font-size: 30px;
	font-size: 3rem;
	line-height: 30px;
	line-height: 3rem;
	cursor: pointer;
}

.menu-toggle:hover {
	color: #2d2926;
}

#navigation-close {
	display: none;
	position: absolute;
	z-index: 10000;
	top: 10px;
	top: 1rem;
	right: 20px;
	right: 2rem;
	font-size: 30px;
	font-size: 3rem;
	line-height: 30px;
	line-height: 3rem;
	color: #fff;
	cursor: pointer;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */
.content-area {
	white-space: nowrap;
}

.hentry,
.page-content {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	word-wrap: break-word;
}

body.single .hentry {
	width: 25%; /*67.391304348%;*/
	padding-right: 20px;
	padding-right: 2rem;
}

body.page .hentry,
.page-content {
	width: 67.391304348%;
	padding-right: 20px;
	padding-right: 2rem;
}

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */
.post-thumbnail {
	display: inline-block;
	vertical-align: top;
}

body.home .post-thumbnail {
	height: 100%;
}

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */
body.single .entry-header,
body.page .entry-header,
.page-header {
	display: inline-block;
	width: 25%; /*20.689655172%;*/
	padding-right: 20px;
	padding-right: 2rem;
	vertical-align: top;
}

.entry-title,
.page-title {
	margin: -2px 0 0;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 34px;
	line-height: 3.4rem;
	word-wrap: break-word;
	white-space: pre-wrap;
}

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */

/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */
.entry-content > p:last-child {
	margin-bottom: 0;
}

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */
.gallery {
	display: inline-block;
	width: auto;
	height: 100%;
	margin: 0;
	list-style-type: none;
}

.gallery-item {
	display: inline-block;
	width: auto;
	height: 100%;
	padding-right: 20px;
	padding-right: 2rem;
	vertical-align: top;
	white-space: normal;
}

.gallery-item img {
	display: block;
	width: auto;
	height: 100%;
	height: -moz-calc(100% - 28px);
	height: -webkit-calc(100% - 28px);
	height: calc(100% - 28px);
}

/**
 * 6.6 Post Formats
 * -----------------------------------------------------------------------------
 */

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */
.paging-navigation {
	display: none;
}

#image-navigation {
	text-align: right;
}

#image-navigation a:first-of-type {
	float: left;
}

/**
 * 6.8 Attachments
 * -----------------------------------------------------------------------------
 */
.entry-attachment .attachment {
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
}

/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */

/**
 * 6.10 Contributor Page
 * -----------------------------------------------------------------------------
 */

/**
 * 6.11 404 Page
 * -----------------------------------------------------------------------------
 */
.error404 .page-content {
	/*padding-top: 0;*/
}

.error404 .page-content .search-form {
	/*margin-bottom: 24px;*/
}

/**
 * 6.12 Full-width
 * -----------------------------------------------------------------------------
 */

/**
 * 6.13 Singular
 * -----------------------------------------------------------------------------
 */

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

/**
 * 10.0 Multisite
 * -----------------------------------------------------------------------------
 */

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media (max-width: 1024px) {
	.categoria {display: none !important;}
	.bio {font-size: 18px; line-height: 26px;}

}
	
@media (min-width: 951px) {
	
	.site {
		padding: 90px 20px;
		padding: 9rem 2rem;
	}

	.site-header {
		position: fixed;
		height: 90px;
		height: 9rem;
		padding: 10px 20px 0;
		padding: 1rem 2rem 0;
	}

	.primary-navigation {
		float: right;
		width: 75%; /*79.310344828%;*/
	}

	#top-main-menu {
		float: left;
		width: 65.217391304%;
	}

	#top-right-menu {
		float: right;
		width: 32.608695652%;
		text-align: right;
	}

	.nav-menu > li {
		opacity: 0;
	}

	#top-right-menu li {
		text-align: left;
	}

	.site-navigation li {
		margin-right: 22px;
		margin-right: 2.2rem;
		white-space: nowrap;
	}

	.site-navigation li:last-of-type {
		margin-right: 0;
	}

	.site-navigation > div > ul > li > ul {
		display: none;
		position: absolute;
		z-index: 9999;
		top: 100%;
		left: -20px;
		left: -2rem;
		padding: 0 20px 20px;
		padding: 0 2rem 2rem;
		/*background: #fff;*/
	}

	.site-navigation > div > ul > li > ul.submenu-visible {
		display: block;
	}

	.current-menu-item > a {
		color: #2d2926;
	}

	#main {
		height: 100%;
	}

	body.home .hentry {
		height: 100%;
		padding-right: 20px;
		padding-right: 2rem;
	}

	body.home .hentry > a {
		display: inline-block;
		height: 100%;
		height: -moz-calc(100% - 28px);
		height: -webkit-calc(100% - 28px);
		height: calc(100% - 28px);
	}

	body.home .hentry img {
		height: 100%;
		width: auto;
	}

	body.single .hentry {
		padding-bottom: 90px;
		padding-bottom: 9rem;
		max-width: 620px;
	}

	body.page .hentry,
	.page-content {
		padding-bottom: 90px;
		padding-bottom: 9rem;
		max-width: 640px;
	}

	.gallery-animated img {
		cursor: pointer;
	}

	.site-footer {
		position: fixed;
	}
	
}

@media (max-width: 950px) {
		
	.site-header {
		padding: 10px 0 30px;
		padding: 1rem 0 3rem;
	}

	.site-title {
		width: 50%;
		padding-left: 20px;
		padding-left: 2rem;
	}

	.menu-toggle {
		display: block;
		margin-right: 20px;
		margin-right: 2rem;
	}

	.menu-toggle.hidden {
		display: none;
	}

	.primary-navigation {
		display: none;
		position: absolute;
		z-index: 9999;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #111;
		padding: 10px 20px;
		padding: 1rem 2rem;
		overflow-y: auto;
	}

	.toggled-on .primary-navigation {
		display: block;
	}

	.primary-navigation a {
		/*font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
		line-height: 4rem;*/
		/*font-size: 24px;
		font-size: 2.4rem;
		line-height: 34px;
		line-height: 3.4rem;*/
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 28px;
		line-height: 2.8rem;
	}

	.primary-navigation a:hover {
		color: #afb0ae;/*#28fe2c;*/
	}

	.site-navigation li {
		display: block;
	}

	.toggled-on #navigation-close {
		display: block;
	}

	.toggled-on #main {
		display: none;
	}

	body.single .entry-header,
	body.page .entry-header,
	.page-header {
		display: block;
		width: 100%;
		padding-right: 0;
		margin-bottom: 28px;
		margin-bottom: 2.8rem;
	}

	#main {
		padding: 0 20px;
		padding: 0 2rem;
	}

	body.single #primary,
	body.page #main-content {
		padding-left: 20.689655172%;
	}

	body.home .hentry,
	body.home .post-thumbnail,
	body.home .hentry img {
		height: auto;
		width: 100% !important;
	}

	body.home .hentry {
		display: block;
		padding-bottom: 20px;
		padding-bottom: 2rem;
	}

	body.home .hentry:last-of-type {
		padding-bottom: 0;
	}

	body.single #primary,
	body.page #main-content {
		padding-left: 0;
	}

	body.single .hentry,
	body.page .hentry,
	.page-content {
		width: 100%;
		padding-right: 0;
	}

	.post-thumbnail {
		display: block;
	}

	.gallery {
		display: block;
		margin-top: 28px;
		margin-top: 2.8rem;
	}

	.gallery-item {
		display: block;
		width: 100% !important;
		height: auto;
		padding: 0 0 20px;
		padding: 0 0 2rem;
	}

	.gallery-item:last-child {
		padding-bottom: 0;
	}

	.gallery-item img {
		width: 100% !important;
		height: auto;
	}

	.site-footer {
		padding-top: 30px;
		padding-top: 3rem;
	}
	
	ul.sub-menu {
	text-indent: 0em;
	padding-left: 1em;}
			
}

@media (max-width: 782px) {
	body.admin-bar .site-header {top: 46px;}
	.layout {width:80%;}
} 

@media (max-width: 768px) {
	
		.swiper-pagination-h {display: inherit;
	font-size: 14px;
	bottom: 20px !important;}

		#destra {
	margin-left: 16px;
	margin-right: 16px;
	}

	body {font-size: 15px; line-height: 20px;}
	
	.bio {font-size: 15px; line-height: 20px;}

	.gabbia {margin: 12px;}
	
	#altosx {
        top: 12px;
        left: 12px;
        }
		   
	#altodx {
        top: 12px;
padding-left: 44px;        }
		   
	#bassosx {
        bottom: 12px;
        left: 12px;
        }
		   
	#bassodx {
        bottom: 12px;
        right: 12px;
        }
	
}

@media (max-width: 507px) {
	
	.left {float: left; border-right: 0px; width: 100%; height: initial; overflow: scroll;
-webkit-overflow-scrolling:touch;}
	.right {float: right; width:100%; height: initial; overflow:scroll;
-webkit-overflow-scrolling:touch;}
	.slide-container {overflow-y: scroll;  -webkit-overflow-scrolling: touch; }
	.swiper-pagination {margin-bottom: 0px; margin-right: 16px !important;}
}
	
/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

@media print {
	body {
		/* Brute force since user agents all print differently. */
		background: none !important;
	}
}