body {
  margin: 0;
  position: relative;
 }

.node--view-mode-full {
  margin: 0 auto;
}

 /* ========== Navbar ========== */

.nomads-navbar {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  max-width: 100vw;
  height: 60px;
}
.nomads-navbar__inner {
  box-sizing: border-box;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  height: 60px;
}

/* ========= region title ========= */

section.region-title {
  padding: 0;
}
section.region-title #block-nomads-primary-local-tasks {
 text-align: right;
 height: 50px;
}

/* ========= Admin tweak ========= */
.toolbar-horizontal .region-title #block-nomads-primary-local-tasks {
  margin-right: 50px;
}

/* ========= region content ========= */

.region-content {
  min-height: 500px;
  max-width: 100vw;
  max-width: 100%;
  padding: 0;
  margin-bottom: 50px;
}
@media (max-width: 960px) {
  .region-content {
    overflow: hidden;
  }
}

.page-node-type-page section.region-content {
  margin-bottom: 50px;
}
.page-node-type-listing section.region-content {
  padding-left: 2vw;
  padding-right: 2vw;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 50px;
}
.page-node-type-resource section.region-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 50px;
}
.region.region-content > div > form {
  padding-left: 3vw;
  padding-right: 3vw;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 50px;
}
.page-node-type-tutorial section.region-content {
  margin-left: 2vw;
  margin-right: 6vw;
  margin-bottom: 50px;
}
.page-node-type-page section.region-content {
  margin-left: 2vw;
  margin-right: 2vw;
  margin-bottom: 50px;
}
.page-node-type-feature section.region-content {
  margin-left: 4vw;
  margin-right: 4vw;
  margin-bottom: 50px;
}
.page-node-type-presentation section.region-content {
  margin-left: 4vw;
  margin-right: 4vw;
  margin-bottom: 50px;
}
.page-node-type-landing-page section.region-content {
  margin-bottom: 50px;
}
.page-node-type-landing-page section.region-content .node__content,
.page-node-type-landing-page section.region-content .node__content > .field__items,
.page-node-type-landing-page section.region-content .node__content > .field__items > .field__item {
    max-width: 100vw;
}
.page-node-type-landing-page .paragraph--type--view {

}
.path-list section.region-content,
.path-cal section.region-content {
  margin-left: 2vw;
  margin-right: 2vw;
  margin-bottom: 50px;
}


.nomads-inner {
  width: 100%;
}

#teaser_grid { 
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.path-list .page-node-type-page section.region-content {
  margin-left: 2vw;
  margin-right: 2vw;
  margin-bottom: 50px;
}

/* =============================================
  Region content speccials
================================================ */

section .region-content {
  display: flex;
  flex-direction: column;
  gap: 80px;
  width: 100%;
}


/* ===========================================
  Node content
============================================== */

.node--view-mode-full > .node__content {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 100%;
}

/* ========== Paragraphs ========== */

.node--view-mode-full .node__content > .field--name-field-paragraphs > * + * {
  margin-top: 50px;
}



/* ========= region button ========= */

section.region-bottom {
  padding: 32px 0;
}


/* ========= region footer ========= */

section.region-footer {
  padding: 10px 0;
}








/* ========== Landing page ========== */



/* ========= Timeline ======== */

.timeline,
.slim-page {
  max-width: 960px;
  margin: 0 auto;
}

.timeline .paragraph--type--story {
  display: grid;
  grid-template-columns:  360px minmax(0, 1fr);
  grid-template-areas:
    "image title"
    "image date"
    "image body";
  column-gap: 48px;
  row-gap: 0;
  align-items: start;
  grid-template-rows: auto auto 1fr;
}
.timeline .paragraph--type--story .field--name-field-title {
  grid-area: title;
  margin: 0;
}

.timeline .paragraph--type--story .field--name-field-background-title {
  grid-area: date;
  margin-top: -27px;
}

.timeline .paragraph--type--story .field--name-field-body {
  grid-area: body;
}
.timeline .paragraph--type--story > .swiper-container,
.timeline .paragraph--type--story [id^="paragraph-story-"][id$="-field-images"] {
  grid-area: image;
  width: 100%;
  max-width: 360px;
  justify-self: end;
  align-self: start;
}
/* story without images should collapse to text only */
.timeline .paragraph--type--story:not(:has(.swiper-container)) {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "title"
    "date"
    "body";
}
@media (max-width: 1200px) {
  .timeline .paragraph--type--story {
    grid-template-columns: minmax(0, 1fr) 300px;
    column-gap: 36px;
  }
  .timeline .paragraph--type--story > .swiper-container,
  .timeline .paragraph--type--story [id^="paragraph-story-"][id$="-field-images"] {
    max-width: 300px;
  }
}

@media (max-width: 900px) {
  .timeline > .node__content {
    gap: 28px;
  }
  .timeline .field--name-field-paragraphs {
    gap: 44px;
  }
  .timeline .paragraph--type--story,
  .timeline .paragraph--type--story:not(:has(.swiper-container)) {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "date"
      "image"
      "body";
    row-gap: 14px;
  }

  .timeline .paragraph--type--story > .swiper-container,
  .timeline .paragraph--type--story [id^="paragraph-story-"][id$="-field-images"] {
    max-width: 100%;
    justify-self: stretch;
  }

  .timeline .paragraph--type--story .field--name-field-body {
    max-width: none;
  }
}




.dashboard .region-content,
.dashboard .nomads-inner  {
  width: 100% !important;
  max-width: none !important;
}