/*
Theme Name: Virtuosi
Theme URI: http://virtuosi.com.br/
Author: Felipe Dario (fala@felipedario.com)
Author URI: http://felipedario.com
Description: Tema 2017 para Festival Virtuosi.
Version: 1.0
*/

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */


/* ==========================================================================
   GERAL
   ========================================================================== */
   
html, body, ul, ol, li{margin: 0;padding: 0;}

audio, canvas, iframe, img, svg, video {vertical-align: middle;}

.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;}

.c{clear: both;}

::-moz-selection { 
color: #fff;
background: #000;}

::selection {
color: #fff;
background: #000;}

a:link, a:visited{
text-decoration: none;
color: #000;}

a:active, a:focus, a:hover{
outline: none;
color: #fff;}

.edit-link a{
background: red;
color: #fff;	}

.home .edit-link{display:none;}



/* MOBILE VIRTUOSI XX */

@media only screen and (max-width: 799px) {
	
.page-template-virtuosixx-php #hero {
background-color: #201e1e !important;
background-repeat: no-repeat !important;
background-position: center !important;
position: absolute;
z-index: -99999;
top: 0;
left: 0;
width: 100%;}

.page-template-virtuosixx-php footer, 
.page-template-virtuosixx-php h1,
.page-template-virtuosixx-php nav,
.page-template-virtuosixx-php	.slicknav_menu{
display:none;}

.page-template-virtuosixx-php h2{
/*  z-index: 9999999999 !important; 
top:0;
left: 5px;
position: fixed;
font-size: 2em;
line-height: 1em;
font-weight: normal;
padding: 0;
margin: 0;
color: #fff; */
display:none;}
	
#vxx-content{
padding-top:500px;
font-size: 1.5em;
line-height: 1.5em;}

#vxx-content .float-img{
margin-left:-20px;
font-family: IntervalBook;
font-size:.75em;}

#vxx-content .float-img span{
display:block;
margin-left:20px;}	
	
}
   
/* ==========================================================================
   DESKTOP
   ========================================================================== */

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

/* geral */

.slicknav_menu {display:none;}

body{
background: #bebebe;
color: #000;
font-size: 16px;
font-family: NimbusSanLRegular, sans-serif; }

#top, #bottom, #left, #right {
background: #000;
position: fixed;}

#left, #right {
top: 0; bottom: 0;
width: 20px;}

#left { left: 0; }
#right { right: 0; }
		
#top, #bottom {
left: 0; right: 0;
height: 20px;}

#top { top: 0; }
#bottom { bottom: 0; }
   
#wrap{
width: 900px;	
margin: 20px auto 0;
padding: 20px 0;
position: relative;
min-height: 400px;}

#breadcrumb{
position: absolute;
top:15px;
right: 0;
width: 270px;
text-align: right;
font-size: .7em;
line-height: 1.2em;
font-family: IntervalBold;}

#main{
margin-top: 75px;}

footer{border: 1px solid #000;
color: #fff;
background: #000 url(patroc.png) bottom center no-repeat;
font-size: .8em;
line-height: 1.3em;
margin-top: 50px;}
	
footer a{
color: #fff !important;
text-decoration:underline !important;}	
	
#footer-inner{
width: 900px;
background: url(logo.png) top right no-repeat;
overflow: hidden;
margin:25px auto 90px;}	
	
#footer-inner p {
float: left;
width: 180px;
padding-right: 60px;}	
	
/* header */

h1{
color: #fff;	
line-height: 1em;
margin: -13px 0 0 0;
padding: 0;
font-size: 1em;
font-weight: normal;}

h1 a{
padding-bottom:62px !important;}

nav{
z-index: 9999999 !important;
position: absolute;
top:0;
left: -20px;
width: 550px;
font-size: 2em;}

nav ul ul a{display: block;}

nav ul{
line-height:.8em;
list-style: none;}

nav ul ul{
position: relative;}

nav ul a:link, nav ul a:visited{
color: #fff;
padding: 7px;}

nav ul a:hover, nav ul a:hover, nav ul a:hover{
text-decoration: underline;}

nav:hover h1 a {
text-decoration: underline;}

nav li:hover>a {
text-decoration: underline;}
	
nav ul ul{
display: none;} 

nav ul>li:hover>ul{
display: block;}

.level1{
width: 650px;
height: 540px;
position: absolute;
top:62px;
left: 0;}

.level2{
display: none;
position: absolute;
top: 0;
left: 210px;
width: 690px;
height: 540px;}

.level3{display: none;
position: absolute;
top: 0;
left: 355px;
	}

nav li:hover .level1{
display: block;}

nav ul ul{
overflow: hidden;}

nav ul ul a{display: block;	}

