body {
    margin: 0;
    font-family: "alineale_sans", "arial", "helvetica", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.15;
    color: #333d28;
    text-align: left;
    background-color: #ffffff;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.region .experience-component {
    position: inherit;
    left: inherit;
    right: inherit;
}

.region_landscape-large:before,
.region_square:before,
.region_landscape-small:before,
.region_portrait-small:before  {
    padding: 0;
}

.experience-layouts-rows2 .region,
.experience-layouts-rows3 .region,
.experience-layouts-rows4 .region,
.experience-layouts-rows5 .region,
.experience-layouts-rows6 .region {
    margin-bottom: 0;
}

.experience-columncustom1,
.experience-columncustom2,
.experience-columncustom3,
.experience-columncustom4 {
    height: 100%;
    position: relative;
}

.full-width {
    width: calc(100vw);
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(-50vw);
    margin-right: -50vw;
}
.page-designer-reference h1,
.page-designer-reference h2,
.page-designer-reference h3,
.page-designer-reference h4 {
    text-transform: inherit;
}

.page-designer-reference .row {
    margin-left: 0;
    margin-right: 0;
    justify-content: center;
}

.page-designer-reference a {
    color: inherit;
    text-decoration: inherit;
}

.page-designer-reference a:hover {
    color: inherit;
}

.image-component {
    width: 100%;
}

.image-component img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--focal-point-x) var(--focal-point-y);
}

.border-radius {
    border-radius: 1rem;
}

.typo-sans-serif {
    font-family: 'alineale_sans';
}

.typo-serif {
    font-family: 'DM Serif Display';
}

.image-bg {
    height: 100vh;
    overflow: hidden;
}

@media (min-width: 768px) {
    .col-gap-10 [class*="col-"],
    .col-gap-20 [class*="col-"],
    .col-gap-30 [class*="col-"],
    .col-gap-40 [class*="col-"] {
        max-width: inherit;
    }
}

@media (max-width: 768px) {
    .container {
        padding-top: 3rem;
    }

    /**** PADDING-TOP ****/
    .sm-pt-0 {
        padding-top: 0;
    }

    .sm-pt-10 {
        padding-top: 1rem;
    }

    .sm-pt-20 {
        padding-top: 2rem;
    }

    .sm-pt-30 {
        padding-top: 3rem;
    }

    .sm-pt-40 {
        padding-top: 4rem;
    }

    .sm-pt-50 {
        padding-top: 5rem;
    }

    .sm-pt-60 {
        padding-top: 6rem;
    }

    .sm-pt-70 {
        padding-top: 7rem;
    }

    .sm-pt-80 {
        padding-top: 8rem;
    }

    .sm-pt-90 {
        padding-top: 9rem;
    }

    .sm-pt-100 {
        padding-top: 10rem;
    }

    /**** PADDING-RIGHT ****/
    .sm-pr-0 {
        padding-right: 0;
    }

    .sm-pr-10 {
        padding-right: 1rem;
    }

    .sm-pr-20 {
        padding-right: 2rem;
    }

    .sm-pr-30 {
        padding-right: 3rem;
    }

    .sm-pr-40 {
        padding-right: 4rem;
    }

    .sm-pr-50 {
        padding-right: 5rem;
    }

    .sm-pr-60 {
        padding-right: 6rem;
    }

    .sm-pr-70 {
        padding-right: 7rem;
    }

    .sm-pr-80 {
        padding-right: 8rem;
    }

    .sm-pr-90 {
        padding-right: 9rem;
    }

    .sm-pr-100 {
        padding-right: 10rem;
    }

    /**** PADDING-BOTTOM ****/
    .sm-pb-0 {
        padding-bottom: 0;
    }
    .sm-pb-10 {
        padding-bottom: 1rem;
    }
    .sm-pb-20 {
        padding-bottom: 2rem;
    }

    .sm-pb-30 {
        padding-bottom: 3rem;
    }

    .sm-pb-40 {
        padding-bottom: 4rem;
    }

    .sm-pb-50 {
        padding-bottom: 5rem;
    }

    .sm-pb-60 {
        padding-bottom: 6rem;
    }

    .sm-pb-70 {
        padding-bottom: 7rem;
    }

    .sm-pb-80 {
        padding-bottom: 8rem;
    }

    .sm-pb-90 {
        padding-bottom: 9rem;
    }

    .sm-pb-100 {
        padding-bottom: 10rem;
    }

    /**** PADDING-LEFT ****/
    .sm-pl-0 {
        padding-left: 0;
    }

    .sm-pl-10 {
        padding-left: 1rem;
    }

    .sm-pl-20 {
        padding-left: 2rem;
    }

    .sm-pl-30 {
        padding-left: 3rem;
    }

    .sm-pl-40 {
        padding-left: 4rem;
    }

    .sm-pl-50 {
        padding-left: 5rem;
    }

    .sm-pl-60 {
        padding-left: 6rem;
    }

    .sm-pl-70 {
        padding-left: 7rem;
    }

    .sm-pl-80 {
        padding-left: 8rem;
    }

    .sm-pl-90 {
        padding-left: 9rem;
    }

    .sm-pl-100 {
        padding-left: 10rem;
    }
}

