/*
Theme Name: Leksa Child
Description: Child theme for the Leksa. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>
Author: PeThemes
Author URI: http://pethemes.com
Template: leksa
*/


/* =Theme customization starts here
-------------------------------------------------------------- */


.main-navigation a{
	color: black;
}
.home .main-navigation a, .home .main-navigation a:visited, .single-portfolio .main-navigation a, .single-portfolio .main-navigation a:visited{
	color: white;
}
.main-navigation a:hover, .main-navigation a:visited{
	color: black;
}
.pe--form .form--field.field-100 {
	width: 100%;
}

/* =Cursor Customization
-------------------------------------------------------------- */

/* White cursor for banners and images */
.cursor.cursor--white,
#mouseCursor.cursor--white {
    color: white !important;
}

.cursor.cursor--white svg,
#mouseCursor.cursor--white svg {
    fill: white !important;
}

.cursor.cursor--white svg circle,
#mouseCursor.cursor--white svg circle,
.cursor.cursor--white svg .main-circle,
#mouseCursor.cursor--white svg .main-circle {
    fill: white !important;
    stroke: white !important;
}

.cursor.cursor--white .cursor__ball--big,
#mouseCursor.cursor--white .cursor__ball--big {
    background-color: white !important;
    border-color: white !important;
}

/* Transparent cursor for menu sections */
.cursor.cursor--transparent,
#mouseCursor.cursor--transparent {
    opacity: 0.3 !important;
    transition: opacity 0.3s ease !important;
}

.cursor.cursor--transparent svg,
#mouseCursor.cursor--transparent svg {
    opacity: 0.3 !important;
}

.cursor.cursor--transparent svg circle,
#mouseCursor.cursor--transparent svg circle,
.cursor.cursor--transparent svg .main-circle,
#mouseCursor.cursor--transparent svg .main-circle {
    opacity: 0.3 !important;
}

.cursor.cursor--transparent .cursor__ball--big,
#mouseCursor.cursor--transparent .cursor__ball--big {
    opacity: 0.3 !important;
}

/* Keep cursor circular across states */
#mouseCursor,
#mouseCursor > svg,
.cursor,
.cursor__ball--big {
    border-radius: 500px !important;
	height:0px;
	width:0px;
}

.gfx_preloader--text {
	font-size: 50px !important;
}


/*======== sticky header css ============*/
.sticky_header.elementor-sticky--active {
  transform: translateY(-110%);
  opacity: 0;
  transition: transform 0.35s ease, opacity 0.35s ease;
  will-change: transform;
}

/* Show when scrolling up */
.sticky_header.elementor-sticky--active.is-visible {
  transform: translateY(0);
  opacity: 1;
}

/* Optional: if you want it always visible at the very top */
.sticky_header.at-top {
  transform: translateY(0) !important;
  opacity: 1 !important;
}