/*
Theme Name: fiM
Theme URI: http://www.vueloIV.com
Description: Fira de Música al carrer de Vila-seca
Author: vueloIV | Disseny Web Barcelona
Author URI: http://www.vueloIV.com
Template: reactor
Version: 1.1
Text Domain:  fim
*/

/*****************************************************************
Add Custom styles below 
******************************************************************/


@import url('library/fonts/webfontkit-20140202-061010/stylesheet.css');/* museo500 */							

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url('img/loading.gif'); /* path to your loading animation */
    /* background-image:url('img/loading2.gif'); */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}



#wpadminbar {
background: rgba(0, 0, 0, 0.8); /* top:auto; bottom:0px!important; */
}

body {
-webkit-font-smoothing: antialiased;
}

.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 980px;
}

.wrapper {background: url('img/wrapper.png') 50% 0px repeat-y;
margin-top: -14px;
padding-top: 18px; }

.entry-content img, .comment-content img, .widget img, embed, iframe, object, video {
max-width: none;
}

h1, h2, h3, h4, h5, h6 {
/* font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; */
font-family: 'museo500'!important;
font-weight: normal;
font-style: normal;
color: #222;
text-rendering: optimizeLegibility;
margin-top: 0.2em;
margin-bottom: 0.5em;
line-height: 1.2125em;
}


h1.entry-title {
padding-left: 10px;
color: #fafafa;
background: #076bb6;
width: 100%;
float: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
margin-bottom: 30px;
}
h6 {
font-family: "Helvetica Neue","Helvetica"!important;
}

/* ---------------------------
   MISC 
--------------------------- */


.section-container.horizontal-nav>section>.title a, .section-container.horizontal-nav>.section>.title.off a,
.section-container.horizontal-nav>section>.title a, .section-container.horizontal-nav>.section>.title.off a:hover,
#menu-footer li.menu-item-has-children ul li.off a  {
pointer-events: none;
cursor: default;
color: #666!important;
text-shadow: none!important;
}

.section-container.horizontal-nav>.section>.title.off a {
background: url('img/en_construccio.png') 50% 0 no-repeat;	
}




.site-logo a img {max-width: none;}

div.img-caption {cursor: pointer; color: #666; font-size: 11px; margin-bottom: 10px;}

.spacer20 {height: 20px;}
.radius {
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
-ms-border-radius: 8px; 
-o-border-radius: 8px; 
border-radius: 8px;
}
.sombra {
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);  
}

header.archive-header,
div.contEsmeralda {
background: #076bb6;
width: 100%;
float: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
margin-bottom: 30px;
}

header.archive-header h1 {
font-family: 'museo500';
padding-left: 10px;
color: #fafafa;
font-weight: normal;
/* font-size: 24px; */
/* line-height: 36px; */
margin: 0px;
float: left;
}


.contEsmeralda h2 {
font-family: 'museo500';
padding-left: 10px;
color: #fafafa;
font-size: 24px;
line-height: 36px;
margin: 0px;
float: left;
}

.contEsmeralda .button {
position: absolute;
top: 6px;
right: 23px;
}

/* corrige special recent post */
div.srp-content-box {
display: block;
vertical-align: top;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
-webkit-border-radius: 1000px;
border-radius: 1000px;
font-weight: bold;
background: #076bb6!important;
padding: 0.1875em 0.5625em;
cursor: default;
color: #fafafa!important;
}

p.tags {font-size: 13px;}
p.tags a {
padding: 2px;
color: #fafafa!important;
background: #076bb6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-right: 4px;
}

/* ---------------------------
   BOTONES NUTTONS 
--------------------------- */

.top-bar .name p a {
height: 45px;
margin: 0;
font-size: 0px;
background: url('img/logo_fim_menu_mini.png') no-repeat 50% 50%;
width: 62px;
}

#mobile-menu-button .button {
margin-bottom: 0;
padding: 0.75em 0.5em;
width: auto;
background: #181818;
}

.mobile-menu-icon {
background: #fafafa;
border-radius: 0.063em;
box-shadow: 0 0.063em 0 rgba(0, 0, 0, 0.25);
display: block;
height: 0.125em;
width: 1.25em;
}

