/*
Theme Name: BeEcoWell
Theme URI: https://thefreewebsiteguys.com
Author: The Free Website Guys
Author URI: https://thefreewebsiteguys.com
Description: A custom WordPress theme for BeEcoWell, handcrafted by The Free Website Guys.
Version: 1.0.12
License: GNU General Public License v2 or later
Text Domain: tmt
*/

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

html {
  overflow-x: hidden;
  max-width: 100%;
  overscroll-behavior-x: none;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  max-width: 100%;
  overscroll-behavior-x: none;
}

#tmt-app {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  position: relative;
  isolation: isolate;
}

/* Offset fixed header below the WordPress admin bar when logged in. */
body.admin-bar #tmt-app .tmt-site-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar #tmt-app .tmt-site-header {
    top: 46px;
  }
}

@media screen and (max-width: 767px) {
  html.admin-bar,
  body.admin-bar {
    overflow-x: hidden;
    max-width: 100%;
  }

  #wpadminbar {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.admin-bar #tmt-app .tmt-mobile-menu-panel {
    padding-top: 7.5rem;
    min-height: calc(100dvh - 46px);
    max-height: calc(100dvh - 46px);
  }

  #tmt-app .tmt-site-header {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
  }

  #tmt-app #amy .tmt-expertise-orbit {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    contain: layout paint;
  }

  #tmt-app #amy .tmt-expertise-orbit > div {
    isolation: isolate;
  }

  body {
    touch-action: pan-y;
  }
}