/* --------------------------------
valeriovigliar.it v2.3
author: kwaaui.com
-------------------------------- */

::selection { color: #000; text-shadow: none; background-color: #DAE5ED; }

html, body { min-height: 100vh; }
body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #ccc;
	background-color: #000;
	background-image: url(/img/bgs/bg-grunge.jpg);
	background-repeat: repeat;
	background-position: 50% 0;
/* 	background-attachment: fixed; */
	background-size: 100%;
	letter-spacing: .03rem;
	text-rendering: optimizeLegibility;
/* 	text-shadow: 1px 1px 0px #000; */
	overflow-x: hidden;
}
h1, h2 { font-weight: 500; }
a, button, .nav-link {
	color: #eee;
	opacity: .7;
	text-decoration: none;
	transition: all .5s ease;
}
a:hover, a:focus, .state-hover, button:hover {
	color: #eee;
	opacity: 1;
	text-decoration: underline;
}
a:focus { outline: thin dotted; }

button:focus, button:hover, .nav-link:focus, .nav-link:hover { text-decoration: none;}

mark, .mark { color: #111; }
a.mark:hover { color: #000; }
button { padding: 0; border: 0; background-color: transparent; }

/* footer { position: absolute; bottom: 0; } */
footer .contacts { font-size: 2rem; margin: 0 auto 2rem; }
footer .contacts a { margin: 0 .7rem; }
footer .contacts:hover a { opacity: .3 }
footer .contacts a:hover { opacity: 1 }
footer span.btn { position: relative; margin-left: 0.6em; font-size: 1.2em;}

footer div.box {
	display: none;
	position: absolute;
	z-index: 100;
	bottom: 1.4em;
	left: 0px;
	min-width: 320px;
	margin-bottom: 0;
	padding: 0.6em 2em;
	font-size: 0.9em;
	background-color: rgba(0,0,0,0.9);
	border: 1px solid #eee;
}

main { overflow-x: hidden; }
section {
	/* width: 50%; */
	position: relative;
	margin: 6em 0 0;
	padding: 1em;
/* 	background-image: url(/img/bgs/bg-section.png); */
	background-repeat: repeat-y;
	background-position: 0 0;
	border-radius: 4px;
}
main section:first-child { margin-top: 0; }
main section:last-child { margin-bottom: 2em; }

/* ---- UTILITIES */
.pre-line { white-space: pre-line; }
.pre-wrap { white-space: pre-wrap; }
.corner-10 { border-radius: 10px; }
.corner-all { border-radius: 5px; }
.shade { box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.shadeThin { box-shadow: -4px 4px 4px rgba(0,0,0,0.5);}
.shadeW { box-shadow: 0 0 20px rgba(255,255,255,0.4);}
.shadeBottomBlue { box-shadow: 0 2px 10px rgba(56,68,82,0.4);}
dd { margin: 0 0 0 40px; }

/* ---- CLASSES */
.copyright { }

/* main nav */
.nav {}
.nav-link { margin: 0 .4rem;}
.nav-link:hover, .nav-link:focus, .nav-link:active, .nav-link.active {
	color: #111;
	background-color: #a4a4a4;
}
.nav-link.active {
	opacity: 1;
	cursor: default;
	pointer-events: none;
}

/* ITEMS */
.item {
	margin-bottom: 4em;
	padding: 2em;
/*
	background-color: rgba(20, 20, 20, .6);
	border-width: 0 0 2px 0;
	border-color: #444;
	border-style: solid;
 */
}
.item:after {
	content: "";
	padding-top: .5em;
	border-bottom: 2px solid #444;
}
.item p { padding: 4px 0; /* margin: 0; */ }
.item .poster { text-align: center; }
.item .poster img { max-height: 520px; }
.item h2 {
	margin-top: .625rem;
	font-weight: 300;
	color: #eee;
	text-transform: uppercase;
	border-top: 2px solid #eee;
}
.item .credits {
	font-size: 0.8125em;
	color: #D0C9BD;
	padding-bottom: .4rem;
	border-bottom: 1px solid #444;
}
.item .description { display: none; margin-top: 1em; padding-bottom: 2em; }
.item .links { font-size: .8125rem; overflow-x: hidden;}
.item .links a { font-weight: 700; display: block; margin-bottom: 1em; }

div.player span, div.audio span { display: none; }

.box {
/* 		margin-bottom: 2em; */
	padding: 0.5em;
	z-index: 1;
	background-color: rgba(0,0,0,0.3);
	background-repeat: repeat-y;
	background-position: 0 0;
	border-radius: 4px;
}
/* 	div.box.facebook iframe, .fb_iframe_widget, .fbConnectWidgetTopmost, .fbConnectWidgetTopmost  { width: 100% !important; } */
.box.video {
	float: right;
/* 	width: 400px; */
	margin-left: 1em;
}
/* .box.video iframe { width: 100%; min-height: 260px;} */
.box > h2 { text-transform: capitalize; }
.box > p { padding: 0 1.5em; }

.box > p time { font-size: 1.2em; color: #586B80; font-weight: 700; }
.box > p a { font-size: 1.1em; text-decoration: underline;}

div.audio object { min-height: 200px; }
div.twitter .twtr-doc { min-height: 400px; }

div.twt2d span { display: none;}
div.sndl {}
/*div.sndl > p { text-transform: none;}*/

.btn > a {
	font-size: 1em;
	margin: 0.5em;
	padding: 0.05em 0.3em;
	text-decoration: none;
	text-transform: capitalize;
	background-color: #222;
	border: 1px #eee solid;
	border-radius: 4px;
}

/* ---- IDs */

/* ---- HEADER */
#masthead { max-width: 1000px; margin: 0 auto 4em; text-align: center;}

/* ---- EXCEPTIONS */
#home main .events-text
{
	border-width: 1px 0 1px 0;
	border-color: #eee;
	border-style: solid;
}
#home main .events-text p { color: #D0C9BD; white-space: pre-wrap; max-height: 300px; overflow-y: scroll; }
#home .headline { text-align: center; position: relative;}
#home .headline > img {
	width: 110vw;
	margin: 0 0 0 -10vw;
	transform: rotate(-2deg);
	z-index: 0;
}
#home .headline .content { 
	z-index: 1;
	position: relative;
	margin: 0em auto 1em;
/* 
	position: absolute; 
	top: 5%; 
	right: 0; 
	left: 0; 
	bottom: 0; 
 */
}
#home .headline h2, #home .headline h3 { margin-bottom: 1.2rem; }

#bio main { margin-bottom: 5rem; }
#bio .headline { white-space: pre-line; }
#bio .items { display: none; }

#private .container { max-width: 1200px; }
#private li
{
/* 	border-bottom: 1px #3B3C3D dashed; */
/* 	padding-bottom: .4rem; */
}

/* -- kwaaui TAB { */
#kwaauiTab {
	z-index: 21;
	display: block;
	box-sizing: border-box;
	position: fixed;
	bottom: .625rem;
	right: 0;
	margin: 0 !important;
	padding: 0 0 0 1rem !important;
	width: 0;
	height: 1rem;
	overflow: hidden;
	text-align: left;
	background-color: rgba(255,255,255,.4) !important;
	background-image: url(//www.kwaaui.com/ext/kwaauiTab.png);
	background-repeat: no-repeat;
	background-position: .125rem 50%;
	border-radius: .125rem 0 0 .125rem;
	opacity: .4;
	transition: all .15s ease;
	text-shadow: none;
}
#kwaauiTab:hover, #kwaauiTab:focus, #kwaauiTab:active {
	width: 4.25rem;
	text-decoration: none !important;
	outline: none !important;
	opacity: 1;
}
/* } /kwaaui TAB */

/* ---- MEDIA QUERIES */
@media (max-width: 1000px) {
	ul.HL > li > a {
		width: 190px;
		height: 190px;
		margin: 30px;
		font-size: 1.6em;
	}
	#home .column { width: auto; }
}

@media (max-width: 860px) {
	body { background-size: 150%; }
	#home .headline > img {width: 140vw; margin: 0 -60vw;}
/* 	#home .headline .content { margin: -12em auto 1em; } */
}