/*
	Theme Name: Yago Hortal
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 Helvetica, Arial, sans-serif;
	color:#333;
	font-weight:400;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}

p a {
	
	text-decoration:underline;
}

a:hover {
	color:#aaa;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

ul { padding:0; margin:0;}
li { list-style:none;}

p { margin:0;}

h2, h5, h4 { margin:0; font-weight:normal;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:100%;
	margin:85px auto;
	position:relative;
	
}

.home .wrapper {
	max-width:100%;
	width:100%;
	
}

.p-obras {padding:0 50px}

.p-narrow{
	padding:0 160px;
}


/* header */
.header { 
background:url(img/bg-header.png) repeat 0 0; position:fixed; top:0; left:0;z-index:1;width: 100%; padding:15px 25px 20px 25px;

}
/* logo */
.logo { float:left; padding-top:3px;

}
.logo-img {

}
/* nav */
.nav{ 
	padding-top:8px; font-size:23px; font-size:2.3rem; font-weight:bold;line-height:23px;
}
.nav li { 
	float:left; padding-right:15px; 
}

.nav-obra {
	float:left; padding-left:25px;
}
.nav-extra { 
	float:right;
}
.nav-extra #menu-menu {position:relative;}
.nav-extra .social-icon { position:absolute; right:20px; top:12px;}

.nav-extra .social-icon li{ padding-right:0; padding-left:7px;}

.nav-extra #menu-menu {padding-right:45px;}

.nav-extra .social-icon .ico-face a{ background:url(img/ico-face.png) no-repeat 0 2px; height:22px; width:20px; display:block}
.nav-extra .social-icon .ico-insta a{ background:url(img/ico-insta.png) no-repeat 0 2px; height:22px; width:20px; display:block}
.nav-extra .social-icon .ico-twit a{ background:url(img/ico-twit.png) no-repeat 0 2px; height:22px; width:20px; display:block}

.nav-extra .social-icon .ico-face a:hover{ opacity:0.6;}
.nav-extra .social-icon .ico-insta a:hover{ opacity:0.6;}
.nav-extra .social-icon .ico-twit a:hover{ opacity:0.6;}


