/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.logo-left .logo {
    margin-right: 60px;
}

.nav-spacing-xlarge>li {
    margin: 0 25px;
}

.hl-video-upload-container {
    position: relative;
}

/* 
.hl-video-upload-container:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
} */


.scroll-down{
    color: rgba(255,255,255,0.8); text-transform: uppercase; font-size: 12px;
	position: absolute;bottom: 5px; left: 50%; transform: translateX(-50%); text-align: center;
	padding-bottom: 40px; line-height: 1.4em;
    z-index: 99;
}
.scroll-down .icon{position: relative;}

.scroll-down .icon span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-left: 2px solid rgba(255,255,255,0.8);
  border-bottom: 2px solid rgba(255,255,255,0.8);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: scrolldown 2s infinite;
  animation: scrolldown 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.scroll-down .icon span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.scroll-down .icon span:nth-of-type(2) {
  top: 1px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
   border-left-width: 2.5px;
  border-bottom-width: 2.5px;
  width: 18px;
  height: 18px;
  margin-left: -9px;
}
.scroll-down .icon span:nth-of-type(3) {
  top: 3px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  border-left-width: 3px;
  border-bottom-width: 3px;
  width: 24px;
  height: 24px;
  margin-left: -12px;
}

@-webkit-keyframes scrolldown {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrolldown {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.woocommerce-result-count,
.woocommerce-ordering {
    display: none !important;
}

.absolute-footer {
  display: none !important;
}

.wpcf7-form-control.wpcf7-submit {
  border-radius: 20px;
}

@media screen and (max-width: 1199px) {
    .nav-spacing-xlarge>li {
        margin: 0 20px;
    }
}

@media screen and (max-width: 849px) {
    .logo-left .logo {
        margin-right: 0;
    }
    .off-canvas-center .nav-vertical>li>a {
        font-size: 16px;
    }
    #masthead {
      height: 70px !important;
    }
    #masthead #logo img {
      max-height: 55px !important;
    }
    .stuck .header-inner,
    .stuck .logo, .stuck .logo img {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
  .hl-video-upload-container,
  .hl-video-mobile {
    height: calc(100vh - 115px) !important;
    width: 100% !important;
    object-fit: cover !important;
  }
}
@media (max-width: 549px) {
    .header-main #logo img {
        max-height: 46px;
    }
}