/*
Theme Name: Indiespot 2014
Theme URI: http://www.indiespot.es
Version: 1
Author: Andreu Llos, Josep Roman & Aitor Murillo
*/


@charset "UTF-8";

@font-face {
  font-family: 'Life';
  src: url('fonts/LifeBT-Roman_0.eot'); /* IE9 Compat Modes */
  src: url('fonts/LifeBT-Roman_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/LifeBT-Roman_0.woff') format('woff'), /* Modern Browsers */
       url('fonts/LifeBT-Roman_0.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/LifeBT-Roman_0.svg#351b33d9ee65d2c6406532d07f1d8592') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}
@font-face {
  font-family: 'BauLF-Medium';
  src: url('fonts/BauLF-Medium.eot'); /* IE9 Compat Modes */
  src: url('fonts/BauLF-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/BauLF-Medium.woff') format('woff'), /* Modern Browsers */
       url('fonts/BauLF-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/BauLF-Medium.svg#e45b12df8681d737d495befcd37e252a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}

@font-face {
  font-family: 'BauLF-Regular';
  src: url('fonts/BauLF-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/BauLF-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/BauLF-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/BauLF-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/BauLF-Regular.svg#68f445691d5159f83ca877a0ff3bcb0b') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}

@font-face {
  font-family: 'BauLF-Bold';
  src: url('fonts/BauLF-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/BauLF-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/BauLF-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/BauLF-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/BauLF-Bold.svg#7201bf17aac257724904103404fbf134') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}

@font-face {
  font-family: 'Chronicle Display';
  src: url('fonts/ChronicleDisp-Roman.eot'); /* IE9 Compat Modes */
  src: url('fonts/ChronicleDisp-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ChronicleDisp-Roman.woff') format('woff'), /* Modern Browsers */
       url('fonts/ChronicleDisp-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/ChronicleDisp-Roman.svg#0ab10d81df69ad32de7149b180e0eb01') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}
@font-face {
  font-family: "indiespot";
  src:url("fonts/indiespot.eot");
  src:url("fonts/indiespot.eot?#iefix") format("embedded-opentype"),
    url("fonts/indiespot.woff") format("woff"),
    url("fonts/indiespot.ttf") format("truetype"),
    url("fonts/indiespot.svg#indiespot") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before { font-family: "indiespot" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
[class^="icon-"]:before,
[class*=" icon-"]:before { font-family: "indiespot" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-facebook:before {		content: "f";}
.icon-twitter:before {		content: "t";}
.icon-vimeo:before {		content: "v";}
.icon-googleplus:before {	content: "g";}
.icon-plus:before {			content: "+";}
.icon-up:before {			content: "^";}
.icon-right:before {		content: ">";}
.icon-down:before {			content: "d";}
.icon-left:before {			content: "k";}
.icon-arrow-down:before {	content: "D";}
.icon-arrow-left:before {	content: "l";}
.icon-arrow-right:before {	content: "r";}
.icon-arrow-up:before {		content: "u";}
.icon-close:before {		content: "x";}
.icon-toggle-menu:before {	content: "m";}
.icon-email-white:before {	content: "e";}
.icon-email-black:before {	content: "E";}
.icon-indiespot-i:before {	content: "i";}
.icon-youtube:before {		content: "y";}

.pos-fix{ position: fixed}


/* ----- Main */

body{ margin: 0; padding: 0; font-family: 'BauLF-Regular'; color: #010101; font-size: 12px; -webkit-font-smoothing: antialiased; padding-top: 150px; }

::selection {
  background: #efefef; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #efefef; /* Gecko Browsers */
}


.site-content{ margin: 0; margin-top: 65px;}

hr{ border-top: 1px solid #010101;  margin: 11px auto 15px;}
hr.green{ border-top: 1px solid #00D25A;}
hr.gray{ border-top: 1px solid #dddddd;}
body.dark hr.gray { border-color: rgb(77,77,77); }
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal}

a{ color: #010101; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
a:hover,
a:focus, 
a.active{ text-decoration: none; color: #00D25A}
.container-fluid{ max-width: 1280px}
.no-padding-left{ padding-left: 0;}
.no-padding-right{ padding-right: 0;}

.dark{ color: #fff; background: #000}
.dark a{ color: #fff}

textarea,input{ outline: none; -webkit-font-smoothing: antialiased}

.img-responsive{ width: 100%}

#no-results p { text-align: center; font-size: 24px; margin-bottom: 24px; }
body.error404 #no-results p { margin-top: 20px; }

/* ----- Title block and Line separator */

.title-block{ font-family: 'BauLF-Medium'; font-size: 16px; text-transform: uppercase; margin-bottom: 30px;}
.block-space{ margin-bottom: 30px}

.module, .item { opacity: 0; }


/* ----- Read more */

.read-more{ margin-bottom: 30px; clear: both; }
.read-more div{ font-family: 'Life'; font-size: 16px; height: 22px; color: transparent; transition: all .25s ease-in-out;}
.read-more a:hover div{ color: #010101}
.read-more span{ font-family: 'Life', Helvetica, Arial, sans-serif; font-size: 33px; position: relative; top: -10px; font-weight: 200; color: #00D25A}

/* Box caption opacity */

.item .caption-image{ position: relative}
.item .caption-image .overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0); transition: all .25s ease-in-out;}
.item:hover .caption-image .overlay{  background: rgba(255, 255, 255, .4);}

/* Box caption opacity BLACK ON */

.item .caption-image-dark-on{ position: relative}
.item .caption-image-dark-on .overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); transition: all .25s ease-in-out;}
.item:hover .caption-image-dark-on .overlay{  background: rgba(0, 0, 0, 0);}


/* Table cell middle align */

.caption-table{ position: relative; display: table; width: 100%; height: 100%; min-height: 100%;}
.caption-table-cell{ display: table-cell; vertical-align: middle}
.caption-table-cell h1{ color: #000; opacity: 0; transition: all .25s ease-in-out;text-transform: uppercase;max-width: 90%;margin-left: 5%; word-break: break-all}
a:hover .caption-table-cell h1{ opacity: 1;}

/* Transition */

.transition025{ transition: all .25s ease-in-out}
.colortrans { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out;  }


/* FLEXSLIDER */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; margin: 0 auto}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 33px; height: 14px; margin: 0 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; }

.flex-direction-nav .flex-prev { left: -80px; background: transparent url('img/arrow-l.svg') center center no-repeat;}
.flex-direction-nav .flex-next { right: -80px; background: transparent url('img/arrow-r.svg') center center no-repeat;}
.dark .flex-direction-nav .flex-prev { background: transparent url('img/arrow-l-white.svg') center center no-repeat;}
.dark .flex-direction-nav .flex-next { background: transparent url('img/arrow-r-white.svg') center center no-repeat;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { display: inline-block;}

/* Control Nav */
.flex-control-nav {width: 100%; position: relative; bottom: -15px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 6px; height: 6px; display: block; background: black; opacity: .25; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out;  }
.flex-control-paging li a:hover { opacity: 1; }
.flex-control-paging li a.flex-active { cursor: default; opacity: 1; }

@media screen and (min-width: 1400px) {
	.flex-direction-nav .flex-prev { left: -150px; }
	.flex-direction-nav .flex-next { right: -150px; }
}
@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
	.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* ----- Header */

header{ text-transform: uppercase; margin-bottom: 17px; background: #fff; }
.dark header{ text-transform: uppercase; padding-top: 12px; margin-bottom: 17px; position: absolute; top:0; left: 0; right: 0; background: #000; z-index: 99}
header ul{ margin: 0; padding: 0;}
header ul li{ display: inline-block}
header a:hover, .dark header a:hover{ color: #00D25A;}
header .top-left{ position: absolute; left: 15px; top: 13px; z-index: 999999;}
#sb-site, .sb-site { top: -10px; }

/* Social */
header .social-top{ text-transform: none; font-family: "indiespot"; line-height: 35px; margin: 0; padding: 0; width: 160px;}
header .social-top li{ text-align: center; margin: 0 1px 0 0; }
header .social-top li:last-child{ margin: 0 0 0 0;}
header .social-top li a{ color: #00D25A; font-size: 15px}
header.inline .social-top{ display: none !important}


header .categories-top{ display: none;}
header.inline .categories-top{ display: block; line-height: 35px; color: #00D25A; cursor: pointer;}

.toggle-main-menu{ width: 50px; height: 50px; top: -1px; margin-right: 20px; background: transparent url(img/toggle-menu.svg) center center no-repeat; display: inline-block; position: relative; left: 5px; cursor: pointer}
.dark .toggle-main-menu{ width: 50px; height: 50px; margin-right: 20px; background: transparent url(img/toggle-menu-white.svg) center center no-repeat; display: inline-block; position: relative; left: 5px; cursor: pointer}	

.logo-i{ position: relative; top: -8px; left: 10px; display: inline-block; width: 35px; height: 35px; background: transparent url(img/logo-sprite.svg) -273px -304px no-repeat; }
.dark .logo-i{ position: relative; top: -10px; left: 10px; display: inline-block; width: 35px; height: 35px; background: transparent url(img/logo-sprite.svg) -273px -692px no-repeat; }

/* Main menu */
header .main-menu{ line-height: 35px; margin-bottom: 12px; left: 0; right: 0; }
header .main-menu ul{ margin: 0 auto;}
header .main-menu li{ margin: 0 1.6%;}
header .main-menu li.feat-item a { color: #00D25A;}
header .main-menu li.logo{ display: none}

.dark header.inline { padding-top: 0; }
header.inline .main-menu ul { padding-top: 7px; }
header.inline .categories{ top: 12px; font-size: 13px; }
header.inline .categories li{ margin: 0 .85%;}
header.inline .categories li.logo{ display: inline-block !important; width: 200px; height: 35px; background: transparent url(img/indiespot.svg) center center no-repeat; background-size: 100% auto;}
.dark header.inline .main-menu li.logo{ display: inline-block !important; width: 200px; height: 35px; background: transparent url(img/indiespot-white.svg) center center no-repeat; background-size: 100% auto;}

header .main-logo a{  height: 50px; background: transparent url(img/logo-sprite.svg) -126px -122px no-repeat; display: block; width: 341px; margin: 0 auto;}
.dark header .main-logo a, body.tax-artist header .main-logo a{ background-position: -126px -515px; }
	
header.inline{ position: fixed; background: #fff; min-height: 50px; text-transform: none; border-bottom: 1px solid #ccc; padding-top: 3px;  }
.dark header.inline{ position: fixed; background: #000; min-height: 50px; border-bottom: 1px solid #ccc; }
header.inline .top-left { left: 0; top: 0; }


/* Search */
header .search{ /* line-height: 35px;  */position: fixed; right: 20px; top: 20px}
header .search input{ width: 100%; border: 0; text-transform: uppercase; color: #00D25A; background: transparent; padding: 0;letter-spacing: 1px;}

	header input::-webkit-input-placeholder { color: #00D25A;}
	header input:-moz-placeholder { color: #00D25A; opacity: 1;}
	header input::-moz-placeholder { color: #00D25A; opacity: 1;}
	header input:-ms-input-placeholder { color: #00D25A;}

/* Main logo */
header .main-logo{ margin-bottom: 12px; margin-top: 0}
header.inline .main-logo{ display: none}

/* Categorias top */
header .categories{ height: 42px; line-height: 42px; color: #00D25A; cursor: pointer; text-transform: none; font-size: 13px; display: block; background: #fff;}
.dark header .categories{ height: 50px; line-height: 50px; color: #00D25A; cursor: pointer; text-transform: none; font-size: 13px; display: block; background: #000;}
header .categories li{ margin: 0 .85%;}

header.inline .main-menu{ border-bottom: 1px solid #ccc; display: none; position: absolute; top: 50px; height: 50px; left: 0; right: 0; background: #fff; text-transform: uppercase; }
.dark header.inline .main-menu{ border-bottom: 1px solid #ccc; display: none; position: absolute; top: 50px; height: 50px; left: 0; right: 0; background: #000}

/* Responsive navigation */
.responsive-left-navigation,
.responsive-center-navigation,
.responsive-right-navigation{ display: none;}


/* ----- Slider home */

.slider-home{ margin-bottom: 40px; margin-top: 0; min-height: 500px}
.slider-home .flex-control-nav { bottom: -5px; }
.slider-home ul{ margin: 0; padding: 0;}
.slider-home ul li{}
.slider-home ul li img{ max-width: 650px; max-height: 650px; margin: 0 auto; border-radius: 50%; opacity: .95;}
.slider-home .caption-box{ width: 100%; height: 100%; position: absolute;z-index: 2;}
.slider-home .caption-box .caption-table{ width: 100%; height: 100%; position: relative; display: table;}
.slider-home .caption-box .caption-table .caption-row{ display: table-cell; vertical-align: middle; color: #000; font: 76px/76px 'BauLF-Medium', Helvetica, Arial, sans-serif; text-transform: uppercase; position: relative;}
.slider-home .caption-box .caption-table .caption-row.caption-invert { color: white; }
.slider-home .flex-direction-nav a{ margin-top: -10px;}
.slider-home .category{ color: #808080;}
.slider-home .category.text-left { float: left; }
.slider-home .description{ font-size: 26px; line-height: 30px;}
.slider-home .slider-image { position: relative; display: block; }
.slider-home .slider-image img { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; opacity: .85; }
.slider-home .slider-image:hover img { opacity: .6; }
.slider-home .flex-direction-nav a { top: 45%; }

/* ----- Slider Post */

.slider-post{ margin-bottom: 15px; margin-top: 15px;min-height: 600px; position: relative;}
.video-post {margin-bottom: 15px; margin-top: 15px; }
.slider-post ul li img{ margin: 0 auto; }
.slider-post .flex-direction-nav a { top: 47%; }
.slider-post .caption-slider{ width: 100%; height: 98%; margin: 0; padding: 0; position: absolute; z-index: 2;top:0;}
.slider-post .caption-slider .caption-table{ width: 100%; height: 100%; position: relative; display: table;}
.slider-post .caption-slider .caption-table .caption-row{ display: table-cell; vertical-align: middle; color: #fff; font: 64px/68px 'BauLF-Bold', Helvetica, Arial, sans-serif; text-transform: uppercase; position: relative; top:-10px;}
.slider-post .flex-control-nav { bottom: -39px; position: absolute;}


/* ----- Ads */
.ads { text-align: center;  }
.ads iframe, .ads img, .ads object, .ads div { max-width: 100% !important; margin: 0 auto; display: block; float: none; padding: 0; }
.ads-home-top{ margin-bottom: 40px; margin-top: -150px; }
.ads-home-top-2 { margin-bottom: 40px; }
.ads { color: #989898; }
.ads-home-top img{ width: 100%; margin-bottom: 3px; margin: 0 auto; display: block; }
.ads-home-mid { margin-bottom: 40px; clear: both; }
body.single .ads-home-mid { padding-top: 50px; }
@media (min-width: 992px) {
	.ads-home-top { margin-left: auto; margin-right:auto; display: block; float: none; }	
}
header.inline .ads-home-top { display: none; }
.ads-vertical { margin: 0 auto; display: block; margin-bottom: 40px;  }
body.single .ads-vertical { padding-top: 40px; margin-bottom: 20px; clear: both; }


/* ----- Breves */

.breves a{ color: #333;}
.breves h2{ font-family: 'Life'; font-size: 15px; line-height: 19px; margin-bottom: 15px; height: 56px; overflow: hidden }
.breves .time{ display: block; font-size: 12px; color: #666666; margin-top: 8px}
.breves .post-preview-ads{ color: #666;  }
.breves .post-preview-ads img{ width: 100%;}
.breves .caption-table-cell h1 { word-break: break-word; font-size: 22px}


@media (min-width: 992px) {
.breves .post-preview-ads { width: 34%;}
.breves .item { width: 16.5%;}
}
@media (min-width: 1200px) {
.breves .post-preview-ads { width: 28%; }
.breves .item { width: 17.9333333%; }
}

/* ----- Latest posts */

.latest-posts .item{}
.latest-posts .item:nth-child(odd){ padding-left: 15px !important; padding-right: 35px !important;}
.latest-posts .item:nth-child(even){ padding-left: 35px !important; padding-right: 15px !important;}
.latest-posts .item h2{ margin-bottom: 33px; height: 60px; font-size: 26px; line-height: 30px}
.latest-posts .item h4{ margin-bottom: 4px; font-size: 12px; line-height: 12px; color: #999999;}
.latest-posts .item h4 a { color: #999; }
.latest-posts .item span{ width: 100%; margin-bottom: 15px; font-size: 12px; line-height: 12px; color: #999999;}
.latest-posts .item img{ margin-bottom: 16px; width: 100%;}
.latest-posts .item .description{ font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.latest-posts .item .caption-table-cell h1{ font-size: 72px; line-height: 72px;text-transform: uppercase; word-break: break-all}
.latest-posts .item a:hover{ color: #333333}
.latest-posts hr.container-fluid{ margin-bottom: 26px}


/* ----- Featured */

.featured{}
.featured .item .category a{ color: #010101;}
.featured .item { margin-top: 14px; margin-bottom: 35px}
.featured .item h2{ font-family: 'Life'; height: 75px; font-size: 21px; line-height: 24px; overflow: hidden; margin-bottom: 15px; }
.featured .item img{ margin-bottom: 10px; width: 100%}
.featured .item .description{ font-family: 'Life'; font-size: 15px; line-height: 19px; /*height: 155px;*/ overflow: hidden; margin-top: 20px; height: 80px}
.featured .item .time{ color: #989898; margin-top: 0; margin-bottom: 5px}
.featured .item .caption-table-cell h1{ font-size: 36px; line-height: 42px; text-transform: uppercase; word-break: break-all}


/* ----- Top 5 Songs */

.top-songs{ margin-bottom: 30px;}
.top-songs ul{ margin: 38px 0; padding: 0;}
.top-songs ul li{ display: inline-block; margin: 0; padding: 0 15px; width: 19%; text-align: center; vertical-align: top; height: 220px;}
.top-songs h2{ font-family: 'BauLF-Medium'; height: 35px; font-size: 12px; line-height: 16px; overflow: hidden; margin-bottom: 14px;}
.top-songs .num{ font-family: 'BauLF-Medium'; margin-top: 10px; display: block; }
.top-songs ul li a{ display: block}
.top-songs ul li:hover a{ color: #010101}
.top-songs ul li img{ max-width: 120px; margin-bottom: 0; border-radius: 50%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;  }
.top-songs ul li .overlay,
.top-songs ul li .caption-image-dark-on{ width: 120px; max-width: 100%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius: 50%; margin: 0 auto; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;  }
.top-songs ul li:hover .overlay, .top-songs ul li:hover .caption-image-dark-on, .top-songs ul li:hover img { width: 130px; max-width: 100%; }


/* ----- Best of year */

.best-of-year-wrapper { background:#f4f3f1; }
.best-of-year .top-songs h2 { text-transform: uppercase; font-family: 'Life'; font-size: 14px; line-height: 17px; letter-spacing: 1px; color: #333;  }
.best-of-year hr { margin-top: 0; margin-bottom: 15px; }
.best-of-year .top-songs span { color: #999999; }
.best-of-year .date { display: block; margin-bottom: 3px; }
.best-of-year .top-songs a h2, .best-of-year .top-songs a .date { color: #00D25A; }
.best-of-year .top-songs ul li { height: auto; }
.best-of-year .top-songs ul { margin: 15px 0 12px 0; }
.best-of-year { margin-bottom: 20px; }

/* ----- Agenda */

.agenda{}
.agenda .titles{ color: #808080; margin-bottom: 25px}
.agenda .event { }
.agenda .agenda-line{ margin-bottom: 20px; height: 60px; }
.agenda .agenda-line .border{ border: 1px solid #666666; height: 60px;}
.agenda .agenda-line .bg{ background: #F8F8F5; height: 60px;} 
.agenda .agenda-line .date,
.agenda .agenda-line .artist{ font-size: 18px}
.agenda .agenda-line .place{ font-size: 11px; color: #808080; text-transform: capitalize;}
.agenda .agenda-line .place .city{ color: #333}
.agenda .agenda-line .ticket{ font-size: 11px; text-transform: uppercase; color: #808080}
.agenda .agenda-line .event-image img { max-height: 100%; display: block; margin: 0 auto;  }

-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
.agenda .agenda-line img{ width: 100%; height: 60px; max-height: 60px}
.agenda a:hover .date,
.agenda a:hover .artist,
.agenda a:hover .place,
.agenda a:hover .place .city{ color: #00D25A}
.agenda a:hover .ticket{ color: #010101}
.agenda .read-more{ margin-top: 30px}


/* ----- Twitter Indiespot */

.twitter-indiespot{}
.twitter-indiespot a{ color: #00D25A}
.twitter-indiespot .flexslider-tweet{ margin-bottom: 30px}
.twitter-indiespot .tweet{ margin-top: 30px; font-family: 'Life'; font-size: 21px; line-height: 24px;}
.twitter-indiespot .tweet img{ margin: 0 auto 15px; max-width: 115px}
.twitter-indiespot .flexslider-tweet .flex-direction-nav{ position: relative;}
.twitter-indiespot .flexslider-tweet .flex-direction-nav .flex-prev { position: absolute; width: 32px; height: 15px; top: -40px; left: 0; background: transparent url('img/arrow-l.svg') center center no-repeat;}
.twitter-indiespot .flexslider-tweet .flex-direction-nav .flex-next { position: absolute; width: 32px; height: 15px; top: -40px; right: 0; background: transparent url('img/arrow-r.svg') center center no-repeat;}
.twitter-indiespot .flex-control-paging{ display: none}
.twitter-indiespot .tweet .time {color: #989898; margin-top: 5px; font-size: 12px; font-family: 'BauLF-Regular'; }


/* ----- Video Conciertos */

.video-conciertos{}
.video-conciertos a:hover{ color: #010101}
.video-conciertos .video-conciertos-flexslider{ margin-bottom: 60px}
.video-conciertos .video-conciertos-flexslider h1{ font-size: 72px; line-height: 74px;}
.video-conciertos .video-conciertos-flexslider h2{ margin-bottom: 24px;}
.video-conciertos .video-conciertos-flexslider .flex-direction-nav{ position: relative;}
.video-conciertos .video-conciertos-flexslider .flex-direction-nav .flex-prev { position: absolute; width: 32px; height: 15px; margin-top: -29%; left: 0; background: transparent url('img/arrow-l.svg') center center no-repeat;}
.video-conciertos .video-conciertos-flexslider .flex-direction-nav .flex-next { position: absolute; width: 32px; height: 15px; margin-top: -29%; right: 0; background: transparent url('img/arrow-r.svg') center center no-repeat;}
.video-conciertos .video-conciertos-flexslider .flex-control-paging{ display: none}
.video-conciertos .video-conciertos-flexslider .description{ font-family: 'Life'; font-size: 18px; line-height: 23px; margin-top: 23px}
.video-conciertos .video-conciertos-flexslider .description span{ display: block; margin-bottom: 0; font-size: 12px; color: #808080; font-family: 'BauLF-Regular';}
.video-conciertos .video-conciertos-small{ margin-bottom: 30px}
.video-conciertos .video-conciertos-small h2{ font-family: 'BauLF-Medium'; font-size: 12px; line-height: 16px; text-transform: uppercase; height: 32px; overflow: hidden; margin-bottom: 15px}
.video-conciertos .video-conciertos-small span{ font-size: 12px; color: #808080; display: block; margin-top: 5px}
.video-conciertos.abc .search { margin-top: 30px; }
.video-conciertos.abc .search .search-group { margin-bottom: 0; }
.video-conciertos.abc .search h5 { color: white; }
.video-conciertos.abc .search .search-group .find-group { background: rgb(55,55,55); color: white; border-color: rgb(77,77,77); }


/* ----- Small ads */

.small-ads{ margin-bottom: 70px; color: #989898; font-size: 12px;}


/* ----- Extra categories */

.extra-categories{}
.extra-categories .album-month .description h3{ font-size: 24px; line-height: 28px; margin-bottom: 20px; height: 55px; overflow: hidden; margin-bottom: 5px;}
.extra-categories .album-month .album img{ margin-top: 65px; padding: 0; width: 100%}
.extra-categories .album-month .description span{ font-family: 'Life'; font-size: 15px; line-height: 19px}
.extra-categories .album-month a:hover{ color: #010101}
.extra-categories .interview .item{ margin-bottom: 35px}
.extra-categories .interview .description{ font-family: 'Life'; font-size: 15px; line-height: 19px; height: 85px; margin-bottom: 15px; overflow: hidden; margin-top: 12px}
.extra-categories .interview .title h3{ font-size: 24px; line-height: 28px; margin-bottom: 20px; height: 55px; overflow: hidden; margin-bottom: 5px;}
.extra-categories .interview img{ margin-top: 10px;}
.extra-categories .interview .time{ color: #989898; display: block; margin-top: -40px}
.extra-categories .interview a:hover{ color: #010101}
.extra-categories .interview-month-ads,
.extra-categories .album-month-ads{ color: #989898; font-size: 12px}
.extra-categories .interview-month-ads img,
.extra-categories .album-month-ads img{ width: 95% !important}
.extra-categories .album-month .read-more{ margin-top: 30px}


/* ----- Off */

.off{}
.off ul{ margin: 0 0 30px; padding: 0; display: table}
.off ul li{ display: inline-block; margin: 0; padding: 0 15px; width: 19%; text-align: center}
.off ul li h2{ height: 57px; font-size: 15px; line-height: 18px; overflow: hidden; margin-bottom: 10px;}
.off ul li img{ width: 100%; margin-bottom: 10px}
.off ul li span{ color: #989898}
.off ul li a{ display: block}
.off ul li:hover a{ color: #010101}
.off ul li h1{ font-size: 22px;}

/* ----- ABC */

.abc{}
.abc h2{ font-family: 'BauLF-Bold'; font-size: 28px; line-height: 28px; text-transform: uppercase; margin-bottom: 21px}
.abc .description{ font-family: 'Life'; font-size: 18px; line-height: 23px; margin-bottom: 30px; margin-top: 2px; height: 120px; overflow: hidden}
.abc .image{ margin-bottom: 34px}
.abc .image img{ width: 100%; margin-bottom: 8px; border-radius: 50%; }
.abc .time{ font-family: 'BauLF-Regular'; color: #808080; font-size: 12px; margin-top: 5px}
.abc a:hover{ color: #010101;}
.abc a:hover .overlay{ opacity: .4}
.abc .abc-flexslider{ margin-bottom: 30px; position: relative;}
.abc .abc-flexslider .img-circle{ max-width: 360px}
.abc .abc-flexslider .flex-direction-nav{ position: absolute; height: 100%; width: 100%; top:0; }
.abc .abc-flexslider .flex-direction-nav .flex-prev { position: absolute; width: 32px; height: 15px; top: 54%; left: 0; background: transparent url('img/arrow-l.svg') center center no-repeat; margin-top: -10px; }
.abc .abc-flexslider .flex-direction-nav .flex-next { position: absolute; width: 32px; height: 15px; top: 54%; right: 0; background: transparent url('img/arrow-r.svg') center center no-repeat;margin-top: -10px; }
.abc .list-groups{ font-family: 'BauLF-Medium'; font-size: 16px; line-height: 21px; padding-top: 10px; padding-bottom: 10px; position: relative; z-index: 2;}
.abc .list-groups a:hover, .abc .list-groups a.active { color: #00D25A; }
.abc .search{ margin-top: 49px}
.abc .search h5{ font-size: 14px; margin-bottom: 17px; color: #4D4D4D}
.abc .search .search-group{ margin-bottom: 25px;}
.abc .search .search-group .find-group{ width: 100%; height: 60px; border-radius: 0; letter-spacing: 1px; border: 0; border-top: 1px solid #eee; border-right: 1px solid #eee; text-align: center; background: #F8F8F5; font-size: 15px; color: #99999}
.abc .search .search-group .btn{ font-family: 'BauLF-Medium'; letter-spacing: 1px; background: #00D25A; border: 0; font-size: 11px; text-transform: uppercase; width: 100px; height: 25px; padding: 0 0 2px 0; border-radius: 3px; margin-top: 2px}
.visit-us{ margin: 40px auto 20px; width: auto;}
.visit-us .item{ display: inline-block; width: 19.5%; margin: 0; padding: 0;}
.visit-us .item a{ margin: 0; padding-left: 15px; display: block; font-size: 11px; line-height: 15px; color: #00D25A; text-transform: uppercase; font-family: 'Chronicle Display';}

/* ----- Post content */

.content strong, .content b { font-family: 'BauLF-Medium'; font-weight: normal; font-size: 17px; }
.post-content-top{ font-size: 13px; color: #00D25A; }
.post-content-top .item-credits { color: #010101; }
.post-content-top .item-credits .author { color: #00D25A; }
.post-content-top h1{ color: #010101; font-family: 'Life'; font-size: 36px; line-height: 37px; margin-top: 37px; max-width: 90%; margin-left: 5%; }
.post-content-top .author{ margin-top: 44px;}
.post-content{ font-size: 19px; line-height: 26px}
.post-content .date{ font-family: 'BauLF-Medium'; font-size: 14px;}
.post-content .date.post-pages { padding-top: 20px; letter-spacing: 2px; }
.post-content .date.post-pages span { letter-spacing: 0; padding-right: 2px; }
.post-content h3, .post-content h1, .post-content h2, .post-content h4 { font-size: 24px; line-height: 29px; margin-bottom: 38px; text-align: center; margin-top: 38px;  }
.post-content .meta-bottom { padding-top: 30px; clear: both; }
.post-content .content a{ color: #00D25A}
.post-content .content img{ max-width: 100%; margin: 40px auto; height: auto; }
.post-content .content .wp-caption img { margin-bottom: 0; }
.post-content .content .wp-caption { margin-bottom: 40px; text-align: center;}
.post-content .content img.alignnone, .post-content .content iframe { margin: 40px auto; display: block; }
.post-content .content .fluid-embed iframe { margin: 0; }
.post-content .content .fluid-width-video-wrapper{ display: block; border: 10px solid #fff; margin: 35px auto; width: 90%}
.post-content .content .wp-caption-text { width: 90%; margin: 0 auto; font-size: 15px; line-height: 19px; font-family: 'Life'; display: block; margin-top: 15px; text-align: center;}
.post-content .post-tags{ font-size: 13px; margin-top: 41px; color: #00D25A}
.post-content .author,
.post-content .sharethis{ font-size: 13px; color: #010101; margin-top: 7px}
.post-content .fb-comments-container,
.post-content .post-ads{ margin-top: 65px; margin-bottom: 30px}
#cat-banner { width: 225px; text-align: center; font-size: 11px; color: #989898; float: left; position: relative; top: -12px; }
#cat-banner span { display: block; padding-bottom: 2px;}
.post-content .container { max-width: 100%; padding: 0; }
.post-content .container .col-md-4 { text-align: center; }
.slider-post .container-fluid { position: relative; z-index: 2; }
.post-comments .fb_iframe_widget, .post-comments .fb_iframe_widget span, .post-comments .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; }
.post-content .post-ads{ color: #989898; font-size: 12px}
.post-content .post-ads img{ margin-bottom: 3px}
.post-comments{ margin-bottom: 30px}
.post-comments .num-comments{}
.post-comments .num-comments span{ color: #00D25A}
.post-comments .list-comments{ font-size: 16px; line-height: 19px}
.post-comments .list-comments .item{ padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #999999}
.post-comments .list-comments .item:last-child{ border-bottom: 0}
.post-comments .list-comments .item span{ display: block; font-size: 13px; line-height: 19px; color: #999999}
.post-comments .list-comments .item span a{ color: #00D25A}
.comment-form{ margin-top: 17px; margin-bottom: 7px}
.comment-form textarea,
.comment-form input{ width: 100%; margin-bottom: 10px; background: #F8F8F5; border: 0; border-top: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; text-align: center; font-size: 15px; line-height: 30px}
.comment-form textarea{ padding-top: 20px; padding-bottom: 0}
.comment-form input{ line-height: 30px}
.comment-form .btn{ width: 100px; height: 25px; border: 0; background: #666666; color: #fff; font-size: 11px; text-transform: uppercase; padding-top: 5px; line-height: 11px; margin-top: 11px}
.dark .post-content-top h1{ color: #fff}
.item-credits { color: #010101; }
.fluid-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.post-content .fluid-embed { margin-top: 40px; margin-bottom: 40px; }
.post-content .ads-single { font-size: 12px; padding-top: 60px; clear: both;}


/* ----- Next post */

.next-post{ margin-bottom: 30px;}
.next-post h2{ font-family: 'Life'; position: relative; z-index: 999; font-size: 34px; line-height: 38px;}
.next-post .img-circle{ position: relative; z-index: 9; top: -20px; opacity: .85; }
.next-post .time{ display: block; color: #808080; margin-top: -10px}
.next-post a:hover{ color: #010101}
.next-post a:hover .img-circle { opacity: .6; }

/* ----- Preview post */

.preview-post{}
.preview-post h4{ font-family: 'BauLF-Medium'; font-size: 16px; margin-bottom: 7px}
.preview-post h5{ margin-bottom: 20px;}
.preview-post h2{ font-family: 'Life'; font-size: 34px; line-height: 39px; margin-top: 5px; margin-bottom: 0}
.preview-post .description{ font-family: 'Life'; font-size: 21px; line-height: 24px; margin-bottom: 30px; margin-top: 2px}
.preview-post .image{ margin-bottom: 34px}
.preview-post .image img{ width: 100%; margin-bottom: 8px}
.preview-post .image .time{ color: #989898; display: block; margin-top: 12px}
.preview-post a:hover .time{ color: #00D25A}
.preview-post a:hover .overlay{ opacity: .4}


/* ----- Bottom */

.bottom .social ul li,
.bottom ul{ margin: 0; padding: 0;}
.bottom ul li{ display: inline-block}
.bottom .newsletter{ margin-top: 11px; font-size: 18px; font-family: 'Life'; margin-bottom: 25px}
.bottom .newsletter img{ margin-bottom: 5px}
.bottom .newsletter span{ font-family: 'indiespot'; color: #00D25A; font-size: 20px;}
.bottom .bottom-ads{ color: #989898; margin-bottom: 30px}
.bottom .greatest-hits{ font-family: 'BauLF-Medium'; font-size: 14px; margin-bottom: 25px}
.bottom .greatest-hits ul li{ margin: 0 5px}
.bottom .greatest-hits ul li a{ color: #00D25A;}
.bottom .social{ margin-bottom: 30px;}
.bottom .social ul li{ font-family: "indiespot"; width: 15px; height: 15px; text-align: center; margin: 0 10px;}
.bottom .social ul li a{ color: #00D25A; font-size: 16px}

/* ----- Footer */

footer ul{ margin: 0; padding: 0;}
footer ul li{ display: inline-block}
footer .main-categories-bottom{ font-size: 13px; margin-bottom: 20px}
footer .main-categories-bottom li{ display: inline-block; margin: 0 .7%; text-align: center}
footer .main-menu-bottom{ margin: 0 auto 30px; text-transform: uppercase}
footer .main-menu-bottom li{ margin: 0 3%}
footer .signature{ margin-bottom: 25px; color: #00D25A}


/* ----- About */

.about{ margin-bottom: 25px; padding-top: 33px}
.about .title{ padding-bottom: 10px; text-transform: uppercase; margin-bottom: 10px; font-family: 'BauLF-Medium'; font-size: 12px}
.about .description{ font-size: 18px; line-height: 22px; font-family: 'Life'; color: #00D25A; margin-bottom: 30px;}
.about .content{ font-size: 19px; line-height: 26px;}


/* ----- La redacción */

.redaccion{ margin-bottom: 12px;}
.redaccion .title{ text-transform: uppercase; margin-bottom: 10px; font-family: 'BauLF-Medium'; font-size: 12px}
.redaccion .credits{ font-size: 18px; line-height: 22px; font-family: 'Life'; color: #010101; margin-bottom: 30px;}
.redaccion .credits span{ font-size: 12px}


/* ----- Fast contact */

.fast-contact{ margin-bottom: 30px; font-size: 18px; line-height: 22px; font-family: 'Life';}
.fast-contact a{ font-size: 12px; font-family: 'BauLF-Medium';}
.fast-contact .title{ padding-bottom: 10px; text-transform: uppercase; margin-bottom: 10px; font-family: 'BauLF-Medium'; font-size: 12px}
.fast-contact span{ font-family: 'indiespot'; font-size: 20px;}


/* ----- Filter by */

.filter-by{ padding-top: 22px}
.filter-by .title{ margin-bottom: 0}
.filter-by .title span{ display: block; font-family: 'BauLF-Medium'; text-transform: uppercase; font-size: 24px}
.filter-by .pagination-top{ color: #808080; padding-top: 22px; }
.filter-by .pagination-top #current-year{ margin-left: 50px; margin-right: 50px; color: #00D25A}
.filter-by .pagination-top #next-year, .filter-by .pagination-top #previous-year { min-width: 60px; display: inline-block; }
.filter-by .pagination-top a{ color: #808080}
.filter-by .pagination-top .years{ margin: 0; padding: 0; font-size: 13px; margin-top: -5px}
.filter-by .pagination-top .years li{ display: inline-block; margin-left: 3%;}
.filter-by .pagination-top .years li:first-child{ margin-left: 0}
.filter-by .pagination-top .years li a{ color: #010101;}
.dark .filter-by .pagination-top .years li a{ color: #fff}
.filter-by .pagination-top .years li a:hover,
.filter-by .pagination-top .years li a.active{ color: #00D25A;}


/* ----- Pagination results */

.pagination-results{ margin-top: 22px;}
.pagination-results .result{ margin-bottom: 28px; margin-top: 21px}
.pagination-results .result.ads { margin-top: 30px; margin-bottom: 26px;}
.pagination-results .result h4{ font-size: 12px; color: #808080; font-family: 'BauLF-Regular'; margin-bottom: 10px;}
.pagination-results .result h2{ font-size: 12px; color: #010101; font-family: 'BauLF-Medium'; text-transform: uppercase; margin-bottom: 10px; height: 28px; overflow: hidden; width: 90%; margin-left: 5%;-webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out;  }
.pagination-results .result span{ color: #808080; margin-top: 8px; display: block}
.pagination-results .result img{ width: 100%;}
.pagination-results .result.type-video .caption-image:before { content:url(img/ico-play.svg); position: absolute; top: 50%; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.pagination-results .result.type-video a:hover .caption-image:before { opacity: 0; }
.pagination-results hr{ margin-left: 15px; margin-right: 15px; clear: both; }

.dark .pagination-results .result h2,
.dark .pagination-results .result h4{ color: #fff;}

.pagination-results .result h2,
.pagination-results .result h4,
.pagination-results .result span {
	-webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out;
}
.pagination-results .result:hover h2,
.pagination-results .result:hover h4,
.pagination-results .result:hover span{ color: #00D25A;}

.pagination-bottom{ margin-top: 24px; margin-bottom: 33px; font-size: 18px; font-family: 'Life';}
.pagination-bottom span#previous-posts, .pagination-bottom span#next-posts  { display: inline-block; min-width: 92px; }
.pagination-bottom span#counter-posts{ font-size: 14px; margin-left: 50px; margin-right: 50px; font-family: 'BauLF-Medium';}


/* ----- DJs */

body.page-id-14478 header .categories { display: none; }
body.page-id-14478 header.inline .categories { display: none; }
.djs-top h1{ font-size: 60px; font-family: 'Chronicle Display'; margin-top: -40px; margin-bottom: 20px}
.slider-djs{ margin-bottom: 47px; margin-top: 8px;}
.slider-djs .title{ position: relative; z-index: 999; margin-bottom: 50px;}
.slider-djs p{ font-size: 12px; line-height: 18px; font-family: 'BauLF-Medium';}

.slider-djs h2{ font-size: 12px; line-height: 18px; font-family: 'BauLF-Medium'; text-transform: uppercase;}
.slider-djs h2.big { font-size: 76px; line-height: 76px; font-family: 'BauLF-Medium'; text-transform: uppercase; margin-bottom: 20px}

.slider-djs .flex-direction-nav{ display: none}
.slider-djs .slides li img { max-width: 100%; }
.djs-content{ font-size: 19px; line-height: 26px; margin-bottom: 25px}
.djs-content .playlist{ margin-top: 33px; font-size: 14px; line-height: 19px;}
.djs-content .playlist img{ display: block; margin: 15px auto}
.djs-places{ margin-top: -13px; margin-bottom: 23px; font-size: 16px; line-height: 25px; font-family: 'BauLF-Medium';}
.djs-places .title{ font-size: 12px; font-family: 'BauLF-Regular';}
.djs-places .places{ margin-top: 1px}
.djs-places .booking{ margin-top: 47px; font-size: 12px; line-height: 18px}
.djs-places .booking a{ font-family: 'BauLF-Medium';}

.djs-top .indiespot-logo-responsive{ display: none}

/* ----- Artist */

body.tax-artist header, body.tax-artist header .categories { background: transparent;  }
body.tax-artist header a { color: white; }
body.tax-artist header.inline, body.tax-artist header.inline .categories { background: white; }
body.tax-artist header.inline a { color: black; }
.slider-artist{ margin-top: -150px; position: relative; margin-bottom: 40px;}
.slider-inv .flex-control-nav { bottom: 30px; z-index: 2; }
.slider-inv .flex-control-paging li a { background: white;  }

body.tax-artist .flex-direction-nav a{ width: 50px; height: 25px; top: 0; height: 100%;}
body.tax-artist .flex-direction-nav .flex-prev{ left: 30px; background: transparent url('img/arrow-left-big-white.svg') center center no-repeat;}
body.tax-artist .flex-direction-nav .flex-next{ right: 35px; background: transparent url('img/arrow-right-big-white.svg') center center no-repeat;}

.caption-slider-artist{ top: 50%; left:0; width: 100%; position: absolute; z-index: 2; margin-top: -10px; }
.caption-slider-artist h1 { color: #fff; font: 84px/88px 'BauLF-Bold', Helvetica, Arial, sans-serif; text-transform: uppercase; position: relative;}
.slider-full .slides li { background-position: center center; background-size: cover; }
body.tax-artist .abc { margin-top: 50px; }
body.tax-artist .bio { font-size: 16px; margin-bottom: 40px;}

/* ----- Sidebar left */

.sb-left, .sb-right{ color: #808080;}
.sb-left a, .sb-right a{ color: #808080;}

.sidebar-search input{ width: 100%; background: transparent; text-transform: uppercase; border: none; line-height: 47px; padding-left: 0}

.sidebar-search input::-webkit-input-placeholder { color: #808080;}
.sidebar-search input:-moz-placeholder { color: #808080; opacity: 1;}
.sidebar-search input::-moz-placeholder { color: #808080; opacity: 1;}
.sidebar-search input:-ms-input-placeholder { color: #808080;}

.sidebar-menu ul{ margin: 0 0 30px 0; padding: 0;}
.sidebar-menu ul li{ list-style: none; margin-bottom: 15px; font-style: 14px; font-family: 'BauLF-Medium'; text-transform: uppercase}

.sidebar-post-navigation{ margin-top: 15px; margin-bottom: 15px}

.sidebar-social{ font-family: 'indiespot'; font-size: 16px; padding: 0 0 0 15px;}
.sidebar-social li{ display: inline-block; margin-right: 10px;}
.sidebar-social li a{ color: #00D25A}
.sidebar-title{ line-height: 50px;  color: #00D25A; font-style: 14px; font-family: 'BauLF-Medium';}


#fancyboxvideo { position: fixed; top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0; background: rgba(0,0,0,.75); z-index: 999; cursor: pointer;}
#fancyboxvideo iframe { left: 50%; position: absolute; margin-left: -540px; top: 50%; margin-top: -305px; }

/* Page Artistas */
body.page-template-artistas-php .page-content { padding-top: 40px; }


/* Adds */
.the-add-text{ font-size: 11px; padding-top: 3px; display: block;text-transform: none;}



#sinmusica { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999999999; height: 100%; width: 100%; background: black; color: white; }
#sinmusica h1 { margin-bottom: 60px; font-size: 50px; text-transform: uppercase; }
#sinmusica h1, #sinmusica h2 { text-align: center; }
#sinmusica h2 a { border-bottom: 2px solid white; }
#sinmusica h2 { line-height: 1.5em; }
#sinmusica h1, #sinmusica h2, #sinmusica a { color: white; }
#sinmusica div { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 3; }
#sinmusica .closee { position: absolute; right: 50px; top: 40px; color:white; font-size: 18px; color: white; cursor: pointer; }
#sinmusica #cabron { position: absolute; left: 50px; top: 40px; display: none;}

.main-menu #menu-menu-principal .item-codigonuevo { position: absolute; top: 12px; right: 90px; }
#menu-menu-principal .item-codigonuevo a { background: url(img/cnb.png) top left no-repeat; background-size: 100px 12px; display: inline-block; text-indent: -99999em;  width: 100px; position: relative; height: 12px; top: 12px;}


body.feat-tax { padding-top: 15px; }
body.feat-tax .ads-home-top { display: none; }
#tax-title-cover { height:500px; width: 100%; background-size: cover; margin-top: -50px; background-position: center center; }
.jagermusic-link a { color: #fb481e; }



#antiadblock { background: rgba(0,0,0,.7); position: fixed; z-index: 999999999; display: none; top: 0; left: 0; right: 0; bottom: 0; font-size: 20px; cursor: pointer; }
#antiadblock div { display: block; background: white; padding: 40px; max-width: 600px; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); left: 50%; }
body.adblock #antiadblock { display: block; }

/*	RESPONSIVE
	------------------- */

@media (max-height: 1070px) and (min-width: 768px) {
	.slider-home ul li img { max-width: 620px; max-height: 620px;}	
}
@media (max-height: 1020px) and (min-width: 768px) {
	.slider-home ul li img { max-width: 570px; max-height: 570px;}	
}
@media (max-height: 970px) and (min-width: 768px) {
	.slider-home ul li img { max-width: 520px; max-height: 520px;}	
}
@media (max-height: 920px) and (min-width: 768px) {
	.slider-home ul li img { max-width: 470px; max-height: 470px;}
	/*.flexslider .slides img { width: 90%; }*/
}
@media (max-height: 870px) and (min-width: 768px) {
	.slider-home ul li img { max-width: 430px; max-height: 430px;}	
	.slider-home { margin-bottom: 51px; min-height: 300px; }
	/*.flexslider .slides img { width: 80%; }*/
}

/*  (max-height: 790px) */

@media (max-width: 1100px) {
	body { padding-top: 20px; }
	.ads-home-top { margin-top: 30px; }

	header{ padding-top: 12px; margin-bottom: 17px; position: absolute; top:0; left: 0; right: 0; background: #fff; z-index: 99;  }

	
	.site-content{  margin: 60px 0 0 0;}
	
	.slider-post { min-height: 440px; }
	
	/* Slider home */
	.slider-home .caption-box .caption-table .caption-row{ font: 66px/66px 'BauLF-Medium', Helvetica, Arial, sans-serif}
	.slider-home .description { font-size: 21px; line-height: 25px; }
	
	header .main-menu li{ margin: 0 2%;}
		
	.flex-direction-nav .flex-prev{ left: -100px}
	.flex-direction-nav .flex-next{ right: -100px}	
	
	.album-month{ margin-bottom: 80px;}
	.extra-categories .interview img{ margin-top: 0; width: 100%}

	/*
	.top-songs ul li,
	.off ul li{ margin: 0 1%; padding: 0; width: 18.1%;}
	*/

	.main-logo,
	header .social-top{ display: none}
	
	header { position: fixed; background: #fff; min-height: 50px; height: 50px; padding-top: 2px; border-bottom: 1px solid #ccc; margin: 0; }
	.dark header { padding-top: 0px; }
	header .main-menu { top: 13px;}
	header .main-menu { line-height: 35px; margin-bottom: 12px; position: absolute; left: 0; right: 0; top: 13px;}
	header .main-menu li.logo { display: inline-block !important; width: 200px; height: 35px; background: transparent url(img/indiespot.svg) center center no-repeat; background-size: 100% auto;}
	.dark header .main-menu li.logo { display: inline-block !important; width: 200px; height: 35px; background: transparent url(img/indiespot-white.svg) center center no-repeat; background-size: 100% auto;}
	header .main-menu li { margin: 0 1%;}
	header .main-menu li a { position: relative; top: -12px;}
	header .categories{ display: none}
	header .categories-top{ display: block !important; line-height: 35px; color: #00D25A; cursor: pointer;}

	
	/* Header + Responsive menu */
	
	header .main-menu{ top: 0;}
	header .main-menu li a{ top: -24px;}
	header .main-menu li.logo{ display: inline-block !important; width: 60px; height: 60px; background: transparent url(img/i-indiespot.svg) center center no-repeat; background-size: 100% 100%; margin-left: -15px; margin-right: -15px;}
	.dark header .main-menu li.logo{ display: inline-block !important; width: 60px; height: 60px; background: transparent url(img/i-indiespot-white.svg) center center no-repeat; background-size: 100% 100%; margin-left: -15px; margin-right: -15px;}
	
	
	header .categories{ top: 60px; height: 50px;}
	header .categories li { margin: 0 .5%;}

	.flex-direction-nav .flex-prev{ left: -50px}
	.flex-direction-nav .flex-next{ right: -50px}
		
	
	.extra-categories-2 .streaming{ margin-bottom: 50px}
	
	.featured .flex-control-nav{ display: block}
	
	.search h5{ margin-top: 35px}
	.streaming-litte{ padding-left: 15px}
	.streaming-litte .item .caption-image img,
	.streaming-litte .item .caption-image .overlay{ width: 100% !important}
	
	.slider-featured-small .flex-control-nav{ position: relative;}
	.slider-featured-small .flex-control-nav{ bottom: -10px}
	
	.top-songs ul,
	.off ul{ margin: 38px 0px}
	
	.abc .single-group h4{ margin-top: 10px; padding-bottom: 2px}
	
	/* Featured */
	.featured .item .description{ height: 115px;}
	.featured .slider-featured-small{ margin-bottom: 30px}
	
	/* Responsive menu */
	
	header .categories,
	header .main-logo,
	header .search,
	header .main-menu,
	header .categories-top,
	header .social-top{ display: none !important}
	
	.responsive-left-navigation,
	.responsive-center-navigation,
	.responsive-right-navigation{ display: block; position: relative}
	
	.responsive-social{ margin: 0; padding: 0; font-family: 'indiespot'; text-transform: none; display: inline-block; position: relative; top: -20px; font-size: 13px; width: 215px;}
	.responsive-social li{ margin: 0 10px 0 0;}
	.responsive-social li a{color: #00D25A}
	
	.responsive-right-navigation{ line-height: 45px}
	.responsive-right-navigation input{ width: 40%; border: 0; text-transform: uppercase; color: #00D25A; background: transparent; margin-right: 40px}
	.responsive-right-navigation span{ color: #808080; cursor: pointer}
	.dark .responsive-right-navigation span{ color: #fff; cursor: pointer}
	
	.agenda .agenda-line .date, .agenda .agenda-line .artist { font-size: 13px; }
	
	#searchform { display: none; }
	
	/* Djs */
	.djs-top{ padding-top: 20px}
	.djs-top h1{ margin-top: 0}
	.djs-top .indiespot-logo-responsive{ display: block; height: 50px;}
	.djs-top .indiespot-logo-responsive img{ height: 50px;}
}

@media (max-width: 991px) {
	.breves .post-preview.item{ margin-bottom: 20px;}
	.latest-posts .item { margin-left: auto; margin-right: auto; float: none; }
	.latest-posts .item:nth-child(even), .latest-posts .item:nth-child(odd){ padding: 25px 15px 40px 15px !important; }
	.latest-posts hr.container-fluid { display: none; }
	.latest-posts .item { border-bottom: 1px solid #ddd; padding-bottom: 20px; }
	.agenda { display: none; }
	
	/* Djs */
	.djs-top .indiespot-logo-responsive img{ height: 40px;}
	.djs-top h1{ margin-top: -10px; font-size: 50px;}
	.slider-djs h2.big{ font-size: 56px; line-height: 56px}
	
	.ads-home-top-2 { display: none; }
}

@media (max-width: 768px) {
	
	body.adblock #antiadblock { display: none; }
	
	.ads-home-mid, .ads-home-top { display: none; }
	
	body.tax-artist header, body.tax-artist header .categories{ background: #fff;}
	
	/* Dissable hovers */
	
	.post-preview.item .overlay,
	.latest-posts .item .overlay,
	.featured .item .overlay,
	.top-songs .item .overlay,
	.video-conciertos-flexslider .overlay,
	.video-conciertos-small .overlay,
	.off .item .overlay,
	.pagination-results .overlay{ display: none !important}

	.video-conciertos-flexslider .flex-direction-nav{ display: none}
	
	/* Djs */
	.slider-djs h2.big{ font-size: 46px; line-height: 46px}
}

@media (max-width: 767px) {
	
	.visit-us { display: none; }
	.flex-direction-nav { display: none;}
	.top-songs, .best-of-year { display: none; }
	/* Responsive menu */
	.responsive-right-navigation input,
	.responsive-social,
	.responsive-center-navigation{ display: none}
	
	.responsive-i { display: inline-block; }
	
	.toggle-main-menu,
	.dark .toggle-main-menu{ left: 5px}
	
	.flex-direction-nav .flex-prev,
	.flex-direction-nav .flex-next,
	.share-item{ display: none}
	
	.item-credits{ text-align: center !important}
	
	/* Post */
	.slider-post { min-height: 200px; }
	.slider-post .caption-slider .caption-table .caption-row{ font-size: 30px; line-height: 34px;}
	.next-post h2{font-size: 24px; line-height: 28px;}
	.next-post .img-circle{ max-width: 90%;}
	.caption-table-cell h1 { font-size: 16px; }

	.featured .item .description { height: auto; }
	.breves .post-preview-ads { padding-top: 40px; clear: both; }
	
	
	/* Djs */
	.djs-top h1{ margin-top: 0; font-size: 38px}
	.djs-top .indiespot-logo-responsive{ height: 30px;}
	.djs-top .indiespot-logo-responsive img{ height: 30px;}
	
	
	.caption-slider-artist h1{ font: 44px/48px 'BauLF-Bold', Helvetica, Arial, sans-serif}
	
	footer ul,
	.main-menu-bottom,
	footer .signature,
	.bottom ul{ font-size: 10px}
	
	.bottom .newsletter,
	.bottom .greatest-hits p{ font-size: 12px}
	
}
@media (max-width: 480px) {
	.ads-home-top, .ads-home-mid, .bottom .bottom-ads, /*.post-content .fb-comments-container,*/ .post-content .post-ads, .post-content .ads-single { display: none; }
	.slider-home .caption-box .caption-table .caption-row, .post-content-top h1 { font-size: 38px; line-height: 38px; }
	.slider-home { min-height: 300px; }
	.slider-home .description, .latest-posts .item h2, .video-conciertos .video-conciertos-flexslider h2, .extra-categories .interview .title h3,
	.post-content h3, .post-content h1, .post-content h2, .post-content h4 { font-size: 21px; line-height: 27px; }
	.post-content-top h1 { max-width: 100%; margin-left: 0;}
	.post-content-top h1 { font-size: 24px; line-height: 25px;}
	.latest-posts .item h2 { margin-bottom: 10px; height: auto; }
	.latest-posts .item .caption-table-cell h1 { font-size: 40px; line-height: 40px; }
	footer .main-categories-bottom, footer .main-menu-bottom. footer hr.gray { display: none; }
	.post-content .content { padding: 0px;}
	
	.slider-djs h2.big{ font-size: 18px; line-height: 22px;}
	.slider-djs h2{ font-size: 12px; line-height: 18px;}
	
}