:root {
  --menu-breakpoint: 1200px;
}

html,
body,
.dialog-off-canvas-main-canvas {
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

.dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
}

.region-nav-main,
.region-highlighted,
.region-search-form,
.region-content-top,
.region-float,
.header-inside,
.main-inside,
.footer-inside {
  max-width: var(--max-container-page-width, 120rem);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.main-inside {
  padding-left: 1rem;
  padding-right: 1rem;
}

.row {
  margin-left: auto;
  margin-right: auto;
}

.sidebar-left {
  padding-left: 0;
}

.sidebar-right {
  padding-right: 0;
}
@media (max-width: 1199.98px) {
  .sidebar-right {
    padding: 1rem;
  }
}
@media (min-width: 1200px) {
  .sidebar-right {
    padding-right: var(--base-gutter-x);
    padding-left: var(--base-gutter-x);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}

.block-system-main-block {
  margin-bottom: 1rem;
  width: 100%;
}

.region-float {
  width: 100%;
}