/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
.paragraph--type--lien-transversal-audiences .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.paragraph--type--lien-transversal-audiences .content a {
  text-decoration: none !important;
}
.paragraph--type--lien-transversal-audiences .content .summary-text {
  font-size: 18px;
  color: #848484;
}
.paragraph--type--lien-transversal-audiences .content .summary-text:hover {
  color: #212121 !important;
}
.paragraph--type--lien-transversal-audiences .content .lien-transversal-audiences-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.paragraph--type--lien-transversal-audiences .content .lien-transversal-audiences-icon .icon-logo {
  display: inline-block;
  width: 40px;
  height: 20px;
  background-size: contain;
  background-image: url("../images/global/lien-transversal-audiences-icon.png");
}
@media only screen and (max-width: 959px) {
  .paragraph--type--lien-transversal-audiences .content .lien-transversal-audiences-icon .icon-logo {
    width: 30px;
    height: 15px;
  }
}