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

/**
 * Page sidebar 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__sidebar .block {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.honey-page__sidebar .block > h2 {
  margin: 0;
  padding: 0.75rem 2rem;
  border-radius: 1rem;
  font-size: 1.5rem;
  line-height: 1;
}

@media screen and (min-width: 64rem) {
  .honey-page__sidebar .block > h2 {
    border-radius: 1rem 0 0 1rem;
  }
}

.honey-page__sidebar .block__content {
  display: block;
  padding: 2rem 2rem 0;
}

.honey-page__sidebar .block-search-form-block form {
  display: flex;
  flex-wrap: wrap;
}

.honey-page__sidebar .block-search-form-block .form-item-keys {
  flex: 1 0 auto;
  margin-right: 1rem;
}

.honey-page__sidebar .block-search-form-block .form-search {
  padding: 0.5rem 1rem;
  border: none;
}

.honey-page__sidebar .block-search-form-block .form-actions {
  flex: 0 0 auto;
}

.honey-tools {
  margin: 0;
  padding: 0;
  list-style: none;
}

.honey-tools__icon {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  transition: transform
0.3s
ease-out;
}

.honey-tools__menu-item {
  display: flex;
  align-items: center;
}

.honey-tools__menu-item a {
  text-decoration: none;
  font-family: "Lobster"
,
cursive
,
sans-serif;
  font-size: 2rem;
}

.honey-tools__menu-item a:hover {
  text-decoration: underline;
}

.honey-tools__menu-item:hover .honey-tools__icon {
  transform: rotate(90deg);
}