/*
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: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1727225159
Updated: 2024-09-25 02:45:59

*/
/* GENERAL edit */
html {
  font-size: clamp(43%, 0.9vw, 62.5%);
  line-height: normal;
  scroll-behavior: smooth;
  text-wrap: pretty;
}
body {
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
/* .padding-clamp-7 {
  padding-top: clamp(5rem, 3.963rem + 2.6667vw, 7rem);
  padding-bottom: clamp(5rem, 3.963rem + 2.6667vw, 7rem);
}
.padding-top-clamp-7 {
  padding-top: clamp(5rem, 3.963rem + 2.6667vw, 7rem);
}
.reset-padding-top-clamp-7 {
  margin-top: calc(clamp(5rem, 3.963rem + 2.6667vw, 7rem) * -1);
} */
.container-bg {
  overflow: hidden !important;
}
/* GENERAL edit end */

/* NAV edit */
header#site-header {
  position: sticky;
}
/* NAV edit end */

/* Swiper edit */
.elementor-swiper-laba {
  .elementor-swiper-button {
    top: initial !important;
    bottom: -74px;
    width: 36px;
    height: 35px;
    border: 2px solid var(--e-global-color-text);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    &:hover {
      background-color: var(--e-global-color-text);
      border: 2px solid var(--e-global-color-primary);
      svg {
        fill: var(--e-global-color-primary) !important;
      }
    }
    svg {
      transition: all 0.3s ease-in-out;
    }
  }
  .elementor-swiper-button.elementor-swiper-button-prev {
    padding-right: 2px;
  }
  .elementor-swiper-button.elementor-swiper-button-next {
    padding-left: 2px;
    right: auto;
    left: 60px;
  }
}
@media (max-width: 1024px) {
  .elementor-swiper-laba {
    .elementor-swiper-button {
      bottom: 12px;
    }
    .elementor-swiper-button.elementor-swiper-button-prev {
      left: initial !important;
      right: 80px;
    }
    .elementor-swiper-button.elementor-swiper-button-next {
      left: initial !important;
      right: 30px !important;
    }
    .elementor-nav-menu--dropdown.elementor-nav-menu {
        background-color: #ffffff;
        padding-bottom: 8px;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        column-gap: 7px;
    }
  }
}

.elementor-swiper-laba:not(.down-arrow) {
  .elementor-swiper-button {
    bottom: 12px;
  }
  .elementor-swiper-button.elementor-swiper-button-prev {
    left: initial !important;
    right: 80px;
  }
  .elementor-swiper-button.elementor-swiper-button-next {
    left: initial !important;
    right: 30px !important;
  }
}
/* Swiper edit end */

/* CAMP edit */
.camp-header {
  min-height: calc(100vh - 50px);
  min-height: calc(100dvh - 50px);
}
.camp-navbar li {
  height: 25px;
  a.elementor-item-active {
    font-weight: 700;
    &:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 50px;
      height: 1px;
      /* background-color: #fff; */
      background-color: var(--e-global-color-secondary);
    }
  }
}
@media (max-width: 1024px) {
  .camp-navbar li a.elementor-item-active:after {
    display: none;
  }
}
/* CAMP edit end */

/* Show more edit */
.show-more {
  cursor: pointer;
}
.e-con.to-show,
.to-show {
  max-height: 0;
  overflow: hidden;
  --overflow: hidden;
  transition: max-height 0.3s ease-out;
}

/* reset edit */
body.elementor-editor-active .to-show {
  max-height: unset;
}
/* Show more end */

/* submenu camp - menu icon */
.camp-menu .elementor-menu-toggle:before {
  content: "Menu";
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.camp-menu.fanjove .elementor-menu-toggle:before {
  color: var(--e-global-color-text);
}

.camp-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
  background-color: var(--e-global-color-secondary);
}

.camp-menu .elementor-menu-toggle svg {
  display: none;
}
.camp-menu .elementor-menu-toggle.elementor-active:before {
  /* content: "Close"; */
  font-size: 24px;
  font-weight: 700;
}
/* submenu camp - menu icon end */

/* submenu desktop : change width */
#nav-sidebar-main-sub li:nth-child(4) a {
  max-width: 266px;
  /* background-color: red; */
}
/* submenu desktop : change width END */

/* TODO TO CHANGE ON ALL PAGES WITHOUT CODE ! */
.camp-menu {
  width: 100%;
  .elementor-menu-toggle {
    background-color: transparent;
    justify-content: left;
    padding-left: 18px;
    margin: 0 auto;
  }
  &.elementor-nav-menu__align-center .elementor-nav-menu {
    /* margin: 8px auto; */
  }
  .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-top: 0;
  }
  .elementor-nav-menu--dropdown .elementor-nav-menu {
    background-color: var(--e-global-color-secondary);
    padding-bottom: 8px;
    .elementor-item {
      color: var(--e-global-color-primary);
      padding: 4px 20px;
      text-align: center;
      &:hover {
        background-color: transparent;
      }
      &.elementor-item-active {
        color: var(--e-global-color-accent);
      }
    }
  }
}
/* TODO TO CHANGE ON ALL PAGES WITHOUT CODE ! END */

/* Form custom field */
.laba-form {
  input[type="file"] {
    font-size: var(--e-global-typography-text-font-size);
  }
  input::file-selector-button {
    color: #000;
    background-color: var(--e-global-color-secondary);
    border: none;
    border-radius: 3px;
    padding: 13px 35px 10px 35px;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: 400;
    margin-right: 8px;
  }
}
.elementor-mark-required .elementor-field-label:after {
  color: #f9f9f9;
}
/* Form custom field END */

/* socials hover color */
.socials > .elementor-element:hover svg {
  fill: #fff !important;
}
/* socials hover color END */

/* min top height mobile */

@media (max-width: 767px) {
  html {
    margin-top: 0 !important;
  }
  main {
    margin-top: 75px !important;
  }
}
/* min top height mobile END */

.sub-menu.elementor-nav-menu--dropdown.is-open {
  display: block;
}

/* new carousel pulp */
.pulp-carousel-wrapper:hover .pulp-carousel-bg-img {
  --overlay-opacity: 0 !important;
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.pulp-carousel-wrapper:hover .pulp-carousel-title {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.kim-carousel-wrapper .kim-carousel-text {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.kim-carousel-wrapper:hover .kim-carousel-text {
  opacity: 1;
}
.kim-carousel-wrapper .kim-carousel-title h2 {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.kim-carousel-wrapper:hover .kim-carousel-title h2 {
  opacity: 0;
}
/* new carousel pulp END */

/* Fanjove color */
.fanjove-color .elementor-icon svg path {
  fill: var(--e-global-color-text);
}
/* Fanjove color END */

/* Hide overlay on all header pages */
.page-content > div > div.e-con:before {
  visibility: hidden;
}
