/** Used only on breadcrumb navigation for pages with custom CSS
 *  where breadcrumb is not rendered properly.
 */
 
.page-title {
  color:rgb(51, 51, 51);
  background-color:rgb(242, 242, 242);
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-size: 14px;
  line-height: 20px;
  padding: 20px 0;
  text-size-adjust: 100%;
}

.page-title .main-title {
  font-size:36px;
  font-weight:500;

  text-size-adjust: 100%;
  margin: 0.67em 0px 0;
  line-height: 1.1;
  color: inherit;
  margin-top: 10px;
}

@media (max-width: 769px) {
  .page-title .main-title {
    font-size: 26px;
  }
}

.breadcrumb-navigation {
  color:rgb(51, 51, 51);
  background-color:white;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;

  text-size-adjust: 100%;
  font-size: 14px;
  line-height: 1.42857;
}

.breadcrumb-navigation-black {
  color: white;
  background-color: black;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 5px 0;

  text-size-adjust: 100%;
  font-size: 14px;
  line-height: 1.42857;
}

.breadcrumb-navigation-black a,
.breadcrumb-navigation-black .active,
.breadcrumb-navigation-black li + li:before {
  color: white;
}

.breadcrumb-navigation-black .breadcrumb {
  margin-bottom: 0;
}

@media (max-width: 769px) {
  .breadcrumb-navigation-black .breadcrumb {
    text-align: left;
  }
}