@charset "utf-8";
/* CSS Document */
.map-container {position: relative; height: 700px;}
.container {padding-bottom: 10px !important;}
.graybar {display: none;}
.columns.four img{display:none;}
#map { position:absolute; top:55px; bottom:0; width:100%; }
#tog {
	background: #faefdb;
	width: 100%;
	font-family: 'Pt Sans', sans-serif;
	display:flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
#tog > p {
  background: transparent url(../../../images/compass.png) no-repeat 10px 50%;
  padding: 10px 0px 10px 45px;
  font-size: 1.125rem;
  flex: 1 1 40%;
  margin:0;
}
#tog > p .instruct{
    font-style: italic;
}
#tog a {
	font-size: 1.125rem;
	color: #333;
	display: block;
	margin: 0;
	padding: 0;
	padding: 15px 10px 10px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	text-align: center;
	flex: 1 0 auto;
	margin: 0 1px;
}
#tog a:last-child {
	border: none;
}
#tog a.peaceColor {
	background-color: #eb8505;
    color: #fff;
}
#tog a.peaceColor:hover {
	background-color: #da7c05;
}
#tog a.healthColor {
	background-color: #c0421a;
    color: #fff;
}
#tog a.healthColor:hover {
	background-color: #b13d18;
}
#tog a.bothColor {
	background-color: #e73527;
    color: #fff;
}
#tog a.bothColor:hover {
	background-color: #e42819;
}
/*==========MAP STYLES OVERRIDES=============*/
.mapboxgl-ctrl-bottom-left {
    left: 180px;
}
@media(max-width:960px){
    #tog {flex-direction:column;}
    #map {top: 177px;}
}
@media(max-width:680px){
    .map-container {display: none;}
    .threeBox.flexslider .flex-control-nav {bottom: 10px;}
}