.home-icon {
  width: 20px;
  display: inline-block;
}

@media (max-width: 1184px) {
	.bread-text{
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	font-size: 11px;
	}
	.breadcrumb {	max-width:18%;}
	.btn-breadcrumb .btn:first-child {padding:6px 6px 2px 10px !important;}
}

@media (max-width: 769px) {
	.breadcrumb-grp { margin: 10px}
	.breadcrumb{margin-bottom: 10px !important; max-width:45%}
	.btn-group{ padding:0}

	/* conditional styling for 3 breadcrumbs*/
	.breadcrumb:first-child:nth-last-child(n + 4),
	.breadcrumb:first-child:nth-last-child(n + 4) ~ .breadcrumb {
	  max-width:30%;
	}

	/* conditional styling for 4 breadcrumbs*/
	.breadcrumb:first-child:nth-last-child(n + 5),
	.breadcrumb:first-child:nth-last-child(n + 5) ~ .breadcrumb {
	  max-width:22%;
	}

	/* conditional styling for 5 breadcrumbs*/
	.breadcrumb:first-child:nth-last-child(n + 6),
	.breadcrumb:first-child:nth-last-child(n + 6) ~ .breadcrumb {
	  max-width:18%;
	}

	 /* conditional styling for 6 breadcrumbs*/
	.breadcrumb:first-child:nth-last-child(n + 7),
	.breadcrumb:first-child:nth-last-child(n + 7) ~ .breadcrumb {
	  max-width:15%;
	}

}

.btn-group{margin-top:30px;margin-left:0px !important; padding-left: 0}
.breadcrumb-grp {padding: 0; padding-bottom: 18px;}

.breadcrumb, .breadcrumb a{
	font-family: "Open Sans",sans-serif;
	font-size: 14px !important;
    line-height: 1.4 !important;
    text-transform: none;
    color: #ffffff !important;
}

.btn-breadcrumb{
	width: 100%;
	display: block !important;
	border-radius: 4px;
    	max-width: 1100px; /*aligns with post content*/
 	margin-left: auto;
        margin-right: auto;
	text-decoration:none;
}

.btn-breadcrumb .btn{
	border-color: transparent; border: 0px solid transparent;
	border-right: 1px solid transparent !important; 
}
.btn-primary,.breadcrumb-primary{ background-color: #098276 !important;}
.btn-primary:hover{background-color: #492e51 !important;}

.btn-breadcrumb .btn:last-child {font-weight: bold; text-decoration: underline; background-color:#492e51 !important;}
.btn-breadcrumb .btn:last-child:after{margin-left: -2px; display:none;}
.btn-breadcrumb .btn:last-child:before{display:none;}
.btn-breadcrumb .btn:last-child:before{margin-left: -1px;}


.btn-breadcrumb .btn:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: -1px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:after {    border-left: 10px solid #098276;}
.btn-breadcrumb .btn.btn-primary:hover:after {border-left: 10px solid #492e51 ;}
.btn-breadcrumb .btn.btn-primary:hover:before, .btn-breadcrumb .btn.btn-primary:before {border-left: 10px solid #492e51 ;}
.breadcrumb-primary{ border: solid 1px transparent !important; }
.btn-primary{ border: none !important; }
.btn-primary:hover{ border: none !important; }