.fb-link{
margin-top: 1.3em;}


/* home */

#slide-home {
margin:-25px 0 100px;}
	
.n2-ss-widget{
width: 500px !important;	
padding-left:100px;}	
	
.n2-ss-widget:before {
content: "\2192";
color:#fff;
font-size:2em;
display: block;
padding-left:20px;}

.home #hero {
background: none !important;}
	
#feat-links{
z-index: 9999999 !important;
position: absolute;
top: -23px;
right: -20px;
width: 300px;
font-size: 2em;}

#feat-links a:link, #feat-links a:visited{
display: block;
color: #fff;
padding: 7px;
margin-bottom: 1em;}

#home-main{
position: relative;}

.ultimas{
width: 700px; 
float: left;}

h3{
margin: 0;
font-weight: normal;
font-size: .8em;
line-height: 1.2em;
margin-bottom: 1.2em;}

div.tab {
margin-bottom: 60px;
overflow: hidden;}

div.tab button {
margin: 0 25px 0 0;
padding: 0;
font-weight: normal;
font-size: .8em;
line-height: 1.2em;
margin-bottom: 1.2em;
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;}

div.tab button:hover {
color: #fff;}

div.tab button.active {
color: #fff;}

.tabcontent {
display: none;}

.ultimas ul{
list-style: none;}

.ultimas li{
display: inline-block;
vertical-align: top;}

.ultimas a{
line-height: 1.2em;
padding:0 20px 25px 0;
float:left;
width: 200px;
height: 150px;
display: block;}

.link-date{color:#808080;}

.ultimas a img {
max-width: 300px;
max-height: 300px;
position: absolute;
z-index: 9999999999;
display:none;} 

#search #s {
width: 200px;
color: #000;
font-size: 16px;
font-family: NimbusSanLRegular, sans-serif;
background: #bebebe;
border: none;
margin-bottom: 20px;}

#search #s:hover, #search #s:active, #search #s:focus {
background: #fff;}
	
#home-sidebar{
width: 200px;
float: right;}
	
#home-sidebar h4{
margin: 0;
font-weight: normal;
font-size: .8em;
line-height: 1.2em;
margin-bottom: 1.2em;
color:#808080;}

#home-sidebar ul{
list-style: none;}

#home-sidebar a{
line-height: 1.2em;
margin:0 0 25px 0;
display: block;} 


/* noticias */

#noticias-main{
margin-top: -50px;
position: relative;}

#noticias-main .ultimas{
width: 700px; 
float: left;
overflow: hidden;}

#noticias-sidebar{
width: 200px;
float: right;}

#noticias-sidebar ul{
list-style: none;}

#noticias-sidebar a{
line-height: 1.2em;
padding:0 0 25px 0;
display: block;
position:relative;}

#noticias-sidebar img{
display: none;}

#noticias-sidebar a:hover img{
max-width: 300px;
max-height: 200px;
position:absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
z-index:9999999999;}



/* blog */

#post-list{
width: 675px;
float: right;}
  
article{
margin-bottom: 100px;}
  
article h2{
width: 290px;
margin: 0 0 30px 0;
font-family: IntervalBook;
font-weight: normal;
text-transform: uppercase;
font-size: 1.15em;
line-height: 1.2em;}

h2 a{
display: block;}

.post-content{
float:left;
width: 480px;
font-family: IntervalBook;
line-height: 1.25em;}

.gallery img{border: none !important;}

.post-date{clear:both;}

.slideshowlink{display:none;}

.blog-sidebar{
width: 200px;
float: left;
line-height: 1.4em;}

#cat-links{
margin-bottom: 75px;}

.next-post, .prev-post{
margin-bottom: 1.2em;
display: block;}

.blog-sidebar ul{
list-style: none;}

#blog-nav{
width: 725px;
float: right;
list-style: none;
overflow: hidden;}

#blog-nav a{
display: block;
float: left;
padding: 10px;}

#blog-nav .prev a, #blog-nav .next a{
padding:  10px 50px;}

#blog-nav .active a{
color: #fff;}


/* festival */
	
#festival-slider{
margin-top:-25px;}	

/* .page-template-festival-php #hero {
background-size: cover !important;
position: absolute;
z-index: -99999;
top: 0;
left: 0;
height:630px;
width: 100%;} */

.page-template-festival-php h1 span {
display: block;
margin: 5px 0 0 160px;}
	
#festival-content{
font-family: IntervalBook;
font-size: 1.15em;
line-height: 1.2em;
float: right;
width: 450px;}

#festival-sidebar{
margin-top: 17px;
overflow: hidden;	
width: 400px;
float: left;}

#festival-sidebar ul{
list-style: none;}
	
