/*!
Theme Name: edmond
Author: Nicolas Rome
*/
strong, em, h1,h2,h3,h4,h5,h6, *{
	font-weight:normal!important;
}
#logomobile{
	display:none;
}
body{
	text-align:center; 
	font-family:'Libre Caslon Text', Times, serif;
	margin:0;
	padding:0;
	position:relative;
}
.container{
/*	background:yellow;*/
	position:relative;
	width:100vw;
	height:100vh;
	overflow:hidden;
	margin:auto;
}
header#header{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:60px;
	border-bottom:1px solid black;
	display:flex;
	align-items:flex-start;
	font-family:"Chicago Plain", Helvetica;
	font-size:18px;
	background:white;
	z-index:100;
}
body.admin-bar header#header{
	top:30px;
}
#logo,#mainnav{
	display:block;
}
#logo img{
	height:21px;
	padding:20px 10px;
}
#mainnav{
}
#mainnav .menu_arrow{
	display:none;
}
#mainnav.closesubnav>ul>li>ul{
	display:none!important;
}
#mainnav.closesubnav a{
	background:none;
}
#mainnav ul, #mainnav li{
	margin:0;
	padding:0;
	text-align:left;
	list-style:none;
}
#mainnav>ul>li{
	display:inline-block;
	position:relative;
}
#mainnav>ul>li>ul{
	position:absolute;
	top:60px;
	left:0;
	width:150%;
	min-width:160px;
	border:1px solid black;
	display:none;
	background:white;
}
#mainnav>ul>li:hover>ul{
	display:block;
}
#logo>a, #mainnav>ul>li>a{
	height:60px;
	display:block;
	vertical-align:middle;
	line-height:60px;
	padding:0 5px;
	text-transform:lowercase;	
}
#mainnav>ul>li>ul>li>a{
	padding:3px 10px;
	display:block;
	text-transform:lowercase;	
}
#logo a:hover, #mainnav a:hover, #mainnav>ul>li:hover>a{
	background:#FFF20099;
	color:black;
}	
#mainnav li.button>a {
	background-color:#FFF20099;
}
#mainnav li.button>a:hover {
	background-color:#FF3D00;
}

#mainnav>ul>li.rent:hover>a, #mainnav li.rent a:hover{
	color:black;
	background:#FF3D00;
}
a{
	color:black; 
	text-decoration:none;
}
a.active, a:hover{
	color:#FFF20099;
}
#content{
	text-align:left;
	z-index:80;
	position:relative;
	top:160px;
	left:60px;
	width:320px;
	/*max-height:calc(100vh - 320px)!important;
	border:1px solid black;
	overflow-y:auto;*/
	min-height:100px;
}
#content .window{
	position:absolute;
	top:0;
	left:0;
	background:white;
	width:100%;
	height:auto;
	display:none;
	border:1px solid black;		
	padding-bottom:25px;	
}
#content .window.active{
	display:block;
}
#content .window.active.pos2.ui-draggable{
	top:35px; 
	left:35px;
	z-index:81;
}
#content .window.active.pos3.ui-draggable{
	top:70px; 
	left:70px;
	z-index:82;
}
#content .window.active.pos4.ui-draggable{
	top:105px; 
	left:105px;
	z-index:83;
}
#content .window.active.top{
	z-index:89;
}
.window header{
	border-bottom:1px solid black;
	padding:3px;
	position:absolute;
	z-index:80;
	width:calc(320px - 6px);
	background:white;
	text-transform:lowercase;
	cursor:pointer;
}
#content .window a.extender{
	display:none;
}
.window.solitaire-victory-clone{
	z-index:9999;
	background:white;
	height:auto;
	border:1px solid black;		
	padding-bottom:25px;
	width:320px;
}

a.close {
	cursor:pointer;
    position: absolute;
	left:5px;
	top:5px;
    height: 20px; /* this can be anything */
    width: 20px;  /* ...but maintain 1:1 aspect ratio */
    display: flex;
    flex-direction: column;
    justify-content: center;	
}
.window>.close{
	display:block;
	position:absolute;
	z-index:81;
	top:15px;
}
a.close::before,
a.close::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px; /* cross thickness */
    background-color: black;
}

a.close::before {
    transform: rotate(45deg);
}

a.close::after {
    transform: rotate(-45deg);
}

#content h1.pagetitle, .window.solitaire-victory-clone h1.pagetitle{
	font-size:18px;
	font-family:"Chicago Plain", Helvetica;
	text-align:center;
	margin:0;
	padding:0;
	text-transform:lowercase;	
}
#content .text, .window.solitaire-victory-clone .text{
	position:relative;
	top:26px;
	left:0;
	padding:10px;
	z-index:75;
	max-height:calc(100vh - 320px)!important;
	overflow-y:auto;
}
#content .text p, .window.solitaire-victory-clone .text p{
	margin: 0px;
	line-height:1.5em;
}
#content .text p:first-child, .window.solitaire-victory-clone .text p:first-child{
	text-indent:20px;
}
#content .text p img.edmondlogo, .window.solitaire-victory-clone .text p img.edmondlogo{
	height:18px;
	position :relative;
	top:4px;
}
#edmondplan{
	z-index:0;
	position:absolute;
	top:40px;
	height:calc(100vh - 80px);
	width:100%;
	text-align:center;
