/* Desktop layout fix for the strips that pair a video with copy:
   About Us (Who We Are) and the Assurance, Tax and Advisory service pages.
   Loaded after the captured styles.  The captured rules size the video and the
   copy in fixed pixels around a 980px design, so they use !important here.

   Result: the video fills its column, sits level with the copy, and keeps the
   same gap to the copy at every desktop width (no overlap on small laptops,
   no wide gap on large monitors). */
@media (min-width: 981px) {
  .wixui-column-strip__column:has(.wixui-video-box) > [data-testid=inline-content] > [data-testid=mesh-container-content] {
    min-height: auto !important;
  }
  .wixui-column-strip__column:has(.wixui-video-box) > [data-testid=inline-content] > [data-testid=mesh-container-content] > .wixui-video-box {
    left: 0 !important;
    width: calc(100% - 64px) !important;
    max-width: 720px;
    height: auto !important;
    aspect-ratio: 5 / 4;
    margin: 40px 32px !important;
    justify-self: end !important;
    align-self: center !important;
  }
  /* About Us has the longest copy, so its video runs square to match it. */
  #comp-mi8i45r1 .wixui-column-strip__column > [data-testid=inline-content] > [data-testid=mesh-container-content] > .wixui-video-box {
    aspect-ratio: 1 / 1;
  }
  .wixui-column-strip__column .wixui-video-box > [data-testid=inline-content] {
    width: 100% !important;
    height: 100% !important;
  }
  .wixui-column-strip__column .wixui-video-box > [data-testid=inline-content] > [data-testid=mesh-container-content] {
    height: 100% !important;
    grid-template-rows: 1fr !important;
  }
  /* Play icon centered, mute button in the bottom right corner. */
  .wixui-column-strip__column .wixui-video-box [data-testid=mesh-container-content] > :not([data-testid=vb-audio]) {
    grid-area: 1 / 1 / 2 / 2 !important;
    left: 0 !important;
    margin: 0 !important;
    justify-self: center !important;
    align-self: center !important;
  }
  .wixui-column-strip__column .wixui-video-box [data-testid=mesh-container-content] > [data-testid=vb-audio] {
    grid-area: 1 / 1 / 2 / 2 !important;
    left: 0 !important;
    margin: 0 14px 14px 0 !important;
    justify-self: end !important;
    align-self: end !important;
  }
  /* Copy column: starts a fixed distance from the video and fills its column. */
  .wixui-column-strip:has(.wixui-video-box) .wixui-column-strip__column:not(:has(.wixui-video-box)) > [data-testid=inline-content] > [data-testid=mesh-container-content] > .wixui-rich-text {
    left: 0 !important;
    margin-left: 32px !important;
    margin-right: 32px !important;
    width: min(760px, calc(100% - 64px)) !important;
    justify-self: start !important;
  }
  /* The call to action button stays centered under the copy. */
  .wixui-column-strip:has(.wixui-video-box) .wixui-column-strip__column:not(:has(.wixui-video-box)) > [data-testid=inline-content] > [data-testid=mesh-container-content] > :not(.wixui-rich-text) {
    left: 0 !important;
    margin-left: calc(32px + (min(760px, 100% - 64px) - 240px) / 2) !important;
    justify-self: start !important;
  }
}

/* Services submenu: warm linen panel with a Burnt Orange top edge, soft navy
   shadow, hairline dividers and an orange hover bar.  Replaces the flat white box. */
