body.optex-3d-active {
  margin: 0;
}

body.optex-3d-active .site-header,
body.optex-3d-active header.site-header,
body.optex-3d-active #masthead,
body.optex-3d-active .site-footer,
body.optex-3d-active footer.site-footer,
body.optex-3d-active #colophon {
  display: none !important;
}

body.optex-3d-active .entry-content,
body.optex-3d-active .entry-content > *,
body.optex-3d-active .site-content,
body.optex-3d-active #content,
body.optex-3d-active .content-area,
body.optex-3d-active .wp-site-blocks,
body.optex-3d-active .wp-block-post-content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.optex-3d-active #optex-3d-root {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
}

body.optex-3d-header {
  padding-top: calc(88px + 2cm);
}

body.optex-3d-header > header.wp-block-template-part,
body.optex-3d-header > footer.wp-block-template-part,
body.optex-3d-header .wp-site-blocks > header.wp-block-template-part,
body.optex-3d-header .wp-site-blocks > footer.wp-block-template-part {
  display: none !important;
}

body.optex-3d-header #optex-3d-header .mm-bar {
  padding-top: calc(0.85rem + 2cm) !important;
}

@media (max-width: 1024px) {
  body.optex-3d-header {
    padding-top: calc(76px + 32px);
  }

  body.optex-3d-header #optex-3d-header .mm-bar {
    padding-top: calc(0.85rem + 32px) !important;
  }
}

@media (max-width: 782px) {
  body.admin-bar.optex-3d-header {
    padding-top: calc(76px + 46px);
  }

  body.admin-bar.optex-3d-header #optex-3d-header .mm-bar {
    padding-top: calc(0.85rem + 46px) !important;
  }
}