/*   
	Theme Name:        Elementor Hello Theme
	Theme URI:         https://elementor.com
	Description:       A sample theme for Elementor.
	Author:            Elementor Team
	Author URI:        https://elementor.com
	Version:           1.0
	Stable tag:        1.0
	Requires at least: 4.9
	Tested up to:      4.9
	License:           GNU General Public License v3 or later.
	License URI:       https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain:       elementor-hello-theme
*/

@import url('https://fonts.googleapis.com/css?family=Rubik:400,700&subset=hebrew');

html, body {
	margin: 0;
	padding: 0;
  font-family: 'Rubik', sans-serif;
}

body.no-scroll{
  overflow-y: hidden;
}


/*navbar*/

body:not(.elementor-editor-active) .navbar{
	position: fixed !important;
	width: 100%;
	top:0 !important;
}

.navbar{
	z-index: 1000;
	min-height: 20px;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;  
}


@media screen and (max-width: 977px){
  #wpadminbar {
      position: fixed !important;
  }
  .admin-bar .navbar{
    /*margin-top:46px;*/
    margin-top:0px;
  }  
}
/*Hamburger*/

#hamburger-icon {
  z-index: 1000;
  width: 28px;
  height: 16px;
  position: relative;
  display: block;
}
#hamburger-icon .line {
  display: block;
  background: #fff;
  width: 28px;
  height: 3px;
  position: absolute;
  left: 0;
  border-radius: 1.5px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
#hamburger-icon .line.line-1 {
  top: 0;
}
#hamburger-icon .line.line-2 {
  top: 50%;
}
#hamburger-icon .line.line-3 {
  top: 100%;
}
/*#hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 {
  transform: translateY(-1.5px);
  -webkit-transform: translateY(-1.5px);
  -moz-transform: translateY(-1.5px);
}
#hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {
  transform: translateY(1.5px);
  -webkit-transform: translateY(1.5px);
  -moz-transform: translateY(1.5px);
}*/
#hamburger-icon.active .line-1 {
  transform: translateY(8px) translateX(0) rotate(45deg);
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -moz-transform: translateY(8px) translateX(0) rotate(45deg);
}
#hamburger-icon.active .line-2 {
  opacity: 0;
}
#hamburger-icon.active .line-3 {
  transform: translateY(-8px) translateX(0) rotate(-45deg);
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-8px) translateX(0) rotate(-45deg);
}


.elementor-menu-toggle{
  display: none;
}


@media screen and (min-width: 978px){ 
  .admin-bar .navbar{
    margin-top:32px;
  }
  .navbar.scrolled{
    min-height: 60px;   
  }

  .navbar .full-logo img{
    height:76px;
    width: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; 
  }

  .navbar.scrolled .full-logo img{
    height:55px;
  }



}
.navbar.scrolled.down{
  top:-100px !important;

}  
@media screen and (max-width: 977px){
  #wpadminbar{
    display: none;
  }
  .mobile-nav.open{
    min-height: 100vh;
    /*background-color: #000 !important;*/
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;       
  }

  .mobile-nav #nav-logo img{
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
  }
  .mobile-nav.open #nav-logo img{
    top: 50px;
    left: 35%;
    width: 200px;

  }
  .mobile-nav .elementor-search-form__toggle{
    display: none !important;
  }
  body.admin-bar .dialog-close-button {
      top: 15px !important;
      font-size: 26px;
      right: 12px;
  }  
  input.elementor-search-form__input{
    text-align: right;
    padding: 0 10%;
  }
  .elementor-search-form--full-screen{
    padding: 60px 10% 0 10% !important;
    align-items: baseline !important;
    -webkit-box-align: baseline !important;
  }
  
  .elementor-swiper-button{
    padding:20px;
  }

  #mobile-menu {
    position: fixed;
    width: 100%;
    top: 0;
    height: 0;
    left: 0;
    background-color: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;        
  }  

  #mobile-menu.open{
    height: 100%;
    top:0;
  }  

  #mobile-menu ul , #mobile-menu ul>li>a{
    background: none;
  }

  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0);
    margin: 0 !important;
    height: 100%;
    margin-top:30% !important;
    max-height: 500vh !important;
    transform: none !important;
    right:20 !important;
  }

 #mobile-menu .elementor-menu-toggle{
  display: none;
 }
 #mobile-menu .sub-menu{
  display: block;
  background-color: rgba(255, 255, 255, 0.1);
  max-height:0;
  overflow: hidden;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;    
 }
 #mobile-menu .sub-menu.open{
  max-height:80vh;
  overflow: scroll;
  -webkit-transition: all 0.8s ease-in;
  -moz-transition: all 0.8s ease-in;
  -o-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;    

 }
 #mobile-menu .menu-item.open .sub-arrow i{
  transform: rotate(180deg);
 }
 .sub-arrow i{
    transition: all 0.3s;
 }
 #mobile-menu .menu-item.current-menu-item{
  border-right: 4px solid #fff;
 }
  #mobile-menu .menu-item.current-menu-item>a{
  margin-right: -4px;
 }

 #mobile-menu nav{
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; 
 }
 #mobile-menu.open nav{
  top:0;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; 
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 0.3s;    
 }
 #mobile-menu{

  margin-top:15%;  
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; 

 }
 #mobile-menu.open{
  margin-top:25%;


    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 0.3s;    
 }


 
/*  #mobile-menu .menu-item a{
    font-size: 24px !important;
    line-height: 1.2em;
  }

  #mobile-menu ul{
    display: block !important;
  }

  #mobile-menu ul ul li a{
    border:0;
    font-weight: 300;
  }


  #mobile-menu  .menu-item a{
    display: block;
    font-size:20px;
    text-align: center;
  }
  #mobile-menu .menu-item{
      width: 100%;
      border:none;
      position: relative;
      left: 100%;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;         
    }   */



/*  #mobile-menu nav>ul{
    top: 200px;
    position: absolute;
    width: 100%;
    
  }
  #mobile-menu.open .menu-item.show{
        left:0;
  }   */
}