/*
  Jamaica Natural Grafix — Layout/Footer Fix v1.6
  Keeps the footer at the bottom of short pages without overlaying content.
  Loaded after style.css so it safely overrides legacy layout rules.
*/

html,
body.jng-new {
  min-height: 100%;
}

body.jng-new {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

/*
  Redesigned pages generally use #main. Legacy portfolio/sample pages may
  place their content directly under <body>, so the footer itself uses
  margin-top:auto and does not depend on a particular content wrapper.
*/
body.jng-new #main {
  width: 100%;
  flex: 0 0 auto;
}

body.jng-new .jng-footer {
  width: 100%;
  margin-top: auto !important;
  flex: 0 0 auto;
}

/* Prevent legacy containers from forcing footer overlap/positioning. */
body.jng-new .jng-footer,
body.jng-new #footer {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}