:root {
  --brand-primary: #859900;
  --bs-primary: #859900;
  --bs-primary-rgb: 133, 153, 0;
  --dark-bg: #212529;
}

body {
  font-family: "Open Sans", sans-serif;
}

#title-block-header,
.quarto-title-block {
  display: none !important;
}

@media print {
  #title-block-header,
  .quarto-title-block {
    display: none !important;
  }
}

main.content {
  max-width: none;
  margin: 0;
  padding: 0;
}

#quarto-document-content.column-page {
  max-width: 100% !important;
  width: 100%;
  padding: 0;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.site-logo-bar .container-fluid,
.hero .container-fluid,
#about > .container-fluid,
#services > .container-fluid,
#contact > .container-fluid {
  padding-left: clamp(1rem, 4vw, 3rem);
  padding-right: clamp(1rem, 4vw, 3rem);
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand,
.nav-link,
.btn {
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.02em;
}

.hero {
  min-height: 78vh;
  background:
    linear-gradient(rgba(33, 37, 41, 0.78), rgba(33, 37, 41, 0.78)),
    url("https://images.unsplash.com/photo-1545047310-cc26be66e896?q=80&w=1736&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")
      center / cover no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
}

.hero-logo {
  width: min(560px, 90%);
  height: auto;
  margin: 0 auto 1.25rem;
  display: block;
}

.site-logo-bar {
  background-color: #ffffff;
  padding: 1rem 0;
}

.site-logo-bar .hero-logo {
  width: min(440px, 88%);
  margin: 0;
}

.divider {
  width: 4rem;
  height: 0.2rem;
  margin: 1.25rem auto;
  border-radius: 999px;
  background-color: var(--brand-primary);
}

.section-pad {
  padding: 5rem 0;
}

.bg-brand {
  background-color: var(--brand-primary);
}

.bg-dark-custom {
  background-color: var(--dark-bg);
}

.service-icon {
  font-size: 2.5rem;
  color: var(--brand-primary);
}

.btn-pill {
  border-radius: 999px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 0.85rem 1.35rem;
}

.text-soft {
  color: rgba(255, 255, 255, 0.85);
}
