.elementor-widget-theme-site-logo .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-18 .elementor-element.elementor-element-56cf87f9 img{max-width:320px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .elementor-menu-toggle{margin-left:auto;background-color:#BB252500;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;line-height:24px;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .elementor-nav-menu--main .elementor-item{color:#E8E6E3CC;fill:#E8E6E3CC;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .elementor-nav-menu--main .elementor-item:hover, .elementor-18 .elementor-element.elementor-element-4ec9f0e7 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-18 .elementor-element.elementor-element-4ec9f0e7 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-18 .elementor-element.elementor-element-4ec9f0e7 .elementor-nav-menu--main .elementor-item:focus{color:#CBA84D;fill:#CBA84D;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-18 .elementor-element.elementor-element-4ec9f0e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-framed .elementor-item:before, .elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-underline .elementor-item:after, .elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-overline .elementor-item:before, .elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-double-line .elementor-item:before, .elementor-18 .elementor-element.elementor-element-4ec9f0e7 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-56cf87f9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-18 .elementor-element.elementor-element-56cf87f9 img{max-width:250px;}}/* Start custom CSS *//* ========================================================= TRANSPARENT OVERLAY HEADER ========================================================= */ .site-header-fixed { position: absolute !important; top: 0 !important; right: 0 !important; left: 0 !important; width: 100% !important; max-width: none !important; height: auto !important; z-index: 99999 !important; background-color: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), backdrop-filter 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ========================================================= FIXED DARK HEADER AFTER SCROLL ========================================================= */ .site-header-fixed.is-scrolled { position: fixed !important; background-color: hsla(240, 10%, 8%, 0.90) !important; -webkit-backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35), 0 1px 2px -1px rgba(0, 0, 0, 0.35) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } /* Keep Elementor containers transparent before scroll */ .site-header-fixed:not(.is-scrolled), .site-header-fixed:not(.is-scrolled) > .e-con { background-color: transparent !important; } /* Make sure the header keeps only its designed height */ .site-header-fixed, .site-header-fixed > .e-con { min-height: 0 !important; } /* ========================================================= WORDPRESS ADMIN BAR ========================================================= */ body.admin-bar .site-header-fixed { top: 32px !important; } @media screen and (max-width: 782px) { body.admin-bar .site-header-fixed { top: 46px !important; } } /* ========================================================= HEADER CONSULTATION BUTTON Menu item CSS class: consultbtn ========================================================= */ .elementor-nav-menu .consultbtn > a.elementor-item { display: inline-flex !important; align-items: center; justify-content: center; min-height: 44px; padding: 8px 24px !important; color: #CBA84D !important; background-color: transparent !important; border: 1px solid rgba(203, 168, 77, 0.5) !important; border-radius: 4px; font-family: "DM Sans", sans-serif; font-size: 12px !important; font-weight: 500 !important; line-height: 1; letter-spacing: 0.025em; text-transform: uppercase; white-space: nowrap; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1); } /* Remove Elementor's default underline/hover animation */ .elementor-nav-menu .consultbtn > a.elementor-item::before, .elementor-nav-menu .consultbtn > a.elementor-item::after { display: none !important; } /* Hover and keyboard focus */ .elementor-nav-menu .consultbtn > a.elementor-item:hover, .elementor-nav-menu .consultbtn > a.elementor-item:focus-visible { color: #121216 !important; background-color: #CBA84D !important; border-color: #CBA84D !important; transform: translateY(-1px); } /* Current page state */ .elementor-nav-menu .consultbtn.current-menu-item > a.elementor-item, .elementor-nav-menu .consultbtn.current-menu-ancestor > a.elementor-item { color: #121216 !important; background-color: #CBA84D !important; border-color: #CBA84D !important; } /* ========================================================= HEADER LOGO — REFERENCE SIZE Elementor widget ID: stlogo ========================================================= */ #stlogo { flex-shrink: 0; } #stlogo .elementor-widget-container, #stlogo a { display: flex; align-items: center; line-height: 0; } #stlogo img { display: block !important; width: auto !important; height: 160px !important; max-width: 100% !important; max-height: 160px !important; object-fit: contain !important; }/* End custom CSS */