/*
NEGATIVE PRESS CSS
BY do.meni.co
v2.1
*/

*{
margin: 0;
padding: 0;
/*background: #000 !important;
color: #0f0 !important;
outline: solid #f00 1px !important;*/
}

html, body{
height: 100%;
background-color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
letter-spacing: 1px;
-webkit-text-size-adjust: 100%;
color: #000;
/*overflow-x: auto;*/
overflow-y: hidden;
}

.desktop{
display: block;
}

#portrait-note, .mobile{
display: none;
}

/* Z-INDEXING */
#social{
z-index: 10;
}

#nav{
z-index: 9;
}

.content{
z-index: 8;
}

.post{
z-index: 7;
}

/* NAV */

#nav, #social{
position: fixed;
}

/* LOGO & BG IMG */

.bg-img{
background-repeat: no-repeat !important;
float: left;
list-style-type: none;
}

.bg-img a{
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

#nav h1, .facebook, .instagram, .logo, .arrow, .arrow-flip{
/*background: url('np-sprite-map.png');
background-size: 160px 300px;*/
background-repeat: no-repeat !important;	
}

#nav h1{
/*background-position: 0 0;*/
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTIyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMjAgNTIyIj48cGF0aCBkPSJNNzksMzE0LjZjMC0yNS4xLTAuMy01MC40LTEuNi03Ni40SDB2MTQwaDc5VjMxNC42eiIvPjxwYXRoIGQ9Im0yNzcuNyAxNTcuOGMtMTkuNy0xMi4yLTQ0LjItMTUuNy03NC43LTE3LjdoMzN2LTEzOS45aC03OXY1OS40YzAgMjIgLjggNDguNiAyLjUgODAuNmgtMjMuNWwtNDQtMTQwaC05MnYxNDBoNzl2OThoMjEuM2w0My4xIDE0MGgtNjQuNHYxNDRoOTB2LTE0NGg2N3YtMTQwaDg0Yy0zLjYtMzctMTguMi02NS41LTQyLjMtODAuNG0tMTA4LjcgODAuNHYtMjloNy42YzMxLjggMCA0OC42IDggNTMuNCAyOWgtNjEiLz48L3N2Zz4=);
}

.logo{
/*background-position: 0 0;*/
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTIyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMjAgNTIyIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTc5LDMxNC42YzAtMjUuMS0wLjMtNTAuNC0xLjYtNzYuNEgwdjE0MGg3OVYzMTQuNnoiLz48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0ibTI3Ny43IDE1Ny44Yy0xOS43LTEyLjItNDQuMi0xNS43LTc0LjctMTcuN2gzM3YtMTM5LjloLTc5djU5LjRjMCAyMiAuOCA0OC42IDIuNSA4MC42aC0yMy41bC00NC0xNDBoLTkydjE0MGg3OXY5OGgyMS4zbDQzLjEgMTQwaC02NC40djE0NGg5MHYtMTQ0aDY3di0xNDBoODRjLTMuNi0zNy0xOC4yLTY1LjUtNDIuMy04MC40bS0xMDguNyA4MC40di0yOWg3LjZjMzEuOCAwIDQ4LjYgOCA1My40IDI5aC02MSIvPjwvc3ZnPg==);
}

/*#nav h1, #nav h1 a{
width: 160px;
height: 260px;
margin-bottom: 20px;
}*/

#nav h1 a{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

#nav h1{
position: relative;
width: 100%;
}

#nav h1:before, .logo:before{
content: "";
display: block;
padding-top: 162.5%;
}

a{
color: #000;
}

.facebook{
/*background-position: 0 -265px;*/
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MCA3MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzAgNzAiPjxwYXRoIGQ9Ik02Ni4xLDBIMy45QzEuNywwLDAsMS43LDAsMy45djYyLjNDMCw2OC4zLDEuNyw3MCwzLjksNzBoMzMuNVY0Mi45aC05LjFWMzIuM2g5LjF2LTcuOGMwLTksNS41LTE0LDEzLjYtMTQKCWMzLjksMCw3LjIsMC4zLDguMiwwLjR2OS40bC01LjYsMGMtNC40LDAtNS4yLDIuMS01LjIsNS4xdjYuN2gxMC41bC0xLjQsMTAuNmgtOS4xVjcwaDE3LjhjMi4xLDAsMy45LTEuNywzLjktMy45VjMuOQoJQzcwLDEuNyw2OC4zLDAsNjYuMSwweiIvPjwvc3ZnPg==);
}

