/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


.projects-v2 {
  #player, .vp-video-wrapper, lite-vimeo {
    border-radius: 30px!important;
        overflow:hidden;
  }
  .video-boxes-wrapper {
    min-height: 800px;
  }

  .video-boxes-wrapper .fusion-column-wrapper {
    width: 100%;
    height: 600px;
    position: relative;

    .fusion-video, .video-shortcode {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      max-width: unset;
      max-height: unset;
      .player {
        border-radius: 30px!important;
        overflow:hidden;
      }

      lite-vimeo {
        border-radius: 30px!important;
        overflow:hidden;
        height: 670px;
      }
    }

    .fusion-video {
      opacity:0;
      visibility: hidden;
      transition:all ease-in 0.3s;
      &.active {
        opacity:1;
        visibility: visible;
      }
    }
  }

  .video-labels a {
    display: block;
    color: white;
    font-size: 1.875rem;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    min-width: max-content;
    padding: 3px 0;
    transition:all ease-in 0.0015s;
    &.active {
        font-size: 3.25rem;
        padding: 0;
      }
  }

}



.projects-v3 {
  .video-boxes-wrapper {
            width: 140vW;
        position: relative;
        left: 22vW;
}
.slick-prev {
    left: 15%;
    z-index: 999;
    &::before {
    line-height: 35px;
    content: "\f104";
    -webkit-font-smoothing: antialiased;
    font-family: awb-icons;
    font-size: 50px;
    color: white;
    }
}
.slick-next {
    right: 15%;
    z-index: 999;
    &::before {
    line-height: 35px;
    content: "\f105";
    -webkit-font-smoothing: antialiased;
    font-family: awb-icons;
    font-size: 50px;
            color: white;
    }
}
h3 {
    color: white!important;
    z-index: 99999;
    position: relative;
    bottom: 1.25rem;
    left: 1rem;
    margin: 0;
    font-size: 2rem!important;
    transition: left ease-in 0.15s 0.015s;

}



.video-shortcode {
  border-radius: 30px;
  overflow:hidden;
  height:600px;
  max-height: unset!important;
  transition: transform ease-in 0.2s;
}
.vp-title, .vp-sidedock, div.vp-player-ui-overlays  {
    display: none!important;
}

lite-vimeo {
  height:600px;
  &::before {
    width: 100%;
    height: 120px;
    background: linear-gradient(0deg, #2b2b2b, transparent);
    content: "";
    bottom: 0;
    position: absolute;
    opacity: 0.95;
}
}

  .fusion-video {
padding:1rem;
height:auto;
max-height: unset!important;
&:hover {
  .video-shortcode {
    transform: scale(1.025);
  }

  h3 {
    left:1.25rem
  }

  }

}
  }