/*
Theme Name: From Janice's Heart
Theme URI: https://thefreewebsiteguys.com
Author: The Free Website Guys
Author URI: https://thefreewebsiteguys.com
Description: A custom WordPress theme for From Janice's Heart, handcrafted by The Free Website Guys. Customize content, colors, and media through the theme options panel.
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: tmt
*/

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; padding: 0; }

/* Offset fixed header and scroll progress below the WordPress admin bar */
body.admin-bar #tmt-app header.fixed.top-0 {
  top: 32px;
}

body.admin-bar #tmt-app .tmt-scroll-progress {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar #tmt-app header.fixed.top-0 {
    top: 46px;
  }

  body.admin-bar #tmt-app .tmt-scroll-progress {
    top: 46px;
  }
}

#tmt-app button:not(:disabled),
#tmt-app a[href],
#tmt-app [role="button"]:not(:disabled) {
  cursor: pointer;
}

/* Isolate layout from WordPress/global `.container` rules that use padding shorthand. */
#tmt-app {
  --site-gutter: 1.5rem;
  --site-max-width: 80rem;
}

#tmt-app .site-container {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--site-max-width, 80rem);
  margin-inline: auto;
  padding-inline: var(--site-gutter, 1.5rem);
}

@media (min-width: 640px) {
  #tmt-app {
    --site-gutter: 2.5rem;
  }
}

@media (min-width: 1024px) {
  #tmt-app {
    --site-gutter: 4rem;
  }
}