.instagram{
/*background-position: -35px -265px;*/
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MCA3MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzAgNzAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTYxLjkgMjkuNmgtNi4xYy40IDEuNy43IDMuNS43IDUuNCAwIDExLjktOS42IDIxLjUtMjEuNSAyMS41cy0yMS41LTkuNi0yMS41LTIxLjVjMC0xLjkuMy0zLjcuNy01LjRoLTYuMXYyOS42YzAgMS41IDEuMiAyLjcgMi43IDIuN2g0OC41YzEuNSAwIDIuNy0xLjIgMi43LTIuN3YtMjkuNnptMC0xOC44YzAtMS41LTEuMi0yLjctMi43LTIuN2gtOC4xYy0xLjUgMC0yLjcgMS4yLTIuNyAyLjd2OC4xYzAgMS41IDEuMiAyLjcgMi43IDIuN2g4LjFjMS41IDAgMi43LTEuMiAyLjctMi43di04LjFtLTI2LjkgMTAuN2MtNy40IDAtMTMuNSA2LTEzLjUgMTMuNSAwIDcuNCA2IDEzLjUgMTMuNSAxMy41IDcuNCAwIDEzLjUtNiAxMy41LTEzLjUgMC03LjQtNi4xLTEzLjUtMTMuNS0xMy41bTI2LjkgNDguNWgtNTMuOGMtNC41IDAtOC4xLTMuNi04LjEtOC4xdi01My44YzAtNC41IDMuNi04LjEgOC4xLTguMWg1My44YzQuNSAwIDguMSAzLjYgOC4xIDguMXY1My44YzAgNC41LTMuNiA4LjEtOC4xIDguMSIvPjwvc3ZnPg==);
}

.arrow, .arrow-flip{
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA5MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgOTAiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCI+PHBhdGggZD0ibTMxLjcgMy44bDI4LjQgMjMuNy0yOC40IDIzLjciLz48cGF0aCBkPSJtNTguMyAyNy41aC0yMS44Yy04LjUgMC0xNi43IDMuMS0yMy4yIDkuNS02LjUgNi41LTkuNiAxNC41LTkuNiAyMy41djI0LjUiLz48L2c+PC9zdmc+);	
}

.facebook, .instagram, .facebook a, .instagram a{
width: 35px;
height: 35px;	
}

/* NAV */

#nav, #social, .editions{
pointer-events: none;
}

#nav a, #social a, #social input, .editions a{
pointer-events: auto;
}

#nav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 13%;
min-width: 80px;
max-width: 180px;
}

#nav ul{
position: relative;
left: 21%;
top: 3%;
list-style-type: none;
}

#nav li a, .editions a, .title a{
text-decoration: none;
font-weight: bold;
color: #000;
background-color: #fff;
padding: 5px;
margin-bottom: 10px;
display: inline-block;
}

#nav li:nth-child(1) a {
background: none;
white-space: nowrap;
font-size: 1.1em;
}

#nav li:nth-child(1){
margin-bottom: 10px;
}

.on{
color: #fff !important;
background-color: #000 !important;	
}

#social{
bottom: 4%;
/*left: 2.1%;*/
height: 37px;
list-style-type: none;
overflow: hidden;
width: 100%;
}

#social li{
margin-right: 25px;
float: left;
}

#social li:first-of-type{
width: 2.1%;
max-width: 30px;
margin-right: 0;
display: block;
}

#social input {
padding: 5px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
text-align: center;
border: 3px solid #000;
color: #000;
border-radius: 3px;
-webkit-appearance: none;
}

