/*-----------------------------------------------------------------------------------
  Aura Cloud Services - site overrides
  Loaded after style.css. Keep all Aura-specific tweaks here so the vendor
  stylesheet stays untouched and upgradeable.

  The Aura lockup is a stacked mark (cloud over wordmark, ~1.4:1) whereas the
  template shipped a wide 3.9:1 logo and sizes logos by WIDTH. Sizing by width
  would make the stacked lockup ~106px tall inside an 80px header, so every logo
  slot is re-based on height instead.
-----------------------------------------------------------------------------------*/

/* ---------- header logo ---------- */
[class*="header-area"] .header__logo img,
.header__logo img {
  height: 58px !important;
  width: auto !important;
  max-width: none !important;
}

@media only screen and (max-width: 1199px) {
  [class*="header-area"] .header__logo img,
  .header__logo img {
    height: 48px !important;
  }
}

@media (max-width: 575px) {
  [class*="header-area"] .header__logo img,
  .header__logo img {
    height: 42px !important;
  }
}

/* ---------- offcanvas / mobile panel logo ---------- */
.offset-logo {
  width: auto;
}

.offset-logo img {
  height: 62px !important;
  width: auto !important;
  max-width: none !important;
}

/* ---------- footer logo ---------- */
footer .footer-widget-box .content .logo img,
footer .footer-widget-box .logo img,
footer .content .logo img,
footer a.logo img {
  height: 86px !important;
  width: auto !important;
  max-width: none !important;
  margin-bottom: 8px;
}

@media (max-width: 575px) {
  footer .footer-widget-box .content .logo img,
  footer .footer-widget-box .logo img,
  footer .content .logo img,
  footer a.logo img {
    height: 70px !important;
  }
}

/* ---------- "Cloud Engineering That Removes Toil" panel ----------
   This section's heading, body copy and skill labels are all var(--black), so it
   is designed as a BRIGHT solid panel (the template demo used lime). Its
   data-background image has been removed from the HTML; the fill lives here so
   it is a single value to change.

   Swap --aura-panel for #B3DE4F to get the original lime instead. */
:root {
  --aura-panel: #4FA8D8;
}

.why-choose-us-6__wrapper {
  background-color: var(--aura-panel) !important;
  background-image: none !important;
}

/* ---------- preloader wordmark ---------- */
/* "AURA" is 4 glyphs like the original, so no layout change is needed here;
   this only keeps the letter-spacing readable now that two glyphs repeat. */
.loader-wrap-heading .load-text span {
  text-transform: uppercase;
}