/* Standard WordPress article layout for Posts in the expertise category. */
.bvp-expertise-single,
.bvp-expertise-single *,
.bvp-expertise-single *::before,
.bvp-expertise-single *::after {
  box-sizing: border-box;
}

.bvp-expertise-single {
  background: #fff;
  color: #202020;
}

.bvp-article-hero {
  position: relative;
  display: grid;
  min-height: clamp(460px, 35vw, 650px);
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  padding: 150px 28px 80px;
  background: #171918;
}

.bvp-article-hero__image,
.bvp-article-hero__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.bvp-article-hero__image {
  z-index: -2;
  display: block;
  object-fit: cover;
  object-position: center;
}

.bvp-article-hero__shade {
  z-index: -1;
  background: linear-gradient(180deg, rgba(8, 11, 10, 0.58), rgba(8, 11, 10, 0.68));
}

.bvp-article-hero h1 {
  width: min(1180px, 100%);
  margin: 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4vw, 68px);
  font-weight: 700;
  line-height: 1.05;
  overflow-wrap: anywhere;
  text-align: center;
  text-transform: uppercase;
}

.bvp-article-content {
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(56px, 6vw, 94px) 0 clamp(72px, 8vw, 130px);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(16px, 1.05vw, 19px);
  line-height: 1.65;
}

.bvp-article-content > :first-child {
  margin-top: 0;
}

.bvp-article-content > :last-child {
  margin-bottom: 0;
}

.bvp-article-content h2,
.bvp-article-content h3,
.bvp-article-content h4 {
  margin: 1.65em 0 0.55em;
  color: #161616;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.15;
}

.bvp-article-content h2 {
  font-size: clamp(27px, 2.15vw, 38px);
}

.bvp-article-content h3 {
  font-size: clamp(22px, 1.65vw, 30px);
}

.bvp-article-content p,
.bvp-article-content ul,
.bvp-article-content ol,
.bvp-article-content blockquote,
.bvp-article-content figure,
.bvp-article-content table {
  margin: 0 0 1.25em;
}

.bvp-article-content ul,
.bvp-article-content ol {
  padding-left: 1.4em;
}

.bvp-article-content img {
  max-width: 100%;
  height: auto;
}

.bvp-article-content a {
  color: #0b4a2c;
  text-underline-offset: 3px;
}

.bvp-article-content blockquote {
  border-left: 4px solid #0b3821;
  padding: 8px 0 8px 24px;
  color: #4f4f4f;
}

.bvp-article-content table {
  width: 100%;
  border-collapse: collapse;
}

.bvp-article-content th,
.bvp-article-content td {
  border: 1px solid #d6d6d6;
  padding: 10px 12px;
  text-align: left;
}

@media (max-width: 620px) {
  .bvp-article-hero {
    min-height: 470px;
    padding: 130px 18px 64px;
  }

  .bvp-article-hero h1 {
    font-size: clamp(30px, 9vw, 46px);
  }

  .bvp-article-content {
    width: calc(100% - 36px);
    padding: 48px 0 72px;
    font-size: 16px;
  }
}
