/* JACKAL React page integration for WordPress/WPBakery */
body.jackal-react-page {
  margin: 0 !important;
  background: #06060b !important;
}

/* Hide the active WordPress theme header/title on JACKAL shortcode pages. */
body.jackal-react-page #masthead,
body.jackal-react-page .site-header,
body.jackal-react-page header.wp-block-template-part,
body.jackal-react-page .wp-site-blocks > header,
body.jackal-react-page .entry-header,
body.jackal-react-page .wp-block-post-title,
body.jackal-react-page .page-header {
  display: none !important;
}

/* Remove WPBakery/theme width restrictions around the app. */
body.jackal-react-page main,
body.jackal-react-page .site-main,
body.jackal-react-page .entry-content,
body.jackal-react-page .wp-block-post-content,
body.jackal-react-page .vc_row,
body.jackal-react-page .vc_column_container,
body.jackal-react-page .vc_column-inner,
body.jackal-react-page .wpb_content_element,
body.jackal-react-page .wpb_wrapper {
  max-width: none !important;
}

body.jackal-react-page .vc_row,
body.jackal-react-page .vc_column_container,
body.jackal-react-page .vc_column-inner,
body.jackal-react-page .wpb_content_element,
body.jackal-react-page .wpb_wrapper {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.jackal-react-shell {
  width: 100vw !important;
  max-width: none !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
  overflow-x: clip !important;
  background: #06060b !important;
  min-height: 100vh;
}

/* Keep React navbar below the WP admin bar while logged in. */
body.admin-bar #root .navbar {
  top: 32px !important;
}
@media (max-width: 782px) {
  body.admin-bar #root .navbar {
    top: 46px !important;
  }
}