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