/*
	Theme Name: Isabel Lenza
	Description: 
	Author: Simone Mozzilli
	Tags: wordpress, responsive, bootstrap
	version: 1.0
*/

/* ALL */
*{margin:0; padding:0; outline:none;}
html, body{font:normal 14px/140% 'Open Sans', sans-serif; color:#603813; background:#FFF;}
.clear{clear:both;}
.text-indent{text-indent:-9999px; display:block;}
a{text-decoration:none; outline:none; color:#603813;}
a:hover,
a.active,
a:focus{text-decoration:none; outline:none; color:#603813;}
.margin30{margin-bottom:30px;}
.overflow{overflow:hidden;}
.none{display:none;}
label{font-weight:normal;}
h1, .h1, h2, .h2, h3, .h3{margin-top:0;}
.hide-mobile{display:block;}
.show-mobile{display:none;}
.image{display:block;}
.image img{max-width:100%; height:auto; margin:0 auto; display:block;}
.space-top{display:block;}

/* BTN */
.btn{-webkit-box-shadow: inherit !important; box-shadow: inherit !important; white-space:inherit;}

.btn-primary{background:#603813; border-color:#603813; font:700 13px/140% 'Open Sans', Arial; transition:.3s;}
.btn-primary:hover{background:#F8C311; color:#5F3813; border-color:#F8C311;}

.btn-default{border:none !important; color:#603813; font:700 13px/140% 'Open Sans', Arial; text-transform:uppercase; transition:.3s;}
.btn-default:hover{background:#603813; color:#FFF;}

.btn-info{border:1px solid #603813; background:#FFF; color:#603813; padding:10px; display:block; font:700 33px/100% 'Open Sans', Arial; text-transform:uppercase; border-radius:10px; transition:.3s;}
.btn-info.active{background:#38BFC4; color:#FFF;}



/* HEADER */
header{width:100%; height:54px; margin:0 auto; background:rgba(255,253,249,1); top:0; left:0; z-index:888;}


/* NAV */
header .navbar-inverse .navbar-inner{height:auto; background:transparent; border:none; box-shadow:none; position:relative;}
header .navbar-brand{background:url('images/logo.png') center center no-repeat; background-size:cover; width:150px; height:auto; padding:0 !important; margin:14px 0; text-indent:-9999px;}
header .navbar-inverse{background:transparent; border:none; margin-bottom:0; position:inherit;}
header nav ul{margin:0; padding:18px 0 0 45px; list-style-type:none; float:left;}
header nav li{float:left; margin:0 15px;}
header nav li a{font:400 12px/100% 'Open Sans', Arial; color:#C2A76B; padding:0; text-transform:uppercase; transition:.3s;}
header .current-page-ancestor a,
header .current-menu-item a, 
header nav li a:hover{color:#9F8958;}

#menu-item-97{float:right;}
#menu-item-97 > a{display:none;}
#menu-item-97 .sub-menu{position:absolute; right:5px; padding:0;}
#menu-item-97 .sub-menu img{margin-top:-3px; width:20px;}



/* NAV RESPONSE */
.navbar-inverse .navbar-toggle{margin:12px 0 0 0; padding:0; border:none; border-radius:inherit; position:relative; z-index:9999; transition:.3s;}
.navbar-inverse .navbar-toggle .icon-bar{background:#603813; width:38px; height:2px; margin-bottom:11px; transition:.3s;}
.navbar-inverse .navbar-toggle:focus .icon-bar,.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:checked .icon-bar,.navbar-inverse .navbar-toggle:active .icon-bar
{background:#603813;}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:checked,.navbar-inverse .navbar-toggle:active
{background:#FFF;}
.navbar-inverse .navbar-toggle.active .icon-bar{display:none; background:#FFF;}
.navbar-inverse .navbar-toggle.active .icon-bar:nth-child(2){transform: rotate(50deg); -webkit-transform: rotate(50deg); display:block;}
.navbar-inverse .navbar-toggle.active .icon-bar:nth-child(4){transform: rotate(-50deg); -webkit-transform: rotate(-50deg); margin-top:-14px; display:block;}
.navbar-inverse .navbar-toggle.active{background:none; position:fixed; z-index:99999; right:2%; top:15px;}


/* HOME */

#about{background:#FFF; text-align:center; margin:0 -15px 0 -15px;}
#about img{width:100%; height:auto;}

#video{position:relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#listen{background:#FFF; text-align:center; padding-top:26px;}
#listen h2{font-size:13px;}
#listen a{width:41px; height:41px; background: center center no-repeat; display:block; margin:5px 5px 40px 5px; display:inline-block; text-indent:-9999px;}
#listen .apple{background-image:url('images/listen-apple.png'); background-size: 40px 42px;}
#listen .spotify{background-image:url('images/listen-spotify.png');background-size: 40px 42px;}
#listen .youtube{background-image:url('images/listen-youtube.png'); background-size: 40px 42px;}
#listen .deezer{background-image:url('images/listen-deezer.png'); background-size: 40px 42px;}
#listen .google{background-image:url('images/listen-google.png'); background-size: 40px 42px;}


/* RELEASE */

#release-presskit{background:#FFF; padding:30px 0 30px 0; text-align:center;}
#release-presskit .button{width:160px; height:30px; background:#C2A76B; border-radius:3px; padding-top:5px; margin:auto; transition:.3s;}
#release-presskit .button p{text-align:center; margin:0 auto 0 auto; font-size:12px;}
#release-presskit .button a:hover{background:#9F8958; color:#FFF;}

#release-imagem img{width:100%; height:auto;}

#release{background:#FFF; padding:20px 30px 40px 30px;}
#release p{text-align:left; margin:0 auto 0 auto; font-size:12px;}


/* INTERNALS */
section{padding:40px 0; font-size:14px; line-height:180%; text-align:center;}
section h1{font-size:30px; font-weight:700; margin-bottom:30px; text-align:center;}
section img{width:260px; height:auto;}


/* GALERIA */
#fotos{overflow:hidden;}
.gallery-item{width:33%; float:left; margin:0 !important;}
.gallery-item img{max-width:100%; height:auto; border:none !important;}
.gallery-caption{display:none;}


/* FOOTER */
footer{background:#FFFDF9; padding:20px 0 30px 0; text-align:center;}

footer .social{text-align:center;}
footer .social a{width:41px; height:41px; background:#C2A76B center center no-repeat; display:block; margin:20px 5px 40px 5px; display:inline-block; text-indent:-9999px; border-radius:100%; transition:.3s;}
footer .social .facebook{background-image:url('images/facebook.png'); background-size: 13px 25px;}
footer .social .youtube{background-image:url('images/youtube.png');background-size: 24px 24px;}
footer .social .instagram{background-image:url('images/instagram.png'); background-size: 24px 24px;}
footer .social .twitter{background-image:url('images/twitter.png'); background-size: 24px 24px;}
footer .social .contato{background-image:url('images/contato.png'); background-size: 24px 24px;}
footer .social a:hover,
footer .social a:focus{background-color:#9F8958;}

footer .contatos{clear:both; padding-bottom:40px; font-size:13px; color:#C2A76B;}
footer .contatos a{display:block; margin-bottom:20px; color:#C2A76B; transition:.3s;}
footer .contatos a:hover{color:#9F8958;}

footer .copyright{font-size:11px; color:#C2A76B; text-align:center;}



/*Media Queries**********************************************/
@media(max-width:992px) {
	header nav ul{padding-left:20px;}
	header nav ul li{margin:0 10px;}
}

@media(max-width:768px) {
	.hide-mobile{display:none;}
	.show-mobile{display:block;}
	
	#menu-item-97 .sub-menu{right:0; background:none;}

	footer .social{float:inherit; text-align:center; margin-bottom:20px; clear:both;}
	footer .social a{float:inherit; display:inline-block; margin:10px;}


	.navbar-collapse{background:rgba(35,35,35,.98); float:none; text-align:center; top:0; left:0; opacity:0; position:fixed; width:100%; height:100% !important; z-index:444; margin:0; transition:.3s;}
	.navbar-collapse ul{background:url('images/logo-mobile.png') center 13px no-repeat; padding:80px 0 10px 0; width:100%;}
	.navbar-collapse ul li{clear:both; float:none; margin:0; margin-bottom:14px;}
	.navbar-collapse ul li a{font-size:16px; color:#FFF; text-align:center; padding:10px 0; display:block; width:100%; margin:0 auto;}
	.navbar-collapse.in{opacity:1;}


}