/*
  **********************************************************************************************
    reset box-sizing,allowing for inheritence.
 **********************************************************************************************
*/
html {
    box-sizing: border-box;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  /*
   **********************************************************************************************
      sticky footer
   **********************************************************************************************
  */
  html,
  body {
    height: 100%; /* Set to 100% of the container */
  }
  
  body > footer {
    top: 100vh; /* pushes the footer outside the visible area */
    position: sticky; /* pulls it back up and sticks it to the bottom edge */
  }
  
  .wrapper-body {
    min-height: 100px; /* need to set a value to override the theme.css's calc value */
  }