.elementor-230 .elementor-element.elementor-element-3c78c8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:999;}.elementor-230 .elementor-element.elementor-element-3c78c8c:not(.elementor-motion-effects-element-type-background), .elementor-230 .elementor-element.elementor-element-3c78c8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-230 .elementor-element.elementor-element-7f27b0e{--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;--justify-content:center;}.elementor-230 .elementor-element.elementor-element-e8a912e{text-align:start;}.elementor-230 .elementor-element.elementor-element-e8a912e img{width:130px;}.elementor-230 .elementor-element.elementor-element-95544ba{--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;--justify-content:center;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-menu-toggle{margin:0 auto;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu .elementor-item{font-size:20px;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--main .elementor-item:hover, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--main .elementor-item:focus{color:#FF5E14;fill:#FF5E14;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FF5E14;}.elementor-230 .elementor-element.elementor-element-f5de34c .e--pointer-framed .elementor-item:before, .elementor-230 .elementor-element.elementor-element-f5de34c .e--pointer-framed .elementor-item:after{border-color:#FF5E14;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FF5E14;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FF5E14;}.elementor-230 .elementor-element.elementor-element-f5de34c .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-230 .elementor-element.elementor-element-f5de34c .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FF5E14;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown a, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-menu-toggle{color:#FF5E14;fill:#FF5E14;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown a:hover, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown a:focus, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown a.highlighted, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-menu-toggle:hover, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown a:hover, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown a:focus, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown a.highlighted{background-color:#FF5E14;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown .elementor-item, .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu--dropdown .elementor-sub-item{font-size:20px;}.elementor-230 .elementor-element.elementor-element-ca1d2d8{--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;--justify-content:center;}.elementor-230 .elementor-element.elementor-element-0561978.elementor-element{--align-self:center;}.elementor-230 .elementor-element.elementor-element-0561978 .global-header__search .global-search__toggle-btn i:before{color:#FF5E14;}.elementor-230 .elementor-element.elementor-element-37cd655{--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;--justify-content:center;}.elementor-230 .elementor-element.elementor-element-8f67d26 .elementor-button{background-color:#FF5E14;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;padding:15px 22px 015px 22px;}@media(max-width:1024px){.elementor-230 .elementor-element.elementor-element-e8a912e img{width:130px;}.elementor-230 .elementor-element.elementor-element-f5de34c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-230 .elementor-element.elementor-element-f5de34c .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-230 .elementor-element.elementor-element-8f67d26 .elementor-button{padding:015px 10px 15px 10px;}}@media(max-width:767px){.elementor-230 .elementor-element.elementor-element-3c78c8c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-230 .elementor-element.elementor-element-7f27b0e{--width:50%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-230 .elementor-element.elementor-element-e8a912e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-230 .elementor-element.elementor-element-e8a912e img{width:130px;}.elementor-230 .elementor-element.elementor-element-95544ba{--width:50%;--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;--justify-content:center;}}@media(min-width:768px){.elementor-230 .elementor-element.elementor-element-3c78c8c{--content-width:1300px;}.elementor-230 .elementor-element.elementor-element-7f27b0e{--width:200px;}.elementor-230 .elementor-element.elementor-element-ca1d2d8{--width:80px;}.elementor-230 .elementor-element.elementor-element-37cd655{--width:300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-230 .elementor-element.elementor-element-7f27b0e{--width:150px;}.elementor-230 .elementor-element.elementor-element-ca1d2d8{--width:5%;}.elementor-230 .elementor-element.elementor-element-37cd655{--width:200px;}}/* Start custom CSS for nav-menu, class: .elementor-element-f5de34c *//* ───────── Icons / arrows / search ───────── */ .elementor-nav-menu .sub-arrow .e-font-icon-svg { fill: #ff6600 !important; } .elementor-nav-menu .sub-arrow:hover .e-font-icon-svg, .elementor-nav-menu .sub-arrow:focus .e-font-icon-svg { fill: #cc3300 !important; } .global-search__toggle-btn i { color: #ff6600 !important; } .global-search__toggle-btn { border-color: #ff6600 !important; } .global-search__toggle-btn:hover { border-color: #cc3300 !important; } .global-search__toggle-btn:hover i { color: #cc3300 !important; } .global-header__search .global_header__search-form button { display: flex; align-items: center; justify-content: center; border-color: #ff6600; } .global-header__search .global_header__search-form button i { color: #ff6600; font-size: 20px; line-height: 1; position: static; transform: none; } /* ───────── Mobile only ───────── */ @media (max-width: 767px) { /* Layout around the toggle */ header.header-builder .e-con-inner { align-items: end !important; } header.header-builder .elementor-nav-menu--toggle { display: block !important; align-self: end !important; width: 100%; text-align: right; } /* Hamburger button */ header.header-builder .elementor-menu-toggle { display: inline-flex !important; align-items: end; justify-content: end; margin: 0 auto !important; height: 36px; width: 36px; border: 2px solid #FF5E14; border-radius: 50%; background: transparent; z-index: 10001 !important; } header.header-builder .elementor-menu-toggle svg { fill: #FF5E14 !important; } header.header-builder .elementor-menu-toggle i { color: #FF5E14 !important; } .elementor-230 .elementor-element.elementor-element-f5de34c .elementor-menu-toggle { margin-bottom: -20px !important; } /* ── Full-screen overlay when menu is open ── */ header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container { position: fixed !important; inset: 0 !important; height: 450px !important; width: 100% !important; margin: 0 !important; padding: 0 20px 0 !important; background: rgba(255,255,255,0.98) !important; overflow-y: auto !important; z-index: 9999 !important; box-shadow: 0 8px 30px rgba(0,0,0,.10) !important; display: flex !important; justify-content: center !important; } /* Center column for the UL (top level) */ header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu { /* max width of the centered column for TOP-LEVEL only */ --menu-max: 700px; width: 100%; max-width: var(--menu-max); margin: 0 auto; text-align: left !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; } /* Base link visuals */ header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu a { position: relative; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px; width: 100vw; left: 50%; /* Nudge the entire row 10px left to re-center after font size increase */ transform: translateX(calc(-50% - 10px)); box-sizing: border-box; padding-block: 12px; /* Center the “row” with viewport padding around the max column */ padding-inline: max(16px, calc((100vw - var(--menu-max)) / 2)); background: transparent !important; color: #FF5E14 !important; z-index: 1; font-size: 18px !important; /* your requested size */ word-break: normal; white-space: normal; } /* Top-level only: keep centered text */ ul.elementor-nav-menu > li > a { text-align: center !important; justify-content: center !important; } /* SUBMENU: full width, no centering math */ ul.elementor-nav-menu .sub-menu li a { /* break out of the centered-row treatment */ left: 0 !important; transform: none !important; width: 100% !important; display: block !important; text-align: left !important; justify-content: flex-start !important; /* simple padding on both sides; no narrow column */ padding-inline: 16px !important; } /* Sub-arrow position & color */ header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu .sub-arrow { display: inline-flex !important; position: static !important; margin-left: 6px !important; vertical-align: middle; } header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu .sub-arrow .e-font-icon-svg { fill: #FF5E14 !important; } /* Full-width hover stripe */ header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu a::before { content: ""; position: absolute; inset: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background: #FF5E14; opacity: 0; transition: opacity .18s ease; z-index: -1; pointer-events: none; } header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu a:hover::before, header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu a:focus-visible::before { opacity: 1; } header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu a:hover, header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu a:focus-visible { color: #fff !important; } header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu a:hover .sub-arrow .e-font-icon-svg, header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container .elementor-nav-menu a:focus-visible .sub-arrow .e-font-icon-svg { fill: #fff !important; } /* Close (X) stays above overlay */ header.header-builder .elementor-widget-nav-menu .elementor-menu-toggle[aria-expanded="true"] { position: fixed !important; top: 12px !important; right: 12px !important; height: 36px; width: 36px; border: 2px solid #FF5E14; border-radius: 50%; display: inline-flex !important; align-items: center; justify-content: center; z-index: 10002 !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; background: transparent; } }/* End custom CSS */ /* Start custom CSS for wpo-search_title, class: .elementor-element-0561978 *//* Scope: only the Search widget/container that has class "search" */ .search .global-search__toggle-btn{ display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #ff5e14; border-radius: 50%; background: transparent; color: #ff5e14; /* icon color */ position: relative; overflow: visible; } /* Neutralize the font-based icon (which fails for guests) */ .search .global-search__toggle-btn > i.eicon-search.fi{ display: inline-block !important; width: 25px; height: 25px; /* ensure space for the pseudo icon */ font-size: 0 !important; /* hide any glyph if it appears */ position: relative; } /* Draw a magnifier with SVG instead of relying on the icon font */ .search .global-search__toggle-btn > i.eicon-search.fi::before{ content: "" !important; display: block !important; width: 100%; height: 100%; background: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain; mask: url('data:image/svg+xml;utf8,') no-repeat center / contain; } /* Optional hover */ .search .global-search__toggle-btn:hover{ color: #ff5e14; border-color: #ff5e14; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c78c8c *//* ===== DESKTOP/TABLET HORIZONTAL MENU: freeze arrow layout ===== */ @media (min-width: 768px) { /* Scope only to the horizontal layout so mobile overlay stays as you styled it */ .elementor-nav-menu--layout-horizontal .menu-item-has-children { position: relative; /* anchor point for the arrow */ } /* Reserve room for the arrow so text never moves */ .elementor-item { padding-right: 34px; /* 30px arrow + a bit of breathing room */ } /* Take arrow out of document flow so it can't push text */ .elementor-nav-menu--layout-horizontal .menu-item-has-children > .sub-arrow { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; margin-left: 0 !important; /* kill any default margin that could nudge text */ display: block; } .elementor-nav-menu--layout-horizontal .menu-item-has-children > .sub-arrow svg { display: block; width: 100%; height: 100%; } } /* (Mobile overlay keeps your existing styles from before) *//* End custom CSS */