/*! Spacing
   ========================================================================== */

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

/*! Typography
   ========================================================================== */

.font--heading {
    font-family: var(--headings-font) !important;
}

.font--text {
    font-family: var(--text-font) !important;
}

.font--small-text {
    font-family: var(--small-text-font) !important;
}

.font-style--bold {
    font-weight: 600 !important;
}

.font-style--italic {
    font-style: italic !important;
}

/*! Text color
   ========================================================================== */

.text-color--dark {
    color: var(--color-dark) !important;
}

.text-color--light {
    color: var(--color-light) !important;
}

.text-color--contrast-1 {
    color: var(--contrast-1) !important;
}

.text-color--contrast-2 {
    color: var(--contrast-2) !important;
}

.text-color--custom-1 {
    color: var(--custom-color-1) !important;
}

.text-color--custom-2 {
    color: var(--custom-color-2) !important;
}

.text-color--custom-3 {
    color: var(--custom-color-3) !important;
}

.text-color--custom-4 {
    color: var(--custom-color-4) !important;
}

.text-color--custom-5 {
    color: var(--custom-color-5) !important;
}

.text-color--custom-6 {
    color: var(--custom-color-6) !important;
}

.text-color--custom-7 {
    color: var(--custom-color-7) !important;
}

.text-color--custom-8 {
    color: var(--custom-color-8) !important;
}

.text-color--white {
    color: var(--white) !important;
}

.text-color--grey-2 {
    color: var(--grey-2) !important;
}

.text-color--grey-4 {
    color: var(--grey-4) !important;
}

.text-color--grey-5 {
    color: var(--grey-5) !important;
}

.text-color--grey-6 {
    color: var(--grey-6) !important;
}

.text-color--black {
    color: var(--black) !important;
}

/*! Rich text
   ========================================================================== */
.rich-text-color--dark,
.rich-text-color--dark > * {
    color: var(--color-dark) !important;
}

.rich-text-color--light,
.rich-text-color--light > * {
    color: var(--color-light) !important;
}

.rich-text-color--contrast-1,
.rich-text-color--contrast-1 > * {
    color: var(--contrast-1) !important;
}

.rich-text-color--contrast-2,
.rich-text-color--contrast-2 > * {
    color: var(--contrast-2) !important;
}

.rich-text-color--custom-1,
.rich-text-color--custom-1 > * {
    color: var(--custom-color-1) !important;
}

.rich-text-color--custom-2,
.rich-text-color--custom-2 > * {
    color: var(--custom-color-2) !important;
}
.rich-text-color--custom-3,
.rich-text-color--custom-3 > * {
    color: var(--custom-color-3) !important;
}

.rich-text-color--custom-4,
.rich-text-color--custom-4 > * {
    color: var(--custom-color-4) !important;
}

.rich-text-color--custom-5,
.rich-text-color--custom-5 > * {
    color: var(--custom-color-5) !important;
}

.rich-text-color--custom-6,
.rich-text-color--custom-6 > * {
    color: var(--custom-color-6) !important;
}

.rich-text-color--custom-7,
.rich-text-color--custom-7 > * {
    color: var(--custom-color-7) !important;
}

.rich-text-color--custom-8,
.rich-text-color--custom-8 > * {
    color: var(--custom-color-8) !important;
}

.rich-text-color--white,
.rich-text-color--white > * {
    color: var(--white) !important;
}

.rich-text-color--grey-2,
.rich-text-color--grey-2 > * {
    color: var(--grey-2) !important;
}

.rich-text-color--grey-4,
.rich-text-color--grey-4 > * {
    color: var(--grey-2) !important;
}

.rich-text-color--grey-5,
.rich-text-color--grey-5 > * {
    color: var(--grey-2) !important;
}

.rich-text-color--grey-6,
.rich-text-color--grey-6 > * {
    color: var(--grey-2) !important;
}

.rich-text-color--black,
.rich-text-color--black > * {
    color: var(--black) !important;
}

/*! Background color
   ========================================================================== */
.bg-color--dark {
    background-color: var(--color-dark) !important;
}

.bg-color--light {
    background-color: var(--color-light) !important;
}

.bg-color--contrast-1 {
    background-color: var(--contrast-1) !important;
}

.bg-color--contrast-2 {
    background-color: var(--contrast-2) !important;
}

.bg-color--custom-1 {
    background-color: var(--custom-color-1) !important;
}

.bg-color--custom-2 {
    background-color: var(--custom-color-2) !important;
}

.bg-color--custom-3 {
    background-color: var(--custom-color-3) !important;
}

.bg-color--custom-4 {
    background-color: var(--custom-color-4) !important;
}

.bg-color--custom-5 {
    background-color: var(--custom-color-5) !important;
}

.bg-color--custom-6 {
    background-color: var(--custom-color-6) !important;
}

.bg-color--custom-7 {
    background-color: var(--custom-color-7) !important;
}

.bg-color--custom-8 {
    background-color: var(--custom-color-8) !important;
}

