/* Pillar Navigation */

.pillar-nav ul {
  top:0;
  left:0;
  right:0;
  z-index:98;
  list-style-type:none;
  margin:0;
  background-color:white;
  padding:0;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-flow:wrap;
  box-shadow:0 0.25em 0.5em rgba(16,16,16,0.05);
}
.pillar-nav ul li {
  flex:1;
  text-align:center;
  padding:1em 0;
  margin: 0;
}

.pillar-nav ul li a {
  color:#1d1d1d;
  text-decoration:none;
  font-weight:300;
  font-size: 15px;
}


.pillar-nav ul li.hidden {
  display: none;
}

.pillar-nav ul li {
  width: 14.5%;
  padding: 1%;
  text-align: center;
}
.pillar-nav .progress-bar {
  width:100%;
  height:6px;
  position:absolute;
  bottom:0;
  left:0;
  background-color: #fbb040;
}

.pillar-nav .colorChange0 .progress-bar {
  background: #555;
}
.pillar-nav .colorChange0 a#nav-item-0 {
  color: #555;
}
.pillar-nav .colorChange1 .progress-bar {
  background: #b1bd2e;
/*  width: 25.75%; */
}
.pillar-nav a#nav-item-1:hover,
.pillar-nav .colorChange1 a#nav-item-1 {
  color: #b1bd2e;
}
.pillar-nav .colorChange2 .progress-bar {
  background: #8ac8c7;
/*  width: 42.25%; */
}
.pillar-nav a#nav-item-2:hover,
.pillar-nav .colorChange2 a#nav-item-2 {
  color: #8ac8c7;
}
.pillar-nav .colorChange3 .progress-bar {
  background: #bc2170;
/*  width: 58.75%; */
}
.pillar-nav a#nav-item-3:hover,
.pillar-nav .colorChange3 a#nav-item-3 {
  color: #bc2170;
}
.pillar-nav .colorChange4 .progress-bar {
  background: #fbb040;
/*  width: 75.25%; */
}
.pillar-nav a#nav-item-4:hover,
.pillar-nav .colorChange4 a#nav-item-4 {
  color: #fbb040;
}
.pillar-nav .colorChange5 .progress-bar {
  background: #487f7b;
/*  width: 91.75%; */
}
.pillar-nav a#nav-item-5:hover,
.pillar-nav .colorChange5 a#nav-item-5 {
  color: #487f7b;
}
.pillar-nav .colorChange6 .progress-bar {
  background: #f96c08;
/*  width: 91.75%; */
}
.pillar-nav a#nav-item-6:hover,
.pillar-nav .colorChange6 a#nav-item-6 {
  color: #f96c08;
}

/* New Pillar */

body.page-id-8586 #pillar-section0 {
background: #8e1d55 url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top !important;
background: url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top, linear-gradient(90deg, #8e1d55, #555555) !important;
}
body.page-id-8586 #pillar-section1 {
background: #a0aa38 url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top !important;
background: url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top, linear-gradient(90deg, #a0aa38, #6c714b) !important;
}
body.page-id-8586 #pillar-section2 {
background: #89c6c5 url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top !important;
background: url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top, linear-gradient(90deg, #89c6c5, #42716c) !important;
}
body.page-id-8586 #pillar-section3 {
background: #ba2170 url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top !important;
background: url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top, linear-gradient(90deg, #ba2170, #8e1d55) !important;
}
body.page-id-8586 #pillar-section4 {
background: #f9ae42 url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top !important;
background: url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top, linear-gradient(90deg, #f9ae42, #da8727) !important;
}
body.page-id-8586 #pillar-section5 {
background: #54928e url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top !important;
background: url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top, linear-gradient(90deg, #54928e, #385f5d) !important;
}
body.page-id-8586 #pillar-section6 {
background: #f16e24 url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top !important;
background: url(/wp-content/uploads/2019/05/BF_Pattern_25per_Hexagons1X.png?id=8786) repeat left top, linear-gradient(90deg, #f16e24, #cb5e28) !important;
}

.engagement-circle:before {
   content: url('/wp-content/themes/understrap-child/images/pillar/engagement-circle.jpg');
   position: absolute;
   left: -40px;
   margin-top: -5px;
	 transform: scale(.5);
}

.engagement-line {
	padding-top: 75px;
	padding-bottom: 75px;
}

.engagement-line:after {
	border-right: 1px solid #b2b2b2;
	content: '';
	right: 22px;
	position: relative;
}

.ch1-first {
	top: -30px;
}

.ch2-first {
	top: 0px;
}

.ch3-first {
	top: -8px;
}

.ch4-first {
	top: -45px;
}

.ch5-first {
	top: -10px;
}

.ch5-second {
	top: -10px;
}

.ch6-first {
	top: -60px;
}

/* Media Queries */

@media (max-width: 768px) {

	.nav-item {
		display: none;
		line-height: 55px;
		padding-left: 30px;
		padding-right: 20px;
	}

	.colorChange0 #nav-item-1,
	.colorChange1 #nav-item-1,
	.colorChange2 #nav-item-2,
	.colorChange3 #nav-item-3,
	.colorChange4 #nav-item-4,
	.colorChange5 #nav-item-5 {
		display: block;
	}

	.pillar-nav ul li {
		width: 100%;
		float:left;
		text-align: left;
		flex: none;
		padding:0;
	}
	.pillar-nav ul li a.active {
	}

	.engagement-circle:before,
	.engagement-line,
	.engagement-line:after {
		display: none;
	}

}