/* ==========================================================================
   bbdt-icons.css - Font Awesome replacement (drop-in)

   Deliberately reuses Font Awesome's own class name, .svg-inline--fa, because
   bbdt-theme.css and theme-1.css already style that class in ~40 places
   (header phone, footer columns, buttons, social icons, breadcrumbs, sidebar,
   carousels). Keeping the name means every one of those rules keeps working
   and nothing in the layout moves.

   Box model matches FA6 exactly: height 1em, width from the viewBox aspect
   ratio, -0.125em baseline nudge. Every FA icon is 512 units tall, so an
   icon's em width is viewBoxWidth / 512.
   ========================================================================== */
.svg-inline--fa{
  display:inline-block;
  height:1em;
  width:1em;               /* default for 512x512 icons; per-icon overrides below */
  vertical-align:-.125em;  /* FA6 baseline offset */
  fill:currentColor;       /* inherits colour, so existing `color:` rules still work */
  overflow:visible;
  box-sizing:content-box;
}

/* FA sizing modifiers */
.svg-inline--fa.fa-xs{font-size:.75em}
.svg-inline--fa.fa-sm{font-size:.875em}
.svg-inline--fa.fa-lg{font-size:1.25em;vertical-align:-.175em}
.svg-inline--fa.fa-2x{font-size:2em}
.svg-inline--fa.fa-3x{font-size:3em}
.svg-inline--fa.fa-4x{font-size:4em}
.svg-inline--fa.fa-5x{font-size:5em}
.svg-inline--fa.fa-fw{width:1.25em!important}

/* fa-spin */
@keyframes fa-spin{to{transform:rotate(360deg)}}
.svg-inline--fa.fa-spin{animation:fa-spin 2s linear infinite;transform-origin:center}
@media (prefers-reduced-motion:reduce){.svg-inline--fa.fa-spin{animation:none}}

/* --------------------------------------------------------------------------
   Per-icon widths (viewBox width / 512). Icons not listed here are 1em wide.
   -------------------------------------------------------------------------- */
.svg-inline--fa.fa-caret-right{width:0.5em}
.svg-inline--fa.fa-angle-right,
.svg-inline--fa.fa-chevron-left,
.svg-inline--fa.fa-chevron-right,
.svg-inline--fa.fa-dollar-sign,
.svg-inline--fa.fa-facebook-f{width:0.625em}
.svg-inline--fa.fa-file-alt,
.svg-inline--fa.fa-file-code,
.svg-inline--fa.fa-file-invoice,
.svg-inline--fa.fa-file-invoice-dollar,
.svg-inline--fa.fa-file-zipper,
.svg-inline--fa.fa-map-marker-alt,
.svg-inline--fa.fa-paypal,
.svg-inline--fa.fa-receipt,
.svg-inline--fa.fa-times{width:0.75em}
.svg-inline--fa.fa-angle-down,
.svg-inline--fa.fa-arrow-left,
.svg-inline--fa.fa-arrow-right,
.svg-inline--fa.fa-bars,
.svg-inline--fa.fa-bell,
.svg-inline--fa.fa-birthday-cake,
.svg-inline--fa.fa-book,
.svg-inline--fa.fa-calendar,
.svg-inline--fa.fa-calendar-alt,
.svg-inline--fa.fa-calendar-check,
.svg-inline--fa.fa-calendar-plus,
.svg-inline--fa.fa-check,
.svg-inline--fa.fa-check-double,
.svg-inline--fa.fa-copy,
.svg-inline--fa.fa-floppy-disk,
.svg-inline--fa.fa-lock,
.svg-inline--fa.fa-plus,
.svg-inline--fa.fa-quote-left,
.svg-inline--fa.fa-quote-right,
.svg-inline--fa.fa-save,
.svg-inline--fa.fa-skull-crossbones,
.svg-inline--fa.fa-sticky-note,
.svg-inline--fa.fa-tag,
.svg-inline--fa.fa-trash,
.svg-inline--fa.fa-trash-alt,
.svg-inline--fa.fa-unlock,
.svg-inline--fa.fa-user{width:0.875em}
.svg-inline--fa.fa-credit-card,
.svg-inline--fa.fa-dog,
.svg-inline--fa.fa-eye,
.svg-inline--fa.fa-folder-open,
.svg-inline--fa.fa-home,
.svg-inline--fa.fa-map,
.svg-inline--fa.fa-money-bill-wave,
.svg-inline--fa.fa-sitemap,
.svg-inline--fa.fa-star,
.svg-inline--fa.fa-video,
.svg-inline--fa.fa-wand-magic-sparkles,
.svg-inline--fa.fa-youtube{width:1.125em}
.svg-inline--fa.fa-code,
.svg-inline--fa.fa-comments,
.svg-inline--fa.fa-link,
.svg-inline--fa.fa-user-plus,
.svg-inline--fa.fa-user-times,
.svg-inline--fa.fa-users{width:1.25em}
