/* If you want to add your own CSS code, please do it in this file */

#searchform {display: none;}


/*.items_group.clearfix {margin: 0 !important; padding: inherit -1em !important;}*/
.items_group.clearfix {margin: -10px !important; padding: inherit -1em !important;}/*ruben*/
#Footer .Recent_posts i {color: #ffffff;}

.fast-contact {background-color: transparent; color: white; max-width:85%; }

/* Widget de contacte del peu */
.company_box {max-height: 200px;}
.company_box .logo {margin:0; padding: 0;}
.company_box i {color: #ffffff;}
.company_box .contact_details {background-color: rgba(46,46,46,0.5); position: relative; bottom: 6em; z-index: 999;}


/* Widget de Mailchimp */
.mc_signup_submit {text-align: left;}
/* .mc_signup_submit input[type="text"] {min-width: 80% !important; background-color: rgba(255,255,255,0.7) !important;} */
#mc_mv_EMAIL {min-width: 80% !important; background-color: rgba(255,255,255,0.7) !important;}
.mc_signup_submit .button {max-width: 80% !important; background-color: #d3d2d2 !important; color: #39464e;} 
.mc_signup_submit .button:hover {color: red !important;}


/* Amaguem els breadcrumbs */
.breadcrumbs {display: none;}

/* Ajustem els espais verticals a dalt el contingut - titol- */
#Subheader { padding-bottom: 1em; margin-top: 1em;}
#Subheader .one { padding: 1em 0;}
	
.fancy_heading .fancy_heading_wrapper {padding-bottom: 1em; padding-top: 0;}

/* Separem mes les icones socials */
	.header-mb #Header .social ul li {margin-left: 1em;}

//Fons per la home
.fonsHome {background-color: #cc0200;}


/* Desktop i Tablet Horitzontal */
@media only screen and (min-width: 960px) {

	.header-mb #Header .logo {
		clear: both; 
		text-align: center; 
		max-width: 300px; 
		width: 100%; 
		/* margin: 4.5em auto !important; */
		margin: 1em auto !important;
		height: 7.5em; /* ruben*/
	}

	
	.header-mb #Header #menu { 
		display:block !important;
		text-align: center;
		float: none;
		margin: inherit auto !important;
		bottom:0;
		background-color: #131313 /*añadido por Rubén */
	}

	.header-mb #Header #menu .menu {
		/*max-width: 600px;*/
		max-width: 770px;
		margin: 0 auto !important;
		float: none;
	}
	
	
	.header-mb #Header .social { top: 1.5em; bottom:13px; left: 1em; display: inline-block; max-height: 2em; max-width: 300px;}
	.header-mb #Header .social ul li a {font-size: 2.35em;}
	
	.header-mb #Header .addons {display: inline-block; top:1em; right: 1em;}
	.header-mb #Header .addons .label a {color: white;}
	
	#Header #searchform.focus input[type="text"] {color: #FFF;}
	
		
	/* Quan apareix el menu fixe en scroll */
	
	#Header.is-sticky .addons {display: none;}
	
	#Header.is-sticky .social {margin-top:-0.5em; display: none;}

	#Header.is-sticky #menu .menu { top:auto; bottom: 0;}

	}


/* Tablet vertical */
@media only screen and (min-width: 768px)  and (max-width: 959px) {
		.header-mb #Header .logo {max-width: 300px; margin: 4.5em auto 2em auto !important; position: relative;}
		
}


/* Mòbil */
@media only screen and (max-width: 479px) {
	.header-mb #Header .logo {clear: both; text-align: center; max-width: 300px; margin: 6.5em auto 0.5em auto !important;}
	.header-mb #Header .logo img {width: 100%;}
	.header-mb #Header .social ul li a {font-size: 2.35em;}
	.header-mb #Header .social ul li {margin-left: 1em;}

	#top_bar p a {color: #FFF; margin: inherit 3em; }
	
}

/* #Tablet (Portrait) & #Mobile (Landscape)	*/
@media only screen and (min-width: 480px) 
{
	#top_bar p a {color: #FFF; margin: inherit 3em; }
	.header-mb #Header .social ul li a {font-size: 2.35em;}
}