@media (min-width: 769px) and (max-width: 1449px) {

    .page-designer-reference [class*="col-gap"] {
        flex-wrap: nowrap;
    }

    .width65 {
        width: 65%;
        margin: 0 auto;
    }

    .page-designer-reference .row.col-gap-10 {
        gap: 1rem;
    }

    .page-designer-reference .row.col-gap-20 {
        gap: 2rem;
    }

    .page-designer-reference .row.col-gap-30 {
        gap: 3rem;
    }

    .page-designer-reference .row.col-gap-40 {
        gap: 4rem;
    }

    /**** PADDING-TOP ****/
    .lg-pt-0 {
        padding-top: 0;
    }

    .lg-pt-10 {
        padding-top: 1rem;
    }

    .lg-pt-20 {
        padding-top: 2rem;
    }

    .lg-pt-30 {
        padding-top: 3rem;
    }

    .lg-pt-40 {
        padding-top: 4rem;
    }

    .lg-pt-50 {
        padding-top: 5rem;
    }

    .lg-pt-60 {
        padding-top: 6rem;
    }

    .lg-pt-70 {
        padding-top: 7rem;
    }

    .lg-pt-80 {
        padding-top: 8rem;
    }

    .lg-pt-90 {
        padding-top: 9rem;
    }

    .lg-pt-100 {
        padding-top: 10rem;
    }

    /**** PADDING-RIGHT ****/
    .lg-pr-0 {
        padding-right: 0;
    }

    .lg-pr-10 {
        padding-right: 1rem;
    }

    .lg-pr-20 {
        padding-right: 2rem;
    }

    .lg-pr-30 {
        padding-right: 3rem;
    }

    .lg-pr-40 {
        padding-right: 4rem;
    }

    .lg-pr-50 {
        padding-right: 5rem;
    }

    .lg-pr-60 {
        padding-right: 6rem;
    }

    .lg-pr-70 {
        padding-right: 7rem;
    }

    .lg-pr-80 {
        padding-right: 8rem;
    }

    .lg-pr-90 {
        padding-right: 9rem;
    }

    .lg-pr-100 {
        padding-right: 10rem;
    }

    /**** PADDING-BOTTOM ****/
    .lg-pb-0 {
        padding-bottom: 0;
    }

    .lg-pb-10 {
        padding-bottom: 1rem;
    }

    .lg-pb-20 {
        padding-bottom: 2rem;
    }

    .lg-pb-30 {
        padding-bottom: 3rem;
    }

    .lg-pb-40 {
        padding-bottom: 4rem;
    }

    .lg-pb-50 {
        padding-bottom: 5rem;
    }

    .lg-pb-60 {
        padding-bottom: 6rem;
    }

    .lg-pb-70 {
        padding-bottom: 7rem;
    }

    .lg-pb-80 {
        padding-bottom: 8rem;
    }

    .lg-pb-90 {
        padding-bottom: 9rem;
    }

    .lg-pb-100 {
        padding-bottom: 10rem;
    }

    /**** PADDING-LEFT ****/
    .lg-pl-0 {
        padding-left: 0;
    }

    .lg-pl-10 {
        padding-left: 1rem;
    }

    .lg-pl-20 {
        padding-left: 2rem;
    }

    .lg-pl-30 {
        padding-left: 3rem;
    }

    .lg-pl-40 {
        padding-left: 4rem;
    }

    .lg-pl-50 {
        padding-left: 5rem;
    }

    .lg-pl-60 {
        padding-left: 6rem;
    }

    .lg-pl-70 {
        padding-left: 7rem;
    }

    .lg-pl-80 {
        padding-left: 8rem;
    }

    .lg-pl-90 {
        padding-left: 9rem;
    }

    .lg-pl-100 {
        padding-left: 10rem;
    }
}