#mce-EMAIL{
width: 205px;
background: 0;
}
#mce-EMAIL:focus {
background-color: #fff;
outline: 0;
}

input::-webkit-input-placeholder {
color: #000;
}
input:focus::-webkit-input-placeholder {
color: #ccc;
}
/* Firefox < 19 */
input:-moz-placeholder {
color: #000;
opacity: 1;
}
input:focus:-moz-placeholder {
color: #ccc;
opacity: 1;
}
/* Firefox > 19 */
input::-moz-placeholder {
color: #000;
opacity: 1;
}
input:focus::-moz-placeholder {
color: #ccc;
opacity: 1;
}
/* Internet Explorer 10 */
input:-ms-input-placeholder {
color: #000;
}
input:focus:-ms-input-placeholder {
color: #ccc;
}
#mc-embedded-subscribe {
background-color: #ccc;
cursor: pointer;
position: absolute;
top: 0;
width: 125px;
left: 212px;
margin-left: 5px;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/* CONTENT */

.content{
position: fixed;
/*left: 250px;*/
top: 4%;
left: 15.5%;
/*padding: 30px 0 30px 0;*/
}

.content p{
display: inline;
font-weight: bold;
color: #000;
background-color: #fff;
box-shadow: 7px 0 0 #fff, -7px 0 0 #fff;
box-decoration-break: clone; /* fix highlighting */
padding: 5px 0 5px 0;
line-height: 1.7em;
}

.small{
max-width: 330px;
}

.editions a, .title a{
white-space: nowrap;
}

.editions a{
margin-right: 100px;
}

.editions{
height: 100%;
column-fill: auto;
column-width: 250px;
column-gap: 10px;
-webkit-column-fill: auto;
-webkit-column-width: 250px;
-webkit-column-gap: 10px;
-moz-column-fill: auto;
-moz-column-width: 250px;
-moz-column-gap: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* SLIDE POSTS */

#container{
height: 100%;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}

td{
margin: 0;
padding: 0 0 0 7px;
}

td:first-of-type{
padding-left: 0;
}

table{
border-collapse: collapse;
}

tr{ 
vertical-align: top;
}

.img-post{
overflow: hidden;
position: relative;
background-color: #eee;
text-align: center;
}


/*.img-post img{
width: 100%;
height: auto !important;
}*/

.width-img{
width: 100%;
height: auto;
}

.height-img{
width: auto;
height: 100%;
}

.caption{
position: absolute;
bottom: 4%;
max-width: 380px;
left: 18%;
}

.img-post p{
display: table;
font-size: 0.7em;
line-height: 1.8em;
background-color: #fff;
box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;
box-decoration-break: clone; /* fix highlighting */
text-align: left;
/*padding: 4px 0 4px 0;*/
}

.text-post{
font-size: 0.8em;
line-height: 1.6em;
color: #000;
column-fill: auto;
column-width: 300px;
column-gap: 45px;
-webkit-column-fill: auto;
-webkit-column-width: 300px;
-webkit-column-gap: 45px;
-moz-column-fill: auto;
-moz-column-width: 300px;
-moz-column-gap: 45px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*border-top: 100px solid #fff;
border-bottom: 60px solid #fff;*/
padding: 7% 0 6% 0;
position: relative;
border-left: 60px solid #fff;
}

.text-post img{
width: 100%;
height: auto;
margin: 15px 0 15px 0;
}

.indent p+p{
text-indent: 1.6em;
}

.indent p:last-of-type{
margin-bottom: 15px;
}

span.indent p img{
margin-left: -1.6em;
}

sup{
vertical-align: top;
position: relative;
top: -0.5em;
}

.footnote{
display: block;
margin-right: 30px;
font-size: 0.85em;
margin-top: 130%; /* starts in new column*/
}

.footnote p{
margin-bottom: 10px;
}

.footnote a{
word-break: break-word;
}

