/*Individual Floorplans*/
p.heading{
	font-size:2.125rem;
	color: var(--dark-green);
	text-transform:uppercase;
	font-weight:900;
	margin:0;
	margin-left:9.2rem;
	margin-top:0.8rem;
	margin-bottom:-1rem;
}

#plan-container{
	height:520px;
	width:85%;
	margin:0 auto;
	display:flex;
	margin-top:1rem;
	margin-left:9rem;
	color:black;
}
#plan-container h1{
	text-transform:uppercase;
}

#floor-toggle{
	display:block;
	width:100%;
	margin-top:0;
	margin-bottom:1rem;
	text-align:center;
	font-size:50%;
}
#floor-toggle button{
	display:inline-block;
	float:left;
	width:40%;
	font-size:100%;
}
#floor-toggle button:first-of-type{
    margin-right:10%;
}

#floorplan{
	width:305px;
	border:2px solid var(--dark-green);
	background-color:white;
	margin-right:2rem;
	padding:3rem;
	height:100%;
	align-items: center;
  	justify-content: center;
}
#floorplan img{
	height:100%;
	width:100%;
}
.multi-floor{
	display:unset;
	padding-top:1.2rem !important;
}
.multi-floor img{
	height:95% !important;
}


#details{
	position:relative;
	/*top:-3.3rem;*/
	top:-2.3rem;
	flex:5;
	font-size:120%;
	height:50%;
	color:var(--dark-green);
}
#details h1{
	font-weight:normal;
	font-size:150%;
	margin-bottom:1.5rem;
	font-weight:bold;
}
#details h1 span{
	border-bottom:2px solid var(--dark-green);
}


/*Button Styles*/
.button{
	display:inline-block;
	margin:0;
	cursor:pointer;
	color:var(--dark-green);
	background-color:var(--green);
	border:2px solid var(--dark-green);
	text-transform:uppercase;
	text-align:center;
	padding:0.4rem;
}
.selected{
	background-color:var(--brown) !important;
}
.button:disabled{
	color:#537F66 !important;
	cursor:not-allowed;
}


/*Additional Info*/
#additional{
	color:black;
	position:relative;
	width:100%;
	height:94%;
	top:30%;

	/*display:grid;
	grid-template-columns:40% 40% 20%;
	grid-column-gap: 0px;
	grid-row-gap: 0px;*/
}
#additional img{
	float:left;
	/*height:100%;
	width:auto;*/
	width:52%;
	height:auto;
	margin-right:1rem;
	position:relative;
	top:0;
	background-color:white;
	border:2px solid var(--dark-green);
}

/*Floor selection buttons*/
#floor-select{
	float:left;
	position:relative;
	top:1%;
}
#floor-select .button{
	display:block;
	/*width:10%;
	font-size:40%;*/
}
#floor-select .button{
	margin-bottom:0.55rem;
	font-size:70%;
}
#floor-select .button:last-of-type{
	margin-bottom:0;
}

/*Additional Nav*/
#additional-nav{
	float:left;
	width:30%;
	height:100%;
	margin-left:1.2rem;
	margin-top:-0.4rem;
	display:flex;
	flex-direction: column;
	align-self:flex-end;
}
#additional-nav a{
	display:block;
	margin-top:auto;
	width:60%;
	font-size:60%;
	width:120%;
}

/*For the Unit Walkthrough and Unit Download, we want the details container to be white*/
.white{
	background-color:white;
	border:2px solid var(--dark-green);
	padding:1rem;
	height:100% !important;
	margin-top:2.3rem;
}

div.white video{
	height:350px;
	width:auto;
	display:block;
	margin:0 auto;
}
div.white h1{
	border-bottom:none !important;
	text-align:center;
	font-weight:900;
	margin-bottom:1rem;
}

div.white .button{
	position:relative;
	top:-2rem;
}