/* ============================================================
   custom.css - Energy Cloud overrides.
   Loaded AFTER style.css so these win without !important.
   Keep theme files pristine; put all local changes here.
   ============================================================ */

/* --- Nav bar background ---------------------------------------
   Was an inline style on .rd-navbar-nav-wrap in the markup, which
   no stylesheet could override. Moved here so the homepage can
   opt out.                                                       */

.rd-navbar-nav-wrap { background-color: #001765; }

/* Homepage floats transparent over the hero carousel - desktop
   only. Below 1200px the navbar collapses to its fixed bar, which
   must keep a solid background or the menu sits on top of content. */

@media (min-width: 1200px) {
  .home .rd-navbar-nav-wrap { background-color: transparent; }
}

/* --- Nav logo -------------------------------------------------
   One image file, scaled per context. The width/height attributes
   on the <img> carry the 91:78 ratio, so space is reserved before
   it loads. Adjust the width values; height stays auto.          */

.rd-navbar-brand img       { width: 91px;  height: auto; }   /* sub-pages */
.home .rd-navbar-brand img { width: 150px; height: auto; }   /* homepage  */

/* Collapsed nav: the fixed bar is a set height, so size the logo
   by HEIGHT here or it overflows and gets clipped. 40px leaves
   room in a 56px bar - this is the number to change if it is
   still tight.                                                   */

@media (max-width: 1199px) {
  .rd-navbar-brand img,
  .home .rd-navbar-brand img { width: auto; height: 40px; }
}