/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/exhibitions-query/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-mag-extension-exhibitions-query form {
  margin-bottom: 1rem;
}
.wp-block-mag-extension-exhibitions-query form .tabs-control-container {
  flex-wrap: wrap;
  row-gap: 0;
}
.wp-block-mag-extension-exhibitions-query .card-list .card a {
  text-decoration: none;
}
.wp-block-mag-extension-exhibitions-query .card-list .card .card-image {
  background-color: var(--wp--preset--color--light-grey);
}
.wp-block-mag-extension-exhibitions-query .card-list .card .card-image img {
  -o-object-fit: contain;
     object-fit: contain;
}
.wp-block-mag-extension-exhibitions-query .card-list .card .card-text h3 {
  margin: 0;
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: black;
}
.wp-block-mag-extension-exhibitions-query .card-list .card .card-text .subtitle {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  color: var(--wp--preset--color--secondary);
}
.wp-block-mag-extension-exhibitions-query .card-list .card .card-text .subtitle a {
  color: inherit;
}
.wp-block-mag-extension-exhibitions-query .card-list .card .card-text .date {
  font-size: 1.25rem;
  margin: 0 0 0.25rem;
}
.wp-block-mag-extension-exhibitions-query .card-list .card .card-text .location {
  margin: 0 0 1rem;
}
.wp-block-mag-extension-exhibitions-query .card-list .card .card-text .description {
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .wp-block-mag-extension-exhibitions-query .card-list .card img {
    max-height: 300px;
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-mag-extension-exhibitions-query .card-list .card {
    grid-template-columns: 1fr 1fr;
    min-height: 250px;
  }
  .wp-block-mag-extension-exhibitions-query .card-list .card img {
    max-height: 500px;
  }
  .wp-block-mag-extension-exhibitions-query .card-list .card .card-text {
    align-self: start;
  }
  .wp-block-mag-extension-exhibitions-query .card-list.past .card {
    grid-template-columns: 1fr 3fr;
  }
  .wp-block-mag-extension-exhibitions-query .card-list.past .card .card-text {
    display: grid;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    align-items: start;
  }
  .wp-block-mag-extension-exhibitions-query .card-list.past .card .card-text a {
    grid-row: 1/3;
    grid-column: 1;
  }
  .wp-block-mag-extension-exhibitions-query .card-list.past .card .card-text .date {
    grid-row: 1;
    grid-column: 2;
  }
  .wp-block-mag-extension-exhibitions-query .card-list.past .card .card-text .location {
    grid-column: 2;
    grid-row: 2;
  }
  .wp-block-mag-extension-exhibitions-query .card-list.past .card .card-text .description {
    grid-column: 1/-1;
  }
}

/*# sourceMappingURL=style-index.css.map*/