.button {
font-family: 'museo500';
border-style: solid;
border-width: 1px;
cursor: pointer;
font-weight: bold;
line-height: normal;
margin: 0 0 1.25em;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
padding-top: 0.75em;
padding-right: 1.5em;
padding-bottom: 0.8125em;
padding-left: 1.5em;
font-size: 1em;
background-color: #181818;
border: none;
color: #fafafa!important;
text-transform: uppercase;
/* radius */
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
-ms-border-radius: 8px; 
-o-border-radius: 8px; 
border-radius: 8px;
}
.button:hover{
background-color: #333333;
color: #fff;	
}


.prefix.button {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
line-height: 2.125em;
border-radius: 0px 8px 8px 0px;
font-size: 0.8300em;
}

/* ---------------------------
   HEADER 
--------------------------- */

h3.fecha {
font-family: 'museo500';
text-align: center;
font-size: 37px;
vertical-align: baseline;
margin: 0px;
padding: 38px 0px 0px;
line-height: 42px;
}
.inner-header {
border:none;
border-bottom: none;
margin: 0px;
padding: 0.8em 0 0;
}
.site-header .site-logo {
float: left;
margin: 0px;
}

.headerBG { position: absolute; top:0px; left: 0px; width:100%; height: 140px;  
background: #fafafa;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);  
z-index: -1;
}

div.social {width: 80%;float: right;}
div.social a {width: 24px; height: 24px;float: right; background:transparent no-repeat 50% 50%; margin: 4px;}
div.social a.Facebook {background-image: url('img/social24/Facebook.png');}
div.social a.Twitter {background-image: url('img/social24/Twitter.png');}
div.social a.Google {background-image: url('img/social24/Google.png');}
div.social a.Instagram {background-image: url('img/social24/Instagram.png');}
div.social a.Youtube {background-image: url('img/social24/Youtube.png');}
div.social a.fimtv {background-image: url('img/social24/fimtv.png');}
div.social a.BandCamp {background-image: url('img/social24/bandcamp.png');}
div.social a.Vimeo {background-image: url('img/social24/Vimeo.png');}




/* ---------------------------
   MENU 
--------------------------- */
.section-container.horizontal-nav {
background: #181818;
border: none;
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
-ms-border-radius: 8px; 
-o-border-radius: 8px; 
border-radius: 8px;
min-height: 30px!important;
margin-top: 11px;
}

/* hover LI */
/*
.section-container.horizontal-nav>section>.title, 
.section-container.horizontal-nav>.section>.title,
.section-container.horizontal-nav>section>.title:hover, 
.section-container.horizontal-nav>.section>.title:hover {
background-color: transparent;
cursor: pointer;
border: none;
background: url('img/menu_divider.png') no-repeat 100% 0px;
}
*/

.section-container.horizontal-nav>section>.title, 
.section-container.horizontal-nav>.section>.title,
.section-container.horizontal-nav>section>.title:hover, 
.section-container.horizontal-nav>.section>.title:hover {
background-color: transparent;
cursor: pointer;
border: none;
background: url('img/menu_divider.png') no-repeat 100% 0px;
}

#menu-item-119 {
background: none!important;
}

/* hover A */
.section-container.horizontal-nav>section>.title:hover a, 
.section-container.horizontal-nav>.section>.title:hover a {
color: #fff;
text-shadow: rgba(255, 255, 255, 0.9) 0 0px 2px;
}


/* seccion actual */
#menu .section-container.horizontal-nav .section .title.active a, #menu .section-container.horizontal-nav.auto .section .title.active a {
background-color: transparent;
color: #fff;
text-shadow: rgba(255, 255, 255, 0.9) 0 0px 2px;
}


.section-container.horizontal-nav>section>.title a, .section-container.horizontal-nav>.section>.title a {
font-family: 'museo500';
padding: 0.9375em;
color: #fafafa;
font-size: 1em;
line-height: 0em;
background: none;
}