.bg-color--white {
    background-color: var(--white) !important;
}

.bg-color--grey-2 {
    background-color: var(--grey-2) !important;
}

.bg-color--grey-4 {
    background-color: var(--grey-4) !important;
}

.bg-color--grey-5 {
    background-color: var(--grey-5) !important;
}

.bg-color--grey-6 {
    background-color: var(--grey-6) !important;
}

.bg-color--black {
    background-color: var(--black) !important;
}

/*! Border
   ========================================================================== */
.border-color--dark {
    border-color: var(--color-dark) !important;
}

.border-color--light {
    border-color: var(--color-light) !important;
}

.border-color--contrast-1 {
    border-color: var(--contrast-1) !important;
}

.border-color--contrast-2 {
    border-color: var(--contrast-2) !important;
}

.border-color--custom-1 {
    border-color: var(--custom-color-1) !important;
}

.border-color--custom-2 {
    border-color: var(--custom-color-2) !important;
}

.border-color--custom-3 {
    border-color: var(--custom-color-3) !important;
}

.border-color--custom-4 {
    border-color: var(--custom-color-4) !important;
}

.border-color--custom-5 {
    border-color: var(--custom-color-5) !important;
}

.border-color--custom-6 {
    border-color: var(--custom-color-6) !important;
}

.border-color--custom-7 {
    border-color: var(--custom-color-7) !important;
}

.border-color--custom-8 {
    border-color: var(--custom-color-8) !important;
}

.border-color--white {
    border-color: var(--white) !important;
}

.border-color--grey-2 {
    border-color: var(--grey-2) !important;
}

.border-color--grey-4 {
    border-color: var(--grey-4) !important;
}

.border-color--grey-5 {
    border-color: var(--grey-5) !important;
}

.border-color--grey-6 {
    border-color: var(--grey-6) !important;
}

.border-color--black {
    border-color: var(--black) !important;
}

/*! Outline
   ========================================================================== */
.outline-color--dark {
    outline-color: var(--color-dark) !important;
}

.outline-color--light {
    outline-color: var(--color-light) !important;
}

.outline-color--contrast-1 {
    outline-color: var(--contrast-1) !important;
}

.outline-color--contrast-2 {
    outline-color: var(--contrast-2) !important;
}

.outline-color--custom-1 {
    outline-color: var(--custom-color-1) !important;
}

.outline-color--custom-2 {
    outline-color: var(--custom-color-2) !important;
}

.outline-color--custom-3 {
    outline-color: var(--custom-color-3) !important;
}

.outline-color--custom-4 {
    outline-color: var(--custom-color-4) !important;
}

.outline-color--custom-5 {
    outline-color: var(--custom-color-5) !important;
}

.outline-color--custom-6 {
    outline-color: var(--custom-color-6) !important;
}

.outline-color--custom-7 {
    outline-color: var(--custom-color-7) !important;
}

.outline-color--custom-8 {
    outline-color: var(--custom-color-8) !important;
}

.outline-color--white {
    outline-color: var(--white) !important;
}

.outline-color--grey-2 {
    outline-color: var(--grey-2) !important;
}

.outline-color--grey-4 {
    outline-color: var(--grey-4) !important;
}

.outline-color--grey-5 {
    outline-color: var(--grey-5) !important;
}

.outline-color--grey-6 {
    outline-color: var(--grey-6) !important;
}

.outline-color--black {
    outline-color: var(--black) !important;
}

/*! Fill
   ========================================================================== */
.fill-color--dark {
    fill: var(--color-dark) !important;
}

.fill-color--light {
    fill: var(--color-light) !important;
}

.fill-color--contrast-1 {
    fill: var(--contrast-1) !important;
}

.fill-color--contrast-2 {
    fill: var(--contrast-2) !important;
}

.fill-color--custom-1 {
    fill: var(--custom-color-1) !important;
}

.fill-color--custom-2 {
    fill: var(--custom-color-2) !important;
}

.fill-color--custom-contrast-1 {
    fill: var(--custom-contrast-1) !important;
}

.fill-color--custom-contrast-2 {
    fill: var(--custom-contrast-2) !important;
}

.fill--custom-3 {
    fill: var(--custom-color-3) !important;
}

.fill--custom-4 {
    fill: var(--custom-color-4) !important;
}

.fill--custom-5 {
    fill: var(--custom-color-5) !important;
}

.fill--custom-6 {
    fill: var(--custom-color-6) !important;
}

.fill--custom-7 {
    fill: var(--custom-color-7) !important;
}

.fill--custom-8 {
    fill: var(--custom-color-8) !important;
}

.fill-color--white {
    fill: var(--white) !important;
}

.fill-color--grey-2 {
    fill: var(--grey-2) !important;
}

.fill-color--grey-4 {
    fill: var(--grey-4) !important;
}

.fill-color--grey-5 {
    fill: var(--grey-5) !important;
}

.fill-color--grey-6 {
    fill: var(--grey-6) !important;
}

.fill-color--black {
    fill: var(--black) !important;
}