/*
	Theme Name: bertapfirsich
	Theme URI: http://www.bertapfirsich.com/
	Description: Berta Pfirsich template
	Version: 1.0
	Author: Andreu Llos & Blanca Frade
	Author URI: http://andreullos.com
	Text Domain: bertap
	Domain Path: /lang
*/


/*	Typography
	---------- */
	
	@font-face {
		font-family: 'NeuzeitS Book';
		src: url('fonts/2F3E42_0_0.eot');
		src: url('fonts/2F3E42_0_0.eot?#iefix') format('embedded-opentype'),
			 url('fonts/2F3E42_0_0.woff2') format('woff2'),
			 url('fonts/2F3E42_0_0.woff') format('woff'),
			 url('fonts/2F3E42_0_0.ttf') format('truetype');
	}


/*	Misc
	---- */
	
	body{ margin: 0; padding: 0; width: 100%; height: 100%; background: #f8f3f0; color: #000000; -webkit-font-smoothing: antialiased;font-family:'NeuzeitS Book';font-size:15px;line-height:20px;}
	
	a{ color: black; transition: all .23s ease-in-out; -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out;}
	a:hover, a:focus{ color: black; text-decoration: none; outline:none;}
	input[type="text"], input[type="email"], input[type="number"], textarea { -webkit-appearance: none; border-radius: 0; }
	
	input, textarea {  -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; }
	input:focus{ outline: none}
	input:focus::-webkit-input-placeholder { color:transparent; }
	input:focus:-moz-placeholder { color:transparent; }
	input:focus::-moz-placeholder { color:transparent; }
	input:focus:-ms-input-placeholder { color:transparent; }
	
	::-webkit-input-placeholder {color: rgb(200,0,0);}
	:-moz-placeholder { color: rgb(200,0,0); opacity: 1;}
	::-moz-placeholder { color: rgb(200,0,0); opacity: 1;}
	:-ms-input-placeholder { color: rgb(200,0,0);}
	
	::-moz-selection { color: black;  background: #99CCFF; }
	::selection      { color: black;  background: #99CCFF; } 
	
	:focus {outline:none;}
	::-moz-focus-inner {border:0;}
	
	h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;}
	
	p{ margin-bottom: 20px}
	
	.container-fluid{ margin: 0 auto;padding:0px 20px;}
	
	.fullscreen{ width: 100%; height: 100%; margin: 0 auto; min-height: 100%; padding: 0;}
	.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}
	
	.fluid-embed{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; z-index: 2;} 
	.fluid-embed video, .fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	.transition{ transition: all .23s ease-in-out; -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; }
	.v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

	.bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;}
	.bg-parallaxed{ background-position: 50% 0;}
	
	body.home {
		 -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}
	
	
	.page-template-coming_soon h2.title{display:none;}
	body.page-template-indice .info a{ border-bottom: 1px solid black;padding-bottom: 2px;}
	body.page-template-indice a, body.page-template-indice .social a, .top a, .link-to-top, .belonging.mobile a, .index-button a{border-bottom: 1px solid transparent;padding-bottom: 2px;}
	body.page-template-indice a:hover, body.page-template-indice .social a:hover, .top a:hover, .link-to-top:hover, .belonging.mobile a:hover, .index-button a:hover{border-bottom: 1px solid black;padding-bottom: 2px;}
	body.page-template-indice h3 a, body.page-template-indice h2 a{border-bottom: 0px solid transparent;padding-bottom: 0px;}
	body.page-template-indice h3 a:hover, body.page-template-indice h2 a:hover{border-bottom: 0px solid black;padding-bottom: 0px;}
	.mobile{display:none;}
	
	
/*	Header
	------ */
	.index-button{font-size:15px; line-height:20px;     position: absolute;top: 20px;left: 20px;z-index:20;}
	.index-button.my-tumblr { left: auto; right: 20px;     min-width: 0px;}
	h2{text-align:center;font-size:40px; line-height:48px;margin-top:15px;	}
	body.tax-project_type .menu, body.single-project .menu, body.post-type-archive-diary .menu, body.post-type-archive-portrait	 .menu{position:fixed; top:0; left:0; width:100%; z-index:3; background:transparent;}	
	body.post-type-archive-diary, body.post-type-archive-portrait {padding-top:48px;}
	.menu{position:absolute;width:100%; top:0;}
	.index-button{min-width:100px;}
