/*
Theme Name: 	Zesty Wordpress Starter Theme
Description: 	A Zesty Theme
Version: 		staging 7a53a08e6fe1d1ac847f54f6206914ae8764e6bd
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;
}