@media (min-width: 1450px) {

    .page-designer-reference [class*="col-xlg-gap-"] {
        flex-wrap: nowrap;
    }

    .page-designer-reference .row.col-xlg-gap-10 {
        gap: 1rem;
    }

    .page-designer-reference .row.col-xlg-gap-20 {
        gap: 2rem;
    }

    .page-designer-reference .row.col-xlg-gap-30 {
        gap: 3rem;
    }

    .page-designer-reference .row.col-xlg-gap-40 {
        gap: 4rem;
    }


    /**** LAYOUT COL WIDTH XLg ****/
    .page-designer-reference .col-xlg-1 {
        max-width: 8.33333%;
    }

    .page-designer-reference .col-xlg-2 {
        max-width: 16.66667%;
    }

    .page-designer-reference .col-xlg-3 {
        max-width: 25%;
    }

    .page-designer-reference .col-xlg-4 {
        max-width: 33.33333%;
    }

    .page-designer-reference .col-xlg-5 {
        max-width: 41.66667%;
    }

    .page-designer-reference .col-xlg-6 {
        max-width: 50%;
    }

    .page-designer-reference .col-xlg-7 {
        max-width: 58.33333%;
    }

    .page-designer-reference .col-xlg-8 {
        max-width: 66.66667%;
    }

    .page-designer-reference .col-xlg-9 {
        max-width: 75%;
    }

    .page-designer-reference .col-xlg-10 {
        max-width: 83.33333%;
    }

    .page-designer-reference .col-xlg-11 {
        max-width: 91.66667%;
    }

    .page-designer-reference .col-xlg-12 {
        max-width: 100%;
    }

    /**** PADDING-TOP ****/
    .xlg-pt-0 {
        padding-top: 0;
    }

    .xlg-pt-10 {
        padding-top: 1rem;
    }

    .xlg-pt-20 {
        padding-top: 2rem;
    }

    .xlg-pt-30 {
        padding-top: 3rem;
    }

    .xlg-pt-40 {
        padding-top: 4rem;
    }

    .xlg-pt-50 {
        padding-top: 5rem;
    }

    .xlg-pt-60 {
        padding-top: 6rem;
    }

    .xlg-pt-70 {
        padding-top: 7rem;
    }

    .xlg-pt-80 {
        padding-top: 8rem;
    }

    .xlg-pt-90 {
        padding-top: 9rem;
    }

    .xlg-pt-100 {
        padding-top: 10rem;
    }

    /**** PADDING-RIGHT ****/
    .xlg-pr-0 {
        padding-right: 0;
    }

    .xlg-pr-10 {
        padding-right: 1rem;
    }

    .xlg-pr-20 {
        padding-right: 2rem;
    }

    .xlg-pr-30 {
        padding-right: 3rem;
    }

    .xlg-pr-40 {
        padding-right: 4rem;
    }

    .xlg-pr-50 {
        padding-right: 5rem;
    }

    .xlg-pr-60 {
        padding-right: 6rem;
    }

    .xlg-pr-70 {
        padding-right: 7rem;
    }

    .xlg-pr-80 {
        padding-right: 8rem;
    }

    .xlg-pr-90 {
        padding-right: 9rem;
    }

    .xlg-pr-100 {
        padding-right: 10rem;
    }

    /**** PADDING-BOTTOM ****/
    .xlg-pb-0 {
        padding-bottom: 0;
    }

    .xlg-pb-10 {
        padding-bottom: 1rem;
    }

    .xlg-pb-20 {
        padding-bottom: 2rem;
    }

    .xlg-pb-30 {
        padding-bottom: 3rem;
    }

    .xlg-pb-40 {
        padding-bottom: 4rem;
    }

    .xlg-pb-50 {
        padding-bottom: 5rem;
    }

    .xlg-pb-60 {
        padding-bottom: 6rem;
    }

    .xlg-pb-70 {
        padding-bottom: 7rem;
    }

    .xlg-pb-80 {
        padding-bottom: 8rem;
    }

    .xlg-pb-90 {
        padding-bottom: 9rem;
    }

    .xlg-pb-100 {
        padding-bottom: 10rem;
    }

    /**** PADDING-LEFT ****/
    .xlg-pl-0 {
        padding-left: 0;
    }

    .xlg-pl-10 {
        padding-left: 1rem;
    }

    .xlg-pl-20 {
        padding-left: 2rem;
    }

    .xlg-pl-30 {
        padding-left: 3rem;
    }

    .xlg-pl-40 {
        padding-left: 4rem;
    }

    .xlg-pl-50 {
        padding-left: 5rem;
    }

    .xlg-pl-60 {
        padding-left: 6rem;
    }

    .xlg-pl-70 {
        padding-left: 7rem;
    }

    .xlg-pl-80 {
        padding-left: 8rem;
    }

    .xlg-pl-90 {
        padding-left: 9rem;
    }

    .xlg-pl-100 {
        padding-left: 10rem;
    }
}

@media (min-width: 768px) {
    .page-designer-reference [class*="col-"] {
        flex: auto;
    }
}