/*
 * Static site structural overrides.
 *
 * The Drupal source site renders the header and footer as direct children of
 * .layout-container (a column flexbox with align-items: flex-start). That means
 * any child without an explicit width shrinks to fit its content rather than
 * stretching to full viewport width.
 *
 * On the live Drupal site the header and footer elements carry class="footer"
 * and class="main-nav" respectively, both of which already have width: 100% in
 * the shared stylesheet hosted on the CDN.
 *
 * On this static site the header and footer are injected by template-loader.js
 * into plain <div id="site-header-template"> and <div id="site-footer-template">
 * wrapper elements that have no width rule in the CDN stylesheet. This file
 * adds the missing width: 100% so those wrappers behave identically to their
 * Drupal counterparts.
 */

#site-header-template,
#site-footer-template {
  width: 100%;
}