/*
Theme Name: Etaoin Shrdlu
Theme URI: http://www.mosne.it
Description: for WordPress 3.9 and superior.
Version: 1.0
Author: Mosne
Author URI: http://www.mosne.it
Tags: html5, responvive
*/

html {
	font-size:16px;
}

body {
	color:#000;
	background: #fff;
	line-height:1.333333;
	font-family: "Roma Neue",sans-serif;
	font-size: 0.875em;
	font-weight:normal;
/* 	letter-spacing: .05em; */
	line-height: 1.3em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.page-black{
	color: #fff;
	background: #000;
}

.sub-module{
	margin-bottom: 4.8125em;
	width: 100%;
	float: left;
}

h1,
h2,
.work-info,
.work-title,
.category-count,
a.clear-filter,
#images-counter,
#post-nav{
	font-size: 1em;
	line-height: 1.125em;
	margin: 0;
}

h1.huge{
	font-size: 1em;
}

.work-title{
	margin-left: 1.5rem;
}

.work-title > div,
.work-title a > div{
	text-indent: -1.5rem;
}

h1,
h2{
    margin-left: 1.5rem;
    text-indent: -1.5rem;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

.textbody h2 {
    font-size: 1em;
}

.category h1,
.inactive,
.inactive a,
.category-count{
	color: #bebebe;
}

.inactive {
    pointer-events: none;
}

.home .category-count{
	color: #000;
}

.home.page-black .category-count{
	color: #fff;
}

.category-count,
a.clear-filter{
	margin-bottom: 1em;
	float: left;
	width: 100%;
}

.push {
	margin:0 auto;
	padding:0 1em;
	float: left;
	width: 100%;
}

.italic,em {
	font-style:italic;
	font-weight:400;
}

.uppercase {
	text-transform:uppercase;
}

p {
	margin: 0;
	margin-bottom:1em;
	/* text-indent: 1.5rem; */
	line-height: 1.3em;
}

p:last-child,.nop-margin p {
	margin-bottom:0;
}

a {
	color:#000;
	text-decoration: none;
/*
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease;
*/
}

.page-black a{
	color: #fff;
}

a:hover {
 	text-decoration: underline;
	color:#000;
}

a.m-underline:hover,
a.clear-filter:hover,
#post-nav a:hover,
.work-title a:hover,
.work-info a:hover{
    text-decoration: none;
}

/*
.work-title a span,
.work-info a span{
    background: #000;
    box-shadow: 0 1em 0 #fff inset, 0 -0.03em 0 #fff inset;
    transition: box-shadow 1s ease-out;
}
*/

a.m-underline:hover,
a.clear-filter:hover,
#post-nav a:hover,
.work-title a:hover span,
.work-info a:hover span{
    /* background: #000;
    box-shadow: 0 0.9em 0 #fff inset, 0 -0.03em 0 #fff inset; */
	 text-decoration: underline;
    /* text-decoration-thickness: 0.15em; */
    text-underline-offset: 0.1em;
}

.page-black a.m-underline:hover,
.page-black a.clear-filter:hover,
.page-black #post-nav a:hover,
.page-black .work-title a:hover span,
.page-black .work-info a:hover span{
    /* background: #fff;
    box-shadow: 0 0.9em 0 #000 inset, 0 -0.03em 0 #000 inset; */
	 text-decoration: underline;
    /* text-decoration-thickness: 0.15em; */
    text-underline-offset: 0.1em;
}

a.clear-filter {
    float: left;
    width: auto;
    line-height: 1em;
}

.page-black a:hover {
 	color:#fff;
}

.inactive a:hover,
a.clear-filter:hover{
	color: #000;
}

a:focus, a:hover {
    color: #000;
}

.mosnesharesocial a {
	text-decoration:none;
}

.textbody p{
	font-size: 1em;
	/* text-indent: 1.5rem; */
 	margin-bottom: 0;
}

.textbody.less{
	max-height: 11em;
}

.readmore {
    text-align: left;
    margin-top: 1em;
    margin-left: 2em;
}

.info-footer.textbody p{
	margin-bottom: 1.3em;
}

blockquote {
    font-size: 1em;
    margin: 0;
    padding: 0;
    border: 0;
}

blockquote,
.textbody blockquote p{
    text-indent: 0;
    color: #000;
    line-height: 1.3em;
}

.page-black blockquote,
.page-black blockquote p{
    color: #fff;
}

.hidden{
	display: none;
}

.medit {
    position: fixed;
    bottom: 1em;
    right: 1em;
}

.margin-top-1,
.margin-top-2,
.margin-top-3,
.margin-top-4,
.margin-top-5,
.margin-top-6,
.margin-top-7,
.margin-top-8,
.margin-top-9,
.margin-top-10{
	width: 100%;
	float: left;
}

.margin-top-1{
	margin-top: 1em;
}
.margin-top-2{
	margin-top: 1em;
}
.margin-top-3{
	margin-top: 1.5em;
}
.margin-top-4{
	margin-top: 2em;
}
.margin-top-5{
	margin-top: 2.5em;
}
.margin-top-6{
	margin-top: 3em;
}
.margin-top-7{
	margin-top: 3.5em;
}
/* .single-post .textbody.less, */
.margin-top-8{
	margin-top: 4em;
}
.margin-top-9{
	margin-top: 4.5em;
}
.margin-top-10{
	margin-top: 5em;
}

#bd {
	width:100%;
	float:left;
	margin-top: 3.75em;
	padding-top: 4.29em;
}

