.elementor-3 .elementor-element.elementor-element-78152e6{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;--overlay-opacity:0.3;--padding-top:250px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-3 .elementor-element.elementor-element-78152e6:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-78152e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stellarspecklepark.com/wp-content/uploads/2024/02/stellar-speckle-park-19.jpeg");background-position:center center;background-size:cover;}.elementor-3 .elementor-element.elementor-element-78152e6::before, .elementor-3 .elementor-element.elementor-element-78152e6 > .elementor-background-video-container::before, .elementor-3 .elementor-element.elementor-element-78152e6 > .e-con-inner > .elementor-background-video-container::before, .elementor-3 .elementor-element.elementor-element-78152e6 > .elementor-background-slideshow::before, .elementor-3 .elementor-element.elementor-element-78152e6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3 .elementor-element.elementor-element-78152e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-b7c1534 );}.elementor-3 .elementor-element.elementor-element-78152e6, .elementor-3 .elementor-element.elementor-element-78152e6::before{--border-transition:0.3s;}.elementor-3 .elementor-element.elementor-element-d370faf{--display:flex;--gap:5px 5px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3 .elementor-element.elementor-element-d370faf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3 .elementor-element.elementor-element-e2e7c49 .elementor-heading-title{color:var( --e-global-color-228b9b3 );font-family:"korolev", Sans-serif;font-size:22px;font-weight:300;}.elementor-3 .elementor-element.elementor-element-52cab0c .elementor-heading-title{color:var( --e-global-color-228b9b3 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3 .elementor-element.elementor-element-2d568a55{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:80px 80px;--background-transition:0.3s;--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-3 .elementor-element.elementor-element-78152e6{--min-height:0px;--padding-top:200px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-e2e7c49 .elementor-heading-title{font-size:20px;}.elementor-3 .elementor-element.elementor-element-2d568a55{--gap:30px 30px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-3 .elementor-element.elementor-element-78152e6{--min-height:0px;--overlay-opacity:0.4;--padding-top:150px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-e2e7c49 .elementor-heading-title{font-size:18px;}.elementor-3 .elementor-element.elementor-element-2d568a55{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-78152e6{--min-height:0px;--padding-top:140px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-e2e7c49 .elementor-heading-title{font-size:16px;}.elementor-3 .elementor-element.elementor-element-2d568a55{--gap:40px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-d370faf{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3 .elementor-element.elementor-element-d370faf{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-78152e6 *//* HIDES THE DARK LOGO */
.d-logo {
 display: none;
}
/* SWITCHES LOGO ON SCROLL */
.elementor-sticky--effects .d-logo {
 display: inline-block;
}
.elementor-sticky--effects .l-logo {
 display: none;
}
/* CHANGES THE BACKGROUND MENU ON SCROLL */
.elementor-sticky--effects {
 background: #fff!important; /* edit here to change the background color for your sticky header*/
}
/* CHANGES THE TEXT COLOR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li a {
 color: #333!important; /* edit here to change your text color for sticky header */
}
/* CONTROLS THE TRANSITION SPEED - KEEP ALL SAME SPEED TO HAVE A CLEAN EFFECT */
.elementor-sticky--effects .sticky-menu-items ul li a {
 transition: .5s all ease-in-out;
}
.elementor-sticky--effects {
 transition: .5s all ease-in-out;
}

/*updated changing mobile hamburger menu toggle and menu links on hover on scroll */

/*change color to the mobile menu toggle*/
.elementor-sticky--effects .sticky-menu-items i {
 color: /*add your color here*/!important;
}

/*add color to the background of mobile toggle*/
.elementor-sticky--effects .sticky-menu-items .elementor-menu-toggle {
 background: /*add the background color here or add transparent for no background color*/!important;
}

/*CHANGES THE ACTIVE MENU ITEM ON SCROLL*/
.elementor-sticky--effects .sticky-menu-items ul li .elementor-item-active {
 color: /*add your color here*/!important; /* edit here to change the active menu item text color for sticky header */
}/* End custom CSS */