@media (min-width: 981px) {
  nav[aria-label="Site"] [data-testid=positionBox] > [class*=animationBox] {
    background: #faf7f0 !important;
    border: 1px solid rgba(44, 46, 53, 0.10) !important;
    border-top: 3px solid #bf5700 !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 18px 36px rgba(0, 29, 75, 0.18), 0 2px 6px rgba(0, 29, 75, 0.08) !important;
    padding: 6px 0 !important;
    min-width: 300px;
  }
  nav[aria-label="Site"] [data-testid=menuItemDepth1] + [data-testid=menuItemDepth1] {
    border-top: 1px solid rgba(44, 46, 53, 0.08);
  }
  nav[aria-label="Site"] [data-testid=menuItemDepth1] a {
    display: block;
    padding: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
    box-shadow: inset 3px 0 0 transparent;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
  }
  nav[aria-label="Site"] [data-testid=menuItemDepth1] a > div {
    padding: 13px 26px !important;
  }
  nav[aria-label="Site"] [data-testid=menuItemDepth1] a span {
    color: #2c2e35 !important;
    font-family: inter, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap;
    transition: color 0.15s ease;
  }
  nav[aria-label="Site"] [data-testid=menuItemDepth1] a:hover,
  nav[aria-label="Site"] [data-testid=menuItemDepth1] a:focus-visible {
    background: rgba(191, 87, 0, 0.09) !important;
    box-shadow: inset 3px 0 0 #bf5700;
    outline: none;
  }
  nav[aria-label="Site"] [data-testid=menuItemDepth1] a:hover span,
  nav[aria-label="Site"] [data-testid=menuItemDepth1] a:focus-visible span {
    color: #bf5700 !important;
  }
  nav[aria-label="Site"] [data-testid=menuItemDepth1][data-is-current=true] a span {
    color: #bf5700 !important;
    font-weight: 600 !important;
  }
}

/* Team: the two columns sit close together around the center line, and each bio
   is centered under the photo above it (every item in a column is 458px wide). */
@media (min-width: 981px) {
  #comp-mhhl4c4e1 [data-testid=columns] > div > [data-testid=inline-content] > [data-testid=mesh-container-content] > *,
  #comp-mhhl4c5h [data-testid=columns] > div > [data-testid=inline-content] > [data-testid=mesh-container-content] > * {
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 458px !important;
  }
  #comp-mhhl4c4e1 [data-testid=columns] > div:first-child > [data-testid=inline-content] > [data-testid=mesh-container-content] > *,
  #comp-mhhl4c5h [data-testid=columns] > div:first-child > [data-testid=inline-content] > [data-testid=mesh-container-content] > * {
    justify-self: end !important;
    margin-right: 40px !important;
  }
  #comp-mhhl4c4e1 [data-testid=columns] > div:last-child > [data-testid=inline-content] > [data-testid=mesh-container-content] > *,
  #comp-mhhl4c5h [data-testid=columns] > div:last-child > [data-testid=inline-content] > [data-testid=mesh-container-content] > * {
    justify-self: start !important;
    margin-left: 40px !important;
  }
}

/* Home page About Us: the photo fills its half edge to edge and the copy is larger. */
@media (min-width: 981px) {
  #comp-mh7ha7631 [data-testid=columns] { margin: 0 !important; width: 100% !important; }
  #comp-mh7ha7631 .wixui-column-strip__column { flex: 1 1 0% !important; width: auto !important; margin: 0 !important; }
  #comp-mh7ha76n1 > [data-testid=inline-content] > [data-testid=mesh-container-content] {
    min-height: 680px !important;
    height: 100% !important;
    grid-template-rows: 1fr !important;
  }
  #comp-mh7ha76n1 [data-testid=mesh-container-content] > #comp-mks5xsf6 {
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    justify-self: stretch !important;
    align-self: stretch !important;
  }
  #comp-mks5xsf6 > *, #comp-mks5xsf6 wow-image, #comp-mks5xsf6 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }
  #comp-mh7ha7655 > [data-testid=inline-content] > [data-testid=mesh-container-content] {
    min-height: 680px !important;
    height: 100% !important;
    align-content: center !important;
    grid-template-rows: repeat(3, min-content) !important;
  }
  #comp-mh7ha7655 [data-testid=mesh-container-content] > .wixui-rich-text {
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-self: center !important;
    width: min(640px, calc(100% - 96px)) !important;
  }
  #comp-mh7ha7694, #comp-mh7ha7694 * { font-size: 19px !important; line-height: 1.6 !important; }
  #comp-mh7ha7681, #comp-mh7ha7681 * { font-size: 24px !important; }
}
