/*
Theme Name: Trek Ace
Theme URI: https://github.com/elementor/hello-theme/
Description: Based on Hello Elementor Child theme of Hello Elementor
Author: Ofir Tal
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.3.60
Text Domain: trek-ace
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
html{font-size:18px;}

@media (max-width: 1024px){
  html{font-size:15px;}
}
@media (max-width: 768px){
  html{font-size:13px;}
}

body{color:#636f6e;line-height:1.4;}

h1,h2,h3,h4,h5,h6{font-weight:bold;margin:0;padding:0;}
h1{font-size:2.75rem}
h2{font-size:2rem}
h3{font-size:1.666rem}
h4{font-size:1.333rem}
h5{font-size:1.125rem}
h6{font-size:1rem}
p{font-size:1rem}
a{color:#9ec641;}
.elementor-widget-text-editor,.elementor-widget-icon-list .elementor-icon-list-text{
  color:#636f6e;
}
.bigger-text p{font-size:1.2rem;}
.animge-img { display: none;}
.show { display: block;}
.a11y-toolbar {
    bottom: 3rem;
    top: auto;
}
/*
#animge{
    position:fixed;
    top: 0;
    left: 0;
}
#defense-title1,#defense-title2,#auto-title1,#auto-title2,#outdoor-title1,#outdoor-title2 {opacity:0;transition:opacity 0.5s ease ;-webkit-transition:opacity 0.5s ease ;}
#app-img-auto,#app-img-outdoor{opacity:0;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;}
#app-img-auto.active,#app-img-outdoor.active{opacity:1;}
#defense-title1.active,#defense-title2.active,#outdoor-title1.active,#outdoor-title2.active,#auto-title1.active,#auto-title2.active {opacity:1;}
#defense-container,#auto-container,#outdoor-container,.defense-slide,.outdoor-slide,.auto-slide{cursor:pointer;}
#animage-360{transform: translateY(120px);min-height:600px;}
#app-img-soul{transform: translate3D(-150px,220px,0) scale(0);transition:transform 0.5s ease;-webkit-transition:transform 0.5s ease;transform-origin:center;}
#app-img-soul.active{transform: translate3D(0,220px,0) scale(1);}
@media (min-width: 1300px) and (max-width: 1550px){
  #app-img-soul.elementor-element .elementor-widget-container {padding-left:30px;}
  #animage-360 img{max-height: 500px;}
}
@media  (max-width: 1300px){
  #app-img-soul.elementor-element{display:none;}
  #animage-360 img{max-height: 500px;}
}
@media (max-width: 768px){
  #app-img-auto img,#app-img-outdoor img{max-width:100px;}
  #animage-360 img{max-width:300px;}
  #animage-360{min-height:300px;}
  #animage-stand img{max-height:200px;}
}
*/
#home-slider-section{
  height: calc(100vh - 60px - 175px);
  max-height: calc(100vh - 60px - 175px);
  height: 720px;
  max-height: 720px;
  overflow: hidden;
}
#home-slider-section .trekace-slide{
  height: calc(100vh - 60px - 175px);
  max-height: calc(100vh - 60px - 175px);
  height: 720px;
  max-height: 720px;
}
#home-slider-section .elementor-row,#home-slider-section .elementor-widget-wrap>.elementor-widget-shortcode,#home-slider-section .elementor-element.elementor-widget-shortcode .elementor-widget-container,
#home-slider-section .elementor-shortcode,#home-slider-section .trekace-slider-container,#home-slider-section .elementor-row .elementor-column,#home-slider-section .elementor-container {
  height:100%;
}
#home-slider-section .swiper-container  {
    height: 100%;
    z-index: 4;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
}


#home-slider-section .trekace-inner-slide{
  display: -webkit-flex;
  display: flex;
  width:100%;
  height:100%;
  align-items:center;
  -webkit-align-items:center;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  padding:0 60px;
}
.trekace-inner-slide .trekace-slide-image{
  width:33%;
}
.trekace-inner-slide .trekace-app-image{
  width:23%;
}
.trekace-inner-slide .trekace-slide-text{
  width:44%;
  padding-left:60px;
}
.trekace-inner-slide .trekace-slide-text .trekace-slide-main-title{
  color: #9ec641;
  text-transform: uppercase;
  padding: 0px 0px 15px 0px;
  border-style: solid;
  border-width: 0px 0px 3px 0px;
  margin-bottom:60px;
  border-color: #636f6e;
  display:inline-block;
}
.trekace-inner-slide .trekace-slide-text .trekace-slide-subtitle1{
  color: #9ec641;
  margin-bottom:30px;
}
.trekace-inner-slide .trekace-slide-text .trekace-slide-subtitle2{
  color: #fff;
}
.defense-slide .trekace-inner-slide .trekace-slide-text .trekace-slide-subtitle2{
  color: #636f6e;
}
.defense-slide{
  /*filter: blur(8px);
  -webkit-filter: blur(8px);*/
}
.swiper-slide{
  background-position:center left;
  background-repeat:no-repeat;
  background-size:cover;
}
#home-slider-section a.trekace-slide-read-more{
  color: #333;
  background-color: #9ec641;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 50px 50px 50px 50px;
  padding: 10px 30px 10px 30px;
  transition: color .3s;
  display:inline-block;
  margin-top:60px;
}
#home-slider-section a.trekace-slide-read-more:hover{
  color: #fff;
}
#home-slider-section  .trekace-slider-container .custom-pagination {
    position: absolute;
    height: 15.5rem;
    width: 2.5rem;
    z-index: 99;
    bottom:auto;
    left: 2.5rem;
    top:0;
    right:auto;
    transform:none;

}
#home-slider-section .custom-pagination .pagi-bullet{
  width:2.5rem;
  height: 2.5rem;
  border: 2px solid #9ec641;
  border-radius: 2rem;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
