/*----------------------------------------------*\
	BLOCK - Section
	===============

	@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 */
.section-block:not(.section-block--hide-top-border) {
  border-top: 1px solid var(--color-section-lines); }
@media screen and (min-width: 36rem) {
  .section-block {
    display: grid;
    grid-template-columns: minmax(1.728em, 1fr) minmax(auto, var(--max-width-span)) minmax(1.728em, 1fr); }
    .section-block:not(.section-block--hide-side-borders):before {
      border-right: 1px solid var(--color-section-lines);
      content: '';
      grid-column: 1;
      grid-row: 1 / 100; }
    .section-block:not(.section-block--hide-side-borders):after {
      border-left: 1px solid var(--color-section-lines);
      content: '';
      grid-column: 3;
      grid-row: 1 / 100; } }
.wp-admin .section-block:before, .wp-admin .section-block:after {
  content: none !important;
  /* no borders in admin backend */ }
.section-block.reverse-colors, .dark-mode .section-block {
  background-color: var(--color-bg); }
.section-block__end-dingbat {
  color: var(--color-headings-3);
  text-align: center;
  padding: var(--size-900); }

.section-block--light + .section-block--dark,
.section-block--dark + .section-block--light {
  /* no borders when section color changes */
  border-top: 0; }

.section-block:first-child {
  /* no border on first section */
  border-top: 0; }