@media screen and (max-width:767px) and (orientation:portrait){

	#nav, #social, #container, .content{
	display: none;
	}

	html, body{
	background-color: #000;
	}

	#portrait-note{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	}

	.logo{
	position: absolute;
	margin: -35% 0 0 0%;
	left: 33%;
	top: 50%;
	width: 40%;
	}

	#portrait-note p{
	position: absolute;
	bottom: 13%;
	width: 70%;
	left: 15%;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	}

	.arrow, .arrow-flip{
	height: 30px;
	width: 30px;
	position: absolute;
	}

	.arrow{
	left: 15px;
	top: 15px;
	}

	.arrow-flip{
	right: 15px;
	bottom: 15px;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	}

}

/* widescreen fix for menu*/
@media screen and (max-height:320px) and (orientation:landscape){
#nav{
/*position: absolute;
top: 0;
left: 0;
height: 100%;
width: 13%;
min-width: 80px;
max-width: 180px;*/
width: 70px;
min-width: auto;
}

}

@media screen and (max-width:767px) and (orientation:landscape){

	.editions{
	display: none;
	}

	.mobile{
	display: block;
	}

	.desktop{
	display: none;
	}

	#nav{
	/*
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 13%;
	min-width: 80px;
	max-width: 180px;*/
	word-wrap: break-word;
	bottom: 0;
	top: auto;
	}

	#nav h1{
	margin-left: 20px;
	position: relative;
	}

	#nav ul{
	/*position: relative;
	left: 21%;
	top: 3%;
	list-style-type: none;*/
	position: relative;
	top: 10px;
	left: 7px;
	}

	#nav li a, .editions a, .title a{
	/*text-decoration: none;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	padding: 5px;
	margin-bottom: 10px;
	display: inline-block;*/
	margin-bottom: 6px;
	font-size: 0.9em;
	}

	#nav li:nth-child(1) a{
	/*background: none;
	white-space: nowrap;
	font-size: 1.1em;*/
	font-size: 0.9em;
	}

	#nav li:nth-child(1){
	/*margin-bottom: 10px;*/
	margin-bottom: 0;
	position: absolute;
	top: 33px;
	margin-left: -56px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}

	.facebook, .instagram, .facebook a, .instagram a{
	width: 31px;
	height: 31px;	
	}

	#social{
	/*bottom: 4%;
	height: 37px;
	list-style-type: none;
	overflow: hidden;
	width: 100%;*/
	height: 32px;
	right: 7px;
	bottom: 11px;
	width: 326px;
	}

	#social li{
	/*margin-right: 25px;
	float: left;*/
	margin-right: 20px;
	}

	#social li:first-of-type{
	/*width: 2.1%;
	max-width: 30px;
	margin-right: 0;
	display: 
	block;*/
	}

	#social li:last-of-type{
	margin-right: 0;
	}

	#social input {
	/*padding: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	border: 3px solid #000;
	color: #000;
	border-radius: 3px;
	-webkit-appearance: none;*/
	font-size: 0.9em;
	padding: 3px;
	}

	#mc-embedded-subscribe{
	width: 107px;
	}

	.content{
	/*position: fixed;
	top: 4%;
	left: 15.5%;*/
	position: absolute;
	left: auto;
	right: 5%;
	}

	.title{
	top: 11px;
	right: 7px;
	text-align: right;
	}

	.small{
	font-size: 0.8em;
	}

	.img-post p{
	/*display: inline;
	font-size: 0.7em;
	line-height: 1.65em;
	background-color: #fff;
	box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;
	box-decoration-break: clone;
	padding: 4px 0 4px 0;*/
	float: right;
	clear: both;
	font-size: 0.55em;
	text-align: right;
	}

	.caption{
	/*position: absolute;
	bottom: 4%;
	left: 18%;
	max-width: 350px;*/
	text-align: right;
	left: auto;
	right: 5%;
	width: 70%;
	
	}

	.text-post{
	padding: 50px 0 12px 0;
	font-size: 0.8em;
	line-height: 1.55em;
	}

	.text-post img{
	/*width: 100%;
	height: auto;
	margin: 15px 0 15px 0;*/
	width: auto;
	height: 200px;
	margin: 15px 0 30px 0;
	}

}