/* Layout styles */
body {
    overflow-x: clip;
}


/* Containers */
.limiter {

    width: var(--limter-width);
    max-width: var(--limiter-max-width);
    margin-left: auto;
    margin-right: auto;

}

main .limiter {
    width: var(--limter-main-width);
    max-width: var(--limiter-main-max-width);
}

.padding-top-1 { padding-top: 1rem; }
.padding-top-3-5 { padding-top: 3.5rem; }
.padding-right-15-percent { padding-right: 15%; }

.column-space-4 { column-gap: 4rem; }
.column-space-5 { column-gap: 5rem; }

.holder {
    width: 90vw;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}
section.hero.parent-page {
    z-index: 2;
}
.section > .limiter {
    border-top: 1px solid var(--color-border-dark);
    padding-top: 5.813rem;
    padding-bottom: 5.813rem;
}

.height-30 { height: 30rem;}

.margin-top-8 { margin-top: 8rem;}
.padding-bottom-none { padding-bottom: 0 !important; }
.padding-bottom-3 { padding-bottom: 3rem; }

.z-index-3 {
    z-index: 3;
}

.width-10-percent { width: 10%; }
.padding-top-4 { padding-top:4rem; }
.padding-top-2 { padding-top:2rem; }

.width-21-percent { width: 21%; }

.padding-top-10 { padding-top:10rem; }
.padding-top-13 { padding-top:13rem; }
.padding-top-20 { padding-top:20rem; }

.margin-top-minus-15 {
    margin-top: -15rem;
}
.padding-top-18 {
    padding-top: 18rem;
}

main .blank {
    width: 1px;
    height: 100%;
    background: var( --color-border-dark);
}

.margin-bottom-minus-18 {
    margin-bottom:-18rem;
}

.padding-top-18 {
    padding-top:18rem;
}

.padding-top-20 {
    padding-top:20rem;
}

/* Flex grid */
.row {

    display: flex;
    flex-flow: row wrap;

}

.columns {
    display: flex;
}

.column {

}

/* Alignment */
.align-left {
    margin-right: auto;
    margin-left: 0;
}

.align-right {
    margin-right: 0;
    margin-left: auto;
}

.flex-grow {
    flex-grow: 1;
}

.flex-shrink {
    flex-shrink: 1;
}

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

.space-between {

}

.margin-top-auto { margin-top: auto; }


/* Column widths */
.width-10-percent { width:10%; }
.width-15-percent { width:15%; }
.width-20-percent { width:20%; }
.width-25-percent { width:25%; }
.width-30-percent { width:30%; }
.width-35-percent { width:35%; }
.width-40-percent { width:40%; }
.width-45-percent { width:45%; }
.width-50-percent { width:50%; }
.width-55-percent { width:55%; }
.width-60-percent { width:60%; }
.width-65-percent { width:65%; }
.width-70-percent { width:70%; }
.width-75-percent { width:75%; }
.width-80-percent { width:80%; }
.width-85-percent { width:85%; }
.width-90-percent { width:90%; }
.width-95-percent { width:95%; }
.width-100-percent { width:100%; }

.column.inline-text {
    padding-top: 4rem;
}

.flex-flow-column { flex-flow: column; display: flex; }
.flex-flow-row { flex-flow: row; display: flex; }

.align-items-start { align-items:flex-start;}

.margin-bottom-1 { margin-bottom: 1rem; }
.margin-bottom-3 { margin-bottom: 3rem; }
.margin-bottom-4 { margin-bottom: 4rem; }
.margin-top-2 { margin-top: 2rem; }
.margin-top-3 { margin-top: 3rem; }
.margin-top-4 { margin-top: 4rem; }
.margin-top-5 { margin-top: 5rem; }
.margin-top-6 { margin-top: 6rem; }
.margin-top-7 { margin-top: 7rem; }
.margin-none { margin: 0 !important; }

.margin-bottom-4-5 { margin-bottom: 4.5rem; }

.padding-none { padding: 0 !important; }
.padding-top-0-8 { padding-top: 0.8rem; }
.padding-top-0-9 { padding-top: 0.9rem; }

.padding-left-1 { padding-left: 1rem; }
.padding-left-4 { padding-left: 4rem; }

.position-relative { position: relative; }
.overflow-hidden { overflow: hidden; }

.border-top-none { border-top: none !important; }
.padding-top-none { padding-top: 0 !important; }

.align-items-center { align-items: center; }

.padding-top-5 { padding-top: 5rem; }
.padding-bottom-5 { padding-bottom: 5rem; }
.padding-left-6 { padding-left: 6rem; }
.padding-top-3 { padding-top: 3rem; }
.padding-right-6 { padding-right: 6rem; }

.margin-top-negative-15 { margin-top: -15rem; }

.min-height-30 {
    min-height: 30rem;
}

.row-wrap { flex-wrap: wrap; }

.z-index-1 { z-index: 1; position: relative; }
.z-index-2 { z-index: 2; position: relative; }

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