/* ECCT approved branding V1.2.0
   Safe-render release: no whole-page output buffering. */

.ecct-approved-logo {
  display: block;
  object-fit: contain;
  height: auto;
}

.ecct-approved-header-host,
.ecct-logo-desktop,
.ecctproject .ecct-logo {
  overflow: visible !important;
}

.ecct-approved-logo-header {
  width: 300px !important;
  max-width: none !important;
  height: auto !important;
  max-height: 82px !important;
  transform: translateX(-18px);
  transform-origin: left center;
}

.ecct-logo-desktop .ecct-approved-logo-header,
.ecct-approved-header-host .ecct-approved-logo-header,
.ecctproject .ecct-logo .ecct-approved-logo-header {
  width: 300px !important;
  max-height: 82px !important;
  transform: translateX(-18px);
}

.ecct-approved-logo-mobile {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  transform: translateX(-4px);
}

.ecct-logo-mobile .ecct-approved-logo-mobile,
.ecct-approved-mobile-host .ecct-approved-logo-mobile {
  transform: translateX(-4px);
}

.ecct-approved-logo-footer {
  width: min(315px, 100%) !important;
  height: auto !important;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fff;
}

.ecct-approved-footer-host,
.footer-brand {
  display: flex;
  align-items: center;
  overflow: visible;
}

@media (max-width: 1120px) {
  .ecct-approved-logo-header,
  .ecct-logo-desktop .ecct-approved-logo-header,
  .ecct-approved-header-host .ecct-approved-logo-header,
  .ecctproject .ecct-logo .ecct-approved-logo-header {
    width: 282px !important;
    max-height: 78px !important;
    transform: translateX(-14px);
  }
}

@media (max-width: 1024px) {
  .ecct-approved-logo-header,
  .ecct-logo-desktop .ecct-approved-logo-header,
  .ecct-approved-header-host .ecct-approved-logo-header {
    width: 264px !important;
    max-height: 74px !important;
    transform: translateX(-10px);
  }
}

@media (max-width: 640px) {
  .ecct-approved-logo-mobile {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    transform: translateX(-3px);
  }

  .ecct-approved-logo-footer {
    width: min(280px, 100%) !important;
  }
}