.diocese-navigation ul {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  display: flex;
  justify-content: space-evenly;
}

@media (max-width: 767px) {
  .diocese-navigation ul {
    margin: 30px 0;
    flex-direction: column;
    align-items: center;
  }
  
  .diocese-navigation ul li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    width: 100%;
    text-align: center;
  }
  
  .diocese-navigation ul li:last-child {
    border-bottom: none;
  }
}


.heading-container {
	overflow: visible;
}

ul.sf-menu .sf-with-ul {
  padding-right: 1.5em;
}

ul.sf-menu.menu li ul {
	background-color: #ffffff;
}

.sf-sub-indicator {
	display: none;
}

ul.sf-menu ul {
	display: block;
	padding: 15px !important;
}

ul.sf-menu ul li {
  display: block;
	padding: 0 10px 15px 10px !important;
	margin: 5px 0 !important;
	border-bottom: 1px solid #eee;
}

ul.sf-menu ul li:last-child {
	padding-bottom: 0 !important;
	border-bottom: none;
}

ul.sf-menu span {
	color: #3784c2;
}

ul.sf-menu ul li > a {
  padding: 0;
}

@media (max-width: 767px) {
	.sf-accordion-toggle {
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
	}
	
	.sf-accordion-toggle a {
	  display: block;
	  background: #0077b3;
	}
	
	.sf-accordion-toggle a::before {
  	content: "IN THIS SECTION »";
	  color: #fff;
	  font-size: 14px;
	  white-space: nowrap;
	  padding: 10px;
	  display: block;
	  letter-spacing: 0.5px;
	}
	
	.sf-accordion-toggle span {
	  display: none;
	}
	
	ul.sf-menu.sf-accordion.sf-expanded,
	ul.sf-menu.sf-accordion li.sf-expanded > ul {
		margin-top: 15px;
	}
	
	ul.sf-menu.sf-accordion li {
		text-align: center;
	  border-bottom: 1px solid #ddd;
	}
	
	ul.sf-menu.sf-accordion li:last-child {
		border-bottom: none;
	}
}