/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* 
 * Main column width
 * This changes it from the default 580px to 720px
 */
.wp-block {
  max-width: 576px !important; }

/* 
 * Width of "wide" blocks
 * This changes it from the default 1080px to 1280px
 */
.wp-block[data-align="wide"] {
  max-width: 992px; }

.editor-post-title__block .editor-post-title__input {
  font: 300 italic 1rem/1 "essonnes-display", serif;
  font-size: 4.5rem;
  font-weight: 400;
  font-style: normal;
  line-height: .96; }

/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */
.wp-block-currentaffairs-group {
  padding: 1rem .5rem; }

section[data-essay-block-type="excerpt"],
.is-style-excerpt {
  border: 1px solid #000; }

section[data-essay-block-type="plain"],
.is-style-plain {
  border: 1px dotted #000; }

section[data-essay-block-type="showcase"],
.is-style-showcase {
  border: 1px dotted #ff2395; }

section[data-essay-block-type="tint"],
.is-style-tint {
  background-color: #f0f0f0; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* 
 * Main column width
 * This changes it from the default 580px to 720px
 */
.wp-block {
  max-width: 576px !important; }

/* 
 * Width of "wide" blocks
 * This changes it from the default 1080px to 1280px
 */
.wp-block[data-align="wide"] {
  max-width: 992px; }

.editor-post-title__block .editor-post-title__input {
  font: 300 italic 1rem/1 "essonnes-display", serif;
  font-size: 4.5rem;
  font-weight: 400;
  font-style: normal;
  line-height: .96; }

.essay-block[data-essay-block-type="split-east"] .columns,
.essay-block[data-essay-block-type="split-west"] .columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start; }

.essay-block[data-essay-block-type="split-east"] .art,
.essay-block[data-essay-block-type="split-east"] .text,
.essay-block[data-essay-block-type="split-west"] .art,
.essay-block[data-essay-block-type="split-west"] .text {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }

.essay-block[data-essay-block-type="split-east"] .art,
.essay-block[data-essay-block-type="split-west"] .art {
  background-color: #ff2395; }
  .essay-block[data-essay-block-type="split-east"] .art img,
  .essay-block[data-essay-block-type="split-west"] .art img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; }

.essay-block[data-essay-block-type="split-east"] .fill,
.essay-block[data-essay-block-type="split-west"] .fill {
  display: none;
  height: 0; }

.essay-block[data-essay-block-type="split-east"] .art {
  -ms-flex-order: 2;
      order: 2; }

.essay-block[data-essay-block-type="split-east"] .text {
  -ms-flex-order: 1;
      order: 1;
  padding-right: 1rem; }

.essay-block[data-essay-block-type="split-west"] .art {
  -ms-flex-order: 1;
      order: 1; }

.essay-block[data-essay-block-type="split-west"] .text {
  -ms-flex-order: 2;
      order: 2;
  padding-left: 1rem; }