/*
	Theme Name: Leadgen Website Theme - Based on Elementor Hello
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Text Domain: hello-elementor
  Template: hello-elementor
  Version: 1.0.0
*/


/* Main Menu */
.main-menu-container .elementor-item-active {
  font-weight: 600 !important;
}

.main-menu-container a:hover {
  font-weight: 900 !important;
}


.header-container{
  left: 0 !important;
  width: 100% !important;
}

.home .elementor-location-header {
	background-color: transparent !important;
}

/* HOME */

.home-principles-icons .elementor-icon {
  box-shadow: -9px -9px 0px #000;
}

.home-counter .elementor-counter-title{
  margin-top: 20px;
  text-align: left !important; 
}

.home-counter:nth-child(-n + 3):after {
  content: " ";
  position: absolute;
  border-left: 3px var(--e-global-color-accent) solid;
  top: 20%;
  right: 0;
  height: 60%;
  margin-top: auto;
  margin-bottom: auto;
}


/* WIDGETS */
.et-call-to-action .cta-button  {
  min-width: 154px;
  min-height: 48px;
  text-align: center;
}


.quote-with-cornder-box:after {
    content: " ";
    position: absolute;
    bottom: -30px;
    right: -30px;
    width: 107px;
    height: 107px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: var(--e-global-color-accent);
    border-radius: 20px;
}


.who-we-work-wth-company-border:after {
  content: " ";
  position: absolute;
  top: 20%;
  right: 0;
  width: 3px;
  height: 60%;
  margin-top: auto;
  margin-bottom: auto;
  background-color: var(--e-global-color-primary);
}



/* FOOTER */
.footer-contact-form input {
  height: 40px !important;
  margin-bottom: 10px !important;
  width: 100%;
  border: none !important;
  border-radius: 5px;
}

.footer-contact-form textarea {
  height: 110px !important;
  margin-bottom: 10px !important;
  width: 100%;
  border: none !important;
  border-radius: 5px;
}

.footer-container {
  box-sizing: border-box;
}

.footer-contact-form .elementor-button {
  margin-top: 25px;
  background-color: var(--e-global-color-d214bcc) !important;
  background: linear-gradient(to left, var(--e-global-color-primary) 50%, var(--e-global-color-d214bcc)  50%) right !important; 
  background-size: 300% !important;
  transition: .6s ease-out !important;  
}

.footer-contact-form .elementor-button:hover {
  background-position: left !important;
}

.footer-contact-form .elementor-message-success {
    position: absolute;
    bottom: 47px;
    text-align: center;
    width: 100%;
}


.footer-contact-form .elementor-message-danger {
    position: absolute;
    bottom: 47px;
    text-align: center;
    width: 100%;
    font-size: 80% !important;
}


/* SERVICES FLIP CONTAINER */
.service-flipper .elementor-flip-box__front {
  border: 1px solid var(--e-global-color-secondary) !important;
}

.service-flipper .elementor-flip-box__front .elementor-flip-box__layer__title {
  width: 80%;
  margin: 0 auto;
}

.service-flipper .elementor-flip-box__front .elementor-flip-box__image {
  background-color: var(--e-global-color-accent);
  width: 80px;
  height: 80px;
  border-radius: 40px;
}

.service-flipper .elementor-flip-box__front .elementor-flip-box__image img {
  width: 55px;
  height: 55px;
  position: relative;
  top: 15px;
}

/* CUSTOM SCROLLBAR */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: var(--e-global-color-accent)  var(--e-global-color-secondary);
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 6px;
  }

  *::-webkit-scrollbar-track {
    background: #0a0a0a;
  }

  *::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-accent);
    border-radius: 4px;
    border: 2px none #ffffff;
  }



/* RESPONSIVE DESIGN */

@media (min-width: 341px) {
  .micro-screen-only-bg {
    background: none !important;
  }  
}

@media (max-width: 880px) {
  .home-counter:nth-child(-n + 3):after {
	display:none;

  }

  .who-we-work-wth-company-border:after {
    display: none;
  }

}

@media (max-width: 767px) {
  .et-call-to-action .cta-button  {
    min-width: 90px;
    min-height: 28px;
    text-align: center;
	padding: 4px 0 0 0 !important;
  }

  
  #home-slider {
    min-height: 1050px;
  }
  
  #home-slider-animation {    
	max-width: 500px !important;
	margin: 30px auto !important;
  }
  
  #home-slider-calltoaction {
    position: absolute !important;
    top: 730px !important;
    width: calc(100% - 20px);
    left: 10px;	
  }
    

  .quote-with-cornder-box:after {
    bottom: -33px;
    right: 54px;
    width: 67px;
    height: 67px;
  }

}


@media (max-width: 450px) { 
	
   #home-slider-calltoaction {
    position: absolute !important;
    top: 700px !important;
    width: calc(100% - 20px);
    left: 10px;
  }
	
	
  #home-slider {
    min-height: 1050px;
  }
	
  #home-slider-animation {    
	max-width: 500px !important;
	margin: -50px auto 0 auto !important;
  }
}

@media (max-width: 340px) {
  .hide-on-micro-screen {
    display: none !important;
  }

  .contains-title-micro-screen {
    font-size: 46px !important;
  }

  h5.title, h1 {
    font-size: 40px !important;
    line-height: 60px !important;
  }


  #home-slider {
    min-height: 950px;
  }
  
  #home-slider-animation {
    margin-top: -200px !important;
  }
  
  #home-slider-calltoaction {
    top: 530px !important;
    max-width: 80%;
    left: 10%;
  }
      
}