/*
Theme Name: 	Zesty Wordpress Starter Theme
Description: 	A Zesty Theme
Version: 		master bbba902057c38471a75370e87c2935f200be4397
Author: 		Zesty
Author URI: 	https://www.simplyzesty.com
*/


/*
Gutenberg Content alignment widths
The width figures here need to correspond to whats in  theme.json

the outer container ID or class MUST be one that's ine th hardcoded twig for ALL templates
Otherwise, you need to set rules for each different page templates outer container.

That might be <div id="maincontent">, <div class="wysiwyg">, <article> but it needs to be consistent.

YOU MUST CHANGE `#maincontent  article` TO SUIT YOUR THEME MARKUP
*/

#maincontent  article > :not(article) {
    max-width: 960px;
    margin-left: auto !important;
    margin-right: auto !important;
}

body #maincontent article > .alignwide {
    max-width: 1200px;
}
body #maincontent article > .alignfull {
    max-width: none;
}

#maincontent  article> .alignleft {
    float: left;
    margin-right: 2em;
}

#maincontent article > .alignright {
    float: right;
    margin-right: 2em;
}

/** This rule removes a max-width (from above) for any of our custom ACF blocks that start with #block_ **/
body #maincontent article > [id^="block_"]  {
    max-width: none;
}