/*
Theme Name: Now Open
Theme URI: 
Description: Now Open
Author: Reaux-Savonte
Version: 99.9
*/

/************************************************
*				General Elements				*
************************************************/
input[type=text], option {	
	-webkit-appearance:none;
}
html, body  {
	width:auto;
	margin:0;
	z-index:0;
	padding:0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fff;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust:100%;
	-webkit-appearance:none;
	text-transform:lowercase;
}
body {
	padding:0 0 0 60vw;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width:720px){
	body {
		padding:0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
img {
	border:0 !important;
	margin:0px !important;
}
hr {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}
a {
	margin:0px;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:none;
}
p {
	margin-top:0px;
}
div {
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div p:last-child {
	margin-bottom:0;
}
ul, li{
	margin:0 0 0 10px;
	padding:0;
}
ul li:last-child {
	margin-bottom:10px;
}
span {
	display:inline-block;
}
.clear {
	clear:both;
}
.hidden {
	display:none;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
table, tr, td{
	width:100%;
	height:100vh;
	position:relative;
	padding:0;
	text-align:center;
	vertical-align:middle;
	border:0;
    border-spacing:0px;
    border-collapse:separate;
}
.clickable {
	cursor:pointer;
}
.desktop {
	display:block;
}
.mobile {
	display:none;
}
@media screen and (max-width:720px){
.desktop {
	display:none;
}
.mobile {
	display:block;
}
}
video {
	background-color:#000;
}
/************************************************
*				Fonts				*
************************************************/
@font-face {
    font-family:'Allura';
    src: url('fonts/Allura-Regular.otf');
    src: url('fonts/Allura-Regular.otf.') format('opentype'),
         url('fonts/Allura-Regular.ttf') format('truetype'),
         url('fonts/Allura-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Geo';
    src: url('fonts/geomanist-regular-webfont.eot');
    src: url('fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-regular-webfont.woff2') format('woff2'),
         url('fonts/geomanist-regular-webfont.woff') format('woff'),
         url('fonts/geomanist-regular-webfont.ttf') format('truetype'),
         url('fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:'GeoMedium';
	src: url('/fonts/geomanist-medium-webfont.eot');
	src: url('/fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/geomanist-medium-webfont.woff2') format('woff2'),
		 url('/fonts/geomanist-medium-webfont.woff') format('woff'),
		 url('/fonts/geomanist-medium-webfont.ttf') format('truetype'),
		 url('/fonts/geomanist-medium-webfont.svg#geomanistmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/************************************************
*				Wrappers				*
************************************************/
.left {
	width:60vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	overflow:auto;
}
.left {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.left::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
@media screen and (max-width:720px){
	.left {
		width:100%;
		height:auto;
		position:relative;
	}
}
.row {
	width:100%;
	position:relative;
	clear:both;
}
.column {
	float:left;
	padding:0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div .column:nth-child(1) {
	width:22%;
}
div .column:nth-child(2) {
	width:22%;
}
div .column:nth-child(3) {
	width:22%;
}
div .column:nth-child(4) {
	width:34%;
}
.right {
	width:40vw;
	height:100vh;
	position:fixed;
	top:0;
	left:60%;
	z-index:5;
	padding-right:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#fff;
	display:none;
}
@media screen and (max-width:720px){
	.right{
		width:0;
		height:0;
		top:0;
		left:0;
		display:none;
	}
}
/************************************************
*				Menu				*
************************************************/
.menu {
	width:100%;
	position:relative;
	padding:50px 20px;
}
.menu .column:nth-child(1){
	width:44%;
}
.menu .column:nth-child(2), .menu .column:nth-child(3){
	padding-top:15px;
}
.logo {
	width:125px;
	max-width:100%;
	height:auto;
	position:relative;
	background-color:black;
}
.infoBox {
	width:100%;
	position:relative;
	padding:20px 30px;
	line-height:30px;
}
.posts {
	width:100%;
	position:relative;
	padding:20px;
}
.posts .row{
	margin-bottom:5px;
	cursor:pointer;
}
.postCover {
	width:calc(100% - 50px);
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	background-color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.postCover img{
	width:50%;
	height:auto;
	position:relative;
}
.mobileThumb {
	width:100%;
	position:relative;
}
.mobileThumb img{
	width:100%;
	height:auto;
	position:relative;
}
.mobileTitle {
	width:100%;
	position:relative;
	margin:15px 0 20px 0;
	padding-bottom:15px;
	line-height:16px;
	border-bottom:1px solid #ddd;
}
/************************************************
*				Single				*
************************************************/
.single {
	width:100%;
	position:relative;
}
@media screen and (max-width:720px){
	.single {
		display:none;
	}
}
.singleTitle {
	width:100%;
	position:relative;
	padding:50px 20px 50px 0;
}
.singleTitle .row{
	width:100%;
	position:relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.singleMedia {
	width:100%;
	position:relative;
	padding-top:20px;
}
.singleImage, .singleVideo{
	width:50%;
	position:relative;
	margin-bottom:20px;
}
@media screen and (max-width:720px){
	.singleImage, .singleVideo{
		width:100%;
	}
}
.singleImage img, .singleVideo video{
	width:100%;
	height:auto;
	position:relative;
}
.mobileSingle {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.8);
	display:none;
}
@media screen and (min-width:721px){
	.mobileSingle {
		width:0;
		height:0;
		overflow:hidden;
		display:none;
	}
}
.mobileSingleInner {
	width:90%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	padding:20px;
	overflow:auto;
	background-color:#fff;
}