.block-debug {
  background: rgba(0, 0, 0, 0.8);
  color: chartreuse;
  padding: 16px;
  font-size: 12px;
  font-family: FreeMono, monospace; }
  .block-debug span {
    display: block; }

.flex-band .witsteps-block-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  /* Medium Down */ }
  @media screen and (max-width: 64em) {
    .flex-band .witsteps-block-content {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .flex-band .witsteps-block-content .editor-block-list__layout {
    display: -ms-flexbox;
    display: flex;
    width: 1400px;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .flex-band .witsteps-block-content .wp-block .editor-default-block-appender {
    display: none; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.editor-inner-blocks {
  border: 1px solid rgba(204, 204, 204, 0.5);
  background-color: rgba(204, 204, 204, 0.2); }
/**
 * Block Styles - includes
 *
 * @author: Ryan Mitchell <ryan@witdelivers.com>
 * @license GPL v3
 * @license https://opensource.org/licenses/GPL-3.0 GNU Public License v3
 */
/* ===========================  Get styles from the main plugin  ========================== */
/* ===========================  Include package styles  ========================== */
/* ===========================  Include block styles  ========================== */
#wit-steps {
  --accent-color: #ff6800;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  font-family: aktiv-grotesk, sans-serif; }
  @media only screen and (max-width: 74.9375em) {
    #wit-steps {
      box-shadow: none; } }
  #wit-steps a {
    color: #fff;
    text-decoration: none; }

.steps {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  font-family: sans-serif;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  @media only screen and (max-width: 74.9375em) {
    .steps {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .steps .step {
    height: 275.82px;
    width: 33.3%;
    width: calc(100% / 3);
    display: inline-block;
    background: linear-gradient(145deg, #2a2a2a 1%, #2a2a2a 50%, #000 50%, #000 100%);
    position: relative;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    @media only screen and (max-width: 74.9375em) {
      .steps .step {
        background: linear-gradient(-40deg, #000 1%, #000 50%, #2a2a2a 50%, #1b1b1b 100%);
        height: 300px;
        width: 100%; } }
    @media screen and (max-width: 39.9375em) {
      .steps .step {
        height: 300px; } }
    .steps .step:nth-of-type(2) .content-wrapper {
      margin: 0 30px 0 120px; }
      @media only screen and (max-width: 74.9375em) {
        .steps .step:nth-of-type(2) .content-wrapper {
          margin: 80px 0 0;
          padding: 0 32px; } }
    .steps .step:last-child .content-wrapper {
      margin: 0 30px 0 120px; }
      @media only screen and (max-width: 74.9375em) {
        .steps .step:last-child .content-wrapper {
          margin: 80px 0;
          padding: 0 32px; } }
    .steps .step::before {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 71.1 289.2' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23f26922%7D%3C/style%3E%3Cpath class='st0' d='M9.2 0L71 144.9 9.4 289.2H6.5l61.6-144.3L6.3 0z'/%3E%3Cpath fill='%232a2a2a' d='M6.3 0l61.8 144.9L6.6 289.2H2V0z'/%3E%3Cpath d='M0 0l61.8 144.9L0 289.2z'/%3E%3Cpath class='st0' d='M2.7 0l61.8 144.9L2.9 289.2H0l61.6-144.3L-.2 0z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 400px; }
      @media only screen and (max-width: 74.9375em) {
        .steps .step::before {
          background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' x='0' y='0' viewBox='0 0 289.2 71' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23f26922%7D%3C/style%3E%3Cpath class='st0' d='M289.2 9.2L144.3 71 0 9.4V6.5l144.3 61.6L289.2 6.3z'/%3E%3Cpath fill='%232a2a2a' d='M289.2 6.3L144.3 68.1 0 6.5V1.9h289.2z'/%3E%3Cpath d='M289.2 0L144.3 61.8 0 0z'/%3E%3Cpath class='st0' d='M289.2 2.6L144.3 64.4 0 2.9V0l144.3 61.6L289.2-.2z'/%3E%3C/svg%3E");
          height: 20%;
          width: 100%;
          background-size: 100% 100%; } }
    .steps .step:first-of-type::before {
      display: none; }
    .steps .step .content-wrapper {
      margin: 0 40px;
      height: 275.82px; }
      @media only screen and (max-width: 74.9375em) {
        .steps .step .content-wrapper {
          padding: 0 16px; } }
      @media screen and (max-width: 39.9375em) {
        .steps .step .content-wrapper {
          margin: 0; } }
      .steps .step .content-wrapper .content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin: 16px 0;
        font-family: sans-serif; }
        .steps .step .content-wrapper .content .head {
          font-size: 16px;
          margin: 0 0 16px; }
        .steps .step .content-wrapper .content h4 {
          font-family: rift, sans-serif;
          font-size: 36px;
          text-transform: uppercase;
          line-height: 36px;
          margin: 0;
          position: relative;
          margin-bottom: 36px; }
        .steps .step .content-wrapper .content h4::after {
          --bottom-margin: 1.6em;
          --line-width: 140px;
          position: absolute;
          content: '';
          background-color: var(--accent-color);
          height: 3px;
          width: var(--line-width);
          left: calc(50% - 70px);
          bottom: -16px !important; }
        .steps .step .content-wrapper .content .main {
          font-size: 16px;
          color: #fff;
          text-align: center;
          line-height: 28px;
          margin: 0 0 16px 0; }
    .steps .step .foot {
      font-size: 30px;
      color: #fff;
      text-align: left;
      font-weight: 700; }
      .steps .step .foot #cl-steps {
        --accent-color: #ff6800;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        font-family: aktiv-grotesk, sans-serif; }
        .steps .step .foot #cl-steps a {
          color: #fff;
          text-decoration: none; }
      .steps .step .foot .steps {
        color: #fff;
        display: -ms-flexbox;
        display: flex;
        font-family: sans-serif;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        @media only screen and (max-width: 74.9375em) {
          .steps .step .foot .steps {
            -ms-flex-direction: column;
                flex-direction: column; } }
        .steps .step .foot .steps .step {
          height: 275.82px;
          width: 33.3%;
          width: calc(100% / 3);
          display: inline-block;
          background: linear-gradient(145deg, #2a2a2a 1%, #2a2a2a 50%, #1b1b1b 50%, #1b1b1b 100%);
          position: relative;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
          @media only screen and (max-width: 74.9375em) {
            .steps .step .foot .steps .step {
              background: linear-gradient(-45deg, #1b1b1b 1%, #1b1b1b 50%, #2a2a2a 50%, #1b1b1b 100%);
              height: auto;
              width: 100%; } }
          .steps .step .foot .steps .step:nth-of-type(2) .content-wrapper {
            margin: 0 30px 0 120px; }
            @media only screen and (max-width: 74.9375em) {
              .steps .step .foot .steps .step:nth-of-type(2) .content-wrapper {
                margin: 220px 0 120px; } }
          .steps .step .foot .steps .step:last-child .content-wrapper {
            margin: 0 30px 0 120px; }
            @media only screen and (max-width: 74.9375em) {
              .steps .step .foot .steps .step:last-child .content-wrapper {
                margin: 16px 0; } }
          .steps .step .foot .steps .step::before {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71.09' height='275.82'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23ff6800;stroke-width:2px;stroke-miterlimit:10%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpath id='Path_3' data-name='Path 3' class='cls-1' d='M7.92.39l62.08 145-62.08 130'/%3E%3Cpath id='Path_3-2' data-name='Path 3-2' class='cls-1' d='M.92.39l62.08 145-62.08 130'/%3E%3C/g%3E%3Cpath fill='%231b1b1b' d='M61.81 145.29L0 .39v274.42l61.81-129.52z' id='Layer_2' data-name='Layer 2'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 400px; }
            @media only screen and (max-width: 74.9375em) {
              .steps .step .foot .steps .step::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='275.82' height='71.09' %3E%3Cg data-name='Layer 1' fill='none' stroke='%23ff6800' stroke-miterlimit='10' stroke-width='2' preserveAspectRatio='none'%3E%3Cpath data-name='Path 3' d='M275.43 7.92L130.43 70 .43 7.92'/%3E%3Cpath data-name='Path 3-2' d='M275.43.92L130.43 63 .43.92'/%3E%3C/g%3E%3Cpath fill='%231b1b1b' d='M130.53 61.81L275.43 0H1.02l129.51 61.81z' data-name='Layer 2'/%3E%3C/svg%3E");
                height: 20%;
                width: 100%;
                background-size: 100% 100%; } }
          .steps .step .foot .steps .step:first-of-type::before {
            display: none; }
          .steps .step .foot .steps .step .content-wrapper {
            margin: 0 40px;
            height: 275.82px; }
            .steps .step .foot .steps .step .content-wrapper .content {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
                  flex-direction: column;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center;
              margin: 16px 0; }
              .steps .step .foot .steps .step .content-wrapper .content .head {
                font-size: 16px;
                margin: 0 0 16px; }
              .steps .step .foot .steps .step .content-wrapper .content h4 {
                font-family: rift, sans-serif;
                font-size: 36px;
                text-transform: uppercase;
                margin: 0;
                position: relative;
                margin-bottom: 36px; }
              .steps .step .foot .steps .step .content-wrapper .content h4::after {
                --bottom-margin: 1.6em;
                --line-width: 140px;
                position: absolute;
                content: '';
                background-color: var(--accent-color);
                height: 3px;
                width: var(--line-width);
                left: calc(50% - 70px);
                bottom: -16px !important; }
              .steps .step .foot .steps .step .content-wrapper .content .main {
                font-size: 16px;
                color: #fff;
                text-align: center;
                line-height: 28px;
                margin: 0 0 16px 0; }
          .steps .step .foot .steps .step .foot {
            font-size: 30px;
            color: #fff;
            text-align: left;
            font-weight: 700; }

/* ===========================  Include shortcode styles  ========================== */
/**
 * Shortcode Styles
 *
 * @author: Ryan Mitchell <ryan@witdelivers.com>
 * @license GPL v3
 * @license https://opensource.org/licenses/GPL-3.0 GNU Public License v3
 */
/* End of .shrtcd_shorcodename */