@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../../fonts/fa-solid-900.woff2") format("woff2"),
    url("../../fonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../fonts/fa-regular-400.woff2") format("woff2"),
    url("../../fonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../fonts/fa-brands-400.woff2") format("woff2"),
    url("../../fonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
  font-family: "bootstrap-icons";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../fonts/bootstrap-icons.woff2") format("woff2"),
    url("../../fonts/bootstrap-icons.woff") format("woff");
}

@font-face {
  font-family: "feather";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../fonts/feather.woff") format("woff"),
    url("../../fonts/feather.ttf") format("truetype");
}

.skip-link {
  position: absolute;
  top: -48px;
  left: 16px;
  z-index: 10000;
  padding: 10px 16px;
  border-radius: 999px;
  background: #0d6efd;
  color: #fff;
  text-decoration: none;
}

.skip-link:focus {
  top: 16px;
}

:focus-visible {
  outline: 3px solid #0d6efd;
  outline-offset: 3px;
}

main {
  display: block;
}

.lehigh-logo {
  width: min(260px, 42vw);
  height: auto;
  max-height: none !important;
}

.navbar .nav-link,
.header-button .btn,
.scroll-top,
.section-link > div,
.dropdown-toggle,
.navbar-toggler {
  min-height: 44px;
}

.navbar .nav-link,
.header-button .btn,
.dropdown-toggle {
  display: inline-flex;
  align-items: center;
}

.navbar .nav-link,
footer a,
.scroll-top {
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}

.navbar-toggler {
  min-width: 44px;
  min-height: 44px;
}

.dropdown-toggle {
  min-width: 44px;
  justify-content: center;
}

.page-title-big-typography .text-primary,
.hero-home-slider .text-primary {
  color: #ffffff !important;
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.45);
}

.page-title-big-typography .nav-link,
.hero-home-slider .nav-link,
.page-title-big-typography .widget-text a,
.hero-home-slider .widget-text a {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.light-page [data-anime] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

.hero-home-slide {
  background-image: none !important;
}

.hero-home-slider,
.hero-home-slider .swiper-wrapper,
.hero-home-slider .swiper-slide {
  height: clamp(520px, 76vh, 760px) !important;
}

.hero-home-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 72%;
}

.hero-home-image-secondary {
  object-position: center center;
}

.logo-rail .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
  align-items: center;
}

.logo-rail .swiper-slide {
  width: auto !important;
  height: auto !important;
}

.logo-rail .logo-item {
  width: auto !important;
  height: auto !important;
}

.navbar-collapse.show {
  display: block !important;
}

.navbar .dropdown-menu.show {
  display: block;
}

.client-logo-frame {
  display: block;
}

.interactive-card {
  transition: transform 0.25s ease;
  will-change: transform;
}

.interactive-card:hover,
.interactive-card:focus-within {
  transform: translateY(-8px);
}

footer a,
footer .text-white-50,
.scroll-progress a,
.navbar .nav-link,
.btn {
  transition: none !important;
}

.footer-dark .text-white-50,
.footer-dark a.text-white-50,
.footer-dark p.text-white-50,
.bg-base-color .text-white.opacity-5,
.bg-base-color .text-white.opacity-6,
.bg-base-color a.text-white.opacity-5,
.bg-base-color a.text-white.opacity-6,
.section-dark .text-white.opacity-5,
.section-dark .text-white.opacity-6 {
  color: rgba(255, 255, 255, 0.94) !important;
  opacity: 1 !important;
}

footer a:hover,
footer a:focus-visible {
  color: #ffffff !important;
}

.footer-dark .text-decoration-line-bottom,
.bg-base-color .text-decoration-line-bottom {
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
}

.client-logo {
  aspect-ratio: 4 / 3;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.about-deferred-section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 960px;
}

.footer-logo img {
  width: 180px;
  height: auto;
}

@media (max-width: 991px) {
  .lehigh-logo {
    width: 220px;
  }
}

@media (max-width: 767px) {
  .lehigh-logo {
    width: 180px;
  }

  .hero-home-slider,
  .hero-home-slider .swiper-wrapper,
  .hero-home-slider .swiper-slide {
    height: 500px !important;
  }
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}