/* ============================================================
   MyTrafficBuzz — Icons

   Every icon on the site comes from the Font Awesome kit. The
   rules below restate the sizing and colour that used to live on
   the old inline <svg> elements: width/height/fill mean nothing to
   a glyph, so each becomes font-size/color on the <i>.

   Sizes are the exact pixel values the SVGs used, so the icons sit
   in the same space they always did.
   ============================================================ */

/* Small inline icon beside the phone and email links in the top bar. */
.icon-sm{
  font-size:13px;
  color:#fff;
  vertical-align:middle;
  margin-right:4px;
  width:auto;
  height:auto;
}

/* Social rows: top bar, footer. */
.topbar__social a i{font-size:12px;color:#fff}
.site-footer__social a i{font-size:15px;color:#fff}

/* Header controls. */
.site-header__search button i{font-size:15px;color:rgba(255,255,255,.72)}
.site-header__search button:hover i{color:var(--gold)}
.site-header__theme-toggle i{font-size:17px;color:rgba(255,255,255,.85)}
.primary-nav__close i{font-size:18px;color:#fff}

/* Floating WhatsApp action. */
.whatsapp-float i{font-size:28px;color:#fff}

@media (max-width:768px){
  .whatsapp-float i{font-size:26px}
}