.elementor-55532 .elementor-element.elementor-element-5da5184b{--display:flex;--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;--align-items:stretch;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#119CFF2B;--border-color:#119CFF2B;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;--z-index:555;}.elementor-55532 .elementor-element.elementor-element-5da5184b:not(.elementor-motion-effects-element-type-background), .elementor-55532 .elementor-element.elementor-element-5da5184b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01071A;}.elementor-55532 .elementor-element.elementor-element-5da5184b:not(.elementor-widget),.elementor-55532 .elementor-element.elementor-element-5da5184b > .elementor-widget-container{backdrop-filter:brightness( 1.5 ) contrast( 1 ) saturate( 1 ) grayscale( 0 ) blur( 10.9px ) hue-rotate( 0deg );-webkit-backdrop-filter:brightness( 1.5 ) contrast( 1 ) saturate( 1 ) blur( 10.9px ) grayscale( 0 ) hue-rotate( 0deg );}.elementor-55532 .elementor-element.elementor-element-4033b149{--display:flex;--justify-content:center;}.elementor-55532 .elementor-element.elementor-element-1721a717{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55532 .elementor-element.elementor-element-2e9cdcac{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55532 .elementor-element.elementor-element-2e9cdcac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__results-slide{overflow-y:auto;max-height:500px;}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__source-results-item_icon svg{width:24px;}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__source-results-item_icon{font-size:24px;}.elementor-55532 .elementor-element.elementor-element-4dbff4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 4px 4px 4px;}.elementor-55532 .elementor-element.elementor-element-4dbff4d.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__results-area{width:402px;left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:var( --e-global-color-495d27d );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__form{padding:0px 0px 0px 0px;border-radius:55px 55px 55px 55px;}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__field{font-size:12px;font-weight:500;color:var( --e-global-color-secondary );padding:10px 5px 10px 15px;border-radius:55px 55px 55px 55px;}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__submit-icon{font-size:22px;}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__submit{background-color:var( --e-global-color-4a5499b );padding:5px 15px 5px 15px;border-style:solid;border-radius:44px 44px 44px 44px;}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__submit:hover{color:var( --e-global-color-accent );}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__item-link:hover{background-color:var( --e-global-color-4a5499b );}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__item-link:hover .jet-ajax-search__item-title{color:var( --e-global-color-text );}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__item-thumbnail{width:0px;}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__full-results{font-size:1em;font-weight:600;color:var( --e-global-color-b9ee49c );}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__arrow-button svg > *{fill:var( --e-global-color-secondary );}.elementor-55532 .elementor-element.elementor-element-4dbff4d .jet-ajax-search__arrow-button{background-color:var( --e-global-color-b9ee49c );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-55532 .elementor-element.elementor-element-5da5184b{--min-height:90px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55532 .elementor-element.elementor-element-1721a717{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:03px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-55532 .elementor-element.elementor-element-5da5184b{--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-55532 .elementor-element.elementor-element-4033b149{--width:54%;}.elementor-55532 .elementor-element.elementor-element-1721a717{--width:43%;}}@media(min-width:768px){.elementor-55532 .elementor-element.elementor-element-4033b149{--width:15%;}.elementor-55532 .elementor-element.elementor-element-1721a717{--width:63%;}.elementor-55532 .elementor-element.elementor-element-2e9cdcac{--width:22%;}}@media(max-width:1024px) and (min-width:768px){.elementor-55532 .elementor-element.elementor-element-4033b149{--width:40%;}.elementor-55532 .elementor-element.elementor-element-1721a717{--width:75%;}}/* Start custom CSS *//* ===================================================================== HEADER SEARCH — same look as the homepage live search (EN and SR) Styles the Jet Ajax Search widget that sits in the header (right side). Add to the header template's Custom CSS (EN Header and SR Header), or once in Site Settings > Custom CSS. Everything is scoped to the header. ===================================================================== */ /* let the results open over the page instead of being clipped by the header rows */ .elementor-location-header, .elementor-location-header .e-con, .elementor-location-header .e-con-inner, .elementor-location-header .elementor-widget-jet-ajax-search, .elementor-location-header .elementor-widget-container { overflow: visible !important; } .elementor-location-header .elementor-widget-jet-ajax-search { position: relative; z-index: 60; } .elementor-location-header .jet-ajax-search, .elementor-location-header .jet-ajax-search * { font-family: 'manrope-2', sans-serif; box-sizing: border-box; } .elementor-location-header .jet-ajax-search a { text-decoration: none !important; } /* the field */ .elementor-location-header .jet-ajax-search__form { display: flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.16); border-radius: 50px; padding: 4px 4px 4px 18px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .elementor-location-header .jet-ajax-search__form:focus-within { border-color: rgba(0,138,252,0.7); box-shadow: 0 0 0 4px rgba(0,138,252,0.14); } .elementor-location-header .jet-ajax-search__field-wrapper { flex: 1; min-width: 0; } .elementor-location-header .jet-ajax-search__field, .elementor-location-header .jet-ajax-search__field:focus { width: 100%; height: 40px; padding: 0 8px !important; font-size: 15px !important; font-weight: 500; color: #ffffff !important; background: transparent !important; border: 0 !important; outline: none !important; box-shadow: none !important; } .elementor-location-header .jet-ajax-search__field::placeholder { color: rgba(255,255,255,0.45); opacity: 1; } .elementor-location-header .jet-ajax-search__submit, .elementor-location-header .jet-ajax-search__submit:focus { flex-shrink: 0; width: 42px; height: 42px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; color: #01071A !important; background: #9DFF00 !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; transition: background 0.2s ease; } .elementor-location-header .jet-ajax-search__submit:hover { background: #b8ff33 !important; } .elementor-location-header .jet-ajax-search__submit-icon, .elementor-location-header .jet-ajax-search__submit svg { color: #01071A !important; fill: #01071A !important; width: 18px; height: 18px; font-size: 18px; } /* the results panel */ .elementor-location-header .jet-ajax-search__results-area { top: calc(100% + 10px) !important; left: auto !important; right: 0 !important; z-index: 9990; width: 420px; max-width: calc(100vw - 32px); padding: 8px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.16); background: linear-gradient(160deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)), #0B1229 !important; box-shadow: 0 24px 60px rgba(0,0,0,0.55); } .elementor-location-header .jet-ajax-search__results-holder, .elementor-location-header .jet-ajax-search__results-list, .elementor-location-header .jet-ajax-search__results-slide { background: transparent !important; box-shadow: none !important; border: 0 !important; } .elementor-location-header .jet-ajax-search__results-header { padding: 8px 14px 6px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255,255,255,0.46); } .elementor-location-header .jet-ajax-search__results-item { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } .elementor-location-header .jet-ajax-search__item-thumbnail { display: none !important; } .elementor-location-header .jet-ajax-search__results-item .jet-ajax-search__item-link, .elementor-location-header .jet-ajax-search__results-item a { display: block; padding: 11px 14px; border-radius: 12px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #ffffff !important; background: transparent; transition: background 0.15s ease, color 0.15s ease; } .elementor-location-header .jet-ajax-search__item-title { font-size: 15px; font-weight: 600; line-height: 1.4; color: inherit !important; } .elementor-location-header .jet-ajax-search__item-content, .elementor-location-header .jet-ajax-search__item-categories, .elementor-location-header .jet-ajax-search__item-price { display: none !important; } .elementor-location-header .jet-ajax-search__results-item:hover a, .elementor-location-header .jet-ajax-search__results-item a:hover { background: rgba(0,138,252,0.16); color: #4da9ff !important; } .elementor-location-header .jet-ajax-search__full-results, .elementor-location-header .jet-ajax-search__full-results:hover { display: block; margin-top: 4px; padding: 11px 14px; border-top: 1px dashed rgba(255,255,255,0.14); font-size: 14px; font-weight: 700; color: #9DFF00 !important; background: transparent !important; border-radius: 0 !important; } .elementor-location-header .jet-ajax-search__full-results:hover { text-decoration: underline !important; } .elementor-location-header .jet-ajax-search__message, .elementor-location-header .jet-ajax-search__results-count { padding: 14px; font-size: 14.5px; color: rgba(255,255,255,0.62); } .elementor-location-header .jet-ajax-search__spinner { border-color: rgba(255,255,255,0.2); border-top-color: #9DFF00; } @media (max-width: 767px) { /* Logo left, hamburger right, search full width below */ .elementor-location-header .e-con.e-parent, .elementor-location-header .e-con.e-parent > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px 8px !important; } /* Search takes the full second row */ .elementor-location-header .jet-ajax-search, .elementor-location-header .elementor-widget-jet-ajax-search { flex: 0 0 100% !important; width: 100% !important; order: 3; } } @media (max-width: 1024px) { /* Logo left, hamburger right, search full width below */ .elementor-location-header .e-con.e-parent, .elementor-location-header .e-con.e-parent > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px 8px !important; } .elementor-location-header .jet-ajax-search, .elementor-location-header .elementor-widget-jet-ajax-search { flex: 0 0 100% !important; width: 100% !important; order: 3; } } @media (min-width: 768px) and (max-width: 1024px) { /* Logo: stay on the left of row 1, don't take the whole row */ .elementor-location-header .elementor-widget-image, .elementor-location-header .elementor-widget-theme-site-logo, .elementor-location-header .elementor-widget-html:has(.eccx-logo) { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin-right: auto !important; } /* Search: true full width on row 2 */ .elementor-location-header .elementor-widget-jet-ajax-search, .elementor-location-header .jet-ajax-search, .elementor-location-header .jet-ajax-search__form { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; --container-widget-width: 100% !important; } } @media (max-width: 1024px) { /* Row 1: logo (left) + hamburger (right), each only as wide as its content */ .elementor-location-header .e-con.e-child:has(.elementor-widget-image), .elementor-location-header .e-con.e-child:has(.elementor-widget-theme-site-logo), .elementor-location-header .e-con.e-child:has(.eccx-logo), .elementor-location-header .e-con.e-child:has(#mg) { flex: 0 0 auto !important; width: auto !important; max-width: none !important; --width: auto !important; } .elementor-location-header .e-con.e-child:has(#mg) { margin-left: auto !important; } /* Row 2: the search container takes the whole row */ .elementor-location-header .e-con.e-child:has(.jet-ajax-search) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; --width: 100% !important; order: 3; } .elementor-location-header .jet-ajax-search__form { width: 100% !important; } } @media (max-width: 1024px) { .elementor-location-header .e-con.e-parent > .e-con-inner { padding: 12px 20px !important; } } @media (max-width: 767px) { .elementor-location-header .e-con.e-parent > .e-con-inner { padding: 10px 16px !important; } } @media (max-width: 1024px) { /* Same size for both circles */ .elementor-location-header .mg-burger { width: 44px !important; height: 44px !important; margin: 0 !important; } .elementor-location-header .jet-ajax-search__submit { width: 44px !important; height: 44px !important; min-width: 44px !important; margin: 0 !important; } /* Same right inset: the search bar gets the same 4px the pill has around its button */ .elementor-location-header .jet-ajax-search__fields-holder { padding-right: 4px !important; } /* Hamburger container flush to the right edge, with the same 4px inset */ .elementor-location-header .e-con.e-child:has(#mg) { margin-right: 4px !important; padding-right: 0 !important; } } @media (max-width: 1024px) { /* Contact: same height, font size, padding and pill outline as the accordion rows */ #mg-drawer a[href*="contact"] { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 56px !important; padding: 0 3px !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; color: #ffffff !important; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; } /* Arrow on the right, like the chevrons on the other rows */ #mg-drawer a[href*="contact"]::after { content: "→"; color: #9DFF00; font-size: 16px; margin-right: 4px; } } /* ===================================================================== SEARCH RESULTS ON TABLET + MOBILE (EN and SR) — paste at the END of the header Custom CSS Opens the results as a full-width panel directly under the search bar, above the page content, instead of a small shifted/clipped box. ===================================================================== */ @media (max-width: 1024px) { /* header sits above the page so the results are never covered */ .elementor-location-header { position: relative; z-index: 9990; } .elementor-location-header .e-con:has(.jet-ajax-search) { position: relative; z-index: 9995; } /* the widget is the anchor: results span exactly its width */ .elementor-location-header .elementor-widget-jet-ajax-search { position: relative; } .elementor-location-header .jet-ajax-search, .elementor-location-header .jet-ajax-search__form-wrapper, .elementor-location-header .jet-ajax-search__fields-holder { position: static !important; } .elementor-location-header .jet-ajax-search__results-area { position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; transform: none !important; margin: 0 !important; max-height: 70vh; overflow-y: auto !important; -webkit-overflow-scrolling: touch; z-index: 9999 !important; } .elementor-location-header .jet-ajax-search__results-item a, .elementor-location-header .jet-ajax-search__item-title { white-space: normal !important; overflow-wrap: anywhere; } }/* End custom CSS */