/* 

Setting global spacing variables as equal to the --two-spacer variable as that's what's used in the header and footer currently;
this can change to match any desired general spacing/margins.

Default width is set as 800px with a global horiz. spacing margin on each side.

Wide widths, 'alignfull' elements, are given full-width minus a standard horiz. margin on each side;
for screens above 1600px, this is changed to assign a width of 1600px while maintaining the same margins.

*/

:root {
  --global--spacing-horizontal: var(--five-spacer);
  @media screen and (max-width: 991px) {
    --global--spacing-horizontal: var(--two-spacer);
  }
}

.entry-content > *:not(.alignwide):not(.alignfull) {
  max-width: calc(800px - (2 * var(--global--spacing-horizontal)));
  margin-left: auto;
  margin-right: auto;
}

.entry-content > .alignwide {
  max-width: calc(100% - (2 * var(--global--spacing-horizontal)));
  margin-left: var(--global--spacing-horizontal);
  margin-right: var(--global--spacing-horizontal);
}

.entry-content > .alignfull {
  max-width: 100%;
}