@font-face {
  font-family: 'GT-Pressura-Mono-Bold';
  src:	url('/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Bold.eot');
  src:	url("/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Bold.otf") format("opentype"),
  		url('/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Bold.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Bold.woff') format('woff'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Bold.ttf')  format('truetype');
}

@font-face {
  font-family: 'GT-Pressura-Mono-Light';
  src:	url('/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Light.eot');
  src:	url("/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Light.otf") format("opentype"),
  		url('/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Light.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Light.woff') format('woff'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Pressura-Mono-Light.ttf')  format('truetype');
}

@font-face {
  font-family: 'GT-Sectra-Display-Light';
  src:	url('/wp-content/themes/emmav/styles/fonts/GT-Sectra-Display-Light.eot');
  src:	url("/wp-content/themes/emmav/styles/fonts/GT-Sectra-Display-Light.otf") format("opentype"),
  		url('/wp-content/themes/emmav/styles/fonts/GT-Sectra-Display-Light.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Sectra-Display-Light.woff') format('woff'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Sectra-Display-Light.ttf')  format('truetype');
}

@font-face {
  font-family: 'GT-Walsheim-Bold-Oblique';
  src:	url('/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold-Oblique.eot');
  src:	url("/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold-Oblique.otf") format("opentype"),
  		url('/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold-Oblique.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold-Oblique.woff') format('woff'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold-Oblique.ttf')  format('truetype');
}
@font-face {
  font-family: 'GT-Walsheim-Bold';
  src:	url('/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold.eot');
  src:	url("/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold.otf") format("opentype"),
  		url('/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold.woff') format('woff'),
		url('/wp-content/themes/emmav/styles/fonts/GT-Walsheim-Bold.ttf')  format('truetype');
}

.img-responsive{
	width:100%;
	height:auto;
}
.bg-white{
	background-color:white;
}
.mosaic .img-responsive{
	margin-bottom:20px;
}

body{
	padding-top:80px;
}

html{
	background:#fff; 
	color:#22211F;
}

body{
	background:transparent;
	color:inherit;
}
footer{
	background:#fff;
}

hr{
	background-color:#22211F;
	height:2px;
	border:none;
}

a,
a:hover{
	color:inherit;
}

body, p{
	font-family: 'GT-Pressura-Mono-Light';
	font-size: 16px;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'GT-Sectra-Display-Light';
}

.letters.mobile,
.letter{
	pointer-events:none;
	position: fixed;
	font-size: 60px;
	font-weight: bold;
	font-family: 'GT-Walsheim-Bold';
	z-index:200;
	line-height:60px;
	padding:5px 8px;
}

.letters.mobile{
	font-size: 40px;
	background:inherit;
	top:0;
	left:50%;
	width:100%;
	white-space:nowrap;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	text-align:center;
	background:#E8E8E8;
	padding:5px 0;
	-webkit-transition:all 500ms ease;
	transition:all 500ms ease;
}
.letters.mobile .mobile-letter{
	width:17.5%;
	display:inline-block;
}
.letters.mobile .mobile-letter:first-child{
	width:15%;
}
.letters.mobile .mobile-letter:last-child{
	width:15%;
}

.img-wrapper{
	cursor:pointer;
}

.prev-next{
	margin-top:300px;
}

.prev-next .row{
	overflow:visible;
}

.prev-next .specialty-image{
	position:absolute;
	bottom:-5px;
	left:0;
	width:100%;
	padding:10px;
}

.mw-130{
	max-width:130px!important;
	margin:0 auto;
}
.letters.desktop{
	display:none;
}
.letters.mobile{
	display:block;
}

html{
	padding-top:0!important;
	margin-top:0!important;
}
#wpadminbar{
	display:none;
}

.project-content{
	min-height:60vh;
}

.menu-toggle{
	font-family:sans-serif;
	font-weight:lighter!important;
	cursor:pointer;
	pointer-events:all;
}

.letter{
	-webkit-transition:all 500ms ease;
	transition:all 500ms ease;
}

.mobile-letter{
	-webkit-transition:transform 500ms ease;
	transition:transform 500ms ease;
}


.menu{
	-webkit-transition:all 500ms ease;
	transition:all 500ms ease;
	width:100vw;
	max-width:600px;
	left:0;
	top:0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);	
	position:fixed;
	height:100vh;
	background:#22211F;
	color:#fff;
	z-index:100;
}
.menu-inner{
	position:absolute;
	top:50%;
	width:100%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
}
.menu a{
	font-size: 30px;
	font-family: 'GT-Sectra-Display-Light';
	width:100%;
	display:block;
}
.menu-showing .letter:nth-child(1){
	color:#fff;
}
.menu-showing .letter:nth-child(3){
	color:#fff;
}

.menu-showing .menu{
	-webkit-transform:translateX(0);
	transform:translateX(0);	
}

.menu-showing .menu-toggle{
	color:#fff;
	-webkit-transform:rotate(45deg)!important;
	transform:rotate(45deg)!important;	
}

.menu-showing .letters.mobile{
	color:#fff;
	background:transparent;
}

@media(min-width:576px){
	body{
		padding-top:60px;
	}	
	.letters.desktop{
		display:block;
	}
	.letters.mobile{
		display:none;
	}
	.menu-showing .menu-toggle{
		color:#fff;
		-webkit-transform:translateY(-50%) rotate(45deg)!important;
		transform:translateY(-50%) rotate(45deg)!important;	
	}	
	.mosaic {
	  line-height: 0;
	  -webkit-column-count: 2;
	  -webkit-column-gap:   20px;
	  -moz-column-count:    2;
	  -moz-column-gap:      20px;
	  column-count:         2;
	  column-gap:           20px;  
	}
	/* allow lettering */
	body{
		padding-top:0;
		padding-left:80px;
		padding-right:80px;
	}
	.sticky-top-custom {
		position: -webkit-sticky;
		position: sticky;
		top: 48px;
	}
	footer{
		margin-left:-80px;
		margin-right:-80px;
		padding-left:80px;
		padding-right:80px;		
	}
	.negate-margins{
		margin-right:-15px;
		margin-left:-15px;
	}
}

@media(min-width:1200px){
	.menu a,
	h1{
		font-size:50px;
	}
	
}

html.dark{
	color:#fff;
	background:#22211F;
}

html.dark hr{
	background-color:#fff;
}

html.dark footer{
	background:#22211F;
	color:#fff;
}

html.dark .menu{
	background:#E8E8E8;
	color:#22211F!important;
}

html.dark .mobile.letters{
	background:#22211F;
}

html.dark .menu-showing .menu-toggle{
	color:#22211F!important;
}
html.dark .menu-showing .mobile.letters{
	background:#E8E8E8;
	color:#22211F!important;
}

html.dark .menu-showing .letter:nth-child(1){
	color:#22211F;
}
html.dark .menu-showing .letter:nth-child(3){
	color:#22211F;
}

hr.mini{
	width:50px;
	height:1px;
	margin-left:0;
}

.form-dark textarea,
.form-dark input[type="text"],
.form-dark input[type="email"],
.form-dark input[type="textarea"],
.form-dark label,
.form-dark p{
	max-width:100%!important;
	width:100%!important;		
}

.form-dark textarea,
.form-dark input{
	background:transparent;
	border:1px solid #fff!important;
	outline:none!important;
}

.form-dark input[type="submit"]{
	float:right;
	background:#fff;
	color:#22211F;
}

.img-gallery{
	position:fixed;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	background:#fff;
	z-index:300;
	-webkit-transform:scale(0.5) translate(-100%,-100%);
	transform:scale(0.5) translate(-100%,-100%);
	-webkit-transition:all 500ms ease;
	transition:all 500ms ease;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0;
	pointer-events:none;
}
.img-gallery.showing{
	-webkit-transform:scale(1) translate(-50%,-50%);
	transform:scale(1) translate(-50%,-50%);
	opacity:1;
	pointer-events:all;
}

.img-gallery-close{
	position:absolute;
	top:7px;
	right:20px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	cursor:pointer;
	font-size:40px;
	font-family:sans-serif;
}
.img-gallery-info{
	width:100%;
	height:50px;
	background:rgba(255,255,255,0.8);
	line-height:50px;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
}