/* A N T I C O N T I N EN T E */




/* Base */
body {font-family: 'Inconsolata', monospace; color: #042931}
.bg{background: #fff url("../images/bg3.jpg") center center fixed;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
header{background: #fff; height: 60px}

h1,h2,h3{font-family: 'Crimson Text', serif;}
h2{font-size: 32px}
h2 span{font-family: 'Inconsolata', monospace; font-size: 16px; text-transform: uppercase; display: block; letter-spacing: .1em}

a, a:hover, a.active, a:link, a:visited{color:#042931; text-decoration:none; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out; outline: 0;}
a.link-custom{text-decoration: underline;}


/* Commons */
.air{margin-top: 40px; margin-bottom: 40px}
.air-top{margin-top: 40px}
svg.svg-logo{margin: 0 auto; width: 100%}
.img-responsive { /* other definitions */width:100%;}
.img-buy{max-width: 200px}

/* Navbar */
.navbar.navbar-custom{ background: rgba(255, 255, 255, 0.6);; border:none; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.navbar.navbar-custom .navbar-nav li{float: none; display: inline-block}
.navbar.navbar-custom .navbar-nav {float: none; margin: 0 auto;text-align: center;}
.navbar.navbar-custom .navbar-nav li a{text-transform: uppercase; letter-spacing: .2em; font-size: 16px}
.navbar-custom .navbar-nav>.active>a, .navbar-custom .navbar-nav>li>a:hover, .navbar-custom .navbar-nav>li.active>a:hover{background: none; border-bottom:1px solid #042931 }
.navbar-custom .navbar-nav>.active>a, .navbar-custom .navbar-nav>.active>a:focus, .navbar-custom .navbar-nav>.active>a:hover,.navbar-custom  .nav>li>a:focus{background:transparent; border-bottom:1px solid #042931}
img.img-toggle.active, img.img-toggle:focus, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: none}
.navbar-brand{letter-spacing: .2em; font-size: 16px; line-height: 30px}

/* Songs */
a.song{display: block; text-align: center; padding: 10px; border-bottom:1px solid rgba(0,0,0,.2)}
a.song:hover{background: rgba(0, 0, 0, 0.2); color: #e0d9d1}
a.song iframe{margin: 20px auto 0 auto; width: 100%}
.collapse.in{padding-bottom: 20px;}
.col-letra{text-transform: lowercase}

/* Live */
.live h2{text-align: center;}
.live p{text-align: center; font-size: 16px}


/* Icon - animated */
@keyframes rotate {from {transform: rotate(0deg);}
to {transform: rotate(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}}
.icon-rotate{
-webkit-animation: 70s rotate linear infinite;
animation: 70s rotate linear infinite;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
#icon-rotate {
-webkit-animation-direction: reverse;
animation-direction: reverse;
}


/* Parallax */
#taldea { background-image: url(../images/taldea.png); background-repeat: no-repeat; background-position: top; min-height: 420px; background-size:cover; background-size:cover;}


/* footer */
footer{background: #042931; color: #e0d9d1; padding: 60px 20px; margin-top: 100px; text-align: center;}
footer a i.fa{color: #e0d9d1; font-size: 36px; padding: 10px}
footer a:hover i.fa{color: #e0d9d1}
footer p{letter-spacing: .2em}
a.btn.btn-custom{padding: 10px 20px; color: #e0d9d1;  border: 1px solid #e0d9d1; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; margin: 20px 0}
a.btn.btn-custom:hover{color:#fff; border-color: #fff}

/* ----------------------- Mediaquieries ----------------------- */
@media only screen and (max-width : 780px) {
  .navbar.navbar-custom .navbar-nav li{display:block}
  .navbar.navbar-custom{ background: #fff;}
  .navbar-custom .navbar-nav>.active>a, .navbar-custom .navbar-nav>li>a:hover, .navbar-custom .navbar-nav>li.active>a:hover{ border:none; }

}


@media only screen and (max-width : 480px) {
  .icon-rotate{max-width: 280px; margin: 0 auto}
  footer{padding: 20px; margin-top: 40px}
  h2{font-size: 26px; line-height: 30px}
  .col-letra:first-child{margin-bottom: 20px; border-bottom: 1px solid #999; padding-bottom: 20px}
}


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

}