/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Editor */
.wp-block {
  max-width: 1140px; }
  .wp-block[data-align="full"] {
    max-width: none; }
  .wp-block[data-align="wide"] {
    max-width: calc( 1140px + 200px); }
  .wp-block div[class*="wp-block-citris"] .block-editor-inner-blocks {
    padding-right: .5rem;
    padding-left: .5rem; }
  .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] {
    background-color: rgba(0, 129, 200, 0.1); }
    .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] div[class*="wp-block-citris"] {
      background-color: transparent; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout > .wp-block,
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout > .wp-block {
    width: 100%; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .block-editor-block-list__layout {
  grid-template-columns: repeat(2, 1fr); }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .block-editor-block-list__layout {
  grid-template-columns: repeat(4, 1fr); }

.edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-2 {
    grid-template-columns: repeat(2, 1fr); }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-4 {
    grid-template-columns: repeat(4, 1fr); }

.content-area .editor-only {
  display: none !important; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Editor */
.wp-block {
  max-width: 1140px; }
  .wp-block[data-align="full"] {
    max-width: none; }
  .wp-block[data-align="wide"] {
    max-width: calc( 1140px + 200px); }
  .wp-block div[class*="wp-block-citris"] .block-editor-inner-blocks {
    padding-right: .5rem;
    padding-left: .5rem; }
  .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] {
    background-color: rgba(0, 129, 200, 0.1); }
    .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] div[class*="wp-block-citris"] {
      background-color: transparent; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout > .wp-block,
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout > .wp-block {
    width: 100%; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .block-editor-block-list__layout {
  grid-template-columns: repeat(2, 1fr); }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .block-editor-block-list__layout {
  grid-template-columns: repeat(4, 1fr); }

.edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-2 {
    grid-template-columns: repeat(2, 1fr); }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-4 {
    grid-template-columns: repeat(4, 1fr); }

.content-area .editor-only {
  display: none !important; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Editor */
.wp-block {
  max-width: 1140px; }
  .wp-block[data-align="full"] {
    max-width: none; }
  .wp-block[data-align="wide"] {
    max-width: calc( 1140px + 200px); }
  .wp-block div[class*="wp-block-citris"] .block-editor-inner-blocks {
    padding-right: .5rem;
    padding-left: .5rem; }
  .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] {
    background-color: rgba(0, 129, 200, 0.1); }
    .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] div[class*="wp-block-citris"] {
      background-color: transparent; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout > .wp-block,
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout > .wp-block {
    width: 100%; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .block-editor-block-list__layout {
  grid-template-columns: repeat(2, 1fr); }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .block-editor-block-list__layout {
  grid-template-columns: repeat(4, 1fr); }

.edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-2 {
    grid-template-columns: repeat(2, 1fr); }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-4 {
    grid-template-columns: repeat(4, 1fr); }

.content-area .editor-only {
  display: none !important; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Editor */
.wp-block {
  max-width: 1140px; }
  .wp-block[data-align="full"] {
    max-width: none; }
  .wp-block[data-align="wide"] {
    max-width: calc( 1140px + 200px); }
  .wp-block div[class*="wp-block-citris"] .block-editor-inner-blocks {
    padding-right: .5rem;
    padding-left: .5rem; }
  .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] {
    background-color: rgba(0, 129, 200, 0.1); }
    .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] div[class*="wp-block-citris"] {
      background-color: transparent; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout > .wp-block,
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout > .wp-block {
    width: 100%; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .block-editor-block-list__layout {
  grid-template-columns: repeat(2, 1fr); }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .block-editor-block-list__layout {
  grid-template-columns: repeat(4, 1fr); }

.edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-2 {
    grid-template-columns: repeat(2, 1fr); }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-4 {
    grid-template-columns: repeat(4, 1fr); }

.content-area .editor-only {
  display: none !important; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Editor */
.wp-block {
  max-width: 1140px; }
  .wp-block[data-align="full"] {
    max-width: none; }
  .wp-block[data-align="wide"] {
    max-width: calc( 1140px + 200px); }
  .wp-block div[class*="wp-block-citris"] .block-editor-inner-blocks {
    padding-right: .5rem;
    padding-left: .5rem; }
  .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] {
    background-color: rgba(0, 129, 200, 0.1); }
    .wp-block:not(.is-selected):hover div[class*="wp-block-citris"] div[class*="wp-block-citris"] {
      background-color: transparent; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .editor-block-list__layout > .wp-block,
  .edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid .block-editor-block-list__layout > .wp-block {
    width: 100%; }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-2 .block-editor-block-list__layout {
  grid-template-columns: repeat(2, 1fr); }

.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .editor-block-list__layout,
.edit-post-visual-editor div[class*="wp-block-citris"] .post-list.is-grid.columns-4 .block-editor-block-list__layout {
  grid-template-columns: repeat(4, 1fr); }

.edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px; }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-2 {
    grid-template-columns: repeat(2, 1fr); }
  .edit-post-visual-editor div[class*="wp-blocks-citris-post-list"] .post-list.is-grid.columns-4 {
    grid-template-columns: repeat(4, 1fr); }

.content-area .editor-only {
  display: none !important; }
