/*
Pattern Name:       content-media-text
Version:            1.0
*/

.ff-surtitre             { font-family: "AbrilFatface", sans-serif !important; }
.ff-titre                { font-family: "ThrowMyHandsUpintheAir", sans-serif !important; }
.css-mediatexte > figure { border-radius: .5rem!important; }
.css-mediatexte > div    { padding: 0!important; }
.css-background          { position: relative; }

.css-button-nobg-hover a:hover {
  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: 576px) {
  .me-sm-7 { margin-right: 7rem!important; }
}

@media (min-width: 768px) {
  body:not(.wp-admin) .css-mediatexte > figure, .css-mediatexte > .media-text-figure { margin-left: 50px!important; }

  .css-mediatexte > figure:after, .css-mediatexte > .media-text-figure:after {
    position: absolute;
    top: 15%; left: 0;
    content: '';
    width: 150px; height: 70%;
    background-color: var(--wp--preset--color--parme);
    border-radius: 5px;
    z-index: -1;
  }

  .css-mediatexte.has-media-on-the-right > figure, .css-mediatexte.has-media-on-the-right > .media-text-figure {
    margin-left: initial;
    margin-right: 50px;
  }

  .css-mediatexte.has-media-on-the-right > figure:after, .css-mediatexte.has-media-on-the-right > .media-text-figure:after { left: initial; right: 0; }
}

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