.page-template-_home-2025 #bd {
	padding-top: 0;
	margin-top: 0;
}

/*
.home #bd{
	padding-top: 0;
	margin-top: 0;
}
*/

/* Work Index */
.work-inedx {
	padding: 0;
	margin: 0;
	list-style: none;
}

.work-index__item,
.single-work-head {
	display: grid;
 	grid-template-columns: repeat(12, 1fr);
	column-gap: 1em;
}

.work-index__item .work-title,
.single-work-head .work-title-single {
	grid-column: span 9;
}

.work-index__item .data,
.single-work-head .data {
	grid-column: 10 / span 3;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1em;
}

/* END Work Index */

/* Home 2025 */
video {
	width: 100%;
	height: auto;
	display: block;
}
.home-slide {
	width: 100%; /* full width */
	height: 100vh; /* height of carousel */
	margin-right: 10px;
 }

 .home-slide.margin {
	height: calc(100vh - 13.3334em);
	top: 6.6667em;
 } 

 .home-slide img,
 .home-slide video {
	 width: 100%;
	 height: 100%;
	 object-fit: contain;
	 display: block;
 }

.project-cover {
    width: 100%;
    height: calc(100vh - 10.9375em);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.project-cover.vertical-image{
	background-size: auto 100%;
	height: calc(100vh - 3.4375em);
	margin-bottom: -7.1875em;
}

.project-cover.vertical-image.cover-margin{
		margin-bottom: 0;
	}

.project-cover.cover-margin {
    margin: auto;
    margin-top: 7.5em;
    height: calc(100vh - 18.4375em);
}

.info-home {
    margin-top: 2.8125em;
}

/*lazy*/
.m-img-wrap {
	float:left;
	width:100%;
/* overflow: hidden; */
	height:0;
	padding-bottom:100%;
}

.m-img-wrap img {
	max-width:inherit;
	width:100%;
}

.single-post .m-img-wrap img{
	z-index: -2;
    position: relative;
}
.svg-wrap{
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
}

.m-img-wrap svg{
    /* width: 100%; */
    /* float: left; */
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.lazyload,.lazyloading {
	opacity:0;
/*     transform: translateY(50px); */
}

.lazyloaded {
	opacity:1;
/*     transform: translateY(0px); */
	transition:opacity 600ms;
}


/* header */


#header {
	width:100%;
	float:left;
	z-index:500;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	height: 3.75em;
	background: #fff;
}

.home #header,
.page-template-_home-2025 #header {
	background: transparent;
}

