/*
Theme Name: Flavor Guide Main Theme
Theme URI:
Description: A free-standing theme for the flavor guide website
Author: RW
Version: 1.0.0
Text Domain: flavor-guide
*/

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  background-color: var(--wp--preset--color--fg-bg-card-header);
  min-width: 384px;
}

/*.wp-site-blocks {
  margin: 0;
  padding: 0;
}*/

.wp-site-blocks {
  box-sizing: border-box;
  width: 100%;
  max-width: 1360px;
  min-height: 100vh;
  margin: 0 auto;
  padding: var(--wp--preset--spacing--fg-24);
  background-color: var(--wp--preset--color--fg-bg-page);
  flex-wrap: wrap;
}

/* Remove the effect from nested ones */
.wp-site-blocks .wp-site-blocks {
    max-width: none;
    margin: 0;
    padding: 0;
    background: none;
}

.fg-narrow-page-section {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1035px) {
    .wp-site-blocks {
        max-width: none;
        /*min-width: 327px;*/
    }

    .wp-site-blocks .wp-site-blocks {
        /*max-width: unset;
        min-width: unset;*/
    }

    .fg-narrow-page-section {
        max-width: none;
    }
}