/* Static copy of facilityglobe.com.
   The site's images were lost with the hacked server, so nothing here relies on them.
   Colours and fonts are the site's own, from its Elementor kit. */
:root {
  --fg-accent: #FF8264;
  --fg-accent-strong: #FF5127;
  --fg-ink: #404757;
  --fg-text: #494E59;
  --fg-tint: #FFF2EF;
  --fg-tint-2: #FFE5DE;
  --fg-soft: #FAFAFA;
}

/* Text Elementor kept hidden until an entrance animation ran: always visible, no animation. */
.elementor-invisible { visibility: visible !important; }
.elementor-element.animated { animation: none !important; }

/* The logo image was lost: the company name, in the site's heading font. */
.fg-text-logo {
  display: inline-block;
  font-family: "Jost", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--fg-ink);
}
.elementor-location-footer .fg-text-logo,
footer .fg-text-logo { color: inherit; }

/* A column whose image partner was removed spreads across the row instead of leaving a gap. */
.elementor-section .elementor-container > .elementor-column:only-child { width: 100% !important; }

/* Every page opens with a band in the brand tint, so a text-only page still has a clear header. */
.elementor[data-elementor-type="wp-page"] > .elementor-section:first-child,
.elementor[data-elementor-type="wp-page"] > .e-con:first-child,
.site-main > .page-header {
  background: var(--fg-tint);
  padding-top: 56px;
  padding-bottom: 56px;
}
.site-main > .page-header { padding-left: 24px; padding-right: 24px; border-radius: 12px; margin-bottom: 32px; }

/* Rows of four short headings ("Corporate Offices, Industries, ...") become tags. */
.elementor-section:has(> .elementor-container > .elementor-column:nth-child(4))
  > .elementor-container > .elementor-column
  > .elementor-widget-wrap:has(> .elementor-widget-heading:only-child) {
  margin: 6px;
  width: calc(100% - 12px);
  justify-content: center;
  background: var(--fg-tint);
  border-radius: 999px;
}

/* The product grid: each title and line, which used to sit under an icon image, becomes a card. */
.elementor-section:has(> .elementor-container > .elementor-column:nth-child(3))
  > .elementor-container > .elementor-column
  > .elementor-widget-wrap:has(.elementor-widget-heading):has(.elementor-widget-text-editor) {
  margin: 8px;
  width: calc(100% - 16px);
  padding: 20px !important;
  align-content: flex-start;
  background: #fff;
  border: 1px solid var(--fg-tint-2);
  border-top: 3px solid var(--fg-accent);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(64, 71, 87, .08);
  transition: box-shadow .2s ease, transform .2s ease;
}
.elementor-section:has(> .elementor-container > .elementor-column:nth-child(3))
  > .elementor-container > .elementor-column
  > .elementor-widget-wrap:has(.elementor-widget-heading):has(.elementor-widget-text-editor):hover {
  box-shadow: 0 8px 20px rgba(255, 81, 39, .14);
  transform: translateY(-2px);
}

/* Policy and text pages: a comfortable reading width and line height. */
.site-main > .page-content { max-width: 860px; line-height: 1.7; }
.site-main > .page-content h2, .site-main > .page-content h3 { color: var(--fg-ink); margin-top: 1.6em; }