.page-black #header{
	background: #000;
	color: #fff;
}

a.name {
	margin-top: 1em;
    float: left;
    width: 100%;
    padding-right: 2em;
}

/* Menu */

.mosnesharesocial a {
	font-size: 1em;
	float:left;
	width:2em;
	height:2em;
	line-height:1.85em!important;
}


#menu{
	margin-top: .9em;
    float: left;
    width: 100%;
}

#menu ul{
	margin: 0;
	padding: 0;
}
#menu li {
	float: left;
	display:inline-block;
	margin:0;
	/* width: calc(40% - 1rem); */
    /* margin-left: .5rem; */
    margin-right: 1em;
}

#menu li:last-child{
	margin-right: 0;
}

#menu li a {
	float:left;
	width:100%;
}

.archive.category .menu-item-15 a,
.single-post .menu-item-15 a,
#menu li.current-menu-item a {
	text-decoration: underline;
}

#menu li.current-menu-item a:hover{
	color: #000;
}

.page-black #menu li.current-menu-item a:hover{
	color: #fff;
}

nav ul {
    /* display: block; */
    list-style: none;
    padding: 0;
    margin: 0;
}


/* Footer */

#footer {
	min-height: 100vh;
	float: left;
    width: 100%;
}


.logo-footer {
    float: none;
    margin-bottom: 2.2em;
}

#legal {
    float: left;
    margin-top: 1.2em;
}


/* Cookies Notice */
#cookie-notice {
	font-size: 14px;
}

#cn-notice-text {
    line-height: 2em;
}

#cookie-notice .button.wp-default {
	line-height:.75em;
	padding:8px 12px;
	background:#000;
	color:#fff;
/* 	border:1px solid #fff; */
	border: 0;
	border-radius:0;
	-moz-box-sizing:border-box;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	white-space:nowrap;
	outline:none;
	text-transform:uppercase;
	text-shadow:none;
}

#cookie-notice .button.wp-default:hover {

	background:#000;
	color:#fff;
	text-decoration: underline;
}

#cookie-notice .button {
    margin: 0;
    margin-left: 10px;
    padding: 0;
    background: none;
    font-size: 1em;
    font-weight: 700;
}

.video-push{
    margin: 0 -1em;
}

a.embedvideo{
	position: relative;
	float: left;
	width: 100%;
}

a.embedvideo:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,.4);
	z-index: -1;
}

a.embedvideo:after{
	content: 'Play';
	font-size: 1em;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -.625em;
    text-align: center;
    z-index: 15;
    color: #000;
}

/* works */


/*
.work-info {
    margin-top: .09em;
}
*/

#images-counter-wrap {
    /* margin-left: -1rem; */
    z-index: 999;
}

#post-nav.fixed,
#images-counter.fixed {
    position: fixed;
    top: 3.75rem;
    top: 40vh;
}

#post-nav a{
	margin-right: 1em;
}

#post-nav-wrap {
    margin-bottom: 3em;
}

/* header only */
@media (min-width: 350px){
	a.name {
		margin-top: 0;
		padding-right: 0;
/* 		line-height: 3.75rem; */
		line-height: 4.5rem;
	}
	
	#menu{
/* 		margin-top: 1.25em; */
		margin-top: 1.65em;
	}

}

