/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.2.2.1607933922
Updated: 2020-12-14 21:18:42

*/

/*** HIDDEN SECTIONS ***/

.hidden_section {
  display: none;
}
.admin-bar .hidden_section,
.elementor-editor-active .hidden_section {
  display: block;
}

.trigger_section.hidden {
  display: none;
}

/*** TEAM SLIDER ***/
#team-slider .jet-listing-grid__slider-icon.prev-arrow {
  /* left: 18px; */
  right: auto;
  height: 100%;
  top: 0px;
  padding-left: 18px;
  background-image: url(https://wordpress-485069-3239595.cloudwaysapps.com/wp-content/uploads/2023/02/Rectangle-18.png);
  background-position: right center;
  background-repeat: repeat-y;
  background-size: contain;
  width: 121px;
  margin-top: 0;
}

#team-slider .jet-listing-grid__slider-icon.next-arrow {
  left: auto;
  height: 100%;
  top: 0px;
  padding-right: 18px;
  background-image: url(https://wordpress-485069-3239595.cloudwaysapps.com/wp-content/uploads/2023/02/Rectangle-18.png);
  background-position: left center;
  background-repeat: repeat-y;
  background-size: contain;
  width: 121px;
  margin-top: 0;
}

@media (max-width: 1024px) {
  #team-slider .jet-listing-grid__slider-icon.prev-arrow {
    padding-left: 0px;
    width: 60px;
  }
  #team-slider .jet-listing-grid__slider-icon.next-arrow {
    padding-right: 0px;
    width: 60px;
  }
}

/*** IMAGE ENTRANCE **/
.custom-image-entrance {
  overflow: hidden;
}

/* Start state wrapper */
.custom-image-entrance .elementor-widget-container {
  position: relative;
  overflow: hidden;
  opacity: 0;
  rotate: 3deg;
  height: 33%;
  transform: translateY(-10%) scale(1.25);
  transition: opacity 0.2s, transform 1500ms, height 1500ms, rotate 1500ms,
    scale 1500ms !important;
  transition-timing-function: ease-out;
}

/* End state wrapper */
.custom-image-entrance.animate__animated .elementor-widget-container {
  opacity: 1;
  rotate: 0.01deg;
  height: 100%;
  transform: scale(1.1) translateY(-10%);
}

/* .custom-image-entrance .elementor-widget-container::before {
  content: "";
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
  height: 101%;
  background: #fff;
  opacity: 1;
  transition: opacity 0.2s, top 2000ms !important;
}

.custom-image-entrance.animate__animated .elementor-widget-container::before {
  top: 100%;
} */

/* Start state image */
.custom-image-entrance img {
  /* rotate: -3deg; */
  /* height: 20%; */
  /* transform: translateY(-10%) scale(1); */
  /* transition: height 1500ms linear; */
}

/* End state image */
.custom-image-entrance.animate__animated img {
  /* rotate: 0deg; */
  /* height: 100%; */
  /* transform: scale(1); */
}

#crosshair {
  position: relative;
  width: 40px;
  height: 40px;
}

#crosshair.large {
  width: 68px;
  height: 68px;
}

@media (max-width: 1024px) {
  #crosshair.large {
    width: 50px;
    height: 50px;
  }
}

#crosshair.blue::before,
#crosshair.blue::after {
  background: #0038ff;
}
#crosshair.red::before,
#crosshair.red::after {
  background: #cc0054;
}

#crosshair.white::before,
#crosshair.white::after {
  background: #fff;
}
#crosshair.dark-blue::before,
#crosshair.dark-blue::after {
  background: #282e3e;
}
#crosshair.brown::before,
#crosshair.brown::after {
  background: #beb0a2;
}

#crosshair::after,
#crosshair::before {
  content: "";
  border-radius: 0;
  position: absolute;
}

#crosshair::after {
  left: 50%;
  top: 0;
  width: 3px;
  height: 100%;
  transition: height 1000ms;
  transition-delay: 1000ms;
}
#crosshair.large::after {
  width: 3px;
}

#crosshair::before {
  top: 50%;
  width: 100%;
  height: 3px;
  transition: width 1000ms;
  transition-delay: 1000ms;
}
#crosshair.large::before {
  height: 3px;
}
.elementor-invisible #crosshair::after {
  height: 0;
}
.elementor-invisible #crosshair::before {
  width: 0;
}

/*** HERO SECTION ***/
@keyframes zoominImage {
  0% {
    transform: scale(1, 1);
  }
  /* 50% {
    transform: scale(1, 1);
  } */
  100% {
    transform: scale(1.1, 1.1);
  }
}

@keyframes zoominBGImage {
  0% {
    background-size: cover;
  }
  /* 50% {
    transform: scale(1, 1);
  } */
  100% {
    background-size: auto 120%;
  }
}

#hero-section-image {
  top: 0;
  position: absolute;
  width: auto;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
}
#hero-section-image .elementor-widget-container {
  width: auto;
  height: 100%;
  overflow: hidden;
  min-height: 100%;
  min-width: 100%;
}
#hero-section-image .elementor-widget-container img {
  width: auto;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  transform: scale(1.1, 1.1);
  object-fit: cover;
}

@media (max-width: 1024px) {
  #hero-section-image,
  #hero-section-image .elementor-widget-container,
  #hero-section-image .elementor-widget-container img {
    width: auto;
    height: 100%;
  }
}
#hero-section-image img {
  animation: 4000ms ease-out zoominImage;
  -webkit-animation: 4000ms ease-out zoominImage;
  -o-animation: 4000ms ease-out zoominImage;
  -moz--o-animation: 4000ms ease-out zoominImage;
}

#hero-section {
  animation: 4000ms ease-out zoominBGImage;
  -webkit-animation: 4000ms ease-out zoominBGImage;
  -o-animation: 4000ms ease-out zoominBGImage;
  -moz--o-animation: 4000ms ease-out zoominBGImage;
}

/*** TEAM CARDS ***/
.elementor.elementor-848 {
  position: relative;
}
/* .elementor-section.team-front {
  z-index: 10;
  transition: opacity 0.5s !important;
}
.elementor-section.team-front:hover {
  opacity: 0;
} */
.elementor-section.team-back {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s !important;
}
.elementor-section.team-back:hover {
  opacity: 1;
  transition: opacity 0.5s !important;
}

@media (max-width: 680px) {
  .elementor-section.team-back {
    z-index: 10;
  }
}