.elementor-4688 .elementor-element.elementor-element-784bb525{--display:flex;--min-height:62px;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:15px 15px 30px 5px rgba(0, 0, 0, 0.04);--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:96;}.elementor-4688 .elementor-element.elementor-element-784bb525:not(.elementor-motion-effects-element-type-background), .elementor-4688 .elementor-element.elementor-element-784bb525 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4138c53 );}.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-4688 .elementor-element.elementor-element-128df61a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-4688 .elementor-element.elementor-element-128df61a{left:1%;}body.rtl .elementor-4688 .elementor-element.elementor-element-128df61a{right:1%;}.elementor-4688 .elementor-element.elementor-element-128df61a{top:50%;z-index:20;text-align:start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4688 .elementor-element.elementor-element-4f8023a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;text-align:start;}.elementor-4688 .elementor-element.elementor-element-4f8023a4.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-4688 .elementor-element.elementor-element-4f8023a4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:var( --e-global-color-31a6f50 );}.elementor-4688 .elementor-element.elementor-element-67c349a9{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:18px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-4688 .elementor-element.elementor-element-67c349a9.elementor-element{--align-self:center;}.elementor-4688 .elementor-element.elementor-element-67c349a9 .elementor-social-icon{background-color:var( --e-global-color-4138c53 );}.elementor-4688 .elementor-element.elementor-element-2d768093{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4688 .elementor-element.elementor-element-2d768093.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-4688 .elementor-element.elementor-element-64ff4e6.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4688 .elementor-element.elementor-element-86266e8{width:100%;max-width:100%;text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-4688 .elementor-element.elementor-element-86266e8.elementor-element{--align-self:center;}.elementor-4688 .elementor-element.elementor-element-86266e8 p{margin-block-end:1px;}.elementor-4688 .elementor-element.elementor-element-278da456{--display:flex;--min-height:64px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-4688 .elementor-element.elementor-element-278da456:not(.elementor-motion-effects-element-type-background), .elementor-4688 .elementor-element.elementor-element-278da456 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-31a6f50 );}.elementor-4688 .elementor-element.elementor-element-278da456.e-con{--flex-grow:0;--flex-shrink:0;}.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-4688 .elementor-element.elementor-element-efea341{width:100%;max-width:100%;background-color:var( --e-global-color-31a6f50 );--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-4688 .elementor-element.elementor-element-efea341.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:bold;text-transform:uppercase;}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-item:hover, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-174bbbf );fill:var( --e-global-color-174bbbf );}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-174bbbf );}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown a, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-menu-toggle{color:var( --e-global-color-4138c53 );fill:var( --e-global-color-4138c53 );}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-31a6f50 );}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown a:hover, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown a:focus, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown .elementor-item, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-4688 .elementor-element.elementor-element-efea341 div.elementor-menu-toggle{color:var( --e-global-color-4138c53 );}.elementor-4688 .elementor-element.elementor-element-efea341 div.elementor-menu-toggle svg{fill:var( --e-global-color-4138c53 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-4688 .elementor-element.elementor-element-278da456{--width:100%;}}@media(max-width:1024px){.elementor-4688 .elementor-element.elementor-element-784bb525{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-4688 .elementor-element.elementor-element-278da456{--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;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown .elementor-item, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}}@media(max-width:767px){.elementor-4688 .elementor-element.elementor-element-784bb525{--min-height:50px;--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:center;}.elementor-4688 .elementor-element.elementor-element-4f8023a4{text-align:center;}.elementor-4688 .elementor-element.elementor-element-278da456{--min-height:50px;--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-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-4688 .elementor-element.elementor-element-efea341{--nav-menu-icon-size:20px;}}/* Start custom CSS for heading, class: .elementor-element-4f8023a4 *//* ===================================================== HEADER - TEXT IDENTITATE STÂNGA ===================================================== */ .header-identitate { margin-right: auto !important; margin-left: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; text-align: left !important; } /* Textele din interior */ .header-identitate .elementor-heading-title, .header-identitate .elementor-widget-text-editor { text-align: left !important; } /* Nu lăsăm containerul să împingă textul spre dreapta */ .header-identitate > .e-con, .header-identitate > .elementor-element { margin-left: 0 !important; margin-right: 0 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-64ff4e6 */.das-live-results { width: 100%; max-height: 400px; overflow-y: auto; margin-top: 8px; background: #fff; } .das-live-result { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; box-sizing: border-box; text-decoration: none !important; border-bottom: 1px solid #eeeeee; background: #fff; transition: background .15s ease; } .das-live-result:hover { background: #f5f5f8; } .das-live-result img, .das-result-icon { width: 58px; height: 48px; flex: 0 0 58px; object-fit: cover; border-radius: 3px; } .das-result-icon { display: flex; align-items: center; justify-content: center; background: #f0f0f0; } .das-result-icon svg { width: 22px; height: 22px; fill: none; stroke: #2A2E8F; stroke-width: 2; stroke-linecap: round; } .das-result-content { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .das-result-title { color: #222; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.35; } .das-result-excerpt { color: #777; font-size: 12px; line-height: 1.3; } .das-search-loading, .das-no-results { padding: 14px; text-align: center; color: #777; font-size: 14px; } .das-search-more { display: block; padding: 13px 10px; text-align: center; background: #f5f5f5; color: #2A2E8F !important; font-size: 14px; font-weight: 600; text-decoration: none !important; } .das-search-more:hover { background: #eeeeee; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-784bb525 *//* ===================================================== HEADER - FACEBOOK / LIMBA / SEARCH ===================================================== */ .header-actiuni { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; height: 100% !important; } /* Toate cele 3 elemente */ .header-actiuni > .e-con, .header-actiuni > .elementor-element { display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } /* Facebook */ .header-actiuni .elementor-social-icons-wrapper, .header-actiuni .elementor-social-icon { margin-top: 0 !important; margin-bottom: 0 !important; } /* Selector limbă */ .header-actiuni select, .header-actiuni .language-switcher, .header-actiuni .gtranslate_wrapper { margin-top: 0 !important; margin-bottom: 0 !important; } /* Search */ .header-actiuni .das-header-search, .header-actiuni .das-search-toggle { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================= DAS BRAȘOV - RESPONSIVE HEADER TABLETĂ + MOBIL Structură reală: Top ├── Imagine ├── Subtitlu ├── Icoane sociale ├── HTML RO └── HTML Search ========================================================= */ /* ========================================================= TABLETĂ 768px - 1024px ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { /* ----------------------------------------------------- CONTAINER TOP ----------------------------------------------------- */ .header-actiuni { display: grid !important; grid-template-columns: 75px minmax(0, 1fr) 40px !important; grid-template-rows: 1fr !important; align-items: center !important; width: 100% !important; min-height: 86px !important; margin: 0 !important; padding: 8px 12px !important; box-sizing: border-box !important; position: relative !important; overflow: visible !important; } /* ----------------------------------------------------- SIGLA ----------------------------------------------------- */ .header-actiuni > .elementor-element:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 75px !important; margin: 0 !important; padding: 0 !important; z-index: 10 !important; } .header-actiuni > .elementor-element:nth-child(1) img { display: block !important; width: 68px !important; max-width: 68px !important; height: auto !important; margin: 0 auto !important; } /* ----------------------------------------------------- TEXTE ----------------------------------------------------- */ .header-actiuni > .elementor-element:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 8px !important; box-sizing: border-box !important; text-align: center !important; } .header-actiuni > .elementor-element:nth-child(2) .elementor-heading-title, .header-actiuni > .elementor-element:nth-child(2) .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; line-height: 1.25 !important; } /* ----------------------------------------------------- FACEBOOK + RO + SEARCH ----------------------------------------------------- */ .header-actiuni > .elementor-element:nth-child(3), .header-actiuni > .elementor-element:nth-child(4), .header-actiuni > .elementor-element:nth-child(5) { position: absolute !important; right: 10px !important; width: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; z-index: 20 !important; } /* Facebook */ .header-actiuni > .elementor-element:nth-child(3) { top: 14px !important; } /* RO */ .header-actiuni > .elementor-element:nth-child(4) { top: 39px !important; } /* Search */ .header-actiuni > .elementor-element:nth-child(5) { top: 63px !important; } /* ----------------------------------------------------- FACEBOOK ICON ----------------------------------------------------- */ .header-actiuni .elementor-social-icons-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } .header-actiuni .elementor-social-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } /* ----------------------------------------------------- RO ----------------------------------------------------- */ .header-actiuni > .elementor-element:nth-child(4) .gtranslate_wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- SEARCH ----------------------------------------------------- */ .header-actiuni .das-header-search { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } .header-actiuni .das-search-toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= MOBIL 0 - 767px TOTUL PE VERTICALĂ ========================================================= */ @media (max-width: 767px) { /* ----------------------------------------------------- CONTAINER TOP ----------------------------------------------------- */ .header-actiuni { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 10px 12px 12px 12px !important; gap: 0 !important; box-sizing: border-box !important; position: relative !important; overflow: visible !important; text-align: center !important; } /* ----------------------------------------------------- 1. SIGLA ----------------------------------------------------- */ .header-actiuni > .elementor-element:nth-child(1) { order: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 0 6px 0 !important; padding: 0 !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; transform: none !important; z-index: 5 !important; } .header-actiuni > .elementor-element:nth-child(1) img { display: block !important; width: 76px !important; max-width: 76px !important; height: auto !important; margin: 0 auto !important; } /* ----------------------------------------------------- 2. TEXTELE ----------------------------------------------------- */ .header-actiuni > .elementor-element:nth-child(2) { order: 2 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; transform: none !important; text-align: center !important; z-index: 5 !important; } .header-actiuni > .elementor-element:nth-child(2) .elementor-heading-title, .header-actiuni > .elementor-element:nth-child(2) .elementor-widget-container { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; line-height: 1.25 !important; } /* ----------------------------------------------------- 3. FACEBOOK ----------------------------------------------------- */ .header-actiuni > .elementor-element:nth-child(3) { order: 3 !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 10px 0 0 0 !important; padding: 0 !important; z-index: 10 !important; } .header-actiuni > .elementor-element:nth-child(3) .elementor-social-icons-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- 4. RO ----------------------------------------------------- */ .header-actiuni > .elementor-element:nth-child(4) { order: 4 !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 7px 0 0 0 !important; padding: 0 !important; z-index: 10 !important; } .header-actiuni > .elementor-element:nth-child(4) .gtranslate_wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- 5. SEARCH ----------------------------------------------------- */ .header-actiuni > .elementor-element:nth-child(5) { order: 5 !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 7px 0 0 0 !important; padding: 0 !important; z-index: 10 !important; } .header-actiuni > .elementor-element:nth-child(5) .das-header-search { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } .header-actiuni > .elementor-element:nth-child(5) .das-search-toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- GENERAL ----------------------------------------------------- */ .header-actiuni * { box-sizing: border-box !important; } body { overflow-x: hidden !important; } } /* ========================================================= MOBIL FOARTE ÎNGUST - sub 380px ========================================================= */ @media (max-width: 380px) { .header-actiuni { padding-left: 8px !important; padding-right: 8px !important; } .header-actiuni > .elementor-element:nth-child(1) img { width: 70px !important; max-width: 70px !important; } .header-actiuni > .elementor-element:nth-child(2) .elementor-heading-title, .header-actiuni > .elementor-element:nth-child(2) .elementor-widget-container { font-size: 14px !important; line-height: 1.25 !important; } } /* ========================================================= CORECȚIE MOBIL - ORDINE ELEMENTE HEADER ========================================================= */ @media (max-width: 767px) { /* Containerul TOP */ #header-sigla.header-actiuni { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; height: auto !important; position: relative !important; margin: 0 !important; padding: 10px 12px 12px 12px !important; gap: 0 !important; } /* ===================================================== 1. SIGLA - PRIMA ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(1) { order: 1 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 8px 0 !important; padding: 0 !important; z-index: 10 !important; } #header-sigla.header-actiuni > .elementor-element:nth-child(1) img { display: block !important; width: 76px !important; max-width: 76px !important; height: auto !important; margin: 0 auto !important; } /* ===================================================== 2. CONSILIUL + DIRECȚIA ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(2) { order: 2 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; z-index: 5 !important; } #header-sigla.header-actiuni > .elementor-element:nth-child(2) * { text-align: center !important; } /* ===================================================== 3. FACEBOOK ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(3) { order: 3 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 10px 0 0 0 !important; padding: 0 !important; } /* ===================================================== 4. RO ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(4) { order: 4 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 7px 0 0 0 !important; padding: 0 !important; } /* ===================================================== 5. SEARCH ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(5) { order: 5 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 7px 0 0 0 !important; padding: 0 !important; } } /* ========================================================= DAS BRAȘOV - HEADER TABLETĂ 768px - 1024px Ordine: SIGLĂ CONSILIUL LOCAL DIRECȚIA DE ASISTENȚĂ SOCIALĂ FACEBOOK RO SEARCH ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { /* ===================================================== CONTAINER TOP ===================================================== */ #header-sigla.header-actiuni { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 14px 20px 16px 20px !important; gap: 0 !important; position: relative !important; box-sizing: border-box !important; overflow: visible !important; text-align: center !important; } /* ===================================================== 1. SIGLA ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(1) { order: 1 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 0 8px 0 !important; padding: 0 !important; z-index: 10 !important; } #header-sigla.header-actiuni > .elementor-element:nth-child(1) img { display: block !important; width: 82px !important; max-width: 82px !important; height: auto !important; margin: 0 auto !important; } /* ===================================================== 2. TEXTE ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(2) { order: 2 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; z-index: 5 !important; } #header-sigla.header-actiuni > .elementor-element:nth-child(2) .elementor-heading-title, #header-sigla.header-actiuni > .elementor-element:nth-child(2) .elementor-widget-container { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; line-height: 1.25 !important; } /* ===================================================== 3. FACEBOOK ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(3) { order: 3 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 11px 0 0 0 !important; padding: 0 !important; z-index: 10 !important; } #header-sigla.header-actiuni > .elementor-element:nth-child(3) .elementor-social-icons-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== 4. RO ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(4) { order: 4 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 8px 0 0 0 !important; padding: 0 !important; z-index: 10 !important; } #header-sigla.header-actiuni > .elementor-element:nth-child(4) .gtranslate_wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== 5. SEARCH ===================================================== */ #header-sigla.header-actiuni > .elementor-element:nth-child(5) { order: 5 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 8px 0 0 0 !important; padding: 0 !important; z-index: 10 !important; } #header-sigla.header-actiuni > .elementor-element:nth-child(5) .das-header-search { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } #header-sigla.header-actiuni > .elementor-element:nth-child(5) .das-search-toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 26px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== SIGURANȚĂ ===================================================== */ #header-sigla.header-actiuni * { box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-efea341 */.elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-nav-menu { display: flex; flex-wrap: nowrap; align-items: stretch; width: 100%; } .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-nav-menu > li { flex: 1 1 auto; white-space: normal; display: flex; align-items: stretch; } .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-nav-menu > li > a { white-space: normal !important; word-break: normal; overflow-wrap: normal; text-align: center; line-height: 1.15; min-height: 55px; width: 100%; padding: 8px 10px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } /* Hover */ .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-nav-menu > li > a:hover { opacity: 0.75; } /* Elementul activ */ .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a { font-weight: 600; } /* Nu permite ruperea cuvintelor în interior */ .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--main .elementor-nav-menu > li > a { hyphens: none; } /* Setează limitele de lățime pentru containerul submeniului */ .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu .sub-menu { min-width: 200px !important; /* Lățimea minimă de la care pornește */ max-width: 450px !important; /* Lățimea maximă la care textul este forțat să facă wrap */ width: max-content !important; /* Permite submeniului să se adapteze la textul scurt */ } /* Permite textului din link-uri să se rupă pe mai multe rânduri */ .elementor-4688 .elementor-element.elementor-element-efea341 .sub-menu a, .elementor-4688 .elementor-element.elementor-element-efea341 .elementor-nav-menu--dropdown a { white-space: normal !important; word-wrap: break-word !important; }/* End custom CSS */