Styling background of breadcrumb bar

Hello Kriesi,

I’m styling a new Enfold site and encounter a problem with a gradient background for the breadcrumb bar. It is grey instead of the orange gradient I specified. I cannot find the right class to target.

#top .title_container .container, stretch_full container_wrap alternate_color dark_bg_color title_container {
  background: -webkit-linear-gradient(#e55c00, #ff7c24);
  background: -o-linear-gradient(#e55c00, #ff7c24);
  background: -moz-linear-gradient(#e55c00, #ff7c24);
  background: linear-gradient(#e55c00, #ff7c24);
}

.alternate_color .breadcrumb, .alternate_color .breadcrumb a, #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a {color: #FFFFFF !important}

@media only screen and (max-width: 767px) {
.responsive #top #main .container_wrap:first-child {
  background: -webkit-linear-gradient(#e55c00, #ff7c24);
  background: -o-linear-gradient(#e55c00, #ff7c24);
  background: -moz-linear-gradient(#e55c00, #ff7c24);
  background: linear-gradient(#e55c00, #ff7c24);
}}

.page-thumb img {
  display: none;}

.logo, .logo a {
  overflow: visible !important;
  height: 110%;}

Above my custom section where I target the breadcrumb area. For the main content it is fine, only outside the main content it stays grey. Any idea’s?