/* ------------------------------------------------------------------
   Site logo
   Header:    images/logo.png        (coloured)
   Footer:    images/logo-white.png  (white)
   Preloader: images/logo.png        (replaces the dancing figures)

   Loaded sitewide from header.php. Paths are relative to this file.
------------------------------------------------------------------ */

/* Header — the <a> sets the width per breakpoint, the image fills it */
#header .logo a img {
    display: block;
    width: 100%;
    height: auto;
}

/* Footer — was an inline <svg> filled white by CSS, now a white PNG */
footer .logo {
    display: block;
    width: 175px;
    height: auto;
}

/* Preloader.
   The `body` prefix is deliberate: style.css sets these same properties and
   loads later (in the footer), so it would otherwise win on source order. */
body .preloader-wrapper .object {
    width: 200px;
    height: 85px;
    background-image: url('../images/logo.png');
}

body .preloader-wrapper .object-wrapper {
    width: 250px;
    height: 85px;
    left: calc(50% - 125px);
}