/*$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
// Small screen / phone
sm: 576px,
// Medium screen / tablet
md: 768px,
// Large screen / desktop
lg: 992px,
// Extra large screen / wide desktop
xl: 1200px );*/
/*$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
// Small screen / phone
sm: 576px,
// Medium screen / tablet
md: 768px,
// Large screen / desktop
lg: 992px,
// Extra large screen / wide desktop
xl: 1200px );*/
.ce-search-refiner {
  border: 1px solid #ccc; }
  @media (min-width: 576px) {
    .ce-search-refiner {
      flex-direction: row;
      display: flex; } }
  .ce-search-refiner .refiner-button {
    flex-grow: 1;
    flex-shrink: 1;
    background-color: #fff;
    padding: 8px; }
    .ce-search-refiner .refiner-button .btn {
      margin-top: 14px; }
      .ce-search-refiner .refiner-button .btn:hover, .ce-search-refiner .refiner-button .btn:focus {
        color: #fff;
        background-color: #2d531a; }
  .ce-search-refiner .dropdown {
    width: 50%; }
    @media (min-width: 576px) {
      .ce-search-refiner .dropdown {
        flex-grow: 1;
        flex-shrink: 1;
        width: auto; } }
  .ce-search-refiner .refiner-button {
    grid-column: 2/auto; }
  .ce-search-refiner .refiner-root {
    background-color: #fff;
    min-width: 136px;
    display: flex;
    flex-direction: column;
    padding: 8px; }
    .ce-search-refiner .refiner-root .text-input {
      height: 30px;
      border: 1px solid #ccc;
      padding: 6px 12px;
      color: #427a26; }
    .ce-search-refiner .refiner-root label {
      text-align: left;
      font-size: 0.8rem;
      pointer-events: none;
      margin-bottom: 0px; }
    .ce-search-refiner .refiner-root .btn-refiner {
      text-overflow: ellipsis;
      font-weight: 400;
      text-align: left;
      height: 30px;
      overflow: hidden;
      position: relative;
      padding-right: 30px;
      color: #427a26;
      background-color: #fafafa;
      border: 1px solid #ccc; }
      .ce-search-refiner .refiner-root .btn-refiner.highlight {
        color: #fff;
        background-color: #427a26; }
      .ce-search-refiner .refiner-root .btn-refiner.disabled, .ce-search-refiner .refiner-root .btn-refiner:disabled {
        color: #fff; }
      .ce-search-refiner .refiner-root .btn-refiner:hover, .ce-search-refiner .refiner-root .btn-refiner:active, .ce-search-refiner .refiner-root .btn-refiner:focus {
        outline: auto;
        color: #fff;
        background-color: #427a26; }
      .ce-search-refiner .refiner-root .btn-refiner .caret {
        position: absolute;
        right: 10px;
        top: 45%; }
    .ce-search-refiner .refiner-root .dropdown-menu.show.dropdown-menu-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr); }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item:disabled, .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item.disabled {
      color: #ccc;
      background-color: #f2f2f2; }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item.with-count {
      padding: 0.25rem 3.5rem 0.25rem 1.5rem; }
      .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item.with-count.active span {
        color: #fff; }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-item span {
      position: absolute;
      right: 20px;
      color: #666; }
    .ce-search-refiner .refiner-root .dropdown-menu .dropdown-divider {
      margin: 0px; }

/* Refiners */
.refiners {
  flex-direction: column;
  width: 100%; }
  @media (min-width: 576px) {
    .refiners {
      flex-direction: row; } }

.search-refiner {
  margin-right: 0px; }

.reset-button {
  margin-left: auto; }

.mp-search-form {
  flex-direction: column; }
  @media (min-width: 576px) {
    .mp-search-form {
      flex-direction: row; } }