/* @override 
	https://zebrapeopledev.wpengine.com/wp-content/themes/zebrapeople/style_s__title__consultants.css?*
	https://zebrapeopledev.wpengine.com/wp-content/themes/zebrapeople/css/style_s__title__consultants.css?* */

	
	
	
/* ===================
   TITLE - CONSULTANTS
   =================== */	
   
.m__title__consultants {
	background: var(--color-charcoal);
	text-align: left;
	color: #fff; }
	
.m__title__consultants .mc {
 	position: relative;
	z-index: 5;
 	padding: 0 3rem; } 
 		
.consultants__title__bar	 {
	margin-top: 8.5rem; }

.consultants__title__bar	 .h4,
.consultants__title__bar	 p {
	margin-bottom: 0; }
	
.consultants__title__bar__heading { 
	margin-bottom: .6rem; }

.consultants__title__bar__groups	 {
	display: flex;
	width: 100%;
	
	margin-bottom: 3.7rem;
	justify-content: space-between; }

.consultants__title__bar__groups	 .heading {
	margin-bottom: 3.4rem; }
	
.consultants__title__bar__groups__consultants {
	flex: 1 1 auto;
	position: relative;
	z-index: 9; /* So drop down floats above back office options */
	padding-right: 6rem; }

.consultants__title__bar__groups__support {	
	flex: 1 1 auto;
	width: 50%; }
	

@media all and (max-width: 1100px) {
	
	.consultants__title__bar__groups	 {
		flex-wrap: wrap; }
		
	.consultants__title__bar__groups__consultants,
	.consultants__title__bar__groups__support {
		width: 100%; 
		padding-right: 0; }
		
	.consultants__title__bar__groups__consultants {
		margin-bottom: 3rem; }
}	


@media all and (max-width: 900px) {
	
	.consultants__title__bar__heading,
	.m__title__consultants .heading {
		text-align: center; }
		
	.m__title__consultants .filter__chooser {
		margin-left: auto;
		margin-right: auto;
		width: 30rem; }
	
	.m__title__consultants .filter__chooser li {
		display: block; }
		
}	

@media all and (max-width: 768px) {
	
	.consultants__title__bar__groups .heading {
		margin-bottom: 2rem; }

}

@media all and (max-width: 500px) {

	.m__title__consultants .filter__chooser {
		width: 100%; }
	 
}	





/*@media all and (max-width: 600px) {
	
	.consultants__title__bar__groups__consultants {
		flex: 1 1 auto;
		padding-right: 6rem; }

	.consultants__title__bar__groups__support {	
		flex: 1 1 auto;
		width: 50%; }
}*/
