/*----------------------------------------------*\
    BLOCKS - Shared Styles
	======================

	@package theorder

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package theorder

\*----------------------------------------------*/
/*
 *
 * / Variables
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes (Minor third) */
/* Max-widths */
/* is used for calculation for extend width. Each side is extended by x ems */
/*
 *
 * 1./
------------------------------------------------*/
.block {
  grid-column: 2; }
  .section-block:not(.section-block--hide-top-margin) > .block:first-child {
    padding-top: calc(2 * var(--size-700));
    /* twice the space on top for the first element in a section */ }
  .section-block > .block:last-child {
    padding-bottom: var(--size-700);
    /* single space here because all block elements already have bottom margin */ }

/*
 *
 * 2./ Core > Columns
------------------------------------------------*/
.wp-block-columns {
  -ms-flex-pack: center;
      justify-content: center; }
  .section-block:not(.section-block--hide-top-margin) > .wp-block-columns:first-child {
    margin-top: var(--size-700);
    padding-top: var(--size-700); }
  @media screen and (min-width: 48rem) {
    .wp-block-columns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.wp-block-column {
  margin-bottom: var(--size-700); }
  @media screen and (min-width: 48rem) {
    .wp-block-column {
      word-break: break-word;
      overflow-wrap: break-word; } }