#menu .section-container.horizontal-nav .section .title.has-dropdown > a {
padding-right: 1.2em;
}

#menu .section-container.horizontal-nav .section .title.has-dropdown > a:after, #mobile-menu .section-container.accordion .section .title.has-dropdown > a:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 3px;
border-color: #fafafa transparent transparent transparent;
margin-top: -12.5px;
position: absolute;
right: 0.5em;
top: 1.688em;
display: none; /* desactivado */
}

.side-nav li a {
font-family: 'museo500';
display: block;
color: #181818;
}

.side-nav li a:hover {
/* color: #076bb6; */
color: #fafafa;
background: #076bb6!important;
}


/* ---------------------------
   HOME INICI 
--------------------------- */

.galeriaHome {width: 430px;}

.noticiasHome article.noticia {margin-bottom: 29px;}
.noticiasHome img {
float: left;
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
-ms-border-radius: 8px; 
-o-border-radius: 8px; 
border-radius: 8px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);  
margin-right: 20px;
}

.noticias h1.entry-title,
.noticias h2.entry-title {
padding: 0px;
font-size: 30px;
line-height: 35px;
color: #181818;
background: transparent;
width: 100%;
float: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
margin-bottom: 30px;
}

.noticiasHome article h2 {display: inline;font-family: 'museo500';font-size: 19px;line-height: 24px; }
.noticiasHome article h2 a {color: #181818!important;}
.noticiasHome article h2 a:hover {color: #076bb6!important;}

.bannersInici,
.bannersInici ul {margin: 0px; padding: 0px;}
.bannersInici ul li {list-style: none;float: left;}
.bannersInici large-3 columns:first-child {margin-left: 0px;padding: 0px;}


.iniciWidgets {margin-top: 30px;}



.iniciWidgets .widget {
/*
overflow: hidden;
display: inline;
float: left;
width: 31%;
background: aquamarine;
margin-right: 2%;
*/

position: relative;
padding-left: 0;
padding-right: 0;
float: left;
width: 33%;
}
/*
.iniciWidgets .widget:last-first {margin-right: 0%;float: left;}
.iniciWidgets .widget:last-child {margin-right: 0%;float: right;}
*/

.widget .textwidget {
margin: 0 0 1.063em;
width: 300px;
}


.firma {
position:absolute;
	width:112px;
	right:4px;
	bottom: 10px;
	z-index:5;
	opacity: 0.6;
}

.SingleSocial {margin-bottom: 20px;}



/* ---------------------------
   Footer
--------------------------- */
footer {padding-bottom: 30px;}
footer .row.lineatop {border-top: solid #ddd 1px; padding-top: 20px;padding-bottom: 20px;}

#menu-footer li.menu-item-has-children {float: left; display: inline; width: 25%;}
#menu-footer li.menu-item-has-children a {font-family: 'museo500'; font-size: 15px; text-transform: uppercase;}
#menu-footer li.menu-item-has-children ul.sub-menu { margin: 0; padding: 0;}
#menu-footer li.menu-item-has-children ul li {list-style: none;}
#menu-footer li.menu-item-has-children ul li a {font-size: 13px; text-transform: none;}

#menu-footer li.menu-item-has-children a,
 footer a {color:#181818!important;}
#menu-footer li.menu-item-has-children a:hover,
footer a:hover {color:#076bb6!important;}

footer p {font-family: 'museo500'; font-size: 15px;}

footer p.datosfooter {margin-left: 6px; margin-top: 10px;}


/* ---------------------------
   ARTISTAS
--------------------------- */

.artista h1 {color: #fafafa!important; margin: 0;}
.artista h3.ciudad {color: #fafafa;font-size: 22px; float: right;}


.artista .entry-header {
padding: 0px 10px 0px;
color: #fafafa;
background: #076bb6;
width: 100%;
float: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}

.artista h4.estil {
font-size: 18px;
line-height: 28px;
padding: 0px 10px 0px;
color: #fafafa;
background: #181818;
width: 100%;
float: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}



ul.diahoralugarprecio {
margin-left: 0em;
}
ul.diahoralugarprecio li {list-style: none;display: inline; border-right: solid #4e4e4e 1px; padding: 0px 10px 0px;}
ul.diahoralugarprecio li:last-child {border: none;}

.artista img {
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
-ms-border-radius: 8px; 
-o-border-radius: 8px; 
border-radius: 8px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);  
margin-bottom: 30px;
}

.wp-caption  {margin-bottom: 30px;}

.artista .wp-caption img {margin-bottom: 0px;}

.artista-caption {
background: rgba(255,255, 255, 0.7);
font-size: 12px;
padding: 5px;
}

.artista span.formaciotitulo {text-align: left; font-weight: bold;line-height: 1.6; font-size: 1em;}
.artista p.formacio {padding: 0px 10px 0px; line-height: 1.6; font-size: 1em;}

.artistcontact {border-top: solid #181818 1px;border-bottom: solid #181818 1px;padding: 10px;margin-bottom: 20px!important;}

.artistcontact a.web {
font-size: 18px;
font-weight: bold;
line-height: 30px;
}

div.social.artista {
width: 50%;
float: right;
}

.socialArtista {margin-top: 30px; width: 100%;}

/* ---------------------------
   SPONSORS
--------------------------- */

/* footer */
.sponsors {background: #fff;padding: 10px 0px 0px 10px; margin: 0px 0px 20px 0px;border-top: solid #ddd 1px;}
.sponsors ul {margin: 0;padding: 0; float: left;display: inline; margin-right: 12px;}
.sponsors ul li {list-style: none; float: left; margin-right: 6px; }
.sponsors img {}
.sponsors h6.sponsorTitle { color: #4e4e4e; font-size: 12px; height: 24px;}


/* seccion colaboradors */
.page-template-page-templatescolaboradors-php .sponsors ul {display: block!important;width: 100%;}
.page-template-page-templatescolaboradors-php h6.sponsorTitle {font-family: 'museo500'!important; display: inline; float: left; color: #181818; font-size: 16px; height: 24px; width: 200px;}
.page-template-page-templatescolaboradors-php h6.sponsorTitle.largo {height: 160px;}

.page-template-page-templatescolaboradors-php .sponsors {background: #fff;padding: 10px 0px 0px 10px; margin: 0px 0px 20px 0px;border: none;}
.page-template-page-templatescolaboradors-php .sponsors ul {border-top: solid #ddd 1px;padding: 20px;}
.page-template-page-templatescolaboradors-php .sponsors ul li {
list-style: none;
float: left;
margin-right: 30px;
}

/* ---------------------------
  NOTICIAS
--------------------------- */
.post-type-archive-noticias span.fecha,
.single-noticias span.fecha {color: #4e4e4e;}

.single-noticias img.wp-post-image {
margin-bottom: 10px;
}

div.srp-widget-singlepost h4.srp-post-title {padding-right: 11px;font-size: 1.2375em;}


.nav-previous,
.nav-next {
width: 45%;
background-color: #f6f6f6;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 10px;
}

.nav-next {text-align: right;}


/* ---------------------------
  PRENSA
--------------------------- */
ul.programacio,
ul.dossier,
ul.clipping {margin-bottom: 40px; margin-left: 0;}
ul.programacio li,
ul.dossier li {
list-style: none;
border-top: solid #ddd 1px;
padding: 10px 0px 10px;
}

ul.clipping li {
list-style: none;
padding: 4px 0px 4px;
border-top: solid #eee 1px;
font-size: 16px;
}

ul.clipping li span.fecha {
color: #4e4e4e;
font-size: 14px;
padding-right: 5px;
}

ul.programacio li h3,
ul.dossier li h3 {
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif!important;
font-size: 1.2875em;
/* line-height: 0px; */
line-height: 1.2em;
padding: 4px 0px 0px;
}

ul.programacio li .button.tiny,
ul.dossier li .button.tiny 
{
margin-top: 8px;
}



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



/* SMALL Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (max-width: 767px) {

body {background-image: none!important;}
.headerBG {display: none;}

.site-header .site-logo,
.site-header .site-logo a {
	float: center; display: block; margin-left: auto; margin-right: auto;
}
.site-header .site-logo a img {
	float: center; display: block; margin-left: auto; margin-right: auto;
}

.galeriaHome {max-width: 430px; width: auto;}

	/*
img, object, embed {
	max-width: 100%;
	height: auto;
	}
*/
	.headerBG { position: absolute; top:0px; left: 0px; width:100%; height: 270px;  
	background: #fafafa;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); 
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);  
	z-index: -1;
	}
	
	.button.tiny.right {
float: none!important;
}
	
	h3.fecha {
	font-family: 'museo500';
	text-align: center;
	font-size: 32px;
	vertical-align: baseline;
	margin: 0px;
	padding: 10px 0px 0px;
	line-height: 32px;
	}
	
	.noticiasHome {margin-top: 20px;}
	
	.bannersInici ul li {
	list-style: none;
	float: left;
	margin-bottom: 10px;
	}
	.bannersInici ul li img {float: center; display: block; margin-left: auto; margin-right: auto; }
	
	#menu-footer li.menu-item-has-children {
float: left;
display: inline;
width: 50%;
margin-top: 15px;
}
.youtubeiframe {width: 100%!important;}


ul.diahoralugarprecio li {
list-style: none;
display: block;
border-right: none;
padding: 0px 0px 0px;
width: 100px;
float: left;
width: 100%;
}

div.social.artista {
margin-top: 10px;
width: 100%;
float: left;
}
div.social a {
width: 24px;
height: 24px;
float: left;
background: transparent no-repeat 50% 50%;
margin: 4px;
}

.iniciWidgets .widget {
overflow: hidden;
display: inline;
float: left;
width: 100%;
}

.noticiasHome article h2 a {font-size: 14px; line-height: 16px!important;}


h3.fecha {
text-align: center;
font-size: 25px!important;
vertical-align: baseline;
margin: 0px;
padding: 0px 0px 0px;
line-height: 31px;
width: 100%!important;
margin-left: 0%!important;
}

}/* /max 767px */


/* We use this media query to add styles to any device that supports media queries */
@media only screen { 
	
	
}/* / */

/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (min-width: 768px) {

	/*
img, object, embed {
	max-width: none;
	height: auto;
	}
*/
/* oculta menu mobile */
.contain-to-grid {
width: 100%;
background: #111;
position: fixed!important;
display: none;
}
.f-topbar-fixed {
padding-top: 0px!important;
}


	
}/* /min 768px */

/* Used to alter styles for screens at least 1280px wide. */
@media only screen and (min-width: 1000px) {
.sponsors ul li {
list-style: none;
float: left;
margin-right: 10px;
}

}/* /1280px */

/* Used to alter styles for screens at least 1440px wide. */
@media only screen and (min-width: 1440px) {

}/* /1440px */

/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {

}/* /landscape */

/* Apply styles to screens in portrait orientation */
/* 771 948 */


@media only screen and (orientation: portrait) {

img, object, embed {
max-width: 100%;
height: auto;
}
.widget .textwidget {
margin: 0 0 1.063em;
width: 100%;
}
h3.fecha {
font-family: 'museo500';
text-align: center;
font-size: 28px;
vertical-align: baseline;
margin: 0px;
padding: 0px 0px 0px;
line-height: 31px;
width: 51%;
margin-left: 30%;
}
.headerBG {height: 153px;}

.section-container.horizontal-nav>.section>.title a {
font-family: 'museo500';
padding: 0.9375em;
color: #fafafa;
font-size: 0.78em;
line-height: 0em;
background: none;
}

.noticiasHome article h2 {
display: inline;
font-family: 'museo500';
font-size: 14px;
line-height: 19px;
}
.noticiasHome article.noticia {
margin-bottom: 10px;
}
.noticiasHome img {height: 83px;}

.bannersInici, .bannersInici ul {
margin: 0px;
padding: 0px;
margin-top: 9px;
}

}/* /portrait */

/* We also use Modernizr to add a .touch class to the body when applicable */
/* You can prepend this class to anything and it will style only for touch devices */
.touch .your-element {}