/*
 * @file
 * Provides the layout styles for layout_twocol.
 */

.layout--sidebar {
  display: flex;
  flex-wrap: wrap;
  column-gap: 55px;

  >.layout__region {
    flex: 1 1 100%;
  }

  @media screen and (min-width: 992px) {
    >.layout__region--main {
      flex: 1 1 calc(80% - 3.4375rem);
    }

    >.layout__region--sidebar {
      flex: 1 1 20%;
    }
  }
}

.homepage {
  .layout--sidebar {
    display: flex;
    flex-wrap: wrap;
    column-gap: 55px;

    >.layout__region {
      flex: 1 1 100%;
    }

    @media screen and (min-width: 992px) {
      >.layout__region--main {
        flex: 1 1 calc(70% - 3.4375rem);
      }

      >.layout__region--sidebar {
        flex: 1 1 30%;
      }
    }
  }
}

.layout {
  &.container {
    .container {
      padding: 0;
    }
  }
}