/* icons.css — lightweight inline-SVG icon helpers.
   Replaces the old Font Awesome dependency. Icons inherit the current
   text color via fill:currentColor, so existing color classes still work. */

.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
}

/* Red rounded badge used in the footer contact blocks
   (replaces the old .box-icon .fa look: 28x28 red square, light glyph). */
.icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 10px;   /* matches the original .contact-info .fa spacing */
  color: #fafafa;
  background-color: #da4035;
  border-radius: 4px;
  vertical-align: middle;
}

.icon-badge .svg-icon {
  width: 15px;
  height: 15px;
}

/* Footer credit line ("Designed & maintained by Neurite Digital") */
.site-credit {
  margin: 14px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center;
  font-size: 12px;
  color: #777;
}
.site-credit a {
  color: #da4035;
  font-weight: 600;
  text-decoration: none;
}
.site-credit a:hover {
  text-decoration: underline;
}
.site-credit img {
  height: 1em;        /* match the text size */
  width: auto;
  vertical-align: -0.15em;
  margin: 0 4px;
}

/* Contact-form field icons (replace the former FontAwesome :after glyphs). */
.form-icon.icon-user:after,
.form-icon.icon-email:after,
.form-icon.icon-message:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  font-family: inherit;
  background: no-repeat center / contain;
}
.form-icon.icon-user:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23888888%27%3E%3Cpath%20d%3D%27M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%27%2F%3E%3C%2Fsvg%3E"); }
.form-icon.icon-email:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23888888%27%3E%3Cpath%20d%3D%27M20%204H4c-1.1%200-1.99.9-1.99%202L2%2018c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%204l-8%205-8-5V6l8%205%208-5v2z%27%2F%3E%3C%2Fsvg%3E"); }
.form-icon.icon-message:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23888888%27%3E%3Cpath%20d%3D%27M20%202H4c-1.1%200-2%20.9-2%202v18l4-4h14c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zM6%209h12v2H6V9zm8%205H6v-2h8v2zm4-6H6V6h12v2z%27%2F%3E%3C%2Fsvg%3E"); }

/* Homepage hero slider captions — larger, bolder, readable over the photo.
   Overrides the rs-plugin caption classes (only used by the TR/EN home hero).
   Must win the cascade so the Revolution Slider reads the larger size at init. */
.tp-caption.boldwide_small_white {
  font-size: 96px;
  line-height: 100px;
  font-weight: 800;
  font-family: 'Raleway', 'Open Sans', sans-serif;
  text-shadow: none;
}
.tp-caption.finewide_small_white {
  font-size: 32px;
  line-height: 34px;
  font-weight: 600;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}

/* === PREVIEW (may revert): brand-red slide headline words. Delete this block to revert. === */
.tp-caption.boldwide_small_white { color: #da4035 !important; -webkit-text-stroke: 1px rgba(255,255,255,0.25); text-stroke: 1px rgba(255,255,255,0.25); }

/* feature-list check icons — restore the brand-red color + spacing (was .feature-list .fa) */
.feature-list .svg-icon { fill: #da4035; color: #da4035; margin-right: 5px; }

/* Self-hosted Raleway heavy weights (for the hero headline) */
@font-face { font-family: 'Raleway'; src: url('/assets/font/Raleway-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Raleway'; src: url('/assets/font/Raleway-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }

/* Hero slide-1 certification list */
.tp-caption.opsan-certs { font-size: 15px; line-height: 22px; font-weight: 600; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }