/*------------------------------------
    #BODY
//------------------------------------*/

/*
 HTML base styles
 1) Set the html element's height to at least 100% of the viewport.
    This is used to achieve a sticky footer
*/

html {
  min-height: 100vh; /* 1 */
  overflow-x: hidden;
}

 /* Body base styles
 1) Set the body element's height to at least 100% of the viewport.
    This is used to achieve a sticky footer 
    */

body {
  font-size: var(--font-size-med);
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  background-color: var(--color-body-bg);
  color: var(--color-body-text);
  font-display: swap;
  font-family: var(--font-family-fallback);
  min-height: 100vh; /* 1 */
  overflow-x: hidden;
}

.fonts-loaded body {
  font-family: var(--font-family-primary);
}

.resize-animation-stopper * {
  animation: none !important;
  transition: none !important;
}

.no-scroll {
  max-height: 100vw;
  max-width: 100vw;
  overflow: hidden !important;
}