.elementor-58 .elementor-element.elementor-element-7643779{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-58 .elementor-element.elementor-element-38ac699 img{filter:brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}/* Start custom CSS for container, class: .elementor-element-7643779 *//* 1. Expand the website and image to the whole extent of the desktop */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

/* Forces the main Elementor containers to stretch to full width */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* 2. Increase the text size and thickness of the menu */
.elementor-nav-menu a, 
.elementor-nav-menu .elementor-item,
.main-navigation a {
    font-size: 22px !important;   /* Increases the text size */
    font-weight: 800 !important;  /* Makes the text bolder */
    color: #000000 !important;    /* Ensures text remains solid black */
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8); /* Adds a subtle white glow around letters for extra visibility */
}

/* 3. Increase brightness of the background specifically behind the menu */
.elementor-location-header, 
header.site-header {
    background-color: rgba(255, 255, 255, 0.35) !important; /* Adds a bright, semi-transparent white overlay */
    backdrop-filter: brightness(1.4) contrast(0.9) blur(3px); /* Brightens the image underneath and adds a slight blur */
    -webkit-backdrop-filter: brightness(1.4) contrast(0.9) blur(3px);
    width: 100%;
}

/* Alternative: If you want to brighten the entire background image instead of just the menu area */
.elementor-section-wrap > .elementor-section:first-of-type::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(255, 255, 255, 0.2); /* Brightens the entire hero image */
    pointer-events: none;
    z-index: 0;
}

/* Ensure the menu stays above the brightening overlay */
.elementor-nav-menu--main {
    position: relative;
    z-index: 10;
}/* End custom CSS */