/*
	Theme Name: Pablo Curto
	Theme URI: http://pablocurto.com
	Version: 1.0
	Author: @ant6n
	Author URI: http://ant6n.com

	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 {}

body {
	font-family:'TLTStd', serif;
	color:#000;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}


.texto48{font-size: 48px;}
.texto36{font-size: 36px;}

@media (min-width:1024px) and (max-width:1439px){
	.texto48{font-size: 40px;}
	.texto36{font-size: 30px;}
}

@media (min-width:768px) and (max-width:1023px){
	.texto48{font-size: 32px;}
	.texto36{font-size: 24px;}
}

@media (max-width:768px){
	.texto48{font-size: 25px;}
	.texto36{font-size: 18px;}
}

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

/* wrapper */
.wrapper {
	margin:0 0;
	position:relative;
}
/* header */
.header {
	position: fixed;top: 0; left:0; z-index: 999; height: 115px;
}

/* logo */
.logo {
	margin-top: 45px; font-size: 18px; position: relative; left: 115px;z-index: 1000;
}
.logo-img {

}


.main{margin-top: 115px;}

/* nav */
.nav { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; text-align: center; font-size: 18px; line-height: 18px;z-index: 999; height: 50px;}
.nav ul {margin: 0; padding: 16px 0px; margin: 0 115px; list-style: none; position: relative;text-align: center;}
.nav ul li{display: inline-block; width: 33.33%; padding: 0;}
.nav ul ul{display: none;}
.nav ul li:first-child{text-align: left; position: absolute; left: 0;width: auto;}
.nav ul li:last-child{text-align: right;position: absolute; right: 0;width: auto;}
.nav ul li.current-menu-item{font-weight: bold;}


.nav .menu{display: none;}

