/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/header/background-media/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.h--background-media {
  background-color: #F6F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  contain: paint; }
  .h--background-media::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 1; }
  @media (min-width: 768px) {
    .h--background-media::after {
      content: '';
      width: 40%;
      height: 100%;
      background-image: url(../assets/images/shapes/shape_5.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 0% 50%;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0; } }
  .h--background-media .l__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .h--background-media .l__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    position: relative;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .h--background-media .l__bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  .h--background-media .l__img {
    z-index: 1; }
  @media (min-width: 768px) {
    .h--background-media .l__cnt {
      max-width: 70%; } }
  .h--background-media .l__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--spacers-xxs); }

[data-type="acf/video-placeholder-media"].wp-block .video-inline-wrapper {
  z-index: -1 !important; }