/*	Homepage
	-------- */
	.flexslider .slides img{width:initial;margin:0 auto;}
	
	.slides{overflow:hidden;}
	.slide{text-align:center;}
	.slides{cursor:pointer;}
	.slide img{height:100%;padding:80px 0px;width:auto;max-width: 100%;max-height: 100%;height: inherit !important;}
	.berta{width:100%; position:absolute;}
	h1 a{font-family:'NeuzeitS Book'; font-size:100px; line-height:120px;}	
	
	.slide.vertical img{height:100%;}
	.slide.doble .col-xs-6{padding:0px 5px;height:100%;}
	.slide.doble img{padding: 160px 0px;}
	
	
	.flex-direction-nav a{width: 50%;height: 100%;top: 0;margin: 0;border-color: transparent;}
	.flex-direction-nav .flex-prev {left: 0;text-align: right;opacity: 1; cursor: url(img/circle.svg), auto;}
	.flex-direction-nav .flex-next {right: 0;text-align: right;opacity: 1; cursor: url(img/circle.svg), auto;}


/*	Index
	-------- */	
	a.blue{color:#0000BA; }
	/*body.page-template-indice a.blue:hover{border-bottom: 1px solid #0000BA;padding-bottom: 2px;}*/
	.indice{padding-top:100px;}
	.info img{max-width: 98px;margin-left: 52px;}
	.info h3{text-transform:uppercase;    font-size: 14px;line-height: 20px;}
	.works h3 {font-size:15px; line-height:20px;text-transform:uppercase;}
	.works h3:before{content:"•  ";}
	ul.projectes{padding: 0;text-decoration: none;list-style: none;margin: 0;margin-top:18px;margin-bottom: 59px;}
	.projectes .projecte.hiddenn{display:none;}
	.social{   -webkit-padding-start: 0;padding: 0;list-style: none;margin-top:53px;margin-bottom:20px;}
	.direction{   -webkit-padding-start: 0;padding: 0;list-style: none;margin-top:25px;margin-bottom:20px;}
	.design{   -webkit-padding-start: 0;padding: 0;list-style: none;margin-top:25px;margin-bottom:38px;}
	.social, .direction, .design, .brights{font-size: 12px;line-height: 14px;}
	.info p strong{    font-weight: normal;display: block;}
	.info input, .extra-mobile input{border:0px; background:transparent;color: rgb(200,0,0);}
	input[type="submit"]{display:inline-block;padding:0;}
	.extra-mobile{display:none;}
	
	.no-margin-t p{margin:0px;margin:1px 0px;}
	h3.portraits{margin-bottom:59px;}
	
	p.subs{margin-bottom:0px;}
	
	li.more{cursor:pointer;}
	
	.works > a.blue{margin-bottom:18px; color:black; display:inline-block;}
/*	Tax page
	-------- */	
	
	.project{padding:0px;}
	.project .title{    position: absolute;bottom: 12px;left: 12px;opacity:0;}
	.project .img-responsive{width:100%;}
	.project a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    
	.project a:hover{background-color: #f8f3f0; opacity: 0.8;}
	.no-touch .project a:hover .title{opacity:1;}
	
/*	Single project
	-------- */	
	body.single-project{padding-top:72px;}
	section.single-project{margin-top:27px;padding:0px 20px;}
	.project-info h1{font-size:15px; line-height:20px;}
	.project-info{padding:0;}
	.project-info ul{padding:0; -webkit-padding-start:0; list-style:none;}
	.project-info ul a{ border-bottom: 1px solid black;padding-bottom: 1px;}
	h2.title{font-size:48px; line-height:57px;}
	.share-title{    margin-top: 1em; -webkit-margin-before: 1em;}
	ul.share{ -webkit-padding-start: 0;padding: 0;list-style: none;    margin-top: 0;-webkit-margin-before: 0;}
	.project-nav{padding:0px;}
	.top{min-height:115px;    min-height: 115px;position: fixed;width: 100%;}
	.gallery{margin-top:46px;}
	.gallery li{text-align:center;}
	.gallery img{margin:0 auto;max-width: 680px; }
	.gallery ul{ -webkit-padding-start: 0;padding: 0;list-style: none;padding-top:128px;}
	.belonging{line-height:22px;}
	.belonging a{ border-bottom: 1px solid black;padding-bottom: 1px;}
	.link-to-top{    margin-top: 42px;display: inline-block;margin-bottom: 42px;}
	
	
/*	Archive diaries
	-------- */	
	.archive-diary{margin-top:28px;}
	.archive-diary .container-fluid{padding-left:20px; padding-right:20px;}
	.archive-diary h1{font-size:15px; line-height:20px;text-transform:uppercase;}
	.diary .thumb{padding:0;}
	.diary .img-responsive{width:100%;}
	.fancybox-next span{    background-image:url(img/next_d.svg)!important; background-repeat:no-repeat;background-position:center; right:20px}
	.fancybox-prev span{    background-image:url(img/prev_d.svg)!important;background-repeat:no-repeat; background-position:center; left:20px;}
	.fancybox-close{background-image:none;    position: fixed; display: inline-block;top: 122px;right: 20px;}
	.fancybox-close:after{content:"Back";}
	.fancybox-opened .fancybox-skin {-webkit-box-shadow: none!important;-moz-box-shadow: none!important;box-shadow:none!important;}
	.fancybox-title{    color: black;position: fixed;left: 20px;    -webkit-font-smoothing: antialiased;font-family: 'NeuzeitS Book';font-size: 15px;line-height: 20px;}
	.fancybox-title h1{font-size: 15px;line-height: 20px;text-transform: uppercase;}
	.fancybox-title-outside-wrap{margin-top:-40px;}
	.fancybox-overlay,.fancybox-skin{background:#f8f3f0;}
	.fancybox-wrap{    height: calc(100vh - 150px)!important	;width:auto!important;    margin: 62px 20px 20px;}
	.fancybox-nav span{visibility: visible; position:fixed;}
	.fancybox-inner{height: calc(100vh - 150px)!important;width: auto!important;}
	.fancybox-image{height:auto!important;    width: inherit;    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);}
	
	
/*	Footer
	------ */
	footer p{position: absolute;bottom: 0;left: 30px;z-index: 20;}  
	
	
/*	404
	------ */
	
	body.error404 section { text-align: center; padding-top: 150px; }
	body.error404 h3 { font-size:15px; line-height:20px;text-transform:uppercase; }

@media (min-width:1280px){
	
.fancybox-nav{width:100%;}
	.fancybox-next{right:-50%;}
	.fancybox-prev{left:-50%;}
	 .fancybox-inner{height: calc(100vh - 150px)!important;width: auto!important;}
		.fancybox-image{height:auto!important;    width: inherit;}

	
}

@media (max-width: 767px) {	
	
	
	.flexslider .slides  li:last-of-type img{display:none;}
	h1 a{font-size:50px;line-height:50px;}
	.view-all, ul.projectes{display:none;}
	.works h3, .extra-mobile h3{text-transform:capitalize;    font-size: 28px;line-height: 33px;}
	.works h3:before{content:"";}
	.extra-mobile{display:block;}
	.page-template-indice .info, .works a.blue{display:none;}
	.index-button span{display:none;}
	h2.title{    font-size: 25px;margin-top: 0px;}
	.m-diaries{margin: 30px 0px;}
	
	.diary{margin-bottom:20px;margin-top:25px;}
	.flexslider .slides .slide.doble img{    width: 100%;
    height: auto!important;}
    .slide.doble .col-xs-6{height:auto; padding-left:15px; padding-right:15px;}
    .slide.doble img {
    padding: 50px 0px;
}
	.flexslider .slides .vertical img{width:auto;}
	.project .title{font-size: 26px;line-height: 28px;}
	.belonging{display:none;}
	.project-info-title:before{content:"•  "; }
	.project-info-title, .share-title{cursor:pointer;}
	.mobile{display:block;}
	.belonging.mobile{display:inline-block;}
	.project-info{display:none;}
	.share{display:none;}
	.top{min-height:0px;}
	.top.info-opened, .top.share-opened{background-color:#f8f3f0;}
	.gallery ul{padding-top:100px;}
	.gallery img{width:100%;}
	
	.info p strong{display:inline-block;}
	.info .no-margin-t p {font-weight: normal;display: inline-block;}
	.info .no-margin-t p:after{content:",";}
	.info .no-margin-t p:last-of-type:after{content:"..."}
	.no-margin-b{margin-bottom:0px;}
	.no-margin-t{margin-top:0px;}
	.social{    margin-top: 35px;margin-bottom: 50px;}
}	

@media (max-width: 460px) {
	
	.my-tumblr span{display:none;}
}
	
@media (max-width: 667px) and (orientation: landscape) {
	
	.slide img{padding:20px 0px; }
	.slide.doble img{padding:30px 0px;}
	.flexslider .slides .slide.doble img{width:50%;}
}

	
	/*	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.4cm;}
	p, h2, h3 { orphans:3; widows:3;}
	h2, h3 { page-break-after:avoid;}
}