#home-slider-section .custom-pagination .pagi-image{
/*  width:2.5rem;
  height: 2.5rem;

  border: 1px solid #9ec641;*/
  padding: 0.4rem;
  border-radius: 2rem;
  background-color: #636f6e;
  height:100%;
  width:100%;
  transition:opacity 0.3s;

}
#home-slider-section .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagi-image{
  opacity:1;
}#home-slider-section .custom-pagination .swiper-pagination-bullet .pagi-image{
  opacity:0.5;
}
#home-slider-section .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagi-image{
}
#home-slider-section .custom-pagination .swiper-pagination-bullet:after{
 content: "";
  display: block;
  position: absolute;
  bottom: 2.5rem;
  right:auto;
  left:1.25rem;
  height: 2rem;
  background: #9ec641;
  width: 2px;
}
#home-slider-section .custom-pagination .swiper-pagination-bullet:first-child:after{
  display: none;
}
#home-slider-section .custom-pagination .swiper-pagination-bullet{
  width:0;
  height: 2.5rem;
  opacity:1;
  position:relative;

}
#home-slider-section .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  opacity:1;
}
#home-slider-section .custom-pagination .swiper-pagination-bullet:focus{
  outline:none;
}
#home-slider-section .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{
  margin:2rem 0;
}
@media (max-width: 1024px){
  #home-slider-section{
    height: calc(100vh - 56px - 130px);
    max-height: calc(100vh - 56px - 130px);
    height: 850px;
    max-height: 850px;
    overflow: hidden;
  }
  #home-slider-section .trekace-slide{
    height: calc(100vh - 56px - 130px);
    max-height: calc(100vh - 56px - 130px);
    height: 850px;
    max-height: 850px;
  }
  #home-slider-section .trekace-inner-slide{
    padding:0 40px;
    flex-wrap: wrap-reverse;
  }
  .trekace-inner-slide .trekace-slide-image{
    width:55%;
  }
  .trekace-inner-slide .trekace-app-image{
    width: 45%;
    padding: 0 5%;
    transform: translateY(-50px);
  }
  .trekace-inner-slide .trekace-slide-text{
    width:100%;
    padding-left:50px;
    padding-right:50px;
  }
  .trekace-inner-slide .trekace-slide-text .trekace-slide-main-title{
    margin-top:50px;
  }
  #home-slider-section  .trekace-slider-container .custom-pagination {
      bottom:0;
      top:auto;
  }
}
@media (max-width: 768px){
  #home-slider-section{
    height: calc(100vh - 56px - 91px);
    max-height: calc(100vh - 56px - 91px);
    height: 600px;
    max-height: 600px;
    overflow: hidden;
  }
  #home-slider-section .trekace-slide{
    height: calc(100vh - 56px - 91px);
    max-height: calc(100vh - 56px - 91px);
    height: 600px;
    max-height: 600px;
  }
  #home-slider-section .trekace-inner-slide{
    padding:0 20px;
  }

  .trekace-inner-slide .trekace-app-image{
    transform: translateY(-30px);
  }
  .trekace-inner-slide .trekace-slide-text{
    padding-left:20px;
    padding-right:20px;
  }
  .trekace-inner-slide .trekace-slide-text .trekace-slide-main-title{
    margin-top:30px;
    margin-bottom:30px;
    padding-bottom: 10px;
  }
  .trekace-inner-slide .trekace-slide-text .trekace-slide-subtitle1{
    margin-bottom:20px;
  }
  #home-slider-section a.trekace-slide-read-more{
    margin-top:30px;
  }
}

@media (max-width: 600px){
  #home-slider-section  .trekace-slider-container .custom-pagination {
      bottom:0rem;
      left: 1rem;
      height: 14rem;
      display:none;
  }
  #home-slider-section .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:1.5rem 0;
  }

}