@media (max-width:768px){
	.header{position: fixed; width: 100%; height: 48px; background: #fff;}
	.logo {margin-top: 15px; left: 7%; position: absolute;}
	.main{margin-top: 48px;}

	.nav{position: fixed; top: 0; left:0; background: none;}
	.nav > ul{background: #fff;top:48px; position: fixed;width: 100%; height: 100%; left: 0; margin: 0; display: none;height: 100%; }
	.nav > ul li{display: block;width: 100%; text-align: center;padding: 10px 0; font-size: 36px;}
	.nav > ul > li{border-bottom: 1px solid #000; line-height: 36px;}
	.nav > ul li:first-child, .nav > ul li:last-child{position: relative;text-align: center;}
	.nav ul ul {display: block;}
	.nav ul ul li{font-size: 18px; padding: 5px 0;line-height: 18px;}
	.nav .menu{display: block; position: absolute; right: 7%; cursor: pointer;padding: 14px 0px 0px 0px;}
}

/* sidebar */
.sidebar {

}
/* footer */
.footer {
	clear: both;
	background: #c0c0c0; margin-bottom: 50px; padding: 20px 0; color: #fff; font-size: 18px;
}

.footer .container{margin: 0 115px;}

.footer p{margin: 0 0 15px 0;}


.footer .newsletter{float: left;}
.footer .newsletter input{border: none; padding: 6px 15px;margin: 0; float:left;}
.footer .newsletter .mail{ margin: 0;width: 340px;}
.footer .newsletter .enviar{background: #000; color: #fff;padding: 8px 15px 4px 15px;}

.footer .social {float: right; text-align: right;}
.footer .social ul{list-style: none; margin: 0px 0 0 0; padding: 0;}
.footer .social ul li{display: inline-block; padding-left: 8px; padding-top: 9px;}
.footer .social ul li a{color:#fff; }

@media (max-width:768px){
	.footer{margin-bottom: 0;}
	.footer .container{margin: 0 auto; width: 86%;}

	.footer .newsletter{float: none;margin-bottom: 20px;}
	.footer .newsletter .texto{display: none;}
	.footer .newsletter .mail{width: 100%;}
	.footer .newsletter input{width: 100%;}

	.footer .social{float: none;text-align:left; }
	.footer .social .texto{display: none;}
	.footer .social ul{text-align: center;}
	.footer .social ul li{padding-right: 8px; padding-left: 0; padding-top: 0;}
}

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

/* inicio */
.bloque{clear: both; padding-top: 120px !important;}

@media (max-width:1023px){
	.bloque{padding-top: 100px !important;}
}

.slider{margin: 0px;position: relative; padding-top: 0 !important;}
.slide{ }
.slide .container{margin: 0 115px;background-size: cover; background-position: center center; background-repeat: no-repeat;}
.slide .container .video-container{position: absolute; height: 100%; overflow: hidden;}
.slide .container video{height: auto; width: 100%;position: absolute;}

.slide a{position: absolute; top:0; left: 0; width: 100%; height: 100%;z-index: 999;}
.slide .caption{font-size: 150px; position: absolute; left:-60px; width: 50%; line-height: 154px; position: relative;z-index: 998;}
.slide .caption p{margin: 0;}

.slider .bx-controls-direction{position: absolute; top:50%; right: 145px; margin-top: -18px;}
.slider .bx-controls-direction a.bx-prev{display: none;}
.slider .bx-controls-direction a.bx-next{background: url(img/flecha_der.svg) no-repeat; background-position: center center !important; width: 32px; height: 36px;display: inline-block;background-size: contain !important;}
.slider .bx-controls-direction a.bx-next.blanco{background: url(img/flecha_der_white.svg) no-repeat;}



@media (min-width:1440px) and (max-width:1919px){
	.slide .caption{font-size: 125px;  width: 50%; line-height: 140px;}
}

@media (min-width:1024px) and (max-width:1439px){
	.slide .caption{font-size: 100px;  width: 50%; line-height: 112px;}
}

@media (max-width:1023px){
	.slide .container{margin: 0 auto; width: 86%;}
	.slide .caption{font-size: 60px;  width: 75%; line-height: 63px; left: 0; }
	.slider .bx-controls-direction{right: 15px;}
	.slider .bx-controls-direction{display: none;}
}

@media (max-width:768px){
	.slide .caption{font-size: 25px; line-height: inherit;  width: 100%; left: 0; }
}


.about{margin: 0 55px;}
.about p{margin: 0 0 80px 0;}
.about .img-about{text-align: center;}
.about img{margin: 0 auto !important; height: auto !important;}
.about .img-about .caption{text-align: center;font-size: 18px; margin-top: 25px;}

@media (max-width:1023px){
	.about{margin: 0 auto; width: 86%;}
	.about p{margin-bottom: 45px;}


}

#home h3{text-align: center; font-weight: normal; margin: 0px 0 60px 0;}

.relevant-shows {margin: 0 55px;}
.relevant-shows p{margin: 0 0 80px 0; }
.relevant-shows p:last-child{margin: 0;}

@media (max-width:1023px){
	.relevant-shows{margin: 0 auto; width: 86%;}
}

.clients{}
.clients h3{margin-bottom: 20px !important;}
.clients .clients-container{background: #f9f9f9;padding: 55px 0; text-align: center;}
.clients .clients-container .container{margin: 0 55px;}
.clients .clients-container img{display: inline-block;vertical-align: middle; margin: 4px 25px;}

@media (max-width:768px){
	.clients .clients-container{}
	.clients .clients-container .container{margin: 0 auto; width: 86%; }
	.clients .clients-container img{display: inline-block; margin: 0px 10% 55px 10%; height: auto;}
	.clients .clients-container img:last-child{}
}

@media (max-width:768px){

}

.contact { margin: 0 55px;}
.contact .contact-container{ margin: 0 auto;}
.contact p{width: 30%; display: inline-block; margin: 0 9%; }
.contact p a{text-decoration: none;}

@media (max-width:1023px){
	.contact {margin: 0 auto; width: 86%;}
	.contact p{width: 100%; margin: 0 0 25px 0;}
}

.selected-works{}
.selected-works h3{margin-bottom: 20px !important;}
.selected-works .works{background: #f9f9f9;padding: 0 27.5px;}
.selected-works .works > .container{ }

.selected-works .works .work{float: left; width: 33.33%;position: relative;}
.selected-works .works .work > .container{margin: 0 0px; position: relative;margin: 55px 27.5px; display: table; }
.selected-works .works .work .imagen{background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top:0; left: 0; width: 100%; height: 100%;overflow: hidden;}
.selected-works .works .work a.enlace{background: rgba(0,0,0,0.6); color: #fff; text-align: center; position: absolute; opacity: 0; display: table; vertical-align: middle;padding: 0 20px; width: 100%;}
.selected-works .works .work a.enlace-imagen{position: absolute; top:0; left: 0; width: 100% !important; height: 100% !important; }
.selected-works .works .work .caption{display: table-cell; vertical-align: middle;}
.selected-works .works .work .caption p{margin: 0;}
.selected-works .works .work > .container:hover > a.enlace{opacity: 1;}

.selected-works .works .work .imagen.video video{width: auto; height: 100%; }

@media (max-width:1023px){

	.selected-works .works > .container{margin: 0px auto; width: 86%; }
	.selected-works .works{padding: 40px 0px;}

	.selected-works .works .work{float: none; width: 100%;display: none;}
	.selected-works .works #work-0{display: block;}
	.selected-works .works .work > .container{margin: 0; width: 100% !important;}

	.selected-works .works .work .imagen{position: relative; height: 200px !important;}
	.selected-works .works .work a.enlace{height: auto !important; display: block; opacity: 1; background: none; color: #000; text-align: left; padding: 20px 0 0 0; position: relative;}


}

/* archive work */

#work-menu{position: fixed; float: right; top:0px; margin-top: 45px; right:115px; font-size: 18px; line-height: 18px;z-index: 999; }
#work-menu ul{list-style: none; margin: 0; padding: 0;}
#work-menu ul li{display: inline-block;}
#work-menu ul li:first-child > a{font-weight: bold;}
#work-menu ul li:not(:last-child):after{content:' — ';}

#archive-work{margin: 115px auto 25px auto;position: relative; max-width: 68%;}
#archive-work .work{width: 50%; float: left; margin-bottom: 30px;}
#archive-work .work .container{margin: 0 30px; position: relative;}
#archive-work .work video{width: 100%; height: auto;}
#archive-work .work img{width: 100%; height: auto;margin-bottom: 10px;}
#archive-work .work .gif{display: none;}

#archive-work .work .category a{cursor: text;}

#archive-work .work h2{margin: 0;font-weight: normal;}
#archive-work .work h2:hover {text-decoration: underline;}
#archive-work .work h2 p{margin: 0;}

@media (max-width:768px){
	#work-menu{float: none; top: 0; right: 0; left: 0; display: none;}
	#archive-work{margin: 55px auto 0 auto;max-width: 100%; width: 86%;}
	#archive-work .work{width: 100%; }
	#archive-work .work .container{margin: 0;}
	#archive-work .work .category{}
	#archive-work .work img{margin-bottom: 15px;}
	#archive-work .work .gif{display: block; }
	#archive-work .work video{display: none;}
}

/* single work */
.single.single-work #menu-item-5{font-weight: bold;}
#single-work{margin: 115px 0px;}
#single-work h1{ font-weight: normal; margin: 0px; padding-bottom: 35px; margin: 0 55px;}
#single-work h1 p{margin: 0;}
#single-work .imagen-cabecera {overflow: hidden;}
#single-work .imagen-cabecera .img-container{background-size: cover; background-position: center center; background-repeat: no-repeat; margin: 0 115px;}

#single-work .imagen-cabecera .img-container{overflow: hidden;}
#single-work .imagen-cabecera .img-container video{height: auto; width: 100%;}

#single-work .texto{font-weight: normal; margin: 110px 55px;font-size: 25px;}
#single-work .texto p{margin:  0 0 70px 0;}
#single-work .texto .img-completo{max-width: 68%; margin: 0 auto 70px auto;}

#single-work .galeria{margin: 0 auto; text-align: center; max-width: 68%;}
#single-work .galeria .img{width: 50%;display: inline-block;}
#single-work .galeria .img.horizontal, #single-work .galeria .img.video{width: 100%;}
#single-work .galeria .img.img-completo{clear: both;}
#single-work .galeria .img-completo img{width: auto;}
#single-work .galeria .img .img-container{margin: 27.5px;}
#single-work .galeria .img.margen > .img-container{border: 1px solid #000;}
#single-work .galeria .img img{height: auto; width: 100%;}
#single-work .galeria .img .img-caption{  text-align: center; font-size: 18px;  margin-top: 25px;}


#single-work .creditos{text-align: center; font-size: 18px;max-width: 50%; margin: 40px auto 0 auto;}

#related-projects{}
#related-projects h3{font-weight: normal;text-align: center; margin: 0 0 20px 0;}
#related-projects .works{background: #f9f9f9;padding: 0 27.5px;}
#related-projects .works > .container{ }

#related-projects .works .work{float: left; width: 33.33%;position: relative;}
#related-projects .works .work > .container{margin: 0 0px; position: relative;margin: 55px 27.5px; display: table; }
#related-projects .works .work .imagen{background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top:0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#related-projects .works .work a.enlace-imagen{position: absolute; top:0; left: 0; width: 100% !important; height: 100% !important;}

#related-projects .works .work a.enlace{background: rgba(0,0,0,0.6); color: #fff; text-align: center; position: absolute;  width:100%; opacity: 0; display: table; vertical-align: middle;padding: 0 20px;}

#related-projects .works .work .caption {display: table-cell; vertical-align: middle;}
#related-projects .works .work .caption p{margin: 0;}
#related-projects .works .work > .container:hover > a.enlace{opacity: 1;}

#related-projects .works .work .imagen.video video{width: auto; height: 100%; }


@media (max-width:768px){
	#single-work{margin: 48px 0;}
	#single-work h1{margin: 0 auto; width: 86%;padding-bottom: 0;}
	#single-work .imagen-cabecera .img-container{margin: 0 auto; width: 86%;}

	#single-work .texto{margin: 55px auto; width: 86%;}
	#single-work .texto p{margin-bottom: 35px;}

	#single-work .galeria{margin: 0 0;max-width: inherit;}
	#single-work .galeria {margin: 0 auto; width: 86%;}
	#single-work .galeria .img{width: 100%;}
	#single-work .galeria .img.horizontal{}
	#single-work .galeria .img .img-container{margin:0 0px 15px 0px;}

	#single-work .creditos{margin: 0 auto; width: 86%;max-width: inherit;}


	#related-projects .works > .container{margin: 0px auto; width: 86%; }
	#related-projects .works{padding: 40px 0px;}

	#related-projects .works .work{float: none; width: 100%;display: none;}
	#related-projects .works #work-0{display: block;}
	#related-projects .works .work > .container{margin: 0; width: 100% !important;}

	#related-projects .works .work .imagen{position: relative; height: 200px !important;}
	#related-projects .works .work a.enlace{height: auto !important; display: block; opacity: 1; background: none; color: #000; text-align: left; padding: 20px 0 0 0;position: relative;}





}

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



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

@font-face {
    font-family: 'TLTStd';
    src: url('fonts/TimesLTStd/TimesLTStd-Roman.eot');
    src: url('fonts/TimesLTStd/TimesLTStd-Roman.woff') format('woff'),
    url('fonts/TimesLTStd/TimesLTStd-Roman.svg#TimesLTStd-Roman') format('svg');
}

@font-face {
    font-family: 'TLTStd';
    src: url('fonts/TimesLTStd/TimesLTStd-Bold.eot');
    src: url('fonts/TimesLTStd/TimesLTStd-Bold.woff') format('woff'),
    url('fonts/TimesLTStd/TimesLTStd-Bold.svg#TimesLTStd-Bold') format('svg');
    font-weight: bold;
}

@font-face {
    font-family: 'TLTStd';
    src: url('fonts/TimesLTStd/TimesLTStd-Italic.eot');
    src: url('fonts/TimesLTStd/TimesLTStd-Italic.woff') format('woff'),
    url('fonts/TimesLTStd/TimesLTStd-Italic.svg#TimesLTStd-Italic') format('svg');
	font-style: italic;
}


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

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

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

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

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

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

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

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

}

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

::selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
	z-index: 1;
}
::-webkit-selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#000;
	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 {
	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:18px;
	line-height:23px;
	margin:0;
	padding:20px 0 0 0;
}
.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;
	}
}