/*
  BANNER v 1.1;
  05/2023;
  João Diogo Pereira;
*/

.banner__item{  
  height: calc(100vh - 127.63px); /*106.05px*/
  height: calc(100svh - 127.63px); /*106.05px*/
}

.banner__item__effect{
  background-color: #002169;
  height: 0;
  width: 100%;
  z-index: 2;
  transition: all .3s ease-in-out;
}

.banner__item__effect p{
  font-family: 'SourceSansPro';
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: 4.5px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-decoration: none;
  opacity: 0;
  transition: all .2s ease-in-out;
  transition-delay: .1s;
}

.banner__item__img{
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
}

.banner__item__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner__item:hover .banner__item__img{
  height: calc(100% - 3rem);
}

.banner__item:hover .banner__item__effect{
  height: 3rem;
}

.banner__item:hover .banner__item__effect p{
  opacity:1;
}

.scroll-arrow--banner svg path{
  fill: #fff;
}

@media only screen and (max-width: 1200px){
  .banner__item__effect p{
    font-size: 16px;
  }
}

@media only screen and (hover: none){
  .banner__item .banner__item__img{
    height: calc(100% - 3rem);
  }
  
  .banner__item .banner__item__effect{
    height: 3rem;
  }
  
  .banner__item .banner__item__effect p{
    opacity:1;
  }
}

@media only screen and (max-width: 992px){
  .banner__item{
    height:33.333333333vh;
    height:33.333333333svh;
  }
}