/**
 * @file
 * sass/layout.scss
 *
 * CSS rules that layout a page.
 */
.page-node-type-customer:not(.node-edit-form) .region-content > .layout-region #block-wellspect-theme-content {
  margin-bottom: 2.625rem;
}

.page-node-type-customer:not(.node-edit-form) .region-content > .layout-region #block-views-block-plans-block-1 {
  margin-bottom: 2.625rem;
}

@media (min-width: 801px) {
  .page-node-type-customer:not(.node-edit-form) .region-content > .layout-region {
    display: grid;
    grid-template-columns: 40% auto;
    grid-column-gap: 1.3125rem;
    grid-template-areas: "messages messages" "breadcrumbs breadcrumbs" "page-title page-title" "local-tasks local-tasks" "help help" "local-actions local-actions" "content plans" "content orders";
  }
  .page-node-type-customer:not(.node-edit-form) .region-content > .layout-region .messages {
    grid-column: messages;
  }
  .page-node-type-customer:not(.node-edit-form) .region-content > .layout-region #block-wellspect-theme-page-title {
    grid-area: page-title;
  }
  .page-node-type-customer:not(.node-edit-form) .region-content > .layout-region #block-wellspect-theme-content {
    grid-area: content;
    margin-bottom: 0;
  }
  .page-node-type-customer:not(.node-edit-form) .region-content > .layout-region #block-views-block-plans-block-1 {
    grid-area: plans;
  }
  .page-node-type-customer:not(.node-edit-form) .region-content > .layout-region #block-views-block-orders-block-1 {
    grid-area: orders;
  }
}

.layout-container {
  margin: 0;
}

.region-footer,
.region-secondary-menu,
.layout-header-bottom,
.region-help,
.main-canvas > main {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.layout-content {
  margin-bottom: 2.625rem;
}

.region-content {
  padding: 15px;
}

.block > h2 {
  margin-top: 0;
}

.maintenance-page header {
  display: none;
}

.maintenance-page main {
  margin-left: 1.3125rem;
  margin-right: 1.3125rem;
}

@media (min-width: 801px) {
  #off-canvas-checkbox,
  #off-canvas-label,
  .off-canvas {
    display: none;
  }
  .off-canvas-hidden {
    display: block;
  }
}

@media (max-width: 800px) {
  .layout-container {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  #off-canvas-checkbox {
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #off-canvas-label {
    display: block;
    position: fixed;
    right: 0;
    z-index: 501;
    width: 60px;
    height: 60px;
    padding: 10px;
    //background-position: 10px 10px;
	background-position: 14px 2px;
    background-size: 44px 44px;
    background-repeat: no-repeat;
	background-image: url("../images/menu-val.png");
    //background-image: url("../images/menu.png");
    //background-image: url("../images/menu.svg");
    cursor: pointer;
    transition: right 0.4s;
  }
  .off-canvas {
    display: block;
    position: fixed;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    right: -80%;
    width: 80%;
    transition: right 0.4s;
  }
}

@media (max-width: 800px) and (min-width: 525px) {
  .off-canvas {
    right: -20rem;
    width: 20rem;
  }
}

@media (max-width: 800px) and (min-width: 801px) {
  .off-canvas {
    right: -20rem;
    width: 20rem;
  }
}

@media (max-width: 800px) and (min-width: 1025px) {
  .off-canvas {
    right: -20rem;
    width: 20rem;
  }
}

@media (max-width: 800px) {
  .off-canvas-hidden {
    display: none;
  }
  .main-canvas {
    position: absolute;
    right: 0;
    width: 100%;
    height: auto;
    overflow: visible;
    transition: right 0.4s;
  }
  .main-canvas > header {
    position: fixed;
    z-index: 500;
    height: 60px;
  }
  .main-canvas > .region-help {
    margin-top: 64px;
  }
  #off-canvas-checkbox:checked ~ .main-canvas {
    position: fixed;
    height: 100%;
    overflow: hidden;
  }
  #off-canvas-checkbox:checked ~ .main-canvas .page-header {
    position: static;
  }
  #off-canvas-checkbox:checked ~ .main-canvas .page-content {
    margin-top: 0;
  }
  #off-canvas-checkbox:checked ~ #off-canvas-label,
  #off-canvas-checkbox:checked ~ .main-canvas {
    right: 80%;
  }
}

@media (max-width: 800px) and (min-width: 525px) {
  #off-canvas-checkbox:checked ~ #off-canvas-label,
  #off-canvas-checkbox:checked ~ .main-canvas {
    right: 20rem;
  }
}

@media (max-width: 800px) and (min-width: 801px) {
  #off-canvas-checkbox:checked ~ #off-canvas-label,
  #off-canvas-checkbox:checked ~ .main-canvas {
    right: 20rem;
  }
}

@media (max-width: 800px) and (min-width: 1025px) {
  #off-canvas-checkbox:checked ~ #off-canvas-label,
  #off-canvas-checkbox:checked ~ .main-canvas {
    right: 20rem;
  }
}

@media (max-width: 800px) {
  #off-canvas-checkbox:checked ~ .off-canvas {
    right: 0;
  }
}

.paragraphs-form-wrapper,
.paragraphs-subform {
  display: flex;
  flex-wrap: wrap;
}

.paragraphs-form-wrapper > div:nth-of-type(1),
.paragraphs-subform > div:nth-of-type(1) {
  flex: auto;
}

.paragraphs-form-wrapper > div,
.paragraphs-subform > div {
  margin-right: 0.65625rem;
  margin-bottom: 0.32812rem;
}

.paragraphs-form-wrapper > div:last-child,
.paragraphs-subform > div:last-child {
  margin-right: 0;
}

@media (min-width: 801px) {
  .paragraphs-form-wrapper,
  .paragraphs-subform {
    flex-wrap: nowrap;
  }
}

.paragraphs-form-wrapper {
  align-items: center;
}

/*# sourceMappingURL=layout.css.map */