/*
Theme Name: Nia Delfau
Theme URI:
Description: Nia Delfau template
Version: 1.0
Author: LLOS&
Author URI: http://llos.co
Text Domain: llos
Domain Path: /lang
*/


/*	Typography
---------- */



@font-face {
	font-family: 'GT Super Text';
	src: url('fonts/GTSuperText/GTSuperText-Regular.eot'); /* IE9 Compat Modes */
	src: url('fonts/GTSuperText/GTSuperText-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/GTSuperText/GTSuperText-Regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/GTSuperText/GTSuperText-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('fonts/GTSuperText/GTSuperText-Regular.svg') format('svg'); /* Legacy iOS */

	font-style:   normal;
	font-weight: 300;
}

@font-face {
	font-family: 'GT Super Text';
	src: url('fonts/GTSuperText/GTSuperText-RegularItalic.eot'); /* IE9 Compat Modes */
	src: url('fonts/GTSuperText/GTSuperText-RegularItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/GTSuperText/GTSuperText-RegularItalic.woff') format('woff'), /* Modern Browsers */
	url('fonts/GTSuperText/GTSuperText-RegularItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('fonts/GTSuperText/GTSuperText-RegularItalic.svg') format('svg'); /* Legacy iOS */

	font-style: italic;
	font-weight: 300;
}


@font-face {
	font-family: 'GT Super Text';
	src: url('fonts/GTSuperText/GTSuperText-Bold.eot'); /* IE9 Compat Modes */
	src: url('fonts/GTSuperText/GTSuperText-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/GTSuperText/GTSuperText-Bold.woff') format('woff'), /* Modern Browsers */
	url('fonts/GTSuperText/GTSuperText-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('fonts/GTSuperText/GTSuperText-Bold.svg') format('svg'); /* Legacy iOS */

	font-style: normal;
	font-weight: 400;
}


/*	Misc
---- */

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:root { --margin: 35px; --font-large: 20px; --font-medium: 16px; --font-small: 11px;}


body{ margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff; color: #000;font-family: "GT Super Text", Arial, sans-serif; font-size:var(--font-large); font-weight: 300;  }

a{ color: #000; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; text-decoration: none;}
a:hover, a:focus{ color: #000; text-decoration: underline; outline:none;}


input[type="text"], input[type="email"], input[type="number"], textarea { -webkit-appearance: none; border-radius: 0; }

input, textarea { border-radius: 0; -webkit-border-radius: 0; }
textarea { resize: none; }
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; }
textarea:focus{ outline: none}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

::-webkit-input-placeholder {color: #909;}
:-moz-placeholder { color: #909; opacity: 1;}
::-moz-placeholder { color: #909; opacity: 1;}
:-ms-input-placeholder { color: #909;}

::-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{ font-size:var(--font-large); margin: 0; padding: 0; font-weight:300; line-height: 1.5em;}

ul{list-style-type: none; margin:0; padding:0; text-decoration: none;}
li{list-style-type: none; margin:0; padding:0; text-decoration: none;line-height: 1.5em; }

p{line-height: 1.5em;}

.img-responsive{ width: 100%; }

.fullscreen{ width: 100%; height: 100vh; margin: 0; padding: 0;}
.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}

.transition{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; }


.blue , .blue a , .blue a:hover{color:#0000ff;}
.red, .red a, .red a:hover{color: #ff0000;}
.white, .white a, .white a:hover{color: #ffff;}

.mobile{display:none;}
.desktop{display:block;}

.content{opacity:0;}


/*	Header
------ */

.menu-header{position:sticky;position: -webkit-sticky; top:var(--margin); left:0; right:0; display:flex; justify-content: space-between; margin:var(--margin); z-index: 3 !important;}
.main-menu{display:flex;justify-content: center; flex-basis: 100%; flex: 1; }
.main-menu li{padding-right:var(--margin);}
.main-menu li:last-child{padding-right:0;}
.main-menu .current-menu-item > a, .main-menu .current-page-item > a {text-decoration: underline;}
.header-title{width: 130px; }

.mobile-menu{display:none;}


/*	Homepage
-------- */

.slider_home{position:fixed; top:0; width: 100%; height:100vh;  z-index: -1; }
.slider_home .swiper-slide{width:100%; height:100%;background-color: #fff; background-size:cover; background-repeat: no-repeat; background-position: center center;}
.home-text{ display:flex; position:fixed; bottom:var(--margin); width:100%;justify-content: center; align-items: baseline;}
.home-text p{margin:0; padding:0;}
.home-pagination { width:auto; bottom:0; position:relative; font-weight: 400;}
.home-caption{ padding-left: 1em; }
.next{background: none; width:100%; height:100%; top:25px;left:0;right:0;bottom:0; cursor:default;}




/*	Workpage
-------- */
.grid{margin-left:var(--margin); }
.grid-item {padding-bottom:70px; }
.grid-item h2{font-size: var(--font-medium); margin-top:15px;}
.work-tags {display:inline-block;padding-right: 10px; font-style: italic; font-size: var(--font-medium);}
.work-tags li{display:inline-block;padding-right: 10px; font-style: italic; font-size: var(--font-medium);}

.text-padding{padding-left:var(--margin);}

.work-footer{display:flex; width:auto; justify-content: space-between; position:fixed; bottom:0; left:0; right:0; margin-left: var(--margin); margin-right:var(--margin); margin-bottom: var(--margin);}
.category-menu{display:flex;}
.category-menu li{padding-right:40px;}


/*	Journalpage
-------- */
.journal, .journal a{color:#fff; }
.journal-gallery{margin-left: var(--margin); margin-right:var(--margin); display:grid; grid-template-columns: repeat(4, 21vw);  justify-content: space-between; align-content: space-between; grid-auto-flow: row;grid-row-gap: 3vw; margin-bottom: 100px; }
.journal-gallery-item h2{font-size: var(--font-medium); margin-top:15px;}
.journal-img{width:100%; height:31vw; background-size: cover;background-position: center center; background-repeat: no-repeat;}


/*	JournalSingle
-------- */
.journal-post{display: flex; flex-direction: column;-webkit-flex-flow: column-reverse;flex-flow: column-reverse;}
.journal-container{ padding-right:var(--margin);padding-left:var(--margin); margin-bottom:3vw;display:grid; grid-template-columns: repeat(2, 47%);  justify-content: space-between;   grid-auto-flow: row; }
.journal-large-image{text-align: right; }
.journal-large-image img{max-width:500px; width:100%;}
.journal-text{font-size: var(--font-medium);color:#fff; align-self: flex-end; max-width:500px; width:100%;}
.journal-text p{margin-bottom:0;}

.journal-gallery-single{margin-left: var(--margin); margin-right:var(--margin); display:grid; grid-template-columns: repeat(4, 20.7%);  justify-content: space-between; align-content: space-between; grid-auto-flow: row;grid-row-gap: 3vw; margin-bottom: 100px; }
.journal-img-single{width:100%; height:auto; }

.bigger{grid-column: span 2;}


/*	Projectpage
-------- */
.project-title{position:sticky; top:var(--margin); left:0; right:0; margin:var(--margin); z-index: +1; text-align: center;}
.close-x{width:18px; height:auto;  position:fixed; right:var(--margin); top:var(--margin); z-index: 99999;}
.project-text{width:500px; font-size: var(--font-medium); margin:auto; margin-bottom:100px;}

.project-tags{top:var(--margin); left:0; right:0; text-align: center; z-index: 99999; margin-bottom: var(--margin); position:relative; }
.project-tags li{display:inline-block;padding-right: 10px;  font-size: var(--font-large); }
.project-tags a {text-decoration: none !important;}
.project-tags a:hover {text-decoration: underline !important;}

.fancybox-bg {background: #fff;}
.fancybox-is-open .fancybox-bg {opacity: 1;}
.fancybox-content{padding:0; margin: var(--margin); }
.fancybox-image:hover{cursor: default;}
.fancybox-title {padding: 0 0 10px 0;}



/*	Shoppage
-------- */
.shop{margin-right:var(--margin); margin-left:var(--margin); display: flex; flex-wrap: wrap; justify-content: space-between;}

.shop-slide{width:28vw; margin-bottom:3vw;}
.shop-slide-image{ width:100%;height:38vw;background-size: cover; background-repeat: no-repeat; margin:auto; background-position: center center;}
.shop-text{font-size: var(--font-medium);}
.shop-text strong{letter-spacing:-0.2px;}

.shop-img-text{display:flex; justify-content: space-between;font-size: var(--font-medium);margin-bottom: 15px;}
.shop-img{height:80vh; }
.shop-img img{height:100%; width:auto; }




/*	Archivepage
-------- */

.archivepage{margin-left:22px; margin-right:22px; display:grid;grid-template-columns:repeat(auto-fill, minmax(170px , 1fr));grid-row-gap: 10px;grid-column-gap:0px;}
.archivepage li{cursor: pointer;}
.archivepage li:hover{text-decoration: underline;}
.archive-image{ height:270px;}
.archive-imgs{width:150px; height:200px; margin:auto; background-size: cover; background-repeat: no-repeat;  background-position: center center; }

.archive-text{font-size: var(--font-small); margin-top:10px;}
.archive-text h3{font-size: var(--font-small);}
.archive-tags {display: inline-block;font-style: italic; font-size: var(--font-small);}

.rotated {transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -moz-transform: rotate(-90deg); /* Firefox */ -webkit-transform: rotate(-90deg); /* Safari and Chrome */
-o-transform: rotate(-90deg); /* Opera */ width:auto; height:150px;}




/*	Contactpage
-------- */
.contact{display:flex; align-items: center; padding-top:20px; padding-left:50px;}
.contact-text{width:700px; font-size: var(--font-large); margin: auto;}
.contact-text a{text-decoration: underline;}
.c-personal, .c-comercial {text-decoration: none !important;}
.contact-footer{position:fixed; bottom:0; left:0; right:0;display:flex; justify-content: space-between; margin:var(--margin); align-items: baseline;}
.copyright{font-size: var(--font-small);}


.instagram{margin-left:28px; margin-right:28px;}

/*	Footer
------ */



@media only screen and (max-width: 800px) {
	.journal-gallery{grid-template-columns: repeat(3, 28vw); }



	.shop-fancybox{position:absolute; top:var(--margin);  }
	 /* .shop-img-text{font-size: var(--font-medium);margin-bottom: 10px;} */
	.shop-img {width:auto}
	.shop-img img{height:auto; width:100%; }
	.fancybox-slide{ text-align: left!important;}

}


@media only screen and (max-width: 600px) {

	:root { --margin: 15px; --font-large: 18px; --font-medium: 14px; --font-small: 12px;  }

	.mobile{display:block;}
	.desktop{display:none;}

	/*	Header
	------ */

	.burger{display: block; width:13px; padding-top:10px; height: auto; position: fixed; z-index: 3;margin:0; top:var(--margin); right:var(--margin); }
	.burger-x{ width:13px; padding-top:10px; height: auto; position: fixed; z-index: 3;margin:0; top:var(--margin); right:var(--margin); display:none}

	/* input { display: block; width: 18px; height: 20px; position: fixed;  z-index: 3;margin:0; top:var(--margin); right:var(--margin); opacity:0;}
	input:focus{outline:0 !important; } */

	.mobile-menu {  z-index: 2; position:fixed; top:0; left:0; right:0; bottom:0; display:flex; flex-direction: column; align-items: center; justify-content: space-between; padding-top:20vh;padding-bottom:30vh; background-color: #fff; }
	#menu-mobile-menu{display:none;}


	/*	Homepage
	-------- */
	.slider_home{height:calc(var(--vh, 1vh) * 100); }
	.home-text{ font-size: var(--font-medium);}
	.home-caption{  max-width: 80vw;}



	/*	Workpage
	-------- */
	.grid{margin-right:var(--margin); margin-left:var(--margin);}
	.grid-item {padding-bottom:40px; width:100% !important; padding-right:0 !important; padding-left: 0 !important; margin-left:0!important;}
	.grid-item h2{font-size: var(--font-large); }
	.pointer-none{pointer-events: none !important;}
	.work-tags li{font-size: var(--font-medium);}

	.category-menu li{padding-right:30px;}

	.text-padding {padding-left:0;}

	/*	Projectpage
	-------- */
	.close-x{width:13px; padding-top:7px;}
	.project-text{width:auto; margin-bottom:100px; margin-right:var(--margin); margin-left:var(--margin); }



	.journal-gallery{grid-template-columns: repeat(1, 100%); grid-row-gap: 40px; }
	.journal-gallery-item h2{font-size: var(--font-large); }
  .journal-img{height:70vh;     }


/*	JournalSingle
-------- */

.journal-container{margin-bottom:7vw;display:grid; grid-template-columns: repeat(1, 100%);grid-row-gap: 3vw;  }
.journal-large-image{text-align: right; }
.journal-large-image img{max-width:500px; width:100%;}
.journal-text{font-size: var(--font-medium);color:#fff; align-self: flex-end; }
.journal-gallery-single{grid-template-columns: repeat(1, 100%);}
.journal-img-single{height:auto; width:100%; }



/*	Shoppage
-------- */
.shop-slide{width:100%;margin-bottom: 5vw;}
.shop-slide-image{height:70vh;}



	/*	Archivepage
	-------- */
	.archivepage{grid-template-columns:repeat(auto-fill, minmax(20% , 1fr));grid-row-gap: 5px;grid-column-gap: 5px;margin-right:var(--margin); margin-left:var(--margin);}
	.archive-image{width:100%; height:auto;}
	.archive-imgs{width:100%; height:30vw;}
	.archive-text{display:none !important;}


	/*	Contactpage
	-------- */
	.contact{flex-direction: column; align-items: center; padding-top:0; padding-left:0;}
	.contact-text{width:auto; margin-right:var(--margin); margin-left:var(--margin);  }
	.contact-img{width:55%;padding:0; }
	.contact-footer{position:relative;  flex-direction: column;  margin:var(--margin); }
	.contact-footer li:nth-child(2) {order: 3; padding-top:50px;}


	.instagram{margin-left:8px; margin-right:8px;}



}