:root {
    --beam-height:2.25rem;
}

body, html {
    /* text-wrap: balance; */
}

/* ---- HEIGHTS ---- */
.am-mh-100 {
  min-height: calc(100vh - 8rem);
}


/* ---- MARGINS ---- */

/* bottom */
.am-mb-0 {
margin-bottom: 0;
}

.am-mb-1 {
margin-bottom: 1rem;
}

.am-mb-2 {
margin-bottom: 2rem;
}

.am-mb-3 {
margin-bottom: 3rem;
}

.am-mb-4 {
margin-bottom: 4rem;
}

.am-mb-5 {
margin-bottom: 5rem;
}

.am-mb-6 {
margin-bottom: 6rem;
}

/* top */
.am-mt-0 {
margin-top: 0;
}

.am-mt-1 {
margin-top: 1rem;
}

.am-mt-2 {
margin-top: 2rem;
}

.am-mt-3 {
margin-top: 3rem;
}

.am-mt-4 {
margin-top: 4rem;
}

.am-mt-5 {
margin-top: 5rem;
}

.am-mt-6 {
margin-top: 6rem;
}


/* ---- PADDINGS ---- */

/* bottom */
.am-pb-0 {
    padding-bottom: 0;
}

.am-pb-1 {
  padding-bottom: 1rem;
}

.am-pb-2 {
  padding-bottom: 2rem;
}

.am-pb-3 {
  padding-bottom: 3rem;
}

.am-pb-4 {
  padding-bottom: 4rem;
}

.am-pb-5 {
  padding-bottom: 5rem;
}

.am-pb-6 {
  padding-bottom: 6rem;
} 

/* top */
.am-pt-0 {
  padding-top: 0;
}

.am-pt-1 {
  padding-top: 1rem;
}

.am-pt-2 {
  padding-top: 2rem;
}

.am-pt-3 {
  padding-top: 3rem;
}

.am-pt-4 {
  padding-top: 4rem;
}

.am-pt-5 {
  padding-top: 5rem;
}

.am-pt-6 {
  padding-top: 6rem;
}




/* ---- ALIGN & JUSTIFY ----  */

.am-flex {
  display: flex;
}

.am-justify-end {
  justify-items: flex-end;
}

.am-justify-center {
  justify-content: center;
}

.am-justify-between {
  justify-content: space-between;
}

.am-justify-around {
  justify-content: space-around;
}

.am-justify-evenly {
  justify-content: space-evenly;
}

.am-justify-start {
  justify-content: flex-start;
}

.am-align-center {
  align-content: center;
}

.am-align-end {
  align-content: flex-end;
}

.am-align-start {
  align-content: flex-start;
}

.am-align-baseline {
  align-content: baseline;
}

.am-align-stretch {
  align-items: stretch;
}

/* text */
.am-text-right {
  text-align: right;
}

.am-text-left {
  text-align: left;
}

.am-text-center {
  text-align: center;
}

.am-text-justify {
  text-align: justify;
}




/* POSITIONS */

.am-absolute {
  position: absolute;
}

.am-relative {
  position: relative;
}

.am-fixed {
  position: fixed;
}

.am-sticky-bottom {
  position: sticky;
  bottom: 0;
}

.am-sticky-top {
  position: sticky;
  top: 0;
}


/* LAYOUT ELEMENTS */
.am-beam {
    height: var(--beam-height);
}
am-flex {
    width: calc(100% + var(--am-flex-gap));
}

/* ---- MAIN ---- */
main {
    margin: 0 !important;
}

/* ---- SIDEBAR  ---- */
.sidebar {
  position: sticky;
  top: 6rem;
  height: min-content;
}

.uk-sidebar-nav {
  margin: 30vh 0 0 0;
  padding: 0;
}
.uk-sidebar-nav li {
  list-style: none;
}
.uk-sidebar-nav li.uk-active {
  display: none;
}

.space-between {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.space-between > * {
  width: 100%;
}


/* ---- FOOTER ---- */
footer {
box-sizing: border-box;
width: 100%;
max-width: none !important;
min-height: 5rem;
padding: 0 1rem;
background: #f2f2f2;
}
.footer-content {
    padding-top: 9rem;
    padding-bottom: 9rem
}
.footer-content > * {
    width: 100%;
    max-width: none !important
}
footer am-flex {
    height: unset !important;
    margin-top: 0 !important;
  margin-bottom: 0 !important;
}
footer am-flex am-1-1,
footer am-flex am-1-2,
footer am-flex am-1-3,
footer am-flex am-1-4 {
    align-content: center;
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
footer am-flex a {
    align-content: center;
    text-decoration: underline;
}
footer am-flex a {
    align-content: center;
    text-decoration: none;
}
footer am-flex a:hover {
    text-decoration: underline;
}
footer am-list ul {
    list-style: none;
}