/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
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
*/

/* #drive-partners .premium-gallery-item 				{ outline: 2px solid #bebebe; } */
a 				{ color: inherit; }
.overflow-hide 										{ overflow: hidden; }
.pos-fixed 											{ position: fixed; }
.premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu 		{ bottom: 100%; top: auto; left: -65%; }

.text-hover-white:hover p 							{ color: #fff; }

.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right 	{
	width: 90px; position: absolute; right: 0; margin: -25px 0 0 0;
}

.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
    font-size: 90px;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed {
    font-size: 90px;
}

.elementor-tab-title			{ border-bottom: 1px solid #686868; }

#hello-heading h2:before 			{ content: ''; background: url('https://drive.digitalproductionhub.co.rs/wp-content/uploads/2022/05/star.svg') no-repeat 0 0; position: relative; left: 0; top: -86px; display: inline-block; width: 50px; height: 50px; background-size: 50px 50px; }


.menu-icon {
  height: 50px;
  width: 50px;
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 60px;
  cursor: pointer; 
}
  .menu-icon__line {
    height: 2px;
    width: 50px;
    display: block;
    border: 2px solid #ffffff;
    margin-bottom: 4px;
    transition: transform .2s ease, background-color .5s ease; 
}


/* Menu */
	#hamburger-icon {
		width: 50px;
  		height: 50px;
  		position: relative;
  		display: block;
  		cursor: pointer; 
	}

  	#hamburger-icon.active .line {
    	background: #4ACC62; 
	}

  	#hamburger-icon .line {
    	border: 1px solid #ffffff;
  		display: block;
    	background: #4ACC62;
    	width: 50px;
   	 	height: 10px;
    	position: absolute;
    	left: 0;
    	transition: all 0.6s;
    	-webkit-transition: all 0.6s;
    	-moz-transition: all 0.6s; 
	}

    #hamburger-icon .line.line-1 {
      top: 0;
      left: 0%;
      margin-left: 0px; }
    #hamburger-icon .line.line-2 {
      top: 14px; 
      margin-left: 0;
	}
    #hamburger-icon .line.line-3 {
      top: 29px;
      left: 0%;
      margin-left: 0px; 
	}


/* #hamburger-icon.active .line     {
  border: none;
}  */

	#hamburger-icon:hover .svg-menu{
		width: 50px; height: 50px;
      	transform: translateY(-3px) translateX(0) rotate(0deg);
      	-webkit-transform: translateY(-3px) translateX(0) rotate(0deg);
      	-moz-transform: translateY(-3px) translateX(0) rotate(0deg); 
		background: url("https://drive.digitalproductionhub.co.rs/wp-content/uploads/2022/06/mobile-meni-icon.svg") no-repeat;
		background-size: contain;
		display: block;
	}


	#hamburger-icon:hover .line-1 {
      	transform: translateY(27px) translateX(5px) rotate(45deg);
      	-webkit-transform: translateY(27px) translateX(5px) rotate(45deg);
      	-moz-transform: translateY(27px) translateX(5px) rotate(45deg); 
		opacity: 0;
}
	 #hamburger-icon:hover .line-2 {
      	transform: translateY(0px) translateX(0px) rotate(0deg);
      	-webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
      	-moz-transform: translateY(0px) translateX(0px) rotate(0deg); 
		 opacity: 0;
}
	
    #hamburger-icon:hover .line-3 {
      	transform: translateY(-27px) translateX(5px) rotate(-45deg);
      	-webkit-transform: translateY(-27px) translateX(5px) rotate(-45deg);
      	-moz-transform: translateY(-27px) translateX(5px) rotate(-45deg); 
		opacity: 0;
}
/*     #hamburger-icon.active .line-1 {
      width: 50px;
      transform: translateY(25px) translateX(0) rotate(45deg);
      -webkit-transform: translateY(25px) translateX(-4px) rotate(45deg);
      -moz-transform: translateY(20px) translateX(0) rotate(45deg); }
    
    #hamburger-icon.active .line-2 {
      width: 50px;
      transform: translateY(2.5px) translateX(7px) rotate(180deg);
      -webkit-transform: translateY(9px) translateX(-4px) rotate(180deg);
      -moz-transform: translateY(2.5px) translateX(7px) rotate(180deg); }
    #hamburger-icon.active .line-4 {
      opacity: 0; }
    #hamburger-icon.active .line-3 {
      opacity: 0; }
    #hamburger-icon.active .line-5 {
      width: 50px;
      transform: translateY(-25px) translateX(-5px) rotate(-45deg);
      -webkit-transform: translateY(-5px) translateX(-5px) rotate(-45deg);
      -moz-transform: translateY(-25px) translateX(-5px) rotate(-45deg); }
  @media only screen and (max-width: 767px) {
    #hamburger-icon.active {
      left: -20px; } } */
#header-for-pages #hamburger-icon 		{ width: 100%; top: 60px;  }
#header-for-pages .menu-icon 		 	{ top: 0px; width: 50px; height: 50px; }

@media (max-width: 1024px) {
	#header-for-pages #hamburger-icon 		{ right: 15px;  }
	#header-for-pages .elementor-icon 		{ margin-left: 15px; }
}
@media (max-width: 1024px) { 
	#hello-heading h2:before 			{ position: relative; left: 0; top: -30px;  width: 37px; height: 37px; background-size: contain; }
	#hamburger-icon 					{ right: 20px; position: absolute; }
}


@media (max-width: 768px) { 
	#hamburger-icon 					{ top: 10px; right: 15px; }
	.menu-icon 							{ top: 30px; }

}