/* teamfile.html */

/* hero: background and package image follow www.teamfile.com */
.teamfile-hero { background: #0b0d12 url(../../images/products/teamfile-hero.jpg) center 40% / cover no-repeat; }
.teamfile-hero .tf-hero-lead { max-width: 620px; font-size: clamp(14px, 1.5vw, 17px); }
.teamfile-hero .tf-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.teamfile-hero .btn { margin: 0; text-transform: none; }
.teamfile-hero .tf-hero-pkg { flex: none; width: clamp(220px, 26vw, 400px); height: auto; filter: drop-shadow(0 30px 50px rgba(0, 0, 0, .45)); }

/* table of contents: Polo page-menu kept in view while reading */
/* the site header stays fixed at 72px, so the menu sits just under it */
.teamfile-page section[id] { scroll-margin-top: 136px; }
.teamfile-page .page-menu { position: sticky; top: 72px; z-index: 30; }
.teamfile-page .page-menu .dropdown-menu { display: none; z-index: 20; }
.teamfile-page .page-menu li.dropdown > a { cursor: pointer; }
.teamfile-page .page-menu li.dropdown:hover > .dropdown-menu,
.teamfile-page .page-menu li.dropdown:focus-within > .dropdown-menu { display: block; }

.teamfile-page .table-compare { min-width: 720px; }
.teamfile-page .table-compare th { white-space: normal; }
.teamfile-page .call-to-action .btn { text-transform: none; }
/* same treatment as the www.teamfile.com footer: white on the dark background */
.teamfile-page .tf-footer-logo { width: auto; height: 36px; filter: brightness(0) invert(1); }

@media (max-width: 991.98px) {
  .teamfile-hero .uo-hero-grid { flex-direction: column; align-items: flex-start; gap: 32px; padding: 48px 0; }
  .teamfile-hero .tf-hero-pkg { width: 180px; align-self: center; }
  /* phones and tablets: one panel listing every section, no nested taps */
  .teamfile-page .page-menu .menu-title { display: block; float: left; font-size: 13px; font-weight: 500; line-height: 50px; color: #3c4043; }
  .teamfile-page .page-menu nav { width: min(320px, calc(100vw - 32px)); max-height: calc(100vh - 140px); overflow-y: auto; }
  .teamfile-page .page-menu nav > ul > li.dropdown:before { display: none; }
  .teamfile-page .page-menu nav > ul > li.dropdown > a { font-weight: 700; cursor: default; }
  .teamfile-page .page-menu nav > ul > li .dropdown-menu { display: block; position: static; width: 100%; min-width: 0; margin: 0 0 8px; padding: 0 0 0 8px; border: 0 !important; box-shadow: none; }
  .teamfile-page .page-menu nav > ul > li .dropdown-menu > li a { white-space: normal; padding: 6px 10px; }
}

/* phones: the site header scrolls away (amalance.css), so the menu goes to the very top */
@media (max-width: 767px) {
  .teamfile-page section[id] { scroll-margin-top: 64px; }
  .teamfile-page .page-menu { top: 0; }
  .teamfile-page .page-menu nav { max-height: calc(100vh - 64px); }
}