/* JUNCA HR V5 Final Override CSS */

:root {
  --junca-deep-navy: #041225;
  --junca-navy: #071A33;
  --junca-gold: #C7A552;
}

/* Hero image overrides */
.page-top .page-hero,
.top-page .page-hero,
body.home .page-hero {
  background-image: linear-gradient(rgba(4,18,37,.48), rgba(4,18,37,.62)), url("../images/webp/top_hero_v5.webp") !important;
}

.page-about .page-hero { background-image: linear-gradient(rgba(4,18,37,.48), rgba(4,18,37,.62)), url("../images/webp/about_v5.webp") !important; }
.page-philosophy .page-hero { background-image: linear-gradient(rgba(4,18,37,.48), rgba(4,18,37,.62)), url("../images/webp/philosophy_v5.webp") !important; }
.page-services .page-hero { background-image: linear-gradient(rgba(4,18,37,.48), rgba(4,18,37,.62)), url("../images/webp/services_v5.webp") !important; }
.page-global .page-hero { background-image: linear-gradient(rgba(4,18,37,.48), rgba(4,18,37,.62)), url("../images/webp/global_v5.webp") !important; }
.page-technology .page-hero { background-image: linear-gradient(rgba(4,18,37,.48), rgba(4,18,37,.62)), url("../images/webp/technology_v5.webp") !important; }
.page-company .page-hero { background-image: linear-gradient(rgba(4,18,37,.48), rgba(4,18,37,.62)), url("../images/webp/company_v5.webp") !important; }
.page-careers .page-hero { background-image: linear-gradient(rgba(4,18,37,.48), rgba(4,18,37,.62)), url("../images/webp/careers_v5.webp") !important; }
.page-contact .page-hero { background-image: linear-gradient(rgba(4,18,37,.48), rgba(4,18,37,.62)), url("../images/webp/contact_v5.webp") !important; }

.page-hero {
  background-size: cover !important;
  background-position: center !important;
  min-height: 760px;
}

section, .section {
  padding-top: calc(var(--section-padding, 100px) * 1.2);
  padding-bottom: calc(var(--section-padding, 100px) * 1.2);
}

h1, h2, h3 {
  line-height: 1.2;
  letter-spacing: .02em;
}

p, li {
  line-height: 1.8;
}

.card, .service-card, .value-card {
  padding: 64px;
}

.site-footer {
  background-image: linear-gradient(rgba(4,18,37,.82), rgba(4,18,37,.92)), url("../images/webp/footer_v5.webp") !important;
  background-size: cover;
  background-position: center;
}

.site-footer a {
  margin-bottom: 16px;
}

button, .button, .btn {
  transition: all .4s ease;
}

button:hover, .button:hover, .btn:hover {
  transform: translateY(-4px);
}