/* TrueID + Verichains logo lockups (tools/brand.py), swapped in by tools/build.py.
   Elementor sizes images in links by attribute selectors, hence !important. */
.elementor-widget-image img.brand-lockup {
  width: auto !important;
  max-width: none !important;
  height: 40px !important;
}

.elementor-widget-image img.brand-lockup-stacked {
  width: auto !important;
  max-width: 100% !important;
  height: 86px !important;
}

/* The original logo column (header template 62) is 10% wide; let it fit the wider lockup
   and give the difference to the menu column. */
@media (min-width: 1025px) {
  .elementor-62 .elementor-element.elementor-element-3122bee {
    width: auto !important;
    flex: 0 0 auto;
  }

  .elementor-62 .elementor-element.elementor-element-00cb106 {
    width: auto !important;
    flex: 1 1 0;
  }
}

/* Phones: the logo column only gets what "Book a Demo" and the menu button leave over, so the
   gutter between logo and button is dropped, the button text is a size smaller, and the lockup
   scales to the space left (170px wide at most). */
@media (max-width: 767px) {
  .elementor-62 .elementor-element-3122bee > .elementor-column-wrap > .elementor-widget-wrap {
    padding-right: 0;
  }

  .elementor-62 .elementor-element-23fc87a > .elementor-column-wrap > .elementor-widget-wrap {
    padding-left: 0;
  }

  .elementor-62 .elementor-element-bced5e8 .elementor-icon-list-text {
    font-size: 14px;
  }

  .elementor-widget-image img.brand-lockup {
    width: 100% !important;
    max-width: 170px !important;
    height: auto !important;
  }
}