/* medium 640-1023*/
@media print, screen and (min-width: 40em) {

	body {
		font-size: 1.125em;
	}
	.onlymobile{
		display: none;
	}
	
	h1,
	h2,
	.work-info,
	.work-title,
	.category-count,
	a.clear-filter,
	#images-counter,
	#post-nav,
	a.embedvideo:after{
		font-size: 1em;
	}
	
	h1.huge{
		font-size: 1em;
	}

	#menu li{
		/* width: 25%; */
		margin-left: 0;
	}
	/* Work Index */

	.work-index__item .work-title,
	.single-work-head .work-title-single {
		grid-column: span 5;
	}

	.work-index__item .data,
	.single-work-head .data {
		grid-column: 6;
	}

	.work-index__item .client,
	.single-work-head .client {
		grid-column: 7 / span 5;
	}
	
	.work-index__item .year,
	.single-work-head .year {
		grid-column: 12;
		text-align: right;
	}

	/* END Work Index */

	.project-cover {
	    height: calc(100vh - 15.9375em);
    }
    
    .project-cover.cover-margin {
 	    height: calc(100vh - 23.4375em);
	}
	
	.project-cover.vertical-image{
/* 		height: calc(100vh - 6em); */
		margin-bottom: -10.0625em;
	}
	
	.textbody.bigger{
		font-size: 1em;
	}
	
	/* .two-column-text{
		-webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    -webkit-column-gap: 1rem;
	    -moz-column-gap: 1rem;
	    column-gap: 1rem;
	} */

	.two-column-text-first-col {
		padding-inline-end: calc(50% + 1.5rem);
	}
	
	.video-push{
        margin: 0;
    }
    
    .textbody.less{
		max-height: 100vh;
	}
	
	

}


/* large 1024-up*/
@media print, screen and (min-width: 64em) {
	
	#bd {
		margin-top: 3.75em;
		padding-top: 6.6667em;
	}
	
	h1,
	h2,
	.work-info,
    .work-title,
	.category-count,
	a.clear-filter,
	#images-counter,
	#post-nav,
	a.embedvideo:after{
		font-size: 1em;
	}
	
	h1.huge{
		font-size: 1em;
	}
	
	.push{
    	padding: 0 1em;
	}
	
	.margin-top-1{
		margin-top: 1em;
	}
	.margin-top-2{
		margin-top: 2em;
	}
	.margin-top-3{
		margin-top: 3em;
	}
	.margin-top-4{
		margin-top: 4em;
	}
	.margin-top-5{
		margin-top: 5em;
	}
	.margin-top-6{
		margin-top: 6em;
	}
	.margin-top-7{
		margin-top: 7em;
	}
	/* .single-post .textbody.less, */
	.margin-top-8{
		margin-top: 8em;
	}
	.margin-top-9{
		margin-top: 9em;
	}
	.margin-top-10{
		margin-top: 10em;
	}
	
	.project-cover {
	    height: calc(100vh - 11.375em);
    }
    
    .project-cover.cover-margin {
	    margin-top: 11.25em;
        width: 85%;
	    height: calc(100vh - 22.625em);
	}
	
	.project-cover.vertical-image{
		margin-bottom: -12.5625em;
	}
	
/*
	#footer {
		padding: 15em 0 0;
	}
	
*/
	/* #images-counter-wrap {
	    margin-left: -2rem;
	} */
	
	.work-title {
        margin-left: 3rem;
    }
	
	.work-title > div,
	.work-title a > div{
		text-indent: -3rem;
	}
	
	h1,
	h2{
	    margin-left: 3rem;
	    text-indent: -3rem;
	}
	
	p {
		/* text-indent: 3rem; */
	}
	 /*
	.textbody p {
		text-indent: 3rem;
	} */


}

/* x-large 1360-up*/
@media print, screen and (min-width: 85em) {

	body {
		font-size: calc(100vw / 75.5);
 	}
	
	h1,
	h2,
	.work-info,
	.work-title,
	.category-count,
	a.clear-filter,
	#images-counter,
	#post-nav,
	a.embedvideo:after{
		font-size: 1em;
	}
	
	a.name,
	#menu li a,
	.textbody{
/* 		font-size: calc(100vw / 85); */
		font-size: 1em;
	}

	.textbody.bigger{
/* 		font-size: calc(100vw / 61.8); */
		font-size: 1em;
	}
	
	.project-cover {
	    height: calc(100vh - 8.9vw - 4.275rem);
    }

	.project-cover.cover-margin {
	    height: calc(100vh - 8.9vw - 13.65em);
        width: 80%;
	}
	
	.project-cover.vertical-image{
		margin-bottom: calc(-12.92vw - 4em);
	}
	
	.info-home {
        margin-top: 4em;
	}
}