/* 
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
*/

:root {
    --header-height: 90px;
    --opacity: 0.90;
    --shrink-header-to: 0.80;
    --transition: 300ms ease-in-out;

    --transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */

    
  }

.home-cta .material-symbols-outlined,
.services .material-symbols-outlined {
    font-size: 80px !important;
    font-weight: 100  !important;
}


/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
	--logo-width: 100%; /* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to: 0.60; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
	width: var(--logo-width);
	transition: width var(--transition-timing);
}

header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	width: calc(var(--logo-width) * var(--logo-shrink-to));
}

header.sticky-header .logo .elementor-icon svg {
	width: auto;
}

.elementor-sticky--active {
    background: var( --e-global-color-primary );
}

.elementor-sticky--active .e-con-inner {
    padding:10px;
    transition: padding var(--transition-timing);
}


.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover {
    transition: all 0.2s linear !important;
}

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover {
    font-size: 72px;
  /*background: -webkit-linear-gradient(#B3DEF8, #909AFA);*/
  background: radial-gradient(circle, #B3DEF8 0%, #909AFA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.services-subheading h2 {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background-image: linear-gradient(30deg,#9e62ff 0 45%,#44eae5 70% 100%) !important;
    background-position: left 75% center !important;
    background-size: 250% !important;
    color: transparent !important;
    padding: 20px !important;
}

single-post h2 {
    color: var(--e-global-color-primary);
}