/**
 * Columns Text Separator layout component
 */

.layout-container {

  .columns-text-separator {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "left separator right";
    align-items: center;
    gap: .75rem;
    width: 100%;
  }

  .columns-text-separator__column--left {
    grid-area: left;
  }

  .columns-text-separator__column--right {
    grid-area: right;
  }

  .columns-text-separator__separator {
    grid-area: separator;
    font-family: Poppins, sans-serif;
    font-weight: 800;
    font-size: 16.326px;
    letter-spacing: 0.7774px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0.5rem;
    white-space: nowrap;
  }

  @media (max-width: 767px) {

    .columns-text-separator {
      grid-template-columns: 1fr;
      grid-template-areas:
        "left"
        "separator"
        "right";
      gap: 1.5rem;
    }

    .columns-text-separator__separator {
      text-align: center;
    }

  }

}