/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/2815083
 * @preserve
 */

/**
 * Page layout styles.
 */

:root {
  /*
   * This is default Farmers market color scheme. It will be overriden when you change it in theme settings.
   */
  /* static colors */
  /*
   * Typography.
   */ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~64px */ /* ~48px */ /* ~32px */ /* ~24px */ /* ~20px */ /* 16px */ /* ~14px */ /* ~13px */ /* ~11px */
  /**
   * Spaces.
   */ /* 4 * 16px = 64px */ /* 3 * 16px = 48px */ /* 2 * 16px = 32px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */ /* 0.25 * 16px = 4px */ /* 120 * 16px = 1920px */ /* 101.25 * 16px = 1620px */
  /**
   * Common.
   */
  /**
   * Inputs.
   */
}

.honey-page {
  display: flex;
  flex-direction: column;
  max-width: 120rem;
  min-height: 100vh;
  margin: 0 auto;
}

.honey-page__content-wrapper {
  width: 100%;
}

@media screen and (min-width: 64rem) {
  .honey-page__content-wrapper {
    display: flex;
    flex: 1 0 auto;
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 64rem) {
  .honey-page__content {
    flex: 0 0 67%;
    order: 1;
  }
}

.honey-page__content > .layout-content {
  padding: 1rem 2rem;
}

@media screen and (min-width: 64rem) {
  .honey-page__content > .layout-content {
    width: calc(67vw - 2rem);
    max-width: calc(67vw - 2rem - (100vw - 101.25rem)/2);
    padding: 2rem 0 4rem 4rem;
  }
}

.honey-page__highlighted {
  padding: 0 2rem;
}

@media screen and (min-width: 64rem) {
  .honey-page__highlighted {
    width: calc(67vw - 2rem);
    max-width: calc(67vw - 2rem - (100vw - 101.25rem)/2);
    padding: 0 0 0 4rem;
  }
}

.honey-page__sidebar {
  padding: 1rem 2rem;
}

@media screen and (min-width: 64rem) {
  .honey-page__sidebar {
    display: flex;
    flex: 0 0 33%;
    justify-content: flex-end;
    padding: 0;
  }
}

@media screen and (min-width: 64rem) {
  .honey-page__sidebar > div {
    width: calc(33vw - 2rem);
    max-width: calc(33vw - 2rem - (100vw - 101.25rem)/2);
  }
}