/*	background:red;*/
}
#edmondplan .fixator{
	z-index:10;
	display:none;
	width:100%;
	height:100%;
	background:transparent;
	position:absolute;
	top:0;
	left:0;
/*	border:red 5px solid;
*/}
/*#edmondplan.back .fixator{
	z-index:0;
}*/
#edmondplan.expand .fixator{
	display:block;
}
#edmondplan>svg{
	height:100%;
	margin:auto;
	width:auto;
	overflow:visible;
}
#left.focus{
	
}
#center.focus{
	
}
#right.focus{
	
}

#left, #center, #right,
#left #left-left, #left #left-top, #left #left-front, #rest, #REST,
#center #center-left, #center #center-top, #center #center-front, #rest, #REST,
#right #right-left, #right #right-top, #right #right-front, #rest, #REST{
	transition:1s transform;
}
#left.move,
#center.move,
#left.focus #left-left,
#center.focus #center-left,
#right.focus #right-left,
#left.clickfocus #left-left,
#center.clickfocus #center-left,
#right.clickfocus #right-left	{
	transform:translate(-200px,0px);
}
#left.focus #left-top,
#center.focus #center-top,
#right.focus #right-top,
#left.clickfocus #left-top,
#center.clickfocus #center-top,
#right.clickfocus #right-top{
	transform:translate(0px, -318px );
}
#left.focus #left-front,
#center.focus #center-front,
#right.focus #right-front,
#left.clickfocus #left-front,
#center.clickfocus #center-front,
#right.clickfocus #right-front{
	transform:translate(120px, 120px );
}
#left #left-inside,
#center #center-inside,
#right #right-inside{
	opacity:0;
	transition:opacity 2s;
}
#left.focus #left-inside,
#center.focus #center-inside,
#right.focus #right-inside,
#left.clickfocus #left-inside,
#center.clickfocus #center-inside,
#right.clickfocus #right-inside{
	opacity:1;
}
#rest.move{
	transform:translate(200px,-200px);
}
#left #left-bg{
	opacity:0;
}
#left.expand #left-bg{
	opacity:1;
}
#left-inside polygon,#center-inside polygon,#right-inside polygon,
#left-inside path,#center-inside path,#right-inside path{
	fill:#ccc;
	opacity:0.7;
	cursor:pointer;
}
#left-inside polygon.empty,#center-inside polygon.empty,#right-inside polygon.empty,
#left-inside path.empty,#center-inside path.empty,#right-inside path.empty,
#left-inside polygon.empty:hover,#center-inside polygon.empty:hover,#right-inside polygon.empty:hover,
#left-inside path.empty:hover,#center-inside path.empty:hover,#right-inside path.empty:hover{
	fill:rgba(255,255,255, 0.8)!important;
	opacity:0.5;
	cursor:auto;
	stroke-width:1.5px;
	stroke:#bbb;
	
}
polygon.focus, path.focus,
polygon.clickfocus, path.clickfocus,
#left-inside polygon:hover, 
#left-inside path:hover, 
#center-inside polygon:hover,
#center-inside path:hover,
#right-inside polygon:hover,
#right-inside path:hover
{
	fill:#FFF20099!important;
}
polygon.focus.rent, path.focus.rent,
polygon.clickfocus.rent, path.clickfocus.rent,
#left-inside polygon.rent:hover, 
#left-inside path.rent:hover, 
#center-inside polygon.rent:hover,
#center-inside path.rent:hover,
#right-inside polygon.rent:hover,
#right-inside path.rent:hover{
	fill:#FF3D00!important;
}
#right #right-inside>path,
#left #left-inside>path{
	transition:1s transform;
}
#right.focus #right-inside>path#right-first-left-3,
#right.focus #right-inside>path#right-first-left-2,
#right.focus #right-inside>path#right-first-left-2-b,
#right.focus #right-inside>path#right-first-left-1,
#right.focus #right-inside>path#right-first-right-3,
#right.focus #right-inside>path#right-first-right-2,
#right.focus #right-inside>path#right-first-right-2-b,
#right.focus #right-inside>path#right-first-right-1,
#right.clickfocus #right-inside>path#right-first-left-3,
#right.clickfocus #right-inside>path#right-first-left-2,
#right.clickfocus #right-inside>path#right-first-left-2-b,
#right.clickfocus #right-inside>path#right-first-left-1,
#right.clickfocus #right-inside>path#right-first-right-3,
#right.clickfocus #right-inside>path#right-first-right-2,
#right.clickfocus #right-inside>path#right-first-right-2-b,
#right.clickfocus #right-inside>path#right-first-right-1

