/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../node_modules/postcss-loader/dist/cjs.js!../node_modules/resolve-url-loader/index.js??clonedRuleSet-2.use[3]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[4]!./styles/main.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * This file may be used to add CSS to the front-end of the project.
 * SASS is welcome, this is compiled in the build script and enqueued within Core.
 */
section.all-strains .filters {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1em;
  margin-bottom: 3em;
  flex-wrap: wrap; }
  @media (min-width: 576px) {
    section.all-strains .filters {
      flex-direction: row;
      width: unset; } }

section.all-strains .all-strains-list {
  display: flex;
  gap: 1em;
  flex-wrap: wrap; }
  section.all-strains .all-strains-list p {
    font-size: .8em;
    padding: 1.2em;
    line-height: 1.7; }
  section.all-strains .all-strains-list .block {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1em;
    border-radius: 1em;
    box-shadow: 1px 1px 5px #ccc; }
    @media (min-width: 576px) {
      section.all-strains .all-strains-list .block {
        width: calc(50% - 1em); } }
    @media (min-width: 992px) {
      section.all-strains .all-strains-list .block {
        width: calc(33% - 1em); } }
    @media (min-width: 1600px) {
      section.all-strains .all-strains-list .block {
        width: calc(25% - 1em); } }
    section.all-strains .all-strains-list .block-header {
      text-align: center; }
      section.all-strains .all-strains-list .block-header .badge {
        display: block;
        margin-top: .75em;
        margin-bottom: 1em; }
    section.all-strains .all-strains-list .block-body h3, section.all-strains .all-strains-list .block-body h4, section.all-strains .all-strains-list .block-body a {
      text-align: center; }
    section.all-strains .all-strains-list .block-footer {
      margin-bottom: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: auto; }
      section.all-strains .all-strains-list .block-footer a {
        margin-left: auto;
        margin-right: auto; }
    section.all-strains .all-strains-list .block-image {
      height: 150px;
      width: 150px;
      margin-left: auto;
      margin-right: auto; }
      section.all-strains .all-strains-list .block-image img {
        width: 100%;
        max-width: 100%;
        border-radius: 50%; }


/*# sourceMappingURL=main.css.map*/