/*
 * @file
 * Provides the layout styles for layout_twocol_66-34.
 */

.layout--twocol-66-34 > .layout--container {
  width: 100%;
  display: flex;
  gap: 6rem;
  flex-wrap: wrap;
}

@media screen and (min-width: 991px) {
  .layout--twocol-66-34 .layout__region--first {
    flex: 0 1 calc(66% - 3rem);
  }

  .layout--twocol-66-34 .layout__region--second {
    flex: 0 1 calc(34% - 3rem);
  }

  .layout--sticky.layout--twocol-66-34 .layout__region--second {
    > *:first-child {
      position: sticky;
      top: var(--drupal-displace-offset-top, 0px);
    }
  }
}