/* GenGuard website branding hotfix v1.1 */

.gg-custom-logo-link {
  display: inline-flex !important;
  align-items: center;
  line-height: 0;
  background: transparent !important;
}

.gg-custom-logo,
.site-logo-img img.custom-logo,
.custom-logo-link img {
  display: block !important;
  width: 250px !important;
  height: auto !important;
  max-width: 250px !important;
  max-height: 66px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}

.ast-site-identity,
.site-branding {
  background: transparent !important;
}

.gg-footer-logo {
  width: 330px !important;
  max-width: 100% !important;
  height: auto !important;
  background: transparent !important;
}

@media (max-width: 921px) {
  .gg-custom-logo,
  .site-logo-img img.custom-logo,
  .custom-logo-link img {
    width: 210px !important;
    max-width: 210px !important;
    max-height: 56px !important;
  }
}

@media (max-width: 544px) {
  .gg-custom-logo,
  .site-logo-img img.custom-logo,
  .custom-logo-link img {
    width: 175px !important;
    max-width: 175px !important;
    max-height: 48px !important;
  }
}

/* ==========================================================
   GenGuard header/footer background and slogan correction
   ========================================================== */

/*
 * The supplied logo artwork has a near-black rectangular canvas.
 * Use the exact same background behind it so the rectangle disappears.
 */
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap,
.ast-builder-grid-row-container,
.ast-builder-grid-row,
#ast-desktop-header,
#ast-mobile-header {
    background: #010100 !important;
}

/* Remove the dark blocks caused by different outer and inner backgrounds. */
.site-header .ast-container,
.site-header .site-primary-header-wrap,
.site-header-primary-section-left,
.site-header-primary-section-center,
.site-header-primary-section-right {
    background: #010100 !important;
}

/* Logo and slogan */
.ast-site-identity {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    padding: 8px 0 !important;
}

.ast-site-identity::after {
    content: "MONITOR \2022  PROTECT \2022  MAINTAIN";
    display: block;
    color: #F8FAFC;
    font-size: 8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.26em;
    white-space: nowrap;
    margin-left: 71px;
    opacity: 0.9;
}

.gg-custom-logo,
.site-logo-img img.custom-logo,
.custom-logo-link img {
    background: #010100 !important;
}

/* Match the footer to the logo's own canvas color. */
.gg-site-footer,
.gg-footer-inner,
.gg-footer-brand,
.gg-footer-nav {
    background: #010100 !important;
}

.gg-footer-logo {
    background: #010100 !important;
}

/* Use the same slogan beneath the footer logo. */
.gg-footer-brand > p:first-of-type {
    text-transform: uppercase;
    font-size: 10px !important;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: #F8FAFC !important;
}

/* Remove any small border caused by adjacent background colors. */
.gg-site-footer {
    border-top-color: #334155 !important;
}

@media (max-width: 921px) {
    .ast-site-identity::after {
        font-size: 7px;
        letter-spacing: 0.18em;
        margin-left: 57px;
    }
}

@media (max-width: 544px) {
    .ast-site-identity::after {
        font-size: 6px;
        letter-spacing: 0.13em;
        margin-left: 47px;
    }
}