:root {
    --desk-container-mode: fluid;
    --desk-fixed-max-width: 1330px;
    --desk-fluid-max-width: 100%;
    --desk-fluid-max-width-sm: 100%;
    --desk-fluid-max-width-md: 100%;
    --desk-fluid-max-width-lg: 100%;
    --desk-fluid-max-width-xl: 100%;
    --desk-fluid-max-width-xxl: 100%;
    --desk-left-width: 300px;
    --desk-right-width: 300px;
    --desk-sidebar-left-bg: #fff;
    --desk-sidebar-right-bg: #fff;
    --desk-sidebar-left-edge-bg: #000;
    --desk-sidebar-right-edge-bg: #000;
    --desk-sidebar-font-size: 14px;
    --desk-sidebar-font-family: 'open sans', sans-serif;
    --desk-sidebar-font-weight: 500;
    --desk-sidebar-color: #555;
    --desk-sidebar-active-color: blue;
    --desk-sidebar-padding-y: 15px;
    --desk-sidebar-left-padding-x: 15px;
    --desk-sidebar-right-padding-x: 15px;
    --desk-sidebar-block-gap: 1rem;
    --desk-content-headline-font-family: Lato;
    --desk-content-headline-color: darkblue;
    --desk-content-subheadline-font-family: Raleway;
    --desk-content-subheadline-color: darkblue;
    --desk-card-title-color: blue;
    --desk-content-padding-y: 1rem;
    --desk-content-padding-x: 1rem;
    --desk-inner-footer-bg: #555;
    --desk-inner-footer-font-size: 14px;
    --desk-inner-footer-text-color: #dadada;
    --desk-outer-footer-bg: #fff;
    --desk-outer-footer-font-size: 14px;
    --desk-outer-footer-text-color: #555;
    --bs-body-font-family: Lato, sans-serif;
    --bs-body-font-size: 14px;
    --bs-body-font-weight: 300;
    --bs-body-line-height: 1.5rem;
    --bs-border-color-translucent: #555;
    --bs-link-color: green;
    --bs-link-decoration: none;
    --bs-link-hover-color: blue;
    --bs-link-hover-decoration: underline;
    --desk-fluid-max-width-active: var(--desk-fluid-max-width, none);
}

@media (min-width: 576px) {
  :root {
    --desk-fluid-max-width-active: var(--desk-fluid-max-width-sm, var(--desk-fluid-max-width, none));
  }
}

@media (min-width: 768px) {
  :root {
    --desk-fluid-max-width-active: var(--desk-fluid-max-width-md, var(--desk-fluid-max-width-sm, var(--desk-fluid-max-width, none)));
  }
}

@media (min-width: 992px) {
  :root {
    --desk-fluid-max-width-active: var(--desk-fluid-max-width-lg, var(--desk-fluid-max-width-md, var(--desk-fluid-max-width-sm, var(--desk-fluid-max-width, none))));
  }
}

@media (min-width: 1200px) {
  :root {
    --desk-fluid-max-width-active: var(--desk-fluid-max-width-xl, var(--desk-fluid-max-width-lg, var(--desk-fluid-max-width-md, var(--desk-fluid-max-width-sm, var(--desk-fluid-max-width, none)))));
  }
}

@media (min-width: 1400px) {
  :root {
    --desk-fluid-max-width-active: var(--desk-fluid-max-width-xxl, var(--desk-fluid-max-width-xl, var(--desk-fluid-max-width-lg, var(--desk-fluid-max-width-md, var(--desk-fluid-max-width-sm, var(--desk-fluid-max-width, none))))));
  }
}