.nav-lang { position:absolute; top:0; right:25px; font-size:12px; font-size:1.2rem;}
.nav-lang a{color:#bababa;}
.nav-lang a:hover{color:#333;}


/* sidebar */
.sidebar {

}
/* footer */
.footer {  position:fixed; bottom:15px; right:15px; text-align:right;font-size:12px; font-size:1.2rem;

}




/*------------------------------------*\
    PAGES
\*------------------------------------*/

h2 { font-weight:bold;}
h5 { font-size: 16px; font-size:1.6rem; font-weight:normal;}
h4 { font-size: 16px; font-size:1.6rem;font-family:'franklin_gothic_bold','Helvetica Neue', Helvetica, Arial, sans-serif; }

article p { padding-bottom:10px; font-size:14px; font-size:1.4rem;}

#scroll article { margin-bottom:75px;}
#scroll img { margin-bottom:10px;}
#scroll article .post-info {padding-top:10px;}

#scroll .p-news article .post-info { border-top:none; margin-bottom:20px;}

#grid { overflow: hidden;}
#grid article { width:225px; float:left; margin:15px; position:relative; height:390px; overflow:hidden;}
#grid article .over-info { padding:13px 0;}
#grid article .thumbnail{ height:280px;}


.p-press article h2 { height:22px; overflow:hidden;}
.p-press article .content {padding-top:2px; height:40px; overflow:hidden;}
.p-press article .fecha {padding-top:0; font-size:14px; font-size:1.4rem;}

.p-page article { overflow:hidden; padding-top:0;}

/*
.p-page .column {float:left;}
.p-page .col-left { width: 60%; padding-right:40px;}
.p-page .col-right { width: 40%;}

border-top:1px solid #e0e0e0 // ref lineas grises
*/

.p-page h4 { margin: 10px 0 6px 0;}

.p-page h5 { margin-bottom:15px;}
.p-page .info-bio { padding-top:15px;}
.p-page .info-lineas {border-bottom:1px solid #e0e0e0; padding:5px 0; margin-bottom:15px;}


.p-page .social-info { overflow:hidden;}
.p-page .social-info p { float:left; width:110px;}

.p-page .social-info .ico-face{ background:url(img/ico-face.png) no-repeat 0 2px; height:22px; width:20px; display:block; padding:6px 0 0 25px;}
.p-page .social-info .ico-face:hover{ opacity:0.8;}

.p-page .social-info .ico-insta{ background:url(img/ico-insta.png) no-repeat 0 2px; height:22px; width:20px; display:block; padding:6px 0 0 25px;}
.p-page .social-info .ico-insta:hover{ opacity:0.8;}

.credits {padding-top:20px; margin-top:20px;}

#scroll .p-texts { overflow:hidden; margin-top:150px;}
#scroll .p-texts article {
	margin:15px;	
	width: 285px;	
	background-color: #dadada;	
	padding: 20px;	
	float: left;	
	height: 330px;
	position:relative;
	}
	
#scroll .p-texts article .text-idiomas{ position:absolute; bottom:25px;left:25px;font-size:14px; font-size:1.4rem;}
#scroll .p-texts article .text-idiomas a:hover {font-size:14px; font-size:1.4rem; color:#000;}

.franja-texts h2 {font-size: 23px; font-size:2.3rem; padding-bottom:10px; line-height:115%; margin-bottom:15px;}



#mailchimpsf_widget-2 {font-size:15px; overflow:hidden;border-bottom:1px solid #e0e0e0; padding-bottom:15px; margin-bottom:15px;}

#mailchimpsf_widget-2 .mc_merge_var { width:270px; float:left; margin-right:20px; margin-bottom:5px;}
#mailchimpsf_widget-2 .mc_merge_var input{ width:270px; border:1px solid #e0e0e0; padding:5px; }

#mailchimpsf_widget-2 .mc_signup_submit {float:left; width:60px; margin-top:10px; text-align:left;}
#mailchimpsf_widget-2 .mc_signup_submit input { background:none; border:none;font-family:'franklin_gothic_bold','Helvetica Neue', Helvetica, Arial, sans-serif;}
#mailchimpsf_widget-2 #mc_signup_submit { margin-top:0; padding-top:3px; background-color:#444; color:#fff;}


#mailchimpsf_widget-2 #mc_display_rewards { clear:both; display:none;}

#mailchimpsf_widget-2 #mc-indicates-required { clear:both; font-size:12px; font-style:italic;}
#mailchimpsf_widget-2 h3 { font-size:15px; font-size:1.5rem; margin:0 0 10px 0;}

.su-custom-gallery-slide { border:none !important; margin:15px !important;}
.su-custom-gallery-slide a:hover{ background:none !important;}

.su-custom-gallery-slide img{ border:none !important; padding:10px !important;}

.news-featured { margin-top:150px; margin-left:210px; color:#fff;}
.news-featured a {color:#fff;}
.news-featured a:hover {color:#e6e6e6;}

.news-featured article {padding:20px; background: url(img/bg-news.png) repeat 0 0 transparent; display:inline-block;margin-bottom:3px;}
.news-featured .fecha{font-size:20px; font-size:2rem;font-weight:bold}
.news-featured .title{font-size:65px; font-size:6.5rem; font-weight:bold;}
.news-featured .content{font-size:18px; font-size:1.8rem;}

.p-news .fecha{color:#999; font-size:16px; font-size:1.6rem;font-weight:bold}
.p-news h2{font-size:30px; font-size:3rem; font-weight:bold;}

article.category-new-past .title { text-decoration:line-through;}

.item-cv {overflow:hidden; font-size:14px; font-size:1.4rem; margin-bottom:20px;}
.item-cv .year,.item-cv .text {float:left;}
.item-cv .year {width: 6%; font-size:14px; font-size:1.4rem;}
.item-cv .text {width: 94%;}

.item-cv a {text-decoration:underline;}

/*------------------------------------*\
    COLORS
\*------------------------------------*/

.nav li a:hover {color:#444;} 
.nav li a:hover {color:#aaa;} 
.nav li.current-menu-item a {color:#aaa;} 

/* #menu-item-19 a:hover {color:#ff006b;}  News Rosa */
/* #menu-item-19.current-menu-item a {color:#ff006b;} News Rosa */


/*
#menu-item-11 a:hover {color:#aaa;}  Bio Amarillo
#menu-item-20 a:hover {color:#aaa;}  Press Violeta
#menu-item-21 a:hover {color:#aaa;}  Texts Naranja
#menu-item-87 a:hover {color:#aaa;}  Contact verde 


#menu-item-11.current-menu-item a {color:#aaa;} /* Contact verde 
#menu-item-20.current-menu-item a {color:#aaa;} /* Contact verde 
#menu-item-21.current-menu-item a {color:#aaa;} /* Contact verde 
#menu-item-87.current-menu-item a {color:#aaa;} /* Contact verde 
*/

/*.nav-obra li a:hover {color:#03b8b1;}
.nav-obra li.current-menu-item a{color:#03b8b1;}
*/

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.category #fsb_image { display:none;}
.page-template-default #fsb_image { display:none;}
.page-template-page-contact-php #fsb_image { display:none;}
.page-template-page-work-php #fsb_image { display:none;} 

img#fsb_image {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -9999;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: 'franklin_gothic';
    src: url('fonts/FranklinGothic-Book-webfont.eot');
    src: url('fonts/FranklinGothic-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/FranklinGothic-Book-webfont.woff') format('woff'),
         url('fonts/FranklinGothic-Book-webfont.ttf') format('truetype'),
         url('fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fsbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'franklin_gothic_bold';
    src: url('fonts/FranklinGothic-Demi-webfont.eot');
    src: url('fonts/FranklinGothic-Demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/FranklinGothic-Demi-webfont.woff') format('woff'),
         url('fonts/FranklinGothic-Demi-webfont.ttf') format('truetype'),
         url('fonts/FranklinGothic-Demi-webfont.svg#franklin_gothic_fsdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

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

.wrapper {
	max-width:300px; margin:40px auto;
}
#scroll .p-texts article {
	width: 300px;	
	}
.p-work article {padding-left:0;}

.su-custom-gallery-slide { margin:15px 0 !important;}
.su-custom-gallery-slide img{ width:300px; height:auto;}

.news-featured {margin-left:20px; margin-top:80px;}
.news-featured article {display:inline-block;}
.news-featured .title{font-size:55px; font-size:5.5rem; line-height:100%;}

.p-narrow{
	padding:0 10px;
}

.item-cv .year,.item-cv .text {float:none;}

.p-news h2{font-size:25px; font-size:2.5rem; line-height: 110%;}
#grid article { margin:15px 40px;}
#scroll .p-texts article {margin:15px 0;}
#scroll .p-texts { margin-top:40px;}
.footer {bottom:5px; right:5px; font-size:10px; font-size:1rem;}

}
@media only screen and (min-width:480px) {
.wrapper {
	max-width:450px; margin:40px auto;
}
#scroll .p-texts article {
	width: 400px;	
	}
.p-work article {padding-left:0;}

.su-custom-gallery-slide { margin:15px 0 !important;}
.su-custom-gallery-slide img{ width:350px; height:auto;}

.news-featured {margin-left:20px; margin-top:80px;}
.news-featured article {display:inline-block;}
.news-featured .title{font-size:55px; font-size:5.5rem; line-height:100%;}

.p-narrow{
	padding:0 10px;
}

.item-cv .year,.item-cv .text {float:none;}

.p-news h2{font-size:25px; font-size:2.5rem; line-height: 110%;}
#grid article { margin:15px 70px;}
#scroll .p-texts article {margin:15px;}
#scroll .p-texts { margin-top:40px;}
.footer {bottom:5px; right:5px; font-size:10px; font-size:1rem;}
}
@media only screen and (min-width:768px) {

.wrapper {
	max-width:765px; margin:75px auto;
}
#scroll .p-texts article {
	width: 352px;	
	}
.p-work article {padding-left:0;}

.nav{ 
	padding-top:8px; font-size:17px; font-size:1.7rem; line-height:17px;
}
.header {padding:13px 10px 13px 25px; }
.nav-extra .social-icon {top:37px; margin-right:5px;}
.nav-obra {
	float:none; 
}
.nav-extra #menu-menu {padding-right:80px;}
.nav-container {float:right; overflow:hidden;}

.su-custom-gallery-slide { margin:15px 0 !important;}
.su-custom-gallery-slide img{ width:382px; height:auto;}

.news-featured {margin-left:100px; margin-top:150px;}
.news-featured article {display:inline-block;}
.news-featured .title{font-size:65px; font-size:6.5rem; line-height:120%;}
.p-narrow{
	padding:0 25px;
}

.item-cv .year,.item-cv .text {float:left;}

.p-news h2{font-size:25px; font-size:2.5rem;line-height: 120%;}
#grid article { margin:15px;}
#scroll .p-texts article {margin:15px;}
#scroll .p-texts { margin-top:150px;}
.footer {bottom:10px; right:10px; font-size:12px; font-size:1.2rem;}

}
@media only screen and (min-width:1024px) {
.wrapper {
	max-width:1020px; margin:75px auto;
}
#scroll .p-texts article {
	width: 310px;	
	}
.p-work article {padding-left:95px;}

.nav{ 
	padding-top:7px; font-size:17px; font-size:1.7rem; line-height:17px;
}
.header {padding:13px 10px 13px 25px; }
.nav-extra .social-icon {top:37px; margin-right:5px;}
.nav-obra {
	float:none; 
}
.nav-extra #menu-menu {padding-right:80px;}
.nav-container {float:right; overflow:hidden;}

.su-custom-gallery-slide { margin:15px !important;}
.su-custom-gallery-slide img{ width:395px; height:auto;}

.news-featured {margin-left:100px; margin-top:150px; }
.news-featured article {display:inline-block;}
.news-featured .title{font-size:65px; font-size:6.5rem; line-height:120%;}
.item-cv .year,.item-cv .text {float:left;}

.p-news h2{font-size:25px; font-size:2.5rem;line-height: 120%;}
#grid article { margin:15px;}
#scroll .p-texts article {margin:15px;}
#scroll .p-texts { margin-top:150px;}
.footer {bottom:10px; right:10px; font-size:12px; font-size:1.2rem;}

}
@media only screen and (max-width: 1024px) {
	img#bg_image {
                left: 50%;
                margin-left: -512px;   /* 50% */
    }
	
}

@media only screen and (min-width:1140px) {
.wrapper {
	max-width:1020px; margin:90px auto;
}
#scroll .p-texts article {
	width: 310px;	
	}
.p-work article {padding-left:95px;}	
.nav{ 
	padding-top:12px; font-size:18px; font-size:1.8rem; line-height:18px;
}
.header {padding:13px 10px 13px 25px; }
.nav-extra .social-icon {top:19px;margin-right:0;}
.nav-obra {
	float:left; 
}
.nav-extra #menu-menu {padding-right:80px;}
.nav-container {float:none; overflow:hidden;}

.su-custom-gallery-slide { margin:15px !important;}
.su-custom-gallery-slide img{ width:395px; height:auto;}

.news-featured {margin-left:150px; margin-top:150px; }
.news-featured article {display:inline-block;}
.news-featured .title{font-size:65px; font-size:6.5rem; line-height:120%;}
.p-narrow{
	padding:0 50px;
}
.item-cv .year,.item-cv .text {float:left;}

.p-news h2{font-size:25px; font-size:2.5rem;line-height: 120%;}
#grid article { margin:15px;}
#scroll .p-texts article {margin:15px;}
#scroll .p-texts { margin-top:150px;}
.footer {bottom:10px; right:10px; font-size:12px; font-size:1.2rem;}

}
@media only screen and (min-width:1280px) {
.wrapper {
	max-width:1280px;margin:90px auto;
}
#scroll .p-texts article {
	width: 285px;	
	}
.p-work article {padding-left:0;}
.nav{ 
	padding-top:12px; font-size:18px; font-size:1.8rem; line-height:18px;
}
.header {padding:13px 10px 13px 25px; }
.nav-extra .social-icon {top:19px;margin-right:0;}
.nav-obra {
	float:left;
}
.nav-extra #menu-menu {padding-right:80px;}
.nav-container {float:none; overflow:hidden;}

.su-custom-gallery-slide { margin:15px !important;}
.su-custom-gallery-slide img{ width:395px; height:auto;}

.news-featured {margin-left:210px; margin-top:150px; }
.news-featured article {display:inline-block;}
.news-featured .title{font-size:65px; font-size:6.5rem; line-height:120%;}
.p-narrow{
	padding:0 160px;
}

.item-cv .year,.item-cv .text {float:left;}

.p-news h2{font-size:25px; font-size:2.5rem;line-height: 120%;}
#grid article { margin:15px;}
#scroll .p-texts article {margin:15px;}
#scroll .p-texts { margin-top:150px;}
.footer {bottom:10px; right:10px; font-size:12px; font-size:1.2rem;}

@media only screen and (min-width:1520px) {
.wrapper {
	max-width:1280px;
	margin:100px auto;
}
#scroll .p-texts article {
	width: 285px;	
	}
.p-work article {padding-left:0;}	

.nav{ 
	padding-top:8px; font-size:23px; font-size:2.3rem; line-height:23px;
}
.header {padding:15px 25px 15px 25px; }
.nav-extra .social-icon {top:22px;margin-right:0;}
.nav-obra {
	float:left;
}
.nav-extra #menu-menu {padding-right:65px;}
.nav-container {float:none; overflow:hidden;}

.su-custom-gallery-slide { margin:15px !important;}
.su-custom-gallery-slide img{ width:395px; height:auto;}

.news-featured {margin-left:210px; margin-top:150px;}
.news-featured article {display:inline-block;}
.news-featured .title{font-size:65px; font-size:6.5rem; line-height:120%;}

.p-narrow{
	padding:0 160px;
}

.item-cv .year,.item-cv .text {float:left;}
.p-news h2{font-size:25px; font-size:2.5rem;line-height: 120%;}
#grid article { margin:15px;}

#scroll .p-texts article {margin:15px;}
#scroll .p-texts { margin-top:150px;}

.footer {bottom:10px; right:10px; font-size:12px; font-size:1.2rem;}

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}



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

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}