{
	transform:translateY(-40px);		
}
#right.focus #right-inside>path#right-first-back,
#right.clickfocus #right-inside>path#right-first-back{
	transform:translate(-100px, -100px);
}
#right.focus #right-inside>path#right-ground-4,
#right.clickfocus #right-inside>path#right-ground-4{
	transform:translate(-55px, 0px)
}
#left.focus #left-inside>path#left-first-1,
#left.focus #left-inside>path#left-first-2,
#left.clickfocus #left-inside>path#left-first-1,
#left.clickfocus #left-inside>path#left-first-2{
	transform:translateY(-120px);			
}
#right.focus #right-inside>path#right-second-front,
#right.clickfocus #right-inside>path#right-second-front{
	transform:translateY(-240px);		
}
#right.focus #right-inside> path#right-ground-1-3,
#right.clickfocus #right-inside> path#right-ground-1-3{
	transform:translate(120px,-90px);
}
#left.focus.expand .left-ground-4, #left.clickfocus .left-ground-4{
	transform: translate(-90px, 20px);
}

@media screen and (max-width: 768px) {
	html.no-js{
		margin-top:0!important;
	}
	body.admin-bar header#header{
		top:0;
	}
	#wpadminbar{
		display:none;
	}
	#logomobile{
		display:block;
	}
	#logodesk{
		display:none;
	}
	header#header{
		height:40px;
		font-size:12px;
	}
	#logo{
		background:white;
	}
	#logo a{
		padding:0 5px;
	}
	#logo img{
		height:14px;
		padding:13px 0px;		
	}
	.menu_arrow{
		display:block;
		position:absolute;
		right:0;
		top:0;
		background: white;
		height: 40px;
	    line-height: 40px;
    	padding: 0 10px;
	}
	#mainnav{
		overflow-x:scroll;
		position:relative;
		width:calc(100% - 40px)
	}
	#mainnav.hover{
		height:100vh;
	}
	#mainnav.hover.closesubnav{
		height:40px;
	}	
	#mainnav>ul{
		min-width:460px;;
	}
	#mainnav>ul>li>ul{
		top:40px;
	}
	#logo>a, #mainnav>ul>li>a{
		height:40px;
		line-height:40px;
	}
	#mainnav>ul>li>a{
		padding: 0 2px;
	}
	#content{
		top:66px;
		max-height:45vh;
		left:20px;
		max-width:calc(100% - 40px);
		width:calc(100% - 40px);
	}
	#content>.window{
		width:80vw;
		overflow:scroll;
	}
	#content h1.pagetitle{
		font-size:12px;
	}
	
	#content .window.reduce{
/*		padding-bottom:15px;*/
	}
	
	#content .window.reduce .text>p,
	#content .window.reduce .text>p .toomuch
	{
		display:none;
	}
	#content .window.reduce .text>p.forcedisplay,
	#content .window.reduce .text>p:first-child{
		display:block;
	}
	#content .window.reduce .text{
		/*height:41px!important;*/
	}
	#content .text,
	#content .window.reduce.extended .text{
		max-height:35vh!important;	
		height:auto!important;
	}
	#content .window.reduce a.extender{
		display:inline;
	}
	#content .window.reduce.extended a.extender{
		display:none;
	}
	#content .window.reduce.extended .text>p{
		display:block;
	}
	#content .window.reduce.extended .text>p .toomuch{
		display:inline;
	}
	
	#content .text p {
		line-indent:15px;
	}
	#content .window header{
		width:calc(80vw - 6px);
	}
	a.close{
		left: 5px;
		    top: 0px;
		    height: 15px;
		    width: 15px;
	}
	.window>.close{
		display:block;
		position:absolute;
		z-index:81;
		top:10px;
		left:5px;
	}
	#edmondplan{
/*		height:calc(100vh - 0px);*/
		height:100vw;
		top:20vh;
		overflow:visible;
	}
	#edmondplan>svg, #edmondplan .fixator{
		position:absolute;
		left:50%;
		top:50%;
		width:120%;
		padding:50%;
		height:auto;
		transform: translate(-50%,-50%) ;
	}
	#edmondplan>svg{
		height:auto;
		width:90vw;
/*		background:blue;*/
		padding:0;
	}
	#edmondplan .fixator{
/*		background:rgba(255,0,0,0.1);*/
	}
	#edmondplan.expand .fixator{
/*		display:none!important;*/
	}
	#edmondplan>svg path{
		stroke-width:1.5px;
	}
	#content .window.active.pos2{
		left:15px;
	}
	#content .window.active.pos3{
		left:30px;
	}
	#content .window.active.pos4{
		left:45px;
	}
	#content .window.active.pos2 .text{
		max-height:calc(35vh - 80px) !important;
	}
	
	#content .window.active.pos3 .text{
		max-height:calc(35vh - 120px) !important;
	}
	
	#content .window.active.pos4 .text{
		max-height:calc(35vh - 160px) !important;
	}
	#mainnav.closesubnav a{
		background:transparent!important;
	}
}