/* Start custom CSS *//* Sticky-bar logo: appears only once the nav bar sticks to the top (scroll-driven, no JS) */
@keyframes mi-nav-logo { from { max-width: 0; margin-right: 0; opacity: 0; } to { max-width: 120px; margin-right: 32px; opacity: 1; } }
@keyframes mi-nav-logo-stack { from { max-width: 120px; max-height: 0; margin-bottom: 0; opacity: 0; } to { max-width: 120px; max-height: 29px; margin-bottom: 10px; opacity: 1; } }
@keyframes mi-nav-offset { from { margin-bottom: 0; } to { margin-bottom: -39px; } }
@supports (animation-timeline: view()) {
  .elementor-81 { timeline-scope: --mi-hero; }
  .elementor-81 .elementor-element-692178e1 { view-timeline-name: --mi-hero; }
  /* 880px and wider: logo slides in to the left of the links */
  @media (min-width: 880px) {
    .elementor-81 img.nav-logo { animation: mi-nav-logo linear both; animation-timeline: --mi-hero; animation-range: exit calc(100% - 30px) exit 100%; }
  }
  /* 879px and narrower: logo drops in above the links */
  @media (max-width: 879px) {
    .elementor-81 .elementor-element-5f663b4 { flex-direction: column !important; align-items: flex-start !important; }
    .elementor-81 img.nav-logo { object-fit: contain; object-position: left center; animation: mi-nav-logo-stack linear both; animation-timeline: --mi-hero; animation-range: exit calc(100% - 30px) exit 100%; }
    /* keeps the page from jumping while the bar grows */
    .elementor-81 .elementor-element-36e75086 { animation: mi-nav-offset linear both; animation-timeline: --mi-hero; animation-range: exit calc(100% - 30px) exit 100%; }
  }
  @media (max-width: 767px) {
    .elementor-81 .elementor-element-5f663b4 { align-items: center !important; }
    .elementor-81 img.nav-logo { object-position: center; }
  }
}/* End custom CSS */