/* ===== NAV: non-TOP pages always have background ===== */
.nav {
  background: rgba(2, 12, 31, .92) !important;
  backdrop-filter: blur(20px) saturate(1.4) !important;
  border-color: rgba(255, 255, 255, .06) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.4) !important;
}

/* Hide SWELL default header/footer only on custom template pages */
.page-template-page-about .l-header,
.page-template-page-about .l-fixHeader,
.page-template-page-about .l-footer,
.page-template-page-news .l-header,
.page-template-page-news .l-fixHeader,
.page-template-page-news .l-footer,
.page-template-page-column .l-header,
.page-template-page-column .l-fixHeader,
.page-template-page-column .l-footer,
.page-template-page-contact .l-header,
.page-template-page-contact .l-fixHeader,
.page-template-page-contact .l-footer {
  display: none !important;
}

/* SWELL layout reset only on custom template pages */
.page-template-page-about,
.page-template-page-news,
.page-template-page-column,
.page-template-page-contact {
  background: #c8d0dc !important;
}
.page-template-page-about .l-content,
.page-template-page-about .l-mainContent,
.page-template-page-about .post_content,
.page-template-page-news .l-content,
.page-template-page-news .l-mainContent,
.page-template-page-news .post_content,
.page-template-page-column .l-content,
.page-template-page-column .l-mainContent,
.page-template-page-column .post_content,
.page-template-page-contact .l-content,
.page-template-page-contact .l-mainContent,
.page-template-page-contact .post_content {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
.page-template-page-about .c-pageTitle,
.page-template-page-about .p-breadcrumb,
.page-template-page-about .l-topTitleArea,
.page-template-page-news .c-pageTitle,
.page-template-page-news .p-breadcrumb,
.page-template-page-news .l-topTitleArea,
.page-template-page-column .c-pageTitle,
.page-template-page-column .p-breadcrumb,
.page-template-page-column .l-topTitleArea,
.page-template-page-contact .c-pageTitle,
.page-template-page-contact .p-breadcrumb,
.page-template-page-contact .l-topTitleArea {
  display: none !important;
}

/* Canvas visible */
#three-canvas {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: block !important;
}