/*
Theme Name: XTheme
Author: xaviroses.com
Author URI: http://xaviroses.com/
Version: 1.0.0
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*General*/
html {
-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
font-family: 'Lato', sans-serif;
color:#333;
}
*:focus {
    outline: none;
}
a, a:visited {text-decoration:none;color:#000;font-weight:600;}
a:hover {text-decoration:underline;}
#site-title, #site-description {font-size: 16px;text-transform:uppercase;letter-spacing: 2px;color:#000;font-weight: 700;}
p, li {margin-bottom:12px; font-size:14px; line-height:20px;}
.entry-title {font-size: 13px;text-transform:uppercase;letter-spacing: 4px;font-weight:600;margin-bottom:20px;}
h2 {font-size: 15px;text-transform:uppercase;letter-spacing: 2px;font-weight:600;margin-bottom:10px;}
h3 {font-size: 13px;text-transform:uppercase;letter-spacing: 4px;font-weight:normal;margin-bottom:10px;}
h4 {font-size: 12px;text-transform:uppercase;letter-spacing: 2px;font-weight:normal;margin-bottom:10px; text-decoration:underline}
h5 {font-size: 12px;text-transform:uppercase;letter-spacing: 4px;font-weight:600;margin-bottom:10px;}

p a {color:#FFF !important;}
/**ROGER ORRA**/
.page-template-works {cursor: pointer !important; }
#menu-home a:hover {
	opacity:0.5;
}
#fons-menu {
	position:absolute;
	z-index:1;
	right:0;
	top:0;
	text-align: right;
	width:10%;
}
/*Main Wrapper*/
.body {
	background-image:url('images/xarxa.png');
	background-repeat: repeat;
	background-size:100% auto;
	background-position: bottom left;	
}
#fons {
	background-image:url('images/xarxa.png');
	background-repeat: repeat;
	background-size:100% auto;
	background-position: bottom left;
   }
/**HEADER**/
header#header {
max-width: 1240px;
width:90%;
margin: 20px auto 0;
font-size:13px;
line-height: 1.4;
}
div#container .main-content {
max-width: 1240px;
width:90%;
margin: 40px auto;
font-size:13px;
line-height: 1.4;
}

/**Main Menu**/
.menu-main-menu-container {
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.menu-main-menu-container li.menu-item {
display: inline-block;
vertical-align: top;
margin-right: 14px;
}
nav#menu li.menu-item a {font-size:11px;letter-spacing: 2px;}
ul.sub-menu {margin-left: 0;}
nav#menu ul.sub-menu li.menu-item {display:block;}

.home-image-full {position:relative;}
.home-image-full img {display:block;width:100%;height:auto;}
.home-image-full-lema {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 15%;
max-width: 90%;
width: 1240px;
text-transform: uppercase;
letter-spacing: 4px;
font-size:14px;
font-weight:600;
}

/****RESPONSIVE MENU*****/
.ico {
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.rotatesopen {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.trigger-menu {
margin:-24px 0 20px;
float: right;
clear:none;
background: url('images/menu_icon.png') no-repeat bottom center;
background-size: 24px 24px;
height: 24px;
width: 24px;
cursor: pointer;
}

/**PAGE**/
#home-icon {position:absolute;right:3%;top:10px;z-index:100;}
#home-icon a {
	display:block;
	background-image: url(images/home.png);
	background-size: contain;
	width:24px;
	height:24px;
	text-indent: -9999px;
}
#insta-icon {position:absolute;right:3%;top:52px;z-index: 10;}
.home #insta-icon {top:12px;}
#insta-icon a {
	display:block;
	background-image: url(images/instagram.png);
	background-size: contain;
	width:24px;
	height:24px;
	text-indent: -9999px;
}
#linkedin-icon {position:absolute;right:3%;top:90px;z-index: 10;}
.home #linkedin-icon {top:50px;}
#linkedin-icon a {
	display:block;
	background-image: url(images/linkedin.png);
	background-size: contain;
	width:24px;
	height:24px;
	text-indent: -9999px;
}
#home-icon a:hover, #linkedin-icon a:hover, #insta-icon a:hover {
	opacity: 0.6;
}
.home #footer, .page-template-naked #footer {display:none;}
.naked-content {
	margin-left: 40%;
	padding-top: 15%;
	color: #fff;
	background-color: #rgba(0,0,0,0.3);
	background-image: url('images/fons-text.png');
	background-repeat: no-repeat;: 
	background-position: top left;
	background-size: 100% auto;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom:120%;
}

#fons {
position:absolute;
top:0;
left:0;
z-index:-1;
}
#fons img {
width:100%;
height:auto;
}
/****FOOTER****/
footer#footer {
max-width: 1240px;
width:90%;
margin: 40px auto;
font-size:13px;
line-height: 1.4;
}

/***BLOG**/
section.entry-meta {
    margin-bottom: 20px;
}

/***********MEDIA QUERIES************/
@media only screen and (min-width: 800px) {
.responsive {display: none;}
}
@media only screen and (max-width: 800px) {
#menu {display: none;}
#menu li.menu-item {
display: block !important;
border-bottom: 1px solid #DDD;
padding-bottom: 6px;
}
#insta-icon {top:42px;}
#linkedin-icon {top:70px;}
.home #linkedin-icon {top:36px;}
#home-icon a, #linkedin-icon a, #insta-icon a {
	width:16px;
	height:16px;
}
}
@media only screen and (max-width: 800px) {
#home-icon {top:5px;}
#insta-icon {top:24px;}
#linkedin-icon {top:42px;}
#home-icon a, #linkedin-icon a, #insta-icon a {
	width:12px;
	height:12px;
}
}