/* Aquila Light - CSS Helping tool
–––––––––––––––––––––––––––––––––––––––––––––––––– */
* {
    box-sizing: border-box;
}
input::-webkit-input-placeholder {
    line-height: normal;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.d-block {
    display: block;
}
.d-inlineblock {
    display: inline-block;
}

/* Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.layout {
    display: flex;
    resize: horizontal;
}
.layout > div {
    max-width: 100%;
    vertical-align: top;
}
.layout.center {
    align-items: center !important;
    justify-content: center !important;
}
.layout.horizontal {
    flex-direction: row;
}
.layout.vertical {
    flex-direction: column;
}
.layout.align-center {
    align-items: center !important;
}
.layout.align-start {
    align-items: start !important;
}
.layout.align-end {
    align-items: end !important;
}
.layout.align-baseline {
    align-items: baseline !important;
}
.layout.justify-center {
    justify-content: center !important;
}
.layout.justify-space-evenly {
    justify-content: space-evenly;
}
.layout.justify-space-between {
    justify-content: space-between;
}
.layout.justify-left {
    justify-content: left;
}
.layout.justify-right {
    justify-content: right;
}
.layout.stretch {
    align-items: stretch;
}
.layout.wrap {
    flex-wrap: wrap;
}

/* FLEX
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.flex-initial {
    flex: initial;
}
.flex-auto {
    flex: auto;
}
.flex-1 {
    flex: 1;
}
.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3;
}
.flex-4 {
    flex: 4;
}
.flex-5 {
    flex: 5;
}
.flex-6 {
    flex: 6;
}
.flex-7 {
    flex: 7;
}
.flex-8 {
    flex: 8;
}
.flex-9 {
    flex: 9;
}
.flex-10 {
    flex: 10;
}

/* COLUMNS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.layout.columns {
    justify-content: left;
    flex-wrap: wrap;
}
.layout.columns > *:first-child {
    margin-top: 0;
}
.layout.columns > *:last-child {
    margin-bottom: 0;
}
.col-separator {
    border-right-color: var(--border-color);
    border-right-style: solid;
    border-right-width: var(--border-width);
    margin-left: calc(0px - var(--border-width) / 2);
    margin-right: calc(0px - var(--border-width) / 2);
    width: 0;
    --border-width: 3px;
    --border-color: #aaa;
}
.layout.columns.column-p-5 > [class^=col-] {
    padding: 5px;
}
.layout.columns.column-p-10 > [class^=col-] {
    padding: 10px;
}
.layout.columns.column-p-15 > [class^=col-] {
    padding: 15px;
}
.layout.columns.column-p-20 > [class^=col-] {
    padding: 20px;
}

.col-auto {
    flex: auto;
}
.col-1 {
    width: calc(1 * 100% / 12);
}
.col-2 {
    width: calc(2 * 100% / 12);
}
.col-3 {
    width: calc(3 * 100% / 12);
}
.col-4 {
    width: calc(4 * 100% / 12);
}
.col-5 {
    width: calc(5 * 100% / 12);
}
.col-6 {
    width: calc(6 * 100% / 12);
}
.col-7 {
    width: calc(7 * 100% / 12);
}
.col-8 {
    width: calc(8 * 100% / 12);
}
.col-9 {
    width: calc(9 * 100% / 12);
}
.col-10 {
    width: calc(10 * 100% / 12);
}
.col-11 {
    width: calc(11 * 100% / 12);
}
.col-12 {
    width: calc(12 * 100% / 12);
}
/* Phone */
@media {
    .col-phone-auto {
        flex: auto;
    }
    .col-phone-1 {
        width: calc(1 * 100% / 12);
    }
    .col-phone-2 {
        width: calc(2 * 100% / 12);
    }
    .col-phone-3 {
        width: calc(3 * 100% / 12);
    }
    .col-phone-4 {
        width: calc(4 * 100% / 12);
    }
    .col-phone-5 {
        width: calc(5 * 100% / 12);
    }
    .col-phone-6 {
        width: calc(6 * 100% / 12);
    }
    .col-phone-7 {
        width: calc(7 * 100% / 12);
    }
    .col-phone-8 {
        width: calc(8 * 100% / 12);
    }
    .col-phone-9 {
        width: calc(9 * 100% / 12);
    }
    .col-phone-10 {
        width: calc(10 * 100% / 12);
    }
    .col-phone-11 {
        width: calc(11 * 100% / 12);
    }
    .col-phone-12 {
        width: calc(12 * 100% / 12);
    }

}
/* Tablets */
@media (min-width: 544px) {
    .col-tablet-auto, .col-tablet-medium-auto {
        flex: auto;
    }
    .col-tablet-1, .col-tablet-medium-1 {
        width: calc(1 * 100% / 12);
    }
    .col-tablet-2, .col-tablet-medium-2 {
        width: calc(2 * 100% / 12);
    }
    .col-tablet-3, .col-tablet-medium-3 {
        width: calc(3 * 100% / 12);
    }
    .col-tablet-4, .col-tablet-medium-4 {
        width: calc(4 * 100% / 12);
    }
    .col-tablet-5, .col-tablet-medium-5 {
        width: calc(5 * 100% / 12);
    }
    .col-tablet-6, .col-tablet-medium-6 {
        width: calc(6 * 100% / 12);
    }
    .col-tablet-7, .col-tablet-medium-7 {
        width: calc(7 * 100% / 12);
    }
    .col-tablet-8, .col-tablet-medium-8 {
        width: calc(8 * 100% / 12);
    }
    .col-tablet-9, .col-tablet-medium-9 {
        width: calc(9 * 100% / 12);
    }
    .col-tablet-10, .col-tablet-medium-10 {
        width: calc(10 * 100% / 12);
    }
    .col-tablet-11, .col-tablet-medium-11 {
        width: calc(11 * 100% / 12);
    }
    .col-tablet-12, .col-tablet-medium-12 {
        width: calc(12 * 100% / 12);
    }

}

/* Tablets */
@media (min-width: 768px) {
    .col-tablet-large-auto {
        flex: auto;
    }
    .col-tablet-large-1 {
        width: calc(1 * 100% / 12);
    }
    .col-tablet-large-2 {
        width: calc(2 * 100% / 12);
    }
    .col-tablet-large-3 {
        width: calc(3 * 100% / 12);
    }
    .col-tablet-large-4 {
        width: calc(4 * 100% / 12);
    }
    .col-tablet-large-5 {
        width: calc(5 * 100% / 12);
    }
    .col-tablet-large-6 {
        width: calc(6 * 100% / 12);
    }
    .col-tablet-large-7 {
        width: calc(7 * 100% / 12);
    }
    .col-tablet-large-8 {
        width: calc(8 * 100% / 12);
    }
    .col-tablet-large-9 {
        width: calc(9 * 100% / 12);
    }
    .col-tablet-large-10 {
        width: calc(10 * 100% / 12);
    }
    .col-tablet-large-11 {
        width: calc(11 * 100% / 12);
    }
    .col-tablet-large-12 {
        width: calc(12 * 100% / 12);
    }

}


/* Laptop */
@media (min-width: 992px) {
    .col-laptop-auto {
        width: auto;
    }
    .col-laptop-1 {
        width: calc(1 * 100% / 12);
    }
    .col-laptop-2 {
        width: calc(2 * 100% / 12);
    }
    .col-laptop-3 {
        width: calc(3 * 100% / 12);
    }
    .col-laptop-4 {
        width: calc(4 * 100% / 12);
    }
    .col-laptop-5 {
        width: calc(5 * 100% / 12);
    }
    .col-laptop-6 {
        width: calc(6 * 100% / 12);
    }
    .col-laptop-7 {
        width: calc(7 * 100% / 12);
    }
    .col-laptop-8 {
        width: calc(8 * 100% / 12);
    }
    .col-laptop-9 {
        width: calc(9 * 100% / 12);
    }
    .col-laptop-10 {
        width: calc(10 * 100% / 12);
    }
    .col-laptop-11 {
        width: calc(11 * 100% / 12);
    }
    .col-laptop-12 {
        width: calc(12 * 100% / 12);
    }

}
/* Desktop */
@media (min-width: 1300px) {
    .col-desktop-auto {
        flex: auto;
    }
    .col-desktop-1 {
        width: calc(1 * 100% / 12);
    }
    .col-desktop-2 {
        width: calc(2 * 100% / 12);
    }
    .col-desktop-3 {
        width: calc(3 * 100% / 12);
    }
    .col-desktop-4 {
        width: calc(4 * 100% / 12);
    }
    .col-desktop-5 {
        width: calc(5 * 100% / 12);
    }
    .col-desktop-6 {
        width: calc(6 * 100% / 12);
    }
    .col-desktop-7 {
        width: calc(7 * 100% / 12);
    }
    .col-desktop-8 {
        width: calc(8 * 100% / 12);
    }
    .col-desktop-9 {
        width: calc(9 * 100% / 12);
    }
    .col-desktop-10 {
        width: calc(10 * 100% / 12);
    }
    .col-desktop-11 {
        width: calc(11 * 100% / 12);
    }
    .col-desktop-12 {
        width: calc(12 * 100% / 12);
    }

}

/* HEIGHT
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.h-100vh, .viewport-height {
    height: 100vh;
}

.h-25p {
    height: 25%;
}
.h-50p, .halfheight {
    height: 50%;
}
.h-75p {
    height: 75%;
}
.h-100p, .fullheight {
    height: 100%;
}

.h-15 {
    height: 15px;
}
.h-25 {
    height: 25px;
}
.h-50 {
    height: 50px;
}
.h-75 {
    height: 75px;
}
.h-100 {
    height: 100px;
}
.h-150 {
    height: 150px;
}
.h-200 {
    height: 200px;
}
.h-250 {
    height: 250px;
}
.h-300 {
    height: 300px;
}
.h-350 {
    height: 350px;
}
.h-400 {
    height: 400px;
}
.h-450 {
    height: 450px;
}
.h-500 {
    height: 500px;
}
.h-750 {
    height: 750px;
}
.h-1000 {
    height: 1000px;
}

.min-h-15 {
    min-height: 15px;
}
.min-h-25 {
    min-height: 25px;
}
.min-h-50 {
    min-height: 50px;
}
.min-h-75 {
    min-height: 75px;
}
.min-h-100 {
    min-height: 100px;
}
.min-h-150 {
    min-height: 150px;
}
.min-h-200 {
    min-height: 200px;
}
.min-h-250 {
    min-height: 250px;
}
.min-h-300 {
    min-height: 300px;
}
.min-h-350 {
    min-height: 350px;
}
.min-h-400 {
    min-height: 400px;
}
.min-h-450 {
    min-height: 450px;
}
.min-h-500 {
    min-height: 500px;
}
.min-h-750 {
    min-height: 750px;
}
.min-h-1000 {
    min-height: 1000px;
}

.max-h-15 {
    max-height: 15px;
}
.max-h-25 {
    max-height: 25px;
}
.max-h-50 {
    max-height: 50px;
}
.max-h-75 {
    max-height: 75px;
}
.max-h-100 {
    max-height: 100px;
}
.max-h-150 {
    max-height: 150px;
}
.max-h-200 {
    max-height: 200px;
}
.max-h-250 {
    max-height: 250px;
}
.max-h-300 {
    max-height: 300px;
}
.max-h-350 {
    max-height: 350px;
}
.max-h-400 {
    max-height: 400px;
}
.max-h-450 {
    max-height: 450px;
}
.max-h-500 {
    max-height: 500px;
}
.max-h-750 {
    max-height: 750px;
}
.max-h-1000 {
    max-height: 1000px;
}

/* WIDTH
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.w-25p {
    width: 25%;
}
.w-50p, .halfwidth {
    width: 50%;
}
.w-75p {
    width: 75%;
}
.w-100p, .fullwidth {
    width: 100%;
}

.w-15 {
    width: 15px;
}
.w-25 {
    width: 25px;
}
.w-50 {
    width: 50px;
}
.w-75 {
    width: 75px;
}
.w-100 {
    width: 100px;
}
.w-150 {
    width: 150px;
}
.w-200 {
    width: 200px;
}
.w-250 {
    width: 250px;
}
.w-300 {
    width: 300px;
}
.w-350 {
    width: 350px;
}
.w-400 {
    width: 400px;
}
.w-450 {
    width: 450px;
}
.w-500 {
    width: 500px;
}
.w-750 {
    width: 750px;
}
.w-1000 {
    width: 1000px;
}

.min-w-15 {
    min-width: 15px;
}
.min-w-25 {
    min-width: 25px;
}
.min-w-50 {
    min-width: 50px;
}
.min-w-75 {
    min-width: 75px;
}
.min-w-100 {
    min-width: 100px;
}
.min-w-150 {
    min-width: 150px;
}
.min-w-200 {
    min-width: 200px;
}
.min-w-250 {
    min-width: 250px;
}
.min-w-300 {
    min-width: 300px;
}
.min-w-350 {
    min-width: 350px;
}
.min-w-400 {
    min-width: 400px;
}
.min-w-450 {
    min-width: 450px;
}
.min-w-500 {
    min-width: 500px;
}
.min-w-750 {
    min-width: 750px;
}
.min-w-1000 {
    min-width: 1000px;
}

.max-w-15 {
    max-width: 15px;
}
.max-w-25 {
    max-width: 25px;
}
.max-w-50 {
    max-width: 50px;
}
.max-w-75 {
    max-width: 75px;
}
.max-w-100 {
    max-width: 100px;
}
.max-w-150 {
    max-width: 150px;
}
.max-w-200 {
    max-width: 200px;
}
.max-w-250 {
    max-width: 250px;
}
.max-w-300 {
    max-width: 300px;
}
.max-w-350 {
    max-width: 350px;
}
.max-w-400 {
    max-width: 400px;
}
.max-w-450 {
    max-width: 450px;
}
.max-w-500 {
    max-width: 500px;
}
.max-w-750 {
    max-width: 750px;
}
.max-w-1000 {
    max-width: 1000px;
}

/* GRID
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.grid.items {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(var(--item-width), 1fr));
    justify-items: stretch;
    --item-width: 250px;
}
.grid.items.item-w-50 {
    --item-width: 50px;
}
.grid.items.item-w-75 {
    --item-width: 75px;
}
.grid.items.item-w-100 {
    --item-width: 100px;
}
.grid.items.item-w-150 {
    --item-width: 150px;
}
.grid.items.item-w-200 {
    --item-width: 200px;
}
.grid.items.item-w-250 {
    --item-width: 250px;
}
.grid.items.item-w-300 {
    --item-width: 300px;
}
.grid.items.item-w-350 {
    --item-width: 350px;
}

.grid.items > .item *:first-child {
    margin-top: 0;
}
.grid.items > .item *:last-child {
    margin-bottom: 0;
}
.grid.items.strict > .item {
    width: var(--item-width);
    margin: auto;
}

.grid.items > a.item {
    transition: opacity 300ms;
}
.grid.items > a.item:hover {
    color: var(--color);
    opacity: 0.8;
    transition: opacity 300ms;
}

/* MARGIN
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.m-0 {
    margin: 0 !important;
}
.m-5 {
    margin: 5px !important;
}
.m-10 {
    margin: 10px !important;
}
.m-15 {
    margin: 15px !important;
}
.m-20 {
    margin: 20px !important;
}
.m-25 {
    margin: 25px !important;
}
.m-30 {
    margin: 30px !important;
}
.m-40 {
    margin: 40px !important;
}
.m-50 {
    margin: 50px !important;
}

.mt-0 {
    margin-top: 0 !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}

.ms-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.ms-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.ms-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.ms-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.ms-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}
.ms-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}
.ms-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
}
.ms-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.mr-0 {
     margin-right: 0 !important;
 }
.mr-5 {
    margin-right: 5px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-25 {
    margin-right: 25px !important;
}
.mr-30 {
    margin-right: 30px !important;
}
.mr-40 {
    margin-right: 40px !important;
}
.mr-50 {
    margin-right: 50px !important;
}

.ml-0 {
    margin-left: 0 !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-25 {
    margin-left: 25px !important;
}
.ml-30 {
    margin-left: 30px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.ml-50 {
    margin-left: 50px !important;
}

/* PADDING
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.p-0 {
    padding: 0 !important;
}
.p-5 {
    padding: 5px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-15 {
    padding: 15px !important;
}
.p-20 {
    padding: 20px !important;
}
.p-25 {
    padding: 25px !important;
}
.p-30 {
    padding: 30px !important;
}
.p-40 {
    padding: 40px !important;
}
.p-50 {
    padding: 50px !important;
}

.pt-0 {
    padding-top: 0 !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-50 {
    padding-top: 50px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}

.ps-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.ps-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.ps-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.ps-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.ps-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.ps-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}
.ps-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.ps-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}
.ps-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.pl-0 {
    padding-left: 0 !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-25 {
    padding-left: 25px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pl-40 {
    padding-left: 40px !important;
}
.pl-50 {
    padding-left: 50px !important;
}

.pr-0 {
    padding-right: 0 !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-25 {
    padding-right: 25px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-40 {
    padding-right: 40px !important;
}
.pr-50 {
    padding-right: 50px !important;
}

/* TEXT UTILITIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-justify {
    text-align: justify !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-fat {
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(150,150,150,0.7);
}
.text-bold {
    font-weight: bold !important;
}
.text-help {
    font-size: 0.875rem;
    margin-top: 5px;
}
.text-nowrap {
    white-space: nowrap !important;
}