/*
Theme Name: NDIS Provider Blog Header Footer Child
Theme URI: https://ndisproviderwebdesigns.com.au/
Description: Hello Elementor child theme for /blogs/. Uses the main PHP website head assets, header and footer while keeping blog content in WordPress.
Author: NDIS Provider Web Designs
Template: hello-elementor
Version: 5.0.0
Text Domain: ndis-provider-blog-header-child
*/

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
  box-sizing: inherit;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body.ndis-wp-blog-page {
  margin: 0;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

img,
svg,
video,
canvas {
  height: auto;
}

/* Keep WordPress/Elementor content responsive without changing its design. */
.site-main,
.page-content,
.entry-content,
.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget,
.elementor-widget-container,
.e-con,
.e-con-inner {
  max-width: 100%;
}

/*
 * Main-site footer bridge.
 * The PHP footer was designed relative to the main-site viewport. WordPress/
 * Elementor can otherwise make it inherit the blog content width, which is
 * why the left column appears clipped/squeezed. Break the shared footer back
 * out to the full browser viewport without touching the WordPress content.
 */
.npwd-main-footer-bridge {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: visible !important;
  clear: both !important;
}

.npwd-main-footer-bridge footer,
.npwd-main-footer-bridge .site-footer,
.npwd-main-footer-bridge .footer,
.npwd-main-footer-bridge .footer-wrap,
.npwd-main-footer-bridge .footer-wrapper,
.npwd-main-footer-bridge .footer-section {
  max-width: none;
}

/* If the main-site footer uses the generic .container class, keep its
 * original large-site behaviour instead of inheriting a WP/theme container. */
.npwd-main-footer-bridge .container {
  width: min(calc(100% - 40px), 1320px) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767px) {
  html,
  body {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .site-main,
  .page-content,
  .entry-content,
  .elementor,
  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget-wrap,
  .elementor-widget,
  .elementor-widget-container,
  .e-con,
  .e-con-inner {
    min-width: 0;
    max-width: 100%;
  }

  .npwd-main-footer-bridge .container {
    width: calc(100% - 28px) !important;
  }
}