/*
Theme Name: 	Construction Futures Theme
Description: 	A Zesty Theme
Version: 		staging a87c4b17bf66bc6298f5b3577103c8a117b7512b
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;
}