/*** HOME ***/
.widgetHomeHeader {
  background:#dd191f;
  margin-top:-80px;
  padding:80px 15px 30px;
  position:relative;
  overflow:hidden;
}

.widgetHomeHeader:before {
  position:absolute;
  content:"";
  top:-40px;
  right:-170px;
  width:350px;
  height:470px;
  display:block;
  background-image:var(--moduleHomeHeaderUrl); 
  background-repeat:no-repeat;
  background-position: bottom right;
  background-size:100%;
  transform:scale(-1);
}

@media (min-width:768px) {
  .widgetHomeHeader {
    margin-top:0;
    padding:0 50px 50px;
    overflow:unset;
  }

  .widgetHomeHeader:before {  
    right:0;
    bottom:-150px;
    width:350px;
    height:800px;  
    top:auto;
    background-position: bottom right;
    background-size:contain;  
  }

  .widgetHomeHeader:after {
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:50%;
    height:40%;
    display:block;
    background-color:#fff;
  }
}


.widgetHomeHeader-wrapper {
  position:relative;
}

.widgetHomeHeader .swiper-slide > .swiper-slide-layout:not(.swiper-lazy-preloader) {
  width:100%;
  height:0;
  padding-top:100% !important;
  position:relative;
}

@media (min-width:768px) {
  .widgetHomeHeader .swiper-slide > .swiper-slide-layout:not(.swiper-lazy-preloader) {
    padding-top:50% !important;
  }
}

.widgetHomeHeader .swiper-slide-inner {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.widgetHomeHeader .swiper-slide-inner > img,
.widgetHomeHeader .swiper-slide-inner > figure > video {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}

.widgetHomeHeader .swiper-slide-inner > figure > button {
  position:relative;
  top:15px;
  left:15px;
  z-index:2;
  -webkit-appearance:none;
  width:45px;
  height:45px;
  background-image:var(--moduleHomeHeaderSpeakerUrl);
  background-repeat: no-repeat;
  background-position: center center;
  background-color:transparent;
  background-size:25px;
  border:2px solid transparent;
  border-radius:4px;
  cursor:pointer;
  transition:all 300ms ease;
}

.widgetHomeHeader .swiper-slide-inner > figure > button:not(.off) {
  &:after {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:3px;
    background-color:var(--rouge);
    content:"";
    display:block;
    transform: rotate(45deg) translate3d(0,-50%,0);
  }
}

.widgetHomeHeader .swiper-slide-inner > figure > button:hover,
.widgetHomeHeader .swiper-slide-inner > figure > button:focus,
.widgetHomeHeader .swiper-slide-inner > figure > button:active {
  border-color: #fff;  
  outline:0;
  background-color:rgba(0,0,0,.5);
}

.widgetHomeHeader .swiper-slide-content {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction: column;
  padding:50px 20px;
  justify-content: flex-end;
  z-index:2;

}

.widgetHomeHeader .swiper-slide-content h3 {
  font-family:"AlbatrossMicrobrew";
  color:#fff;
  font-size:3rem;
  font-weight:normal;
  margin:0;
}

@media (min-width:768px) {
  .widgetHomeHeader .swiper-slide-content {
    padding:80px;
  }

  .widgetHomeHeader .swiper-slide-content h3 {
    font-size:5rem;
  }
}

.widgetHomeHeader .swiper-pagination {
  text-align:left;
  margin:0 15px;
}

@media (min-width:768px) {
 .widgetHomeHeader .swiper-pagination {
    margin:0 0 25px 25px;
  } 
}

.widgetHomeHeader .swiper-pagination .swiper-pagination-bullet {
  --swiper-pagination-bullet-width:16px;
  --swiper-pagination-bullet-height:16px;
  --swiper-pagination-bullet-inactive-color:#fff;
  --swiper-pagination-bullet-opacity:.5;
  --swiper-pagination-color:#fff;
  --swiper-pagination-bullet-horizontal-gap:10px;
  opacity:.5;
  transition:all 300ms ease;
}

.widgetHomeHeader .swiper-pagination .swiper-pagination-bullet:hover {
  transform:scale(1.4); 
  opacity:.7;
}

.widgetHomeHeader .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform:scale(1.8);
  opacity:1;
}