.all-categories, .related-posts {
    display: inline-block;
    width: 10%;
    vertical-align: top;
    padding-top:70px;
    position:relative;
    padding-left: 48px;
    padding-right:20px;
    border-right:1px solid;
    height:100%;
    transition: all 1s;
}

.all-categories.active, .related-posts.active{
    width:80%;
    padding-left: 20px;
}

.post-template-default .all-categories.active, .post-template-default .related-posts.active{
	width: 76%;
}
.nec-blade-toggle{
    color: #f4f0eb;
    position:absolute;
    top:20px;
    right:20px;
	font-family: 'Catamaran',Helvetica,Arial,Lucida,sans-serif;
    font-size:30px;
    height:30px;
    width:30px;
    text-align:center;
    line-height:30px;
    border-radius:100%;
}

.all-categories div, .related-posts div{
    font-size:20px;
    padding-bottom:30px;
    opacity:0;
}
.all-categories.active div, .related-posts.active div{
    opacity:1;
}

.policy-area-menu {
    transition: width 1s;
}

.category-how-we-own-our-workplaces .related-posts.nec-blades, .how-we-own-our-workplaces .related-posts.nec-blades  {
    background-color: #37a85a;
  }

.category-how-we-build-our-neighborhoods .related-posts.nec-blades, .how-we-build-our-neighborhoods .related-posts.nec-blades {
    background-color: #e2495b;
  }

.category-how-we-finance-our-future .related-posts.nec-blades, .how-we-finance-our-future .related-posts.nec-blades {
    background-color: #f2692b;
  }

.category-how-we-restore-our-planet .related-posts.nec-blades, .how-we-restore-our-planet .related-posts.nec-blades {
    background-color: #2992d0;
  }

.policy-area-menu.small {
    width: 20% !important;
}

.related-post a {
    color: white;
}

.related-posts .related-post a {
	font-size: 17px;	
}

@media(max-width:1350px){

.policy-area-template .policy-area-menu {
	width: 30% !important;
}

.policy-area-menu.small {
    width: 20% !important;
}

}

@media(max-width:1185px){

.policy-area-template .policy-area-menu {
	width: 40% !important;
}

.policy-area-menu.small {
    width: 20% !important;
}

}

@media(max-width:980px){
	.policy-area-template .policy-area-menu {
    width: 100% !important;
}

	.nec-blades {
		position: absolute;
		z-index: 2000;
		height: 50px;
		padding: 0;
		width: 50px;
		transition: all 0.2s;
	}

	.et_pb_post_content {
		margin-top: 40px;
	}

	.policy-area-menu.small {
		width: 100%;
	}

	.policy-area-menu.small .et_pb_code_inner {
		width: inherit;
	}

	.policy-area-menu .et_pb_code_inner {
		width: 100%;
	}

	.all-categories.nec-blades.active, .related-posts.nec-blades.active {
		width: 100%;
		height: 100vh !important;
	}

	.policy-are-menu {
		z-index: 200000000;
		position: relative;
	}

	.all-categories.nec-blades {
		left: 0;
	}


	.all-categories.nec-blades.active,
	.related-posts.nec-blades.active {
		height:100%;
		padding-top: 70px;
	}

	span.nec-blade-toggle {
		top: 10px;
		right: 10px;
		z-index: 20000;
	}

	.related-posts.nec-blades.not-active {
		left: 0px;
		top: 50px;
	}
	.related-posts.nec-blades.active {
		left: 0px;
		top: 0px;
		z-index: 9999;
	}

	.related-posts.nec-blades {
		left: 0px;
		top: 50px;
		z-index: 0;
		margin-left: 0px;
	}

	.policy-area-template .policy-area-menu {
		width: 100%;
	}
}