#festival-sidebar li{
float: left;
width:50%;}	

#festival-sidebar a{
line-height: 1.2em;
padding:0 30px 0 0;
display: block;}

#festival-sidebar img{
display: none;}

#festival-sidebar a:hover img{
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;}


/* artista */
	
.page-template-artista-php #hero {
background-repeat:no-repeat !important;
background-size: contain !important; 
background-position:center !important;
position: absolute;
z-index: -99999;
top: 0;
left: 0;
height:400px;
width: 100%;} 

#artista-sidebar{
margin-top: 330px;
width: 180px;	
float: right;}

#artista-sidebar ul{
line-height: 1.25em;
list-style: none;}

#artista-content{
margin-top: 330px;
font-family: IntervalBook;
width: 460px;
float: left;}


/* lista artistas */

.lista-artistas{
font-size:2em;
line-height: 1.3em;
list-style: none;}

.lista-artistas li{
width: 280px;
float: left;}
	
.lista-artistas a{
padding-right:20px;
display:block;}

.lista-artistas a img {
max-width: 300px;
max-height: 300px;
position: absolute;
z-index: 9999999999;
display:none;} 

	
/* list festivais */

.lista-festivais{
width: 620px;
line-height: 1.5em;
list-style: none;}

.lista-festivais>li{
width: 33%;
float: left;	}

.lista-festivais ul{
list-style: none;
margin: 0 0 1.2em 0;}

.lista-festivais ul li {	
position: relative;}
	
.lista-festivais img{
display: none;}

.lista-festivais a{
display: block;	}

.lista-festivais a:hover img{
max-width: 300px;
max-height: 400px;
position:absolute;
top: 40%;
left: 180%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
z-index:9999999999;}





/* especial - poema viola etc. */

.page-template-especial-php #hero {
background-size: cover !important;
position: absolute;
z-index: -99999;
top: 0;
left: 0;
height:470px;
width: 100%;}

.page-template-especial-php h1 span {
display: block;
margin: 5px 0 0 160px;}
	
#especial-content{
margin-top: 370px;
font-family: IntervalBook;
font-size: 1em;
line-height: 1.3em;
float: left;
width: 450px;}

#especial-sidebar{
margin-top: 390px;
overflow: hidden;	
width: 300px;
float: right;}



/* virtuosi xx */

.page-template-virtuosixx-php #hero {
background-color: #201e1e !important;
background-repeat: no-repeat !important;
background-position: center !important;
position: absolute;
z-index: -99999;
top: 0;
left: 0;
height:1280px;
width: 100%;}

.page-template-virtuosixx-php footer, 
.page-template-virtuosixx-php h1{
display:none;}

.page-template-virtuosixx-php h2{
/* color: #fff;	
line-height: 1em;
margin: -13px 0 0 0;
padding: 0;
font-weight: normal;
z-index: 9999999 !important;
position: absolute;
top:0;
left: -20px;
font-size: 2em;
*/
display:none;}
	
#vxx-content{
margin-top: 1310px;
font-size: 1.5em;
line-height: 1.5em;
margin-left:25%;
width: 600px;}

#vxx-content .float-img{
position:absolute;
/* top:1860px; */
left:-60px;
font-family: IntervalBook;
font-size:.5em;}

#vxx-content .float-img span{
display:block;
margin-left:30px;}

	
/* imprensa */	

#imprensa-main {
width: 600px;
font-size:1.5em;}

#imprensa-bit{
width:400px;
text-align:right;
position:absolute;
bottom:0px;
right:0px;}


/* agenda */

#agenda-main {
width: 430px;
font-size:2em;}
	
#agenda-main a{
display:block;
position:relative;}	
	
#agenda-main a:after{
position:absolute;
top:0;
left:460px;
content:"Info";
vertical-align:top;
text-decoration: underline;}	

	
}   
   
/* ==========================================================================
   CELULAR
   ========================================================================== */

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

/* geral celular */

img{
max-width: 100%;}

body{
font-variant-ligatures: common-ligatures; 
text-rendering: optimizeLegibility;
margin: 0;
padding: 0;
background: #bebebe;
color: #000;
font-family: 'Nimbus', sans-serif;
border-left: 10px solid #000;
border-right: 10px solid #000; 
min-height: 900px;}

body:before, body:after {
content: "";
position: fixed;
background: #000;
z-index: 99999;
left: 0;
right: 0;
height: 10px;}

body:before {top: 0;}
    
body:after {bottom: 0;}
   
#wrap{	
padding: 0 20px 20px;
position: relative;
min-height: 900px;}

#breadcrumb{
display: block;
font-size: .8em;
line-height: 1.2em;
font-family: IntervalBold;}

#main{
position: relative;
margin-top: 40px;}

