.site-breadcrumb {
  padding: 20px 0;
}

.site-breadcrumb--embedded {
  width: 100%;
  padding: 20px 0;
  margin-top: 48px;
  margin-bottom: 48px;
}

.site-breadcrumb__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.site-breadcrumb__back {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #81716a;
  text-decoration: none;
}

.site-breadcrumb__back:hover,
.site-breadcrumb__back:focus {
  color: #8b6903;
  text-decoration: none;
}

.site-breadcrumb__divider {
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

.site-breadcrumb__trail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 6px 0;
}

.site-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.site-breadcrumb__item a,
.site-breadcrumb__item span {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.site-breadcrumb__item a {
  color: #81716a;
}

.site-breadcrumb__item a:hover,
.site-breadcrumb__item a:focus {
  color: #8b6903;
  text-decoration: none;
}

.site-breadcrumb__item--current span {
  color: #333132;
}

.site-breadcrumb__icon {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.singlepa--container .singlepa--topbanner {
  padding-bottom: 0;
}

.practice-areas--container .pa-banner-section {
  margin-bottom: 0;
}

/* Wide (1600px+) */
@media screen and (min-width: 1600px) {
  .site-breadcrumb,
  .site-breadcrumb--embedded {
    padding: 20px 0;
  }
}

/* Laptop (992px - 1199px) */
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .site-breadcrumb,
  .site-breadcrumb--embedded {
    padding: 20px 0;
  }
}

/* Tablet (768px - 991px) */
@media screen and (max-width: 991px) and (min-width: 768px) {
  .site-breadcrumb,
  .site-breadcrumb--embedded {
    padding: 20px 0;
  }

  .site-breadcrumb--embedded {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

/* Phone (767px and below) */
@media screen and (max-width: 767px) {
  .site-breadcrumb,
  .site-breadcrumb--embedded {
    padding: 12px 0;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .site-breadcrumb__inner {
    gap: 0;
  }

  .site-breadcrumb__divider,
  .site-breadcrumb__trail {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .site-breadcrumb--embedded {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}