/**
 * F1CSS - Layout - 10 Dec 2022
 *  
 * @author  C. Moller <xavier.tnc@gmail.com>
 * 
 * @version 1.2.0 - DEV - 17 Dec 2022
 *
 */

body.height-fixed-100 {
  flex-direction: column;
  display: flex;
  height: 100vh;  
}

header, footer {
  padding: var(--doc-padding, 0.5rem);
  justify-content: space-between;
  width: 100%;
}

header, footer {
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  gap: var(--doc-padding);  
}

body.height-fixed-100 > main {
  flex-direction: column;  
  display: flex;
  flex-grow: 1;
}

.brand {
  color: white;
  text-decoration: none;
}

.brand .logo {
  margin-right: var(--doc-padding);
}

.flex {
  align-items: center;
  display: flex;
  gap: var(--doc-padding);  
}

.wrap {
  flex-wrap: wrap;
}

.grow {
  flex-grow: 1;
}

.reverse {
  flex-direction: row-reverse;
}

/*
.container {
  max-width: var(--page-width, 1024px);
  margin: auto;
}
*/