@media all {
    :root {
        
        /* ###### Defining colors ###### */
        /* Text color */
        --dw-text-light-rgb: 255, 255, 255;
        --dw-text-light:
        rgb(var(--dw-text-light-rgb));
        --dw-text-dark-rgb: 51, 51, 51;
        --dw-text-dark:
        rgb(var(--dw-text-dark-rgb));
        --dw-text-alt-rgb: 107, 98, 86;
        --dw-text-alt:
        rgb(var(--dw-text-alt-rgb));

        /* Primary color */
        --dw-primary-rgb: 38, 52, 140;
        --dw-primary:
        rgb(var(--dw-primary-rgb));
        --dw-primary-rgb-hover: 18, 27, 89;
        --dw-primary-hover:
        rgb(var(--dw-primary-rgb-hover));

        /* Secondary color */
        --dw-secondary-rgb: 198, 178, 151;
        --dw-secondary:
        rgb(var(--dw-secondary-rgb));
        --dw-secondary-rgb-hover: 130, 110, 85;
        --dw-secondary-hover:
        rgb(var(--dw-secondary-rgb-hover));

        /* Background colors */
        --dw-background-light-rgb: 243, 243, 242;
        --dw-background-light: rgb(var(--dw-background-light-rgb));
        --dw-background-dark-rgb: 198, 178, 151;
        --dw-background-dark:rgb(var(--dw-background-dark-rgb));
        --dw-background-beige-rgb: 247, 244, 240;
        --dw-background-beige:rgb(var(--dw-background-beige-rgb));
        --dw-background-footer-rgb: 220, 219, 218;
        --dw-background-footer:rgb(var(--dw-background-footer-rgb));

        /* Redifine bs-variables color */
        /* Primary color */
        --bs-primary-rgb:
        var(--dw-primary-rgb);
        --bs-primary:
        var(--dw-primary);
        --bs-primary-rgb-hover:
        var(--dw-primary-rgb-hover);
        --bs-primary-hover:
        var(--dw-primary-hover);

        /* Secondary color */
        --bs-secondary-rgb:
        var(--dw-secondary-rgb);
        --bs-secondary:
        var(--dw-secondary);
        --bs-secondary-rgb-hover:
        var(--dw-secondary-rgb-hover);
        --bs-secondary-hover:
        var(--dw-secondary-hover);

        /* Link color */
        --bs-link-color:
        var(--dw-primary);
        --bs-link-hover-color:
        var(--dw-primary-hover);

        --ce-color-fg:
        rgb(51, 51, 52);
        --ce-color-bg:
        var(--bs-text-light);
        --ce-color-link:
        var(--dw-primary);
        --ce-spacer:
        calc(1rem * 2.5);
        --ce-spacer-inner:
        calc(1rem * 1.25);

        --bs-font-sans-serif: Roboto, sans-serif;
        --bs-body-font-size:
        clamp(1rem, 0.9444444444444444rem + 0.1851851851851852vw, 1.125rem);
        
        --dw-transition-default: all .15s ease-in-out;
        
        --scrollbar-width: 0px;
    }

    /* ###### Defining navigation ###### */
    .navbar {
        --bs-navbar-color: var(--dw-text-dark);
        --bs-navbar-hover-color: var(--dw-primary);
        --bs-navbar-active-color: var(--dw-primary);
    }

    /* ###### Defining ce-elements ###### */
    .ce-element a:not(.btn) {
        color: var(--bs-primary);
    }

    .ce-element {
        --ce-layout-box-shadow: 0 0 1.25rem
        rgba(0, 0, 0, 0.125);
        --ce-layout-box-padding: var(--page-spacer);
        --ce-slider-padding:
        var(--ce-layout-box-padding);
    }

    /* Layout */
    .ce-layout-box {
        --ce-color-fg:
        rgb(51, 51, 52);
        --ce-color-bg:
        rgba(255, 255, 255);
        --ce-color-link:
        var(--bs-primary);
        min-height: calc(100% - var(--ce-spacer, 1rem));
        display: flex;
        flex-direction: column;
    }

    .ce-layout-box.ce-frame-inverted {
        --ce-color-fg: rgb(255, 255, 255);
        --ce-color-bg: var(--dw-background-dark);
        --ce-color-link: rgb(184, 15, 34);
    }

    /* Frame class */
    .ce-frame-inverted {
        --ce-color-fg: var(--ce-frame-inverted-color, rgb(255, 255, 255));
        --ce-color-bg: var(--ce-frame-inverted-bg, rgb(102, 102, 102));
        --ce-color-link: var(--ce-frame-inverted-color, rgb(255, 255, 255));
    }

    /* ###### Defining buttons ###### */
    .btn-primary, 
    .btn-secondary {
        --bs-btn-disabled-color: var(--dw-text-light);
        --bs-btn-disabled-bg: var(--bs-grey);
        --bs-btn-disabled-border-color: var(--bs-grey);
    }

    .btn-primary {
        --bs-btn-color: var(--dw-text-light);
        --bs-btn-bg: var(--bs-primary);
        --bs-btn-border-color: var(--bs-primary);
        --bs-btn-hover-color: var(--dw-text-light);
        --bs-btn-hover-bg: var(--bs-primary-hover);
        --bs-btn-hover-border-color: var(--bs-primary-hover);
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-active-color: var(--dw-text-light);
        --bs-btn-active-bg: var(--bs-primary-hover);
        --bs-btn-active-border-color: var(--bs-primary-hover);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn-secondary {
        --bs-btn-color: var(--dw-text-dark);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: var(--dw-text-dark);
        --bs-btn-hover-color: var(--dw-text-light);
        --bs-btn-hover-bg: var(--bs-secondary-hover);
        --bs-btn-hover-bg: var(--dw-primary);
        --bs-btn-hover-border-color: var(--bs-secondary-hover);
        --bs-btn-hover-border-color: var(--dw-primary);
        --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
        --bs-btn-active-color: var(--dw-text-light);
        --bs-btn-active-bg: var(--bs-secondary-hover);
        --bs-btn-active-border-color: var(--bs-secondary-hover);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    
    .ce-frame-inverted .btn-secondary {
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: var(--bs-white);
    }

    .page,
    .row {
        --bs-gutter-x: 1.25rem;
        /*! --bs-gutter-y: 1.25rem; */
    }

    .btn {
        --bs-btn-border-width:2px;
    }

}


@media all {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100.125rem;
    }    

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        --bs-gutter-x: inherit;
        --bs-gutter-y: inherit;
        padding-right:var(--bs-gutter-x);
        padding-left: var(--bs-gutter-x);
    }

    .ce-grid-fullwidth-bg .container,
    .ce-grid-fullwidth-bg .container-fluid,
    .ce-grid-fullwidth-bg .container-lg,
    .ce-grid-fullwidth-bg .container-md,
    .ce-grid-fullwidth-bg .container-sm,
    .ce-grid-fullwidth-bg .container-xl,
    .ce-grid-fullwidth-bg .container-xxl {
        padding-right:var(--page-spacer);
        padding-left: var(--page-spacer);
    }

    .preheader {
        margin-bottom: var(--ce-spacer-inner);
    }

    .page-stage-content-desktop {
        display: none;
    }

}

@media (min-width: 30rem) {
    .page,
    .row {
        --bs-gutter-x: 1rem
    }

    .ce-element {
        --ce-slider-padding: 1.25rem;
    }
}

@media (min-width: 48rem) {
    :root {
        --ce-spacer: calc(1rem * 2.25)
    }

    .page,
    .row {
        --bs-gutter-x: 1.875rem;
    }

    .ce-element {
        --ce-layout-box-padding: 1.875rem;
    }

    .page-stage-content-mobile {
        display: none;
    }

    .page-stage-content-desktop {
        display: unset;
    }
}

@media (min-width: 62rem) {
    :root {
        --ce-spacer: calc(1rem * 3)
    }

    .page,
    .row {
        /* --bs-gutter-x: 3rem; */
    }
}

@media (min-width: 87.5rem) {
    
    :root {
        --ce-spacer: calc(1rem * 5)
    }
    
}

@media (min-width: 120rem) {
    
    :root {
        --ce-spacer: calc(1rem * 6.125)
    }
    
}