/*
Pattern Name:       content-range
Version:            1.0
*/

.ff-titre { font-family: "ThrowMyHandsUpintheAir", sans-serif !important; }

.css-button-hover a:hover {
  background-color: white!important;
  color: var(--wp--preset--color--primary)!important;
  border-radius: 8px;
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
          transform: scale(1.05);
  padding-left: 2rem!important;
  padding-right: 2rem!important;
}

@media (min-width: 992px) {
  .mb-lg-7 { margin-bottom: 7rem!important; }

  .css-bio-pseudo-elts, .css-tradi-pseudo-elts, .css-vegan-pseudo-elts { position: relative; }

  .css-bio-pseudo-elts:before, .css-bio-pseudo-elts:after,
  .css-tradi-pseudo-elts:before, .css-tradi-pseudo-elts:after,
  .css-vegan-pseudo-elts:before, .css-vegan-pseudo-elts:after {
    position: absolute;
    top: 0; 
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
  }

  .css-bio-pseudo-elts:before, .css-tradi-pseudo-elts:before, .css-vegan-pseudo-elts:before {
    left: 0;
    background-position: left;
  }

  .css-bio-pseudo-elts:after, .css-tradi-pseudo-elts:after, .css-vegan-pseudo-elts:after {
    right: 0;
    background-position: right;
  }

  .css-bio-pseudo-elts:before {
    background-image: url('../img/strawberry.png');
    width: 103px; height: 239px;
    max-width: 20%;
  }

  .css-bio-pseudo-elts:after {
    top: 15%;
    background-image: url('../img/wheat.png');
    width: 254px; height: 261px;
    max-width: 40%;
  }

  .css-tradi-pseudo-elts:before {
    background-image: url('../img/wheat-rice.png');
    width: 203px; height: 196px;
    max-width: 30%;
  }

  .css-tradi-pseudo-elts:after {
    background-image: url('../img/wheat-apple.png');
    width: 201px; height: 299px;
    max-width: 30%;
  }

  .css-vegan-pseudo-elts:before {
    top: 15%;
    background-image: url('../img/lemon.png');
    width: 70px; height: 107px;
    max-width: 5%;
  }

  .css-vegan-pseudo-elts:after {
    top: 0;
    background-image: url('../img/raspberry.png');
    background-position: 0 0;
    width: 169px; height: 345px;
    max-width: 12%;
  }
}