#story-map-container {
	width: 100%;
	background: #cceefa;
	position: relative;	
    box-sizing: border-box;
	overflow: hidden;
}
#story-map-container * {
    box-sizing: border-box;
}

#story-map-pane {
	width: 350px;
	position: absolute;
	z-index: 99;
	background: #cceefa;
	height: 600px;
}
#story-map-pane.hidenav {
	left: -314px;
}

#story-map-controls {
	width: 90%;
	float: left;
	color: #1d1760;
	padding: 10px 2% 10px 5%;
	overflow: auto;
	height: 600px;
}
#story-map-controls h2 {
	cursor: pointer;
}
#story-map-controls.hidenav {
	display: none;
}

#story-map-controls-categories {
	margin: 0;
	padding: 0;
	list-style: none;
}

.story-map-controls-categories-item {
    margin: 0 0 10px;
    padding: 0;
    cursor: pointer;
}
.story-map-controls-categories-item img {
    width: 32px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

#story-map-controls-factscontent img {
	max-width: 80%;
    margin: 10% 10% 0 10%;
}

#story-map-panetoggle {
	width: 10%;
	float: left;
	color: #1d1760;
	padding: 200px 0 0 0;
	height: 600px;
	cursor: pointer;
}
#story-map-panetoggle p {
	transform-origin: 0px 27px;
	transform: rotate(90deg);
	margin: 0;
	position: absolute;
	width: 200px;
}

#story-map-canvas {
	width: 100%;
	height: 600px;
}

.info-window-title {
    padding: 0;
	color: #00a2e3;
}
.info-window-body {
    border-bottom: solid 10px #00a2e3;
    padding-bottom: 10px;
	min-width: 400px;
}

.model-homes .info-window-title {
    background: #43632e;
    color: white;
}
.model-homes .info-window-body {
    border-bottom-color: #43632e;
}

.local-attractions .info-window-title {
    background: #fec465;
    color: white;
}
.local-attractions .info-window-body {
    border-bottom-color: #fec465;
}

.local-lodging .info-window-title {
    background: #2fbced;
    color: white;
}
.local-lodging .info-window-body {
    border-bottom-color: #2fbced;
}

.schools .info-window-title {
    background: #1991c1;
    color: white;
}
.schools .info-window-body {
    border-bottom-color: #1991c1;
}

.regional-attractions .info-window-title {
    background: #ef402d;
    color: white;
}
.regional-attractions .info-window-body {
    border-bottom-color: #ef402d;
}

.airports .info-window-title {
    background: #b6b7d1;
    color: white;
}
.airports .info-window-body {
    border-bottom-color: #b6b7d1;
}

.info-window-body img {
	width: 150px;
}

/***** RESPONSIVE *****/

/* ----------- 640px ----------- */
@media screen and (max-width: 640px) {

	#story-map-pane {
		width: 100%;
		position: relative;
		height: 300px;
	}
	
	#story-map-controls {
		width: 100%;
		padding: 10px 5% 10px 5%;
		height: 300px;
	}
	
	#story-map-panetoggle {
		display: none;
	}
	
	#story-map-controls-factscontent img {
		max-width: 40%;
		float: left;
		margin: 0 5% 5px 0;
	}
	
}