footer{
background: url(logo-virtuosi.png) top right no-repeat;
padding: 0 100px 0 0;
font-size: .8em;
line-height: 1.4em;
font-family: IntervalBold;	
margin: 0;}

/* header celular */


h1{
z-index: 9999999999 !important;
top:0;
left: 5px;
position: fixed;
font-size: 2em;
line-height: 1em;
font-weight: normal;
padding: 0;
margin: 0;}

nav ul{list-style: none;}

nav ul ul{display: none;}

nav ul a:link, nav ul a:visited{
color: #fff;}

nav a{display: block;}


/* home celular */

.home #hero{
background-size: cover !important;
position: absolute;
z-index: -9;
top: 0;
left: 0;
height:500px;
width: 100%;}


#feat-links{
height:450px;
font-size: 2em;}

#feat-links a:link, #feat-links a:visited{
display: block;
color: #fff;
margin-bottom: 1em;}

#home-main{}

.ultimas{}

h3{
margin: 0;
font-weight: normal;
font-size: .8em;
line-height: 1.2em;
margin-bottom: 1.2em;}

.ultimas ul{
list-style: none;}

.ultimas a{
line-height: 1.2em;
padding:0 0 25px 0;
display: block;}

.ultimas img{
display: none;}


#home-sidebar{}

#home-sidebar ul{
list-style: none;}

#home-sidebar a{
line-height: 1.2em;
margin:0 0 25px 0;
display: block;}



/* noticias celular */

#noticias-sidebar ul{
list-style: none;}

#noticias-sidebar a{
line-height: 1.2em;
padding:0 0 25px 0;
display: block;}

#noticias-sidebar img{
display: none;}

/* blog celular */

article{
margin-bottom: 70px;}

.blog-sidebar{
line-height: 1.4em;}

.next-post, .prev-post{
margin-bottom: 1.2em;
display: block;}

.blog-sidebar ul{
list-style: none;}
   
.blog-content{}

.blog-content h2{
margin: 0 0 30px 0;
font-family: IntervalBook;
font-weight: normal;
text-transform: uppercase;
font-size: 1.15em;
line-height: 1.2em;}

h2 a{
display: block;}

.post-content{
font-family: IntervalBook;
line-height: 1.25em;}

#blog-nav{
margin: 0 0 30px -20px;
list-style: none;
overflow: hidden;}

#blog-nav a{
display: none;
float: left;
padding: 20px;}

#blog-nav .prev a, #blog-nav .next a, #blog-nav .active a{
display: block;}

#blog-nav .active a{
color: #fff;}

/* festival celular */

#festival-header{
font-family: IntervalBook;}

#festival-header h2{
font-weight: normal;
text-transform: uppercase;
font-size: 1.15em;
line-height: 1.2em;	}

#festival-header p{
font-size: 1.15em;
line-height: 1.2em;	}

#festival-content{
font-family: IntervalBook;
font-size: 1.15em;
line-height: 1.2em;}

#festival-sidebar{
margin-bottom: 20px;
overflow: hidden;}

#festival-sidebar ul{
list-style: none;}

#festival-sidebar a{
float: left;
line-height: 1.2em;
padding:0 30px 0 0;
display: block;}

#festival-sidebar img{
display: none;}

#festival-gallery{
margin-bottom: 40px;}

/* artista celular */

#artista-sidebar{}

#artista-sidebar img{
margin: 0 0 20px 0;	}

#artista-sidebar ul{
line-height: 1.25em;
margin: 0 0 20px 0;
list-style: none;}

#artista-content{
margin-bottom: 40px;
font-family: IntervalBook;}

#artista-content h2{
font-weight: normal;
text-transform: uppercase;
font-size: 1.15em;
line-height: 1.2em;	}


/* lista artistas celular */


.lista-artistas{
margin-bottom: 40px;
line-height: 1.2em;
list-style: none;}

.lista-artistas img{
display: none;}

.lista-artistas a{
display: block;	}


/* list festivais celular */

.lista-festivais{
margin-bottom: 40px;
line-height: 1.2em;
list-style: none;}

.lista-festivais ul{
list-style: none;
margin: 0 0 1.2em 0;}

.lista-festivais img{
display: none;}

.lista-festivais a{
display: block;	}


/* especial - poema viola etc. celular */

.page-template-especial-php #hero{
background-size: cover !important;
position: absolute;
z-index: -9;
top: 0;
left: 0;
height:500px;
width: 100%;}

.page-template-especial-php article{
margin-top: 500px;}

}
	



/* ==========================================================================
   Helper classes
   ========================================================================== */
   

.c{clear: both;}

.hidden {
    display: none !important;
    visibility: hidden;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}