/* hh-css 1.3.1 — 2026-11-14T21:34:51+00:00 — wp-img-auto-sizes-contain, hh-kozos, hh-unnepi-blokk, hh-lablec, hh-hirdetes, hh-testverek, hh-kviz-sav, hh-hirracs, hh-latnivalo-top, hh-orszagvalaszto, hh-nyitoblokk, hh-fejlec, wp-emoji-styles, site-reviews-review-style, site-reviews-reviews-style, site-reviews-form-style, site-reviews-summary-style, global-styles, wordpress-popular-posts-css, hello-elementor, hello-elementor-theme-style, hello-elementor-header-footer, elementor-frontend, base-desktop, base-mobile, elementor-pro-custom-fonts, hh-ertekeles, site-reviews */ /* ===== wp-img-auto-sizes-contain (beágyazott) ===== */ img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /* ===== hh-kozos ===== */ /* ========================================================================== HETEDHÉTORSZÁG — KÖZÖS STÍLUS (az új frontend alapja) Verzió: 1.6 (2026-10-18) — kép nélküli látnivaló „tábla-képe” (12. rész); 1.5 (2026-10-14) — görgethető sorok jelzése (11. rész, hh-gorgeto.js); 1.4.1 (2026-10-10) — telefonos egymásra csúszás javítva; 1.3 (2026-10-09) — telefonos térközök; 1.2 (2026-10-08) — blokk-fejléc malaccal; 1.1: "pajzs" a téma ellen -------------------------------------------------------------------------- Ebben a fájlban van minden, amit az új blokkok közösen használnak: betűtípusok, színek, szélesség, az útjelző tábla, a gombok és a blokk-fejléc. Az egyes blokkok saját CSS-e csak a saját elrendezését tartalmazza, és ezekre a változókra hivatkozik. HATÓKÖR: a betűk és az alapstílus CSAK a .hh-uj osztályú elemeken belül érvényes, így a régi oldalrészek (Elementor globális betűk: Roboto, Poppins) változatlanok maradnak, amíg át nem állunk. ========================================================================== */ /* -------------------------------------------------------------------------- 1. BETŰTÍPUSOK — saját tárhelyről (nincs Google-kapcsolat, GDPR-barát) A latin-ext fájl kell az ő/ű betűkhöz. A böngésző csak azt a fájlt tölti le, amelyik betű ténylegesen előfordul az oldalon. -------------------------------------------------------------------------- */ @font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/baloo-2-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/baloo-2-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:800;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/baloo-2-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:800;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/baloo-2-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/inter-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/inter-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/inter-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/inter-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/hh-kod/assets/fonts/inter-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} /* -------------------------------------------------------------------------- 2. VÁLTOZÓK — színek, betűk, méretek A "-sotet" árnyalatok a fehér háttéren olvasandó szövegekhez kellenek (a márkaszínek világos változata szövegként túl gyenge kontrasztú). -------------------------------------------------------------------------- */ :root{ /* márkaszínek */ --hh-navy:#2E3F6A; --hh-narancs:#F19953; --hh-narancs-sotet:#B8621F; --hh-turkiz:#40E0D0; --hh-turkiz-sotet:#0F7F74; --hh-pink:#F7567C; --hh-pink-sotet:#C2254D; /* szöveg és felületek */ --hh-szoveg:#5D576B; --hh-szoveg-eros:#2F2B38; --hh-papir:#FFFFFF; --hh-halvany:#F4F2F7; --hh-vonal:#E4E1EA; /* betűk */ --hh-betu-cim:"Baloo 2", system-ui, sans-serif; --hh-betu-szoveg:"Inter", system-ui, sans-serif; /* formák */ --hh-sarok:10px; /* SZÉLESSÉG: a képernyő 90%-a, de legfeljebb 1320 px. Ezt a két számot kell átírni, ha más szélességet szeretnél. */ --hh-szel-arany:90%; --hh-szel-max:1320px; --hh-tartalom:min(var(--hh-szel-arany), var(--hh-szel-max)); } /* mobilon fix 16 px-es margó */ @media (max-width:720px){ :root{ --hh-tartalom:calc(100% - 32px); } } /* -------------------------------------------------------------------------- 3. SZÉLESSÉG a) .hh-keret — a saját blokkjaink tartó-eleme b) az Elementor legfelső szintű "dobozolt" (boxed) konténerei (e-parent; a beágyazott konténerek a szülőn belül maradnak, nem szűkülnek tovább) — csak akkor, ha a body megkapta a hh-szelesseg osztályt (a PHP-ban kapcsolható). A teljes szélességű (full width) konténereket nem érinti, és ahol egy konténernél egyedi szélességet állítottál be, az erősebb marad. -------------------------------------------------------------------------- */ .hh-keret{ width:var(--hh-tartalom); margin-left:auto; margin-right:auto; } .hh-szelesseg .e-con.e-con-boxed.e-parent{ --content-width:min(var(--hh-szel-arany), var(--hh-szel-max)); } @media (max-width:720px){ /* mobilon az Elementor saját belső margója adja a szélt */ .hh-szelesseg .e-con.e-con-boxed.e-parent{ --content-width:100%; } } /* -------------------------------------------------------------------------- 4. ALAPSTÍLUS AZ ÚJ BLOKKOKON BELÜL — "pajzs" a téma stílusai ellen A Hello téma és az Elementor globális stílusai (rózsaszín linkek, keretes gombok, "img{max-width:100%}") erősebbek lennének a sima osztályoknál. Ezért minden új szabály így kezdődik: :is(.hh-uj,#hh-uj) .valami { … } A :is() a legerősebb tagja (#hh-uj, egy azonosító) erősségét kapja, de ugyanúgy a .hh-uj osztályú elemeken belül érvényes. Ilyen azonosítójú elem nincs az oldalon, csak az erősség miatt szerepel. Az alábbi alaphelyzet a :where() miatt egy fokkal gyengébb, így a komponensek (tábla, gomb, a blokkok saját CSS-e) felülírják. -------------------------------------------------------------------------- */ .hh-uj{ font-family:var(--hh-betu-szoveg); font-size:16px; line-height:1.55; color:var(--hh-szoveg); -webkit-font-smoothing:antialiased; } .hh-uj *, .hh-uj *::before, .hh-uj *::after{ box-sizing:border-box; } :is(.hh-uj,#hh-uj) :where(h1,h2,h3,h4){ font-family:var(--hh-betu-cim); font-weight:800; color:var(--hh-szoveg-eros); letter-spacing:-.01em; text-transform:none; margin:0; } :is(.hh-uj,#hh-uj) :where(p){ margin:0; } :is(.hh-uj,#hh-uj) :where(ul,ol){ margin:0; padding:0; } /* linkek: a környező szöveg színét viszik, aláhúzás nélkül */ :is(.hh-uj,#hh-uj) :where(a, a:hover, a:focus, a:active, a:visited){ color:inherit; background-color:transparent; text-decoration:none; box-shadow:none; } /* gombok: a téma kerete, színe, kitöltése, átmenete nélkül */ :is(.hh-uj,#hh-uj) :where(button, [type=button], [type=submit], [type=reset]), :is(.hh-uj,#hh-uj) :where(button, [type=button], [type=submit], [type=reset]):where(:hover, :focus, :active){ background:none; border:0; border-radius:0; box-shadow:none; color:inherit; font:inherit; letter-spacing:normal; text-transform:none; text-decoration:none; margin:0; padding:0; min-height:0; width:auto; line-height:inherit; white-space:normal; transition:none; } /* beviteli mezők: a téma kerete és kitöltése nélkül */ :is(.hh-uj,#hh-uj) :where(input, textarea, select), :is(.hh-uj,#hh-uj) :where(input, textarea, select):where(:focus, :hover){ border:0; border-radius:0; box-shadow:none; background:none; color:inherit; font:inherit; margin:0; padding:0; min-height:0; width:auto; transition:none; } :is(.hh-uj,#hh-uj) :where(label){ display:inline; line-height:inherit; margin:0; vertical-align:baseline; } :is(.hh-uj,#hh-uj) :where(img){ display:block; max-width:100%; height:auto; border:0; border-radius:0; box-shadow:none; } :is(.hh-uj,#hh-uj) a:focus-visible, :is(.hh-uj,#hh-uj) button:focus-visible, :is(.hh-uj,#hh-uj) input:focus-visible{ outline:3px solid var(--hh-narancs); outline-offset:2px; border-radius:4px; } @media (prefers-reduced-motion:reduce){ .hh-uj *{ transition:none !important; animation:none !important; } } /* -------------------------------------------------------------------------- 5. ÚTJELZŐ TÁBLA — az oldal egyetlen visszatérő motívuma Használat: Ausztria Ausztria Változatok: hh-tabla--nagy (országválasztó), hh-tabla--feher (sötét háttéren), hh-tabla--narancs ("Összes" típusú gomb-tábla) -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-tabla{ display:inline-flex; align-items:center; gap:6px; background:var(--hh-navy); color:#fff; font:600 12px/1 var(--hh-betu-szoveg); padding:6px 16px 6px 9px; border-radius:3px 0 0 3px; clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%); white-space:nowrap; } :is(.hh-uj,#hh-uj) a.hh-tabla:hover, :is(.hh-uj,#hh-uj) a:hover .hh-tabla{ background:var(--hh-narancs-sotet); color:#fff; } :is(.hh-uj,#hh-uj) .hh-tabla--nagy{ font:700 19px/1 var(--hh-betu-cim); height:56px; padding:0 30px 0 8px; gap:12px; border-radius:6px 0 0 6px; clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%); } :is(.hh-uj,#hh-uj) .hh-tabla--feher{ background:#fff; color:var(--hh-navy); } :is(.hh-uj,#hh-uj) .hh-tabla--narancs{ background:var(--hh-narancs); color:var(--hh-szoveg-eros); } /* -------------------------------------------------------------------------- 6. BLOKK-FEJLÉC — cím balra, "Összes …" link jobbra

Friss hírek

Minden hír
-------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-blokk-fej{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:18px; } :is(.hh-uj,#hh-uj) .hh-blokk-fej h2{ font-size:30px; line-height:1.1; } :is(.hh-uj,#hh-uj) .hh-blokk-fej a{ font-weight:600; color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-blokk-fej a:hover{ text-decoration:underline; text-underline-offset:3px; } @media (max-width:720px){ :is(.hh-uj,#hh-uj) .hh-blokk-fej h2{ font-size:25px; } } /* blokk-fejléc malaccal: a cím után áll a malac, a cím alatti vonalon */ :is(.hh-uj,#hh-uj) .hh-blokk-fej--malac{ align-items:flex-end; border-bottom:2px solid var(--hh-vonal); padding-bottom:10px; margin-bottom:22px; } :is(.hh-uj,#hh-uj) .hh-blokk-fej--malac h2{ display:flex; align-items:flex-end; gap:14px; } :is(.hh-uj,#hh-uj) .hh-blokk-fej__malac{ display:block; width:auto; height:76px; max-width:none; flex:none; margin-bottom:-12px; /* a malac a vonalon "áll" */ } :is(.hh-uj,#hh-uj) .hh-blokk-fej--malac>a{ margin-bottom:4px; white-space:nowrap; } @media (max-width:720px){ :is(.hh-uj,#hh-uj) .hh-blokk-fej{ flex-wrap:wrap; row-gap:6px; } :is(.hh-uj,#hh-uj) .hh-blokk-fej--malac{ justify-content:flex-start; column-gap:18px; } :is(.hh-uj,#hh-uj) .hh-blokk-fej--malac>a{ white-space:normal; } :is(.hh-uj,#hh-uj) .hh-blokk-fej__malac{ height:54px; margin-bottom:-10px; } } /* -------------------------------------------------------------------------- 7. GOMBOK A narancs gombon SÖTÉT a szöveg: fehér betű a #F19953-on olvashatatlan. -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-gomb{ display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 22px; border:0; border-radius:23px; background:var(--hh-narancs); color:var(--hh-szoveg-eros); font:600 15px/1 var(--hh-betu-szoveg); cursor:pointer; text-decoration:none; } :is(.hh-uj,#hh-uj) .hh-gomb:hover{ background:var(--hh-narancs-sotet); color:#fff; } :is(.hh-uj,#hh-uj) .hh-gomb--keretes{ background:#fff; box-shadow:inset 0 0 0 2px var(--hh-navy); color:var(--hh-navy); } :is(.hh-uj,#hh-uj) .hh-gomb--keretes:hover{ background:var(--hh-navy); color:#fff; } /* -------------------------------------------------------------------------- 8. KÉPDOBOZ — ha a kép nem töltődik be, halvány háttér marad, nem lyuk -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-kepdoboz{ background:var(--hh-halvany); border-radius:var(--hh-sarok); overflow:hidden; } :is(.hh-uj,#hh-uj) .hh-kepdoboz img{ width:100%; height:100%; object-fit:cover; object-position:center top; } /* -------------------------------------------------------------------------- 9. TÉRKÖZÖK TELEFONON (1.3) Asztalon a blokkok közötti nagy levegő jó, telefonon viszont az Elementor-konténerek saját kitöltésével együtt túl nagy rés lenne. - a blokkok alsó margója 32 px, - az új blokkokat tartalmazó Elementor-konténerek függőleges kitöltése 0, - az üres Shortcode widget (pl. hirdetési hely hirdetés nélkül) és az így üresen maradt konténer eltűnik. -------------------------------------------------------------------------- */ @media (max-width:720px){ body :is(.hh-uj,#hh-uj):is(.hh-nyito,.hh-racs-blokk,.hh-ov,.hh-tl,.hh-tv,.hh-hd){ margin-bottom:32px; } body :is(.hh-uj,#hh-uj).hh-nyito{ margin-top:16px; } body :is(.hh-uj,#hh-uj).hh-kv{ margin:0 0 32px; } body :is(.hh-uj,#hh-uj).hh-lo{ margin-bottom:32px; } .hh-szelesseg .e-con.e-parent:has(.hh-uj){ --padding-top:0px; --padding-bottom:0px; --row-gap:0px; --gap:0px; --widgets-spacing:0px; } .elementor-widget-shortcode:has(> .elementor-shortcode:empty), .elementor-widget-shortcode:has(> .elementor-widget-container > .elementor-shortcode:empty){ display:none; } body.hh-szelesseg:not(.elementor-editor-active) .e-con.e-parent:not(:has(.elementor-shortcode:not(:empty))):not(:has(.elementor-widget:not(.elementor-widget-shortcode))){ display:none; } } /* 10. TELEFON/TABLET: Elementor-konténerek magassága a) Az Elementor a konténereket keskeny kijelzőn "oszlop + sortörés" (column + wrap) módba teszi. Ilyenkor a Chrome a blokkjaink (container-type: inline-size) magasságát rossz szélességgel méri, ezért a konténer alacsonyabb vagy magasabb lesz a tartalmánál → a blokkok egymásra csúsznak, vagy nagy üres rés marad. b) A rács (grid) típusú konténereknél telefonon 2 sor van beállítva, de csak 1 elem van bennük → egy ugyanakkora üres sor marad alattuk. */ @media (max-width:1024px){ /* !important: az Elementor elemenkénti CSS-e (post-NNN.css) később töltődik és erősebb */ body .e-con.e-con:has(.hh-uj){ --flex-wrap:nowrap !important; flex-wrap:nowrap !important; } body .e-con.e-con:has(.hh-uj)>.e-con-inner{ flex-wrap:nowrap !important; } body .e-grid.e-con:has(.hh-uj), body .e-grid.e-con:has(.hh-uj)>.e-con-inner{ --e-con-grid-template-rows:none !important; grid-template-rows:none !important; grid-auto-rows:auto !important; } } /* 11. GÖRGETHETŐ SOROK (1.5, 2026-10-14) — a hh-gorgeto.js-hez Keskeny képernyőn az egy sorba tett listák (országtáblák, Tartományok, Mit keresel? / Témák, ABC) oldalra görgethetők. A JS köré tesz egy .hh-gorgeto dobozt, és ha a sor nem fér ki, bekapcsolja: halványuló szél + ‹ › gomb ott, ahol a sor folytatódik; egérrel húzható. Ha a sor elfér, semmi nem változik. */ .hh-gorgeto{ position:relative; display:flow-root; min-width:0; max-width:100%; } .hh-gorgeto > :first-child{ --gt-mb:0px; --gt-mj:0px; } .hh-gorgeto--bal > :first-child{ --gt-mb:44px; } .hh-gorgeto--jobb > :first-child{ --gt-mj:56px; } .hh-gorgeto--be > :first-child{ -webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--gt-mb), #000 calc(100% - var(--gt-mj)), transparent 100%); mask-image:linear-gradient(to right, transparent 0, #000 var(--gt-mb), #000 calc(100% - var(--gt-mj)), transparent 100%); } @media (pointer:fine){ .hh-gorgeto--be > :first-child{ cursor:grab; } .hh-gorgeto--huz > :first-child{ cursor:grabbing; user-select:none; -webkit-user-select:none; } .hh-gorgeto--huz > :first-child *{ pointer-events:none; } } /* a gomb: erős kijelölő (#hh-uj-szintű, mint a "pajzs"), mert a téma/Elementor gombstílusa (margó, háttér, árnyék) különben ráülne */ body :is(.hh-uj,#hh-uj) .hh-gorgeto > button.hh-gorgeto__gomb{ position:absolute; z-index:2; top:var(--gt-y, 50%); left:calc(var(--gt-x, 0px) + 4px); transform:translateY(-50%); width:34px; height:34px; min-width:0; min-height:0; margin:0; padding:0; border:1px solid #E4E1EA; border-radius:50%; display:grid; place-items:center; background:#fff; color:#2E3F6A; cursor:pointer; line-height:1; font-size:0; box-shadow:0 2px 10px rgba(46,63,106,.22); opacity:0; visibility:hidden; transition:opacity .15s ease, visibility .15s; -webkit-tap-highlight-color:transparent; } body :is(.hh-uj,#hh-uj) .hh-gorgeto > button.hh-gorgeto__gomb--jobb{ left:calc(var(--gt-x, 0px) + var(--gt-w, 100%) - 38px); } body :is(.hh-uj,#hh-uj) .hh-gorgeto > button.hh-gorgeto__gomb:hover, body :is(.hh-uj,#hh-uj) .hh-gorgeto > button.hh-gorgeto__gomb:focus{ background:#2E3F6A; color:#fff; border-color:#2E3F6A; } body :is(.hh-uj,#hh-uj) .hh-gorgeto > button.hh-gorgeto__gomb svg{ display:block; } body :is(.hh-uj,#hh-uj) .hh-gorgeto--bal > button.hh-gorgeto__gomb--bal, body :is(.hh-uj,#hh-uj) .hh-gorgeto--jobb > button.hh-gorgeto__gomb--jobb{ opacity:1; visibility:visible; } @media (prefers-reduced-motion:reduce){ body :is(.hh-uj,#hh-uj) .hh-gorgeto > button.hh-gorgeto__gomb{ transition:none; } } /* -------------------------------------------------------------------------- 12. KÉP NÉLKÜLI LÁTNIVALÓ — „TÁBLA-KÉP” (1.6) hh_tabla_kep() adja (kozos-stilus.php 1.5): barna turisztikai tábla fehér jellel + helységnévtábla, halvány szintvonalas háttéren. A doboz a kártya képdobozának méretét veszi fel; kicsiben (< 200 px) csak a tábla. -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-kepdoboz.hh-tk{ /* két osztály: a blokkok „.hh-lo__kartya-kep{display:block}” szabálya ellen */ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7%; background-color:var(--hh-tk-hatter,#EFEDE6); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150' viewBox='0 0 240 150'%3E%3Cg fill='none' stroke='%232E3F6A' stroke-opacity='.09' stroke-width='1.2'%3E%3Cpath d='M-10 120c40-30 70-10 110-35s70-55 150-30'/%3E%3Cpath d='M-10 100c45-28 75-8 112-32s68-50 148-28'/%3E%3Cpath d='M-10 80c48-25 78-6 114-29s66-45 146-26'/%3E%3Cpath d='M-10 60c50-22 80-4 116-26s64-40 144-24'/%3E%3Cpath d='M-10 140c38-32 68-12 108-38s72-60 152-32'/%3E%3Cpath d='M-10 40c52-20 82-2 118-23s62-35 142-22'/%3E%3C/g%3E%3C/svg%3E"); background-size:cover; background-position:center; container-type:inline-size; } :is(.hh-uj,#hh-uj) .hh-tk__barna{ width:24%; max-width:96px; aspect-ratio:1; display:grid; place-items:center; background:#7A4A2B; border-radius:12%; box-shadow:inset 0 0 0 3px #7A4A2B, inset 0 0 0 5px #fff, 0 2px 6px rgba(46,63,106,.18); transition:transform .25s ease; } :is(.hh-uj,#hh-uj) .hh-tk__barna svg{ width:62%; height:62%; display:block; } :is(.hh-uj,#hh-uj) .hh-tk__helyseg{ max-width:84%; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#fff; color:#1F1E24; border:3px solid #1F1E24; border-radius:7px; box-shadow:0 0 0 3px #fff, 0 3px 8px rgba(46,63,106,.16); font:800 clamp(12px,1.25vw,17px)/1 var(--hh-betu-cim); letter-spacing:.05em; text-transform:uppercase; padding:.5em .85em .38em; } :is(.hh-uj,#hh-uj) .hh-tk__helyseg--hosszu{ font-size:clamp(11px,1.05vw,14.5px); letter-spacing:.02em; } :is(.hh-uj,#hh-uj) .hh-tk__helyseg--nagyon{ font-size:clamp(10px,.9vw,12.5px); letter-spacing:.01em; } /* kis (telefonos, négyzetes) bélyegképen csak a barna tábla, nagyobban — a település úgyis ott van a kártya szövegében */ @container (max-width:200px){ :is(.hh-uj,#hh-uj) .hh-tk__helyseg{ display:none; } :is(.hh-uj,#hh-uj) .hh-tk__barna{ width:54%; } } :is(.hh-uj,#hh-uj) .hh-lo__kartya:hover .hh-tk__barna{ transform:rotate(-4deg) scale(1.04); } /* háttérárnyalat a tábla jele szerint */ :is(.hh-uj,#hh-uj) .hh-tk--viz{ --hh-tk-hatter:#E6EFF2; } :is(.hh-uj,#hh-uj) .hh-tk--hegy, :is(.hh-uj,#hh-uj) .hh-tk--tura, :is(.hh-uj,#hh-uj) .hh-tk--park{ --hh-tk-hatter:#E9EFE4; } :is(.hh-uj,#hh-uj) .hh-tk--var, :is(.hh-uj,#hh-uj) .hh-tk--templom, :is(.hh-uj,#hh-uj) .hh-tk--muzeum, :is(.hh-uj,#hh-uj) .hh-tk--varos{ --hh-tk-hatter:#F2EDE4; } :is(.hh-uj,#hh-uj) .hh-tk--jatek, :is(.hh-uj,#hh-uj) .hh-tk--allat{ --hh-tk-hatter:#F4ECEC; } /* ===== hh-unnepi-blokk ===== */ /* ========================================================================== HETEDHÉTORSZÁG — ÜNNEPI BLOKK [unnepi_blokk] Verzió: 1.0 (2026-11-10) -------------------------------------------------------------------------- Keret díszítéssel (ágak a doboz szélén és a tartalom melletti margóban), benne két szekció (hírek, látnivalók): 1 nagy + 3 fekvő kártya. A tördelés a blokk SAJÁT szélességéhez igazodik (@container unnep), az oldalsó füzér a képernyő szélességéhez (@media), mert az a tartalom melletti margóba lóg. Közös elemek (betűk, színek, .hh-tabla, .hh-kepdoboz): hh-kozos.css. ========================================================================== */ :is(.hh-uj,#hh-uj).hh-unnep{ --ub-hatter:#F2F6F3; --ub-pont:#FFFFFF; --ub-vonal:#D9E4DC; --ub-zold:#2F5D3A; --ub-piros:#B3322B; --ub-lang:255,190,90; container:unnep / inline-size; position:relative; margin:0 0 56px; padding:56px 0 64px; } .e-con-boxed :is(.hh-uj,#hh-uj).hh-unnep>.hh-keret{ width:100%; } /* az oldalsó ágak a margóba lógnak — vízszintes görgetősáv ne legyen */ html:has(.hh-unnep), body:has(.hh-unnep){ overflow-x:clip; } .elementor-widget:has(.hh-unnep), .e-con:has(> .elementor-widget .hh-unnep){ overflow:visible; } :is(.hh-uj,#hh-uj) .hh-unnep__doboz{ position:relative; background-color:var(--ub-hatter); background-image:radial-gradient(circle,var(--ub-pont) 1.6px,transparent 2.2px),radial-gradient(circle,var(--ub-pont) 1px,transparent 1.6px); background-size:46px 46px,29px 29px; background-position:0 0,13px 17px; border:1px solid var(--ub-vonal); border-radius:20px; padding:104px 52px 156px; } :is(.hh-uj,#hh-uj) .hh-unnep__tart{ position:relative; z-index:1; } /* ---------- díszítés ---------- */ :is(.hh-uj,#hh-uj) .hh-unnep__disz{ position:absolute; inset:0; pointer-events:none; z-index:2; } :is(.hh-uj,#hh-uj) .hh-unnep__disz .hh-ub-d{ position:absolute; max-width:none; height:auto; filter:drop-shadow(0 2px 2px rgba(30,50,35,.12)); } :is(.hh-uj,#hh-uj) .hh-ub-d--sarok-b{ left:-44px; top:-62px; width:270px; transform:rotate(-4deg); } :is(.hh-uj,#hh-uj) .hh-ub-d--sarok-j{ right:-44px; top:-62px; width:270px; transform:scaleX(-1) rotate(-4deg); } :is(.hh-uj,#hh-uj) .hh-ub-d--f1{ left:15%; top:-50px; width:240px; transform:rotate(2deg); } :is(.hh-uj,#hh-uj) .hh-ub-d--f2{ left:33%; top:-40px; width:200px; transform:scaleX(-1) rotate(-3deg); } :is(.hh-uj,#hh-uj) .hh-ub-d--f3{ left:50%; top:-58px; width:270px; transform:translateX(-50%); } :is(.hh-uj,#hh-uj) .hh-ub-d--f4{ right:31%; top:-42px; width:210px; transform:rotate(3deg); } :is(.hh-uj,#hh-uj) .hh-ub-d--f5{ right:13%; top:-50px; width:240px; transform:scaleX(-1) rotate(1deg); } :is(.hh-uj,#hh-uj) .hh-ub-d--also-b{ left:-36px; bottom:-40px; width:230px; transform:scaleX(-1) rotate(176deg); } :is(.hh-uj,#hh-uj) .hh-ub-d--malac-ag{ right:-30px; bottom:-46px; width:300px; transform:rotate(-3deg); } /* oldalsó füzér (csak ha van hely a margóban) */ :is(.hh-uj,#hh-uj) [class*="hh-ub-d--ol-"]{ display:none; width:210px; } :is(.hh-uj,#hh-uj) [class*="hh-ub-d--ol-b-"]{ left:-118px; transform:rotate(var(--r,90deg)); } :is(.hh-uj,#hh-uj) [class*="hh-ub-d--ol-j-"]{ right:-118px; transform:scaleX(-1) rotate(var(--r,90deg)); } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-b-1{ top:3%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-j-1{ top:5%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-b-2{ top:16%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-j-2{ top:18%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-b-3{ top:29%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-j-3{ top:31%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-b-4{ top:42%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-j-4{ top:44%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-b-5{ top:55%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-j-5{ top:57%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-b-6{ top:68%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-j-6{ top:70%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-b-7{ top:79%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-j-7{ top:81%; } :is(.hh-uj,#hh-uj) .hh-ub-d--ol-b-8{ top:89%; } /* rövid lelógó ág, ha nincs hely a margóban */ :is(.hh-uj,#hh-uj) .hh-ub-d--le-b{ left:-84px; top:96px; width:170px; transform:rotate(78deg); } :is(.hh-uj,#hh-uj) .hh-ub-d--le-j{ right:-84px; top:96px; width:170px; transform:scaleX(-1) rotate(78deg); } @media (min-width:1180px){ :is(.hh-uj,#hh-uj) [class*="hh-ub-d--ol-"]{ display:block; } :is(.hh-uj,#hh-uj) .hh-ub-d--le-b, :is(.hh-uj,#hh-uj) .hh-ub-d--le-j{ display:none; } } /* ---------- gyertyák (advent) ---------- */ :is(.hh-uj,#hh-uj) .hh-ub-gyertyak{ position:absolute; left:5%; bottom:-38px; display:flex; align-items:flex-end; z-index:3; pointer-events:none; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya{ position:relative; width:162px; margin-right:-62px; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya img{ display:block; width:100%; max-width:none; position:relative; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya .ki{ position:absolute; left:0; right:0; bottom:0; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya .be, :is(.hh-uj,#hh-uj) .hh-ub-gyertya .lang{ opacity:0; transition:opacity .6s ease; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya.eg .be{ opacity:1; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya.eg .ki{ opacity:0; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya .lang{ position:absolute; left:var(--lx); top:var(--ly); width:70px; height:70px; margin:-35px 0 0 -35px; border-radius:50%; z-index:2; background:radial-gradient(circle,rgba(var(--ub-lang),.55) 0%,rgba(var(--ub-lang),.18) 40%,rgba(var(--ub-lang),0) 70%); } :is(.hh-uj,#hh-uj) .hh-ub-gyertya.eg .lang{ opacity:1; animation:hh-ub-lobog 2.6s ease-in-out infinite; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya:nth-child(2) .lang{ animation-delay:-.7s; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya:nth-child(3) .lang{ animation-delay:-1.4s; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya:nth-child(4) .lang{ animation-delay:-2s; } @keyframes hh-ub-lobog{ 0%,100%{ transform:scale(1); opacity:.85; } 30%{ transform:scale(1.12) translateY(-1px); opacity:1; } 60%{ transform:scale(.94); opacity:.8; } } /* ---------- malac ---------- */ :is(.hh-uj,#hh-uj) .hh-unnep__malac{ position:absolute; right:36px; bottom:-22px; width:150px; max-width:none; height:auto; z-index:3; pointer-events:none; filter:drop-shadow(0 4px 6px rgba(30,50,35,.15)); } /* ---------- fejléc ---------- */ :is(.hh-uj,#hh-uj) .hh-unnep__fej{ margin-bottom:30px; } :is(.hh-uj,#hh-uj) .hh-unnep__felirat{ display:inline-flex; align-items:center; background:var(--ub-zold); color:#fff; font:600 12px/1 var(--hh-betu-szoveg); padding:6px 18px 6px 10px; border-radius:3px 0 0 3px; margin-bottom:10px; clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%); } :is(.hh-uj,#hh-uj) .hh-unnep__fej h2{ font-size:44px; line-height:1; } :is(.hh-uj,#hh-uj) .hh-unnep__fej p{ margin-top:6px; font-size:15px; max-width:60ch; } /* ---------- szekciók ---------- */ :is(.hh-uj,#hh-uj) .hh-ub-szek+.hh-ub-szek{ margin-top:44px; } :is(.hh-uj,#hh-uj) .hh-ub-szek__fej{ display:flex; align-items:baseline; justify-content:space-between; gap:6px 20px; flex-wrap:wrap; border-bottom:2px solid var(--ub-vonal); padding-bottom:10px; margin-bottom:20px; } :is(.hh-uj,#hh-uj) .hh-ub-szek__fej h3{ font-size:26px; line-height:1.1; } :is(.hh-uj,#hh-uj) .hh-ub-szek__fej a{ font-weight:600; color:var(--ub-piros); white-space:nowrap; } :is(.hh-uj,#hh-uj) .hh-ub-szek__fej a:hover{ text-decoration:underline; text-underline-offset:3px; } :is(.hh-uj,#hh-uj) .hh-ub-racs{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:24px 28px; } :is(.hh-uj,#hh-uj) .hh-ub-szek--forditott .hh-ub-racs{ grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); } :is(.hh-uj,#hh-uj) .hh-ub-szek--forditott .hh-ub-k--nagy{ order:2; } :is(.hh-uj,#hh-uj) .hh-ub-szek--egy .hh-ub-racs{ grid-template-columns:minmax(0,1fr); max-width:640px; } :is(.hh-uj,#hh-uj) .hh-ub-oszlop{ display:flex; flex-direction:column; gap:16px; min-width:0; } /* ---------- kártyák ---------- */ :is(.hh-uj,#hh-uj) .hh-ub-k{ display:block; min-width:0; } :is(.hh-uj,#hh-uj) .hh-ub-k .hh-kepdoboz{ aspect-ratio:3/2; margin-bottom:12px; } :is(.hh-uj,#hh-uj) .hh-ub-k .hh-kepdoboz img{ transition:transform .4s ease; } :is(.hh-uj,#hh-uj) .hh-ub-k:hover .hh-kepdoboz img{ transform:scale(1.03); } :is(.hh-uj,#hh-uj) .hh-ub-k__meta{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; font-size:12.5px; margin-bottom:6px; } :is(.hh-uj,#hh-uj) .hh-ub-k h4{ font:800 20px/1.16 var(--hh-betu-cim); color:var(--hh-szoveg-eros); margin:0 0 5px; transition:color .15s; text-wrap:balance; } :is(.hh-uj,#hh-uj) .hh-ub-k p{ font-size:14.5px; line-height:1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } :is(.hh-uj,#hh-uj) .hh-ub-k:hover h4{ color:var(--ub-piros); } :is(.hh-uj,#hh-uj) .hh-ub-k--nagy h4{ font-size:clamp(24px,2.3vw,30px); line-height:1.1; } :is(.hh-uj,#hh-uj) .hh-ub-k--nagy p{ font-size:15.5px; } :is(.hh-uj,#hh-uj) .hh-ub-k--sor{ display:grid; grid-template-columns:minmax(0,38%) 1fr; gap:16px; align-items:center; background:rgba(255,255,255,.75); border-radius:12px; padding:9px; } :is(.hh-uj,#hh-uj) .hh-ub-k--sor .hh-kepdoboz{ margin:0; aspect-ratio:4/3; } :is(.hh-uj,#hh-uj) .hh-ub-k--sor h4{ font-size:18.5px; } :is(.hh-uj,#hh-uj) .hh-ub-k--sor p{ -webkit-line-clamp:2; font-size:14px; } /* ---------- tablet (a blokk szélessége szerint) ---------- */ @container unnep (max-width:960px){ :is(.hh-uj,#hh-uj) .hh-unnep__doboz{ padding:96px 36px 160px; } :is(.hh-uj,#hh-uj) .hh-ub-d--f2, :is(.hh-uj,#hh-uj) .hh-ub-d--f4{ display:none; } :is(.hh-uj,#hh-uj) .hh-ub-d--f1{ left:12%; } :is(.hh-uj,#hh-uj) .hh-ub-d--f5{ right:10%; } :is(.hh-uj,#hh-uj) .hh-ub-racs, :is(.hh-uj,#hh-uj) .hh-ub-szek--forditott .hh-ub-racs{ grid-template-columns:minmax(0,1fr); } :is(.hh-uj,#hh-uj) .hh-ub-szek--forditott .hh-ub-k--nagy{ order:0; } :is(.hh-uj,#hh-uj) .hh-ub-k--nagy .hh-kepdoboz{ aspect-ratio:16/9; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya{ width:136px; margin-right:-52px; } :is(.hh-uj,#hh-uj) .hh-unnep__malac{ width:136px; } } /* ---------- telefon ---------- */ @container unnep (max-width:620px){ :is(.hh-uj,#hh-uj) .hh-unnep__doboz{ padding:70px 16px 112px; border-radius:16px; } :is(.hh-uj,#hh-uj) .hh-ub-d--le-b, :is(.hh-uj,#hh-uj) .hh-ub-d--le-j, :is(.hh-uj,#hh-uj) .hh-ub-d--f1, :is(.hh-uj,#hh-uj) .hh-ub-d--f5, :is(.hh-uj,#hh-uj) .hh-ub-d--also-b{ display:none; } :is(.hh-uj,#hh-uj) .hh-ub-d--sarok-b, :is(.hh-uj,#hh-uj) .hh-ub-d--sarok-j{ width:160px; top:-40px; } :is(.hh-uj,#hh-uj) .hh-ub-d--sarok-b{ left:-14px; } :is(.hh-uj,#hh-uj) .hh-ub-d--sarok-j{ right:-14px; } :is(.hh-uj,#hh-uj) .hh-ub-d--f3{ width:180px; top:-40px; } :is(.hh-uj,#hh-uj) .hh-ub-d--malac-ag{ width:190px; right:-12px; bottom:-34px; } :is(.hh-uj,#hh-uj) .hh-unnep__fej{ margin-bottom:18px; } :is(.hh-uj,#hh-uj) .hh-unnep__fej h2{ font-size:34px; } :is(.hh-uj,#hh-uj) .hh-unnep__fej p{ font-size:14px; } :is(.hh-uj,#hh-uj) .hh-ub-szek+.hh-ub-szek{ margin-top:30px; } :is(.hh-uj,#hh-uj) .hh-ub-szek__fej{ margin-bottom:12px; } :is(.hh-uj,#hh-uj) .hh-ub-szek__fej h3{ font-size:22px; } :is(.hh-uj,#hh-uj) .hh-ub-racs, :is(.hh-uj,#hh-uj) .hh-ub-oszlop{ gap:0; } :is(.hh-uj,#hh-uj) .hh-ub-k--nagy{ padding-bottom:12px; } :is(.hh-uj,#hh-uj) .hh-ub-k--sor{ grid-template-columns:92px 1fr; gap:12px; background:none; border-radius:0; padding:11px 0; border-top:1px solid var(--ub-vonal); } :is(.hh-uj,#hh-uj) .hh-ub-k--sor .hh-kepdoboz{ aspect-ratio:1; } :is(.hh-uj,#hh-uj) .hh-ub-k--sor p{ display:none; } :is(.hh-uj,#hh-uj) .hh-ub-k h4, :is(.hh-uj,#hh-uj) .hh-ub-k--sor h4{ font-size:16.5px; } :is(.hh-uj,#hh-uj) .hh-ub-k--nagy h4{ font-size:22px; } :is(.hh-uj,#hh-uj) .hh-ub-gyertyak{ left:0; bottom:-24px; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya{ width:84px; margin-right:-30px; } :is(.hh-uj,#hh-uj) .hh-ub-gyertya .lang{ width:40px; height:40px; margin:-20px 0 0 -20px; } :is(.hh-uj,#hh-uj) .hh-unnep__malac{ width:88px; right:14px; bottom:-14px; } } @media (max-width:720px){ :is(.hh-uj,#hh-uj).hh-unnep{ padding:40px 0 40px; margin-bottom:32px; } } @media (prefers-reduced-motion:reduce){ :is(.hh-uj,#hh-uj) .hh-ub-gyertya .lang{ animation:none !important; } } /* ===== hh-lablec ===== */ /* ========================================================================== HETEDHÉTORSZÁG — LÁBLÉC [hh_lablec] Verzió: 1.0 (2026-10-09) Halvány alap, négy oszlop (márka + kapcsolat, országok táblákon, felfedezés, rólunk), testvéroldalak sora, alul sötétkék "út" a copyrighttal. A jobb alsó sarokban az ország malaca a járművével (a főoldalon és országhoz nem köthető oldalon a piros autós malac). FÜGG: hh-kozos.css (változók, .hh-tabla, pajzs). ========================================================================== */ /* Az Elementor lábléc-konténere: teljes szélesség, kitöltés nélkül — bármit állítottak is be rajta. A tartalom a .hh-keret-ben igazodik. */ :is(#hh-uj,.elementor-location-footer) .e-con:has(.hh-lab), :is(#hh-uj,.elementor-location-footer) .e-con:has(.hh-lab)>.e-con-inner{ --content-width:100%; --width:100%; --padding-top:0px; --padding-right:0px; --padding-bottom:0px; --padding-left:0px; --margin-top:0px; --margin-bottom:0px; --gap:0px; --row-gap:0px; --column-gap:0px; max-width:none; width:100%; padding:0; margin-top:0; margin-bottom:0; gap:0; } :is(#hh-uj,.elementor-location-footer) .elementor-widget:has(.hh-lab){ --widgets-spacing:0px; width:100%; max-width:none; margin:0; padding:0; } :is(#hh-uj,.elementor-location-footer) .elementor-widget:has(.hh-lab)>.elementor-widget-container, :is(#hh-uj,.elementor-location-footer) .elementor-shortcode:has(.hh-lab){ margin:0; padding:0; border:0; background:none; } :is(.hh-uj,#hh-uj).hh-lab{ container:hh-lab / inline-size; position:relative; overflow:hidden; background:var(--hh-halvany); color:var(--hh-szoveg); border-top:3px solid var(--hh-turkiz); margin-top:24px; } :is(.hh-uj,#hh-uj) .hh-lab__fent{ --lab-alja:40px; /* a felső rész alsó kitöltése; a jármű ennyivel lejjebb, az úton áll */ padding:52px 0 var(--lab-alja); } :is(.hh-uj,#hh-uj) .hh-lab__fent>.hh-keret{ position:relative; } :is(.hh-uj,#hh-uj) .hh-lab__racs{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.9fr); gap:40px; } /* márka */ :is(.hh-uj,#hh-uj) .hh-lab__marka-link{ display:inline-block; } :is(.hh-uj,#hh-uj) .hh-lab__szo{ display:block; font:800 34px/1 var(--hh-betu-cim); color:var(--hh-navy); letter-spacing:-.01em; } :is(.hh-uj,#hh-uj) .hh-lab__szlogen{ display:block; margin-top:4px; font:600 15px/1.2 var(--hh-betu-szoveg); color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-lab__bemutat{ margin-top:16px; font-size:15px; line-height:1.6; max-width:34ch; } :is(.hh-uj,#hh-uj) .hh-lab__email{ display:inline-block; margin-top:14px; font-weight:600; color:var(--hh-navy); } :is(.hh-uj,#hh-uj) .hh-lab__email:hover{ color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-lab__hiba{ display:inline-flex; align-items:center; gap:8px; margin-top:16px; padding:9px 16px; border-radius:20px; background:#fff; box-shadow:inset 0 0 0 2px var(--hh-vonal); font:600 14px/1 var(--hh-betu-szoveg); color:var(--hh-szoveg-eros); } :is(.hh-uj,#hh-uj) .hh-lab__hiba:hover{ box-shadow:inset 0 0 0 2px var(--hh-narancs); color:var(--hh-szoveg-eros); } /* oszlopcímek és linkek */ :is(.hh-uj,#hh-uj) .hh-lab h2{ font-size:19px; line-height:1.1; margin-bottom:14px; color:var(--hh-navy); } :is(.hh-uj,#hh-uj) .hh-lab__lista{ list-style:none; display:grid; gap:9px; } :is(.hh-uj,#hh-uj) .hh-lab__lista a{ font-size:15px; color:var(--hh-szoveg-eros); } :is(.hh-uj,#hh-uj) .hh-lab__lista a:hover{ color:var(--hh-narancs-sotet); text-decoration:underline; text-underline-offset:3px; } /* országok: kis útjelző táblák */ :is(.hh-uj,#hh-uj) .hh-lab__orszagok{ list-style:none; display:flex; flex-wrap:wrap; gap:8px 6px; } :is(.hh-uj,#hh-uj) .hh-lab__orszagok .hh-tabla{ font-size:12.5px; padding:7px 17px 7px 10px; } :is(.hh-uj,#hh-uj) .hh-lab__orszagok .hh-tabla[aria-current]{ background:var(--hh-narancs); color:var(--hh-szoveg-eros); } /* testvéroldalak — jobbra hely marad a járműnek */ :is(.hh-uj,#hh-uj) .hh-lab__csalad{ display:flex; align-items:center; flex-wrap:wrap; gap:14px 30px; margin-top:40px; padding:24px 250px 0 0; /* elválasztó vonal — a jármű előtt véget ér, hogy ne vágja el a malacot */ background:linear-gradient(var(--hh-vonal), var(--hh-vonal)) left top / calc(100% - 270px) 1px no-repeat; } :is(.hh-uj,#hh-uj) .hh-lab__csalad-cim{ font-size:13.5px; font-weight:600; } :is(.hh-uj,#hh-uj) .hh-lab__csalad a img{ height:30px; width:auto; max-width:180px; opacity:.75; filter:grayscale(1); transition:opacity .2s, filter .2s; } :is(.hh-uj,#hh-uj) .hh-lab__csalad a:hover img{ opacity:1; filter:none; } /* a jármű: jobb alsó sarokban, az úton áll */ :is(.hh-uj,#hh-uj) .hh-lab__jarmu{ position:absolute; right:0; bottom:calc(-1 * var(--lab-alja) - 2px); height:130px; width:auto; max-width:240px; object-fit:contain; object-position:right bottom; pointer-events:none; } /* magas, keskeny jármű (vitorlás): nagyobb, hogy a malac ne legyen sokkal kisebb a többinél */ :is(.hh-uj,#hh-uj) .hh-lab__jarmu--magyarorszag{ height:340px; max-width:none; } :is(.hh-uj,#hh-uj).hh-lab--j-magyarorszag .hh-lab__fent{ --lab-alja:185px; } :is(.hh-uj,#hh-uj).hh-lab--j-magyarorszag .hh-lab__csalad{ padding-right:310px; background-size:calc(100% - 330px) 1px; } /* alsó sáv: az út */ :is(.hh-uj,#hh-uj) .hh-lab__ut{ position:relative; background:var(--hh-navy); color:#C9D0E0; font-size:13.5px; } :is(.hh-uj,#hh-uj) .hh-lab__ut::before{ /* felezővonal */ content:""; position:absolute; left:0; right:0; top:50%; height:2px; margin-top:-1px; background:repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 18px, transparent 18px 36px); pointer-events:none; } :is(.hh-uj,#hh-uj) .hh-lab__ut .hh-keret{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px 24px; flex-wrap:wrap; min-height:58px; padding:12px 0; } :is(.hh-uj,#hh-uj) .hh-lab__ut p, :is(.hh-uj,#hh-uj) .hh-lab__ut a{ position:relative; background:var(--hh-navy); padding:0 6px; } :is(.hh-uj,#hh-uj) .hh-lab__ut a{ color:#fff; font-weight:600; } :is(.hh-uj,#hh-uj) .hh-lab__ut a:hover{ color:var(--hh-narancs); } /* keskenyebb: 2 + 2 oszlop */ @container hh-lab (max-width:1000px){ :is(.hh-uj,#hh-uj) .hh-lab__racs{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:36px 32px; } :is(.hh-uj,#hh-uj) .hh-lab__jarmu{ height:110px; max-width:200px; } :is(.hh-uj,#hh-uj) .hh-lab__csalad{ padding-right:210px; background-size:calc(100% - 230px) 1px; } :is(.hh-uj,#hh-uj) .hh-lab__jarmu--magyarorszag{ height:280px; } :is(.hh-uj,#hh-uj).hh-lab--j-magyarorszag .hh-lab__fent{ --lab-alja:190px; } :is(.hh-uj,#hh-uj).hh-lab--j-magyarorszag .hh-lab__csalad{ padding-right:260px; background-size:calc(100% - 280px) 1px; } } /* telefon: egymás alatt, a két linklista egymás mellett; a jármű saját sávban */ @container hh-lab (max-width:600px){ :is(.hh-uj,#hh-uj) .hh-lab__fent{ --lab-alja:112px; padding-top:36px; } :is(.hh-uj,#hh-uj) .hh-lab__racs{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:30px 20px; } :is(.hh-uj,#hh-uj) .hh-lab__marka, :is(.hh-uj,#hh-uj) .hh-lab__orszag-oszlop{ grid-column:1 / -1; } :is(.hh-uj,#hh-uj) .hh-lab__szo{ font-size:30px; } :is(.hh-uj,#hh-uj) .hh-lab__csalad{ gap:14px 22px; padding-right:0; background-size:100% 1px; } :is(.hh-uj,#hh-uj) .hh-lab__csalad-cim{ width:100%; } :is(.hh-uj,#hh-uj) .hh-lab__csalad a img{ height:24px; } :is(.hh-uj,#hh-uj) .hh-lab__jarmu{ height:96px; max-width:180px; } :is(.hh-uj,#hh-uj) .hh-lab__jarmu--magyarorszag{ height:240px; } :is(.hh-uj,#hh-uj).hh-lab--j-magyarorszag .hh-lab__fent{ --lab-alja:256px; } :is(.hh-uj,#hh-uj).hh-lab--j-magyarorszag .hh-lab__csalad{ padding-right:0; background-size:100% 1px; } :is(.hh-uj,#hh-uj) .hh-lab__ut .hh-keret{ flex-direction:column; align-items:flex-start; padding:14px 0 16px; } :is(.hh-uj,#hh-uj) .hh-lab__ut::before{ display:none; } } /* ===== hh-hirdetes ===== */ /* ========================================================================== HETEDHÉTORSZÁG — HIRDETÉSI HELYEK (Google AdSense) Verzió: 1.1 (2026-10-10) — cikkbe ágyazott hely, csak asztalon / csak telefonon; 1.0 (2026-10-09) .hh-hd--sav széles sáv két blokk között (a Google választ méretet: asztalon 970×90 / 728×90 / 970×250, telefonon 320×100…) .hh-hd--doboz oldalsáv, a Legolvasottabb alatt (300×250; magas: 300×600) Szabály: a hely MINDIG "Hirdetés" felirattal jelenik meg; ha nincs hirdetés, a hely teljesen eltűnik. A hely előre lefoglal egy minimális magasságot, így betöltéskor alig mozdul az oldal. ========================================================================== */ :is(.hh-uj,#hh-uj).hh-hd{ container:hh-hd / inline-size; margin:0 0 56px; } .e-con-boxed :is(.hh-uj,#hh-uj).hh-hd>.hh-keret{ width:100%; } :is(.hh-uj,#hh-uj) .hh-hd__felirat{ display:block; font:500 11.5px/1 var(--hh-betu-szoveg); color:#8A8497; letter-spacing:.02em; margin-bottom:8px; } /* ---- széles sáv ---- */ :is(.hh-uj,#hh-uj).hh-hd--sav .hh-hd__keret{ background:var(--hh-halvany); border-radius:var(--hh-sarok); padding:14px 18px 18px; display:flex; flex-direction:column; align-items:center; } :is(.hh-uj,#hh-uj).hh-hd--sav .hh-hd__felirat{ align-self:flex-start; } :is(.hh-uj,#hh-uj).hh-hd--sav .hh-hd__hely{ width:100%; max-width:970px; min-height:100px; } @container hh-hd (max-width:740px){ :is(.hh-uj,#hh-uj).hh-hd--sav .hh-hd__keret{ padding:12px 12px 14px; } } /* ---- oldalsáv-doboz ---- */ :is(.hh-uj,#hh-uj).hh-hd--doboz{ margin:24px 0 0; } :is(.hh-uj,#hh-uj).hh-hd--doboz .hh-hd__hely{ width:300px; max-width:100%; min-height:250px; margin:0 auto; } :is(.hh-uj,#hh-uj).hh-hd--doboz.hh-hd--magas .hh-hd__hely{ min-height:600px; } /* ---- cikkbe ágyazott (szöveg között, a kivonat alatt, a szöveg végén) ---- */ :is(.hh-uj,#hh-uj).hh-hd--cikk{ margin:28px 0; padding:12px 0 14px; border-top:1px solid var(--hh-vonal); border-bottom:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj).hh-hd--cikk .hh-hd__hely{ width:100%; min-height:120px; } :is(.hh-uj,#hh-uj).hh-hd--cikk .hh-hd__hely ins.adsbygoogle{ text-align:center; } /* ---- csak asztalon / csak telefonon (a JS a rejtettet el sem indítja) ---- */ @media (max-width:1024px){ :is(.hh-uj,#hh-uj).hh-hd--csak-asztal{ display:none; } } @media (min-width:1025px){ :is(.hh-uj,#hh-uj).hh-hd--csak-mobil{ display:none; } } /* ---- a Google hirdetése ---- */ :is(.hh-uj,#hh-uj) .hh-hd__hely ins.adsbygoogle{ display:block; width:100%; } /* nincs hirdetés → a hely eltűnik */ :is(.hh-uj,#hh-uj).hh-hd--ures, :is(.hh-uj,#hh-uj).hh-hd:has(ins.adsbygoogle[data-ad-status="unfilled"]){ display:none; } /* szerkesztőknek: beállítatlan hely jelzése */ :is(.hh-uj,#hh-uj) .hh-hd__minta{ min-height:inherit; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:14px; text-align:center; border-radius:6px; background:repeating-linear-gradient(135deg,#E9E6EF 0 10px,#F1EFF5 10px 20px); color:#6E6880; font:600 14px/1.3 var(--hh-betu-szoveg); } :is(.hh-uj,#hh-uj) .hh-hd__minta small{ font-weight:400; font-size:12px; max-width:46ch; } /* ===== hh-testverek ===== */ /* ========================================================================== HETEDHÉTORSZÁG — TESTVÉROLDALAINK Verzió: 1.0 (2026-10-09) [testver_oldalak_hirfolyam] — oldalanként logó + 4 friss cikk. Asztalon 4 oszlop, keskenyebben 2×2, telefonon 1 képes + 3 sor. FÜGG: hh-kozos.css (változók, blokk-fejléc, képdoboz, pajzs). ========================================================================== */ :is(.hh-uj,#hh-uj).hh-tv{ container:hh-tv / inline-size; margin:0 0 56px; } .e-con-boxed :is(.hh-uj,#hh-uj).hh-tv>.hh-keret{ width:100%; } /* egy testvéroldal */ :is(.hh-uj,#hh-uj) .hh-tv__oldal{ padding:22px 0 28px; border-top:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj) .hh-tv__oldal:first-of-type{ border-top:0; padding-top:4px; } :is(.hh-uj,#hh-uj) .hh-tv__fej{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; } :is(.hh-uj,#hh-uj) .hh-tv__logo{ display:inline-flex; align-items:center; } :is(.hh-uj,#hh-uj) .hh-tv__logo img{ height:46px; width:auto; max-width:300px; object-fit:contain; } :is(.hh-uj,#hh-uj) .hh-tv__logo-nev{ font:800 26px/1 var(--hh-betu-cim); color:var(--hh-szoveg-eros); } :is(.hh-uj,#hh-uj) .hh-tv__tovabb{ font-weight:600; font-size:14.5px; color:var(--hh-narancs-sotet); white-space:nowrap; } :is(.hh-uj,#hh-uj) .hh-tv__tovabb:hover{ text-decoration:underline; text-underline-offset:3px; } /* a 4 cikk */ :is(.hh-uj,#hh-uj) .hh-tv__racs{ list-style:none; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:24px; } :is(.hh-uj,#hh-uj) .hh-tv__kartya{ display:block; } :is(.hh-uj,#hh-uj) .hh-tv__kartya .hh-kepdoboz{ display:block; aspect-ratio:16 / 10; margin-bottom:10px; } :is(.hh-uj,#hh-uj) .hh-tv__kartya .hh-kepdoboz img{ object-position:center; transition:transform .4s ease; } :is(.hh-uj,#hh-uj) .hh-tv__kartya:hover .hh-kepdoboz img{ transform:scale(1.03); } :is(.hh-uj,#hh-uj) .hh-tv__datum{ display:block; font-size:12.5px; margin-bottom:4px; } :is(.hh-uj,#hh-uj) .hh-tv__kartya h3{ font-size:18px; line-height:1.2; transition:color .15s ease; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } :is(.hh-uj,#hh-uj) .hh-tv__kartya:hover h3{ color:var(--hh-narancs-sotet); } /* közepes szélesség: 2×2 */ @container hh-tv (max-width:900px){ :is(.hh-uj,#hh-uj) .hh-tv__racs{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px 20px; } } /* telefon: az első képes, a többi kis képpel sorban */ @container hh-tv (max-width:560px){ :is(.hh-uj,#hh-uj) .hh-tv__fej{ margin-bottom:12px; } :is(.hh-uj,#hh-uj) .hh-tv__logo img{ height:36px; max-width:200px; } :is(.hh-uj,#hh-uj) .hh-tv__tovabb{ font-size:13.5px; } :is(.hh-uj,#hh-uj) .hh-tv__racs{ grid-template-columns:1fr; gap:14px; } :is(.hh-uj,#hh-uj) .hh-tv__racs li:not(:first-child) .hh-tv__kartya{ display:grid; grid-template-columns:104px 1fr; gap:14px; align-items:start; } :is(.hh-uj,#hh-uj) .hh-tv__racs li:not(:first-child) .hh-kepdoboz{ aspect-ratio:4 / 3; margin:0; } :is(.hh-uj,#hh-uj) .hh-tv__racs li:not(:first-child) h3{ font-size:16px; } :is(.hh-uj,#hh-uj) .hh-tv__racs li:first-child h3{ font-size:20px; } } /* ===== hh-kviz-sav ===== */ /* ========================================================================== HETEDHÉTORSZÁG — KVÍZ SÁV (főoldal) Verzió: 1.1 (2026-10-09) — dobozolt konténerben teljes szélesség [hh_kviz_sav] — sötétkék sáv a gondolkodó malaccal; az aktuális heti kvíz egy kérdése rögtön kipróbálható, utána "Jöhet a többi" a /kviz/-re. FÜGG: hh-kozos.css (változók, .hh-gomb, .hh-tabla, pajzs). ========================================================================== */ :is(.hh-uj,#hh-uj).hh-kv{ container:hh-kv / inline-size; margin:8px 0; } /* dobozolt (boxed) Elementor-konténerben a konténer adja a szélességet */ .e-con-boxed :is(.hh-uj,#hh-uj).hh-kv>.hh-keret{ width:100%; } :is(.hh-uj,#hh-uj) .hh-kv__doboz{ position:relative; display:grid; grid-template-columns:minmax(230px, 300px) 1fr; column-gap:48px; background:var(--hh-navy); color:#D9DEEA; border-radius:16px; padding:30px 40px 30px 36px; overflow:hidden; } /* ---- bal oldal: cím + malac ---- */ :is(.hh-uj,#hh-uj) .hh-kv__fej{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; position:relative; z-index:1; } :is(.hh-uj,#hh-uj) .hh-kv__fej h2{ color:#fff; font-size:44px; line-height:1; margin-top:6px; } :is(.hh-uj,#hh-uj) .hh-kv__alcim{ font-size:15px; line-height:1.5; max-width:30ch; } :is(.hh-uj,#hh-uj) .hh-kv__malac{ width:150px; height:auto; max-width:none; margin-top:auto; /* a doboz aljára kerül … */ margin-bottom:-30px; /* … és a sáv alsó szélén "ül" */ padding-top:10px; } /* ---- jobb oldal: a kérdés ---- */ :is(.hh-uj,#hh-uj) .hh-kv__kerdes{ container:hh-kv-k / inline-size; position:relative; z-index:1; } :is(.hh-uj,#hh-uj) .hh-kv__sorszam{ font:600 13px/1 var(--hh-betu-szoveg); color:var(--hh-turkiz); letter-spacing:.02em; margin-bottom:10px; } :is(.hh-uj,#hh-uj) .hh-kv__q{ color:#fff; font-size:25px; line-height:1.2; margin-bottom:20px; max-width:46ch; } :is(.hh-uj,#hh-uj) .hh-kv__valaszok{ display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; } :is(.hh-uj,#hh-uj) .hh-kv__valasz{ display:flex; align-items:center; gap:12px; width:100%; min-height:62px; padding:12px 14px; background:#fff; color:var(--hh-szoveg-eros); border-radius:var(--hh-sarok); font:500 15px/1.3 var(--hh-betu-szoveg); text-align:left; cursor:pointer; box-shadow:inset 0 0 0 2px transparent; transition:box-shadow .15s, background-color .15s, opacity .15s; } :is(.hh-uj,#hh-uj) .hh-kv__valasz:hover:not(:disabled){ box-shadow:inset 0 0 0 3px var(--hh-narancs); } :is(.hh-uj,#hh-uj) .hh-kv__betu{ flex:none; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:var(--hh-halvany); color:var(--hh-navy); font:800 15px/1 var(--hh-betu-cim); } :is(.hh-uj,#hh-uj) .hh-kv__valasz:disabled{ cursor:default; } :is(.hh-uj,#hh-uj) .hh-kv__valasz.jo{ background:var(--hh-turkiz); } :is(.hh-uj,#hh-uj) .hh-kv__valasz.jo .hh-kv__betu{ background:#fff; color:var(--hh-turkiz-sotet); } :is(.hh-uj,#hh-uj) .hh-kv__valasz.rossz{ background:var(--hh-pink); color:#fff; } :is(.hh-uj,#hh-uj) .hh-kv__valasz.rossz .hh-kv__betu{ background:#fff; color:var(--hh-pink-sotet); } :is(.hh-uj,#hh-uj) .hh-kv__valasz.halvany{ opacity:.45; } :is(.hh-uj,#hh-uj) .hh-kv__valasz.jo .hh-kv__betu::after{ content:"✓"; } :is(.hh-uj,#hh-uj) .hh-kv__valasz.rossz .hh-kv__betu::after{ content:"✕"; } :is(.hh-uj,#hh-uj) .hh-kv__valasz:is(.jo,.rossz) .hh-kv__betu span{ display:none; } /* visszajelzés a válasz után */ :is(.hh-uj,#hh-uj) .hh-kv__visszajelzes{ margin-top:16px; font-size:15px; line-height:1.5; } :is(.hh-uj,#hh-uj) .hh-kv__visszajelzes:empty{ display:none; } :is(.hh-uj,#hh-uj) .hh-kv__visszajelzes b{ display:block; font:800 22px/1.15 var(--hh-betu-cim); margin-bottom:2px; } :is(.hh-uj,#hh-uj) .hh-kv__visszajelzes.jo b{ color:var(--hh-turkiz); } :is(.hh-uj,#hh-uj) .hh-kv__visszajelzes.rossz b{ color:#FF8FA9; } :is(.hh-uj,#hh-uj) .hh-kv__visszajelzes a{ color:#fff; font-weight:600; text-decoration:underline; text-underline-offset:3px; } :is(.hh-uj,#hh-uj) .hh-kv__visszajelzes a:hover{ color:var(--hh-narancs); } /* alsó sor: tovább a teljes kvízre */ :is(.hh-uj,#hh-uj) .hh-kv__lab{ display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; margin-top:20px; } :is(.hh-uj,#hh-uj) .hh-kv__tovabb{ font-weight:600; color:#fff; } :is(.hh-uj,#hh-uj) .hh-kv__tovabb:hover{ color:var(--hh-narancs); } :is(.hh-uj,#hh-uj) .hh-kv__lab .hh-gomb[hidden], :is(.hh-uj,#hh-uj) .hh-kv__tovabb[hidden]{ display:none; } :is(.hh-uj,#hh-uj) .hh-kv__lab .hh-gomb{ gap:8px; } :is(.hh-uj,#hh-uj) .hh-kv__lab .hh-gomb:hover{ background:#fff; color:var(--hh-navy); } /* ---- keskenyebb hely: egy oszlop, a malac a cím mellé kerül ---- */ @container hh-kv (max-width:860px){ :is(.hh-uj,#hh-uj) .hh-kv__doboz{ grid-template-columns:1fr; row-gap:22px; padding:24px 26px 26px; } :is(.hh-uj,#hh-uj) .hh-kv__fej{ display:grid; grid-template-columns:auto 1fr; column-gap:18px; row-gap:4px; align-items:end; } :is(.hh-uj,#hh-uj) .hh-kv__fej>*{ grid-column:2; justify-self:start; } :is(.hh-uj,#hh-uj) .hh-kv__fej>.hh-kv__malac{ grid-column:1; grid-row:1 / span 3; align-self:end; width:96px; margin:0; padding:0; } :is(.hh-uj,#hh-uj) .hh-kv__fej h2{ font-size:36px; margin-top:0; } :is(.hh-uj,#hh-uj) .hh-kv__alcim{ max-width:none; } } @container hh-kv-k (max-width:620px){ :is(.hh-uj,#hh-uj) .hh-kv__valaszok{ grid-template-columns:1fr; } :is(.hh-uj,#hh-uj) .hh-kv__valasz{ min-height:52px; } } @container hh-kv (max-width:480px){ :is(.hh-uj,#hh-uj) .hh-kv__doboz{ padding:20px 18px 22px; border-radius:14px; } :is(.hh-uj,#hh-uj) .hh-kv__fej{ column-gap:14px; } :is(.hh-uj,#hh-uj) .hh-kv__malac{ width:76px; } :is(.hh-uj,#hh-uj) .hh-kv__fej h2{ font-size:30px; } :is(.hh-uj,#hh-uj) .hh-kv__alcim{ font-size:14px; } :is(.hh-uj,#hh-uj) .hh-kv__q{ font-size:21px; } :is(.hh-uj,#hh-uj) .hh-kv__lab .hh-gomb{ width:100%; } } /* ===== hh-hirracs ===== */ /* ========================================================================== HETEDHÉTORSZÁG — HÍRRÁCS-MOTOR [hirek_grid] + LEGOLVASOTTABB [hh_legolvasottabb] Verzió: 2.1 (2026-10-09) — a Legolvasottabb ragad az Elementor-oszlopban -------------------------------------------------------------------------- A rács oszlopai és tördelése a recept szerint, CSS-változókból (--osz-asztal, --ter-asztal, --osz-tablet, --ter-tablet, --ter-mobil), amiket a PHP ír a rácsra. A blokk a SAJÁT szélességéhez igazodik (@container), így oldalsávos oszlopba téve is jól tördel. Közös elemek (tábla, képdoboz, blokk-fejléc malaccal): hh-kozos.css. ========================================================================== */ :is(.hh-uj,#hh-uj).hh-racs-blokk{ container-type:inline-size; margin:0 0 56px; } .e-con-boxed :is(.hh-uj,#hh-uj).hh-racs-blokk>.hh-keret{ width:100%; } :is(.hh-uj,#hh-uj) .hh-racs-kont{ container-type:inline-size; } :is(.hh-uj,#hh-uj) .hh-racs{ display:grid; gap:28px 26px; grid-template-columns:var(--osz-asztal); grid-template-areas:var(--ter-asztal); } :is(.hh-uj,#hh-uj) .hh-racs__oszlop{ display:flex; flex-direction:column; gap:22px; min-width:0; position:relative; } /* --- kártyák --- */ :is(.hh-uj,#hh-uj) .hh-rk{ display:block; } :is(.hh-uj,#hh-uj) .hh-rk .hh-kepdoboz{ aspect-ratio:16/10; margin-bottom:12px; } :is(.hh-uj,#hh-uj) .hh-rk .hh-kepdoboz img{ transition:transform .4s ease; } :is(.hh-uj,#hh-uj) .hh-rk:hover .hh-kepdoboz img{ transform:scale(1.03); } :is(.hh-uj,#hh-uj) .hh-rk__meta{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; margin-bottom:7px; font-size:12.5px; } :is(.hh-uj,#hh-uj) .hh-rk h3{ font-size:20px; line-height:1.18; margin-bottom:6px; transition:color .15s ease; } :is(.hh-uj,#hh-uj) .hh-rk p{ font-size:14.5px; line-height:1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } :is(.hh-uj,#hh-uj) .hh-rk:hover h3{ color:var(--hh-narancs-sotet); } /* széles (50%-os) oszlopban nagyobb kártya */ :is(.hh-uj,#hh-uj) .hh-racs__oszlop--szeles .hh-rk h3{ font-size:clamp(22px, 2vw, 28px); line-height:1.12; } :is(.hh-uj,#hh-uj) .hh-racs__oszlop--szeles .hh-rk p{ font-size:15.5px; -webkit-line-clamp:4; } :is(.hh-uj,#hh-uj) .hh-racs__oszlop--szeles .hh-rk--kep:first-child .hh-kepdoboz{ aspect-ratio:3/2; } /* széles oszlopban csak az első képes kártya nagy, a többi fekvő (kép balra) */ :is(.hh-uj,#hh-uj) .hh-racs__oszlop--szeles .hh-rk--kep:not(:first-child){ display:grid; grid-template-columns:minmax(0,42%) 1fr; gap:18px; align-items:start; } :is(.hh-uj,#hh-uj) .hh-racs__oszlop--szeles .hh-rk--kep:not(:first-child) .hh-kepdoboz{ margin:0; aspect-ratio:4/3; } :is(.hh-uj,#hh-uj) .hh-racs__oszlop--szeles .hh-rk--kep:not(:first-child) h3{ font-size:21px; } :is(.hh-uj,#hh-uj) .hh-racs__oszlop--szeles .hh-rk--kep:not(:first-child) p{ -webkit-line-clamp:3; font-size:14.5px; } /* kép nélküli kártya: halvány alap, felül narancs csík */ :is(.hh-uj,#hh-uj) .hh-rk--szoveg{ background:var(--hh-halvany); border-radius:12px; padding:18px 18px 20px; box-shadow:inset 0 3px 0 var(--hh-narancs); } :is(.hh-uj,#hh-uj) .hh-rk--szoveg p{ -webkit-line-clamp:5; } :is(.hh-uj,#hh-uj) .hh-rk--szoveg:hover{ background:#EEEBF3; } /* kivonat nélküli receptekben (kivonat_szavak = 0) */ :is(.hh-uj,#hh-uj) .hh-rk--nincs-kivonat h3{ margin-bottom:0; } /* malac a csupa kép nélküli oszlop alján (receptben kapcsolható) */ :is(.hh-uj,#hh-uj) .hh-racs__malac{ width:88px; height:auto; margin:auto auto 0; opacity:.9; } /* --- kiemelés (ACF), ritkán --- */ :is(.hh-uj,#hh-uj) .hh-kiemelt--turkiz{ --hh-kiem:var(--hh-turkiz); --hh-kiem-sotet:var(--hh-turkiz-sotet); --hh-kiem-alap:#E3FAF7; } :is(.hh-uj,#hh-uj) .hh-kiemelt--pink{ --hh-kiem:var(--hh-pink); --hh-kiem-sotet:var(--hh-pink-sotet); --hh-kiem-alap:#FEF0F3; } :is(.hh-uj,#hh-uj) .hh-kiemelt--narancs{ --hh-kiem:var(--hh-narancs); --hh-kiem-sotet:var(--hh-narancs-sotet); --hh-kiem-alap:#FEF3EA; } :is(.hh-uj,#hh-uj) .hh-rk.hh-kiemelt--cim h3{ color:var(--hh-kiem-sotet); } :is(.hh-uj,#hh-uj) .hh-rk.hh-kiemelt--hatter{ background:var(--hh-kiem-alap); border-radius:12px; padding:10px 10px 14px; box-shadow:none; } :is(.hh-uj,#hh-uj) .hh-rk.hh-kiemelt--vonal{ box-shadow:inset 5px 0 0 var(--hh-kiem); padding-left:16px; } :is(.hh-uj,#hh-uj) .hh-rk--szoveg.hh-kiemelt--vonal{ box-shadow:inset 5px 0 0 var(--hh-kiem); } /* --- lista-kártya (H, I recept: TOP 5 / TOP 10) --- */ :is(.hh-uj,#hh-uj) .hh-racs__oszlop--lista{ gap:0; counter-reset:hh-hely; } :is(.hh-uj,#hh-uj) .hh-rk--lista{ display:grid; grid-template-columns:72px 1fr; gap:12px; align-items:center; padding:12px 0; border-top:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj) .hh-rk--lista:first-child{ border-top:0; padding-top:4px; } /* helyezés-szám csak valódi rangsornál (népszerűség) */ :is(.hh-uj,#hh-uj) :is(.hh-racs--rangsor, .hh-lo__lap) .hh-rk--lista{ grid-template-columns:34px 72px 1fr; } :is(.hh-uj,#hh-uj) :is(.hh-racs--rangsor, .hh-lo__lap) .hh-rk--lista::before{ counter-increment:hh-hely; content:counter(hh-hely); font:800 30px/1 var(--hh-betu-cim); color:var(--hh-narancs); text-align:center; } :is(.hh-uj,#hh-uj) .hh-rk--lista .hh-kepdoboz{ aspect-ratio:1; margin:0; border-radius:8px; } :is(.hh-uj,#hh-uj) .hh-rk--lista h3{ font:600 15px/1.35 var(--hh-betu-szoveg); color:var(--hh-szoveg-eros); margin:0; } :is(.hh-uj,#hh-uj) .hh-rk--lista .hh-rk__orszag{ display:block; font-size:11.5px; font-weight:600; color:var(--hh-narancs-sotet); margin-bottom:2px; } /* --- tablet: a recept csoportosítása szerint --- */ @container (max-width:900px){ :is(.hh-uj,#hh-uj) .hh-racs{ grid-template-columns:var(--osz-tablet); grid-template-areas:var(--ter-tablet); gap:26px 22px; } } /* --- mobil: egy oszlop; a képes kártyák (az elsőt kivéve) kis képes sorok --- */ @container (max-width:560px){ :is(.hh-uj,#hh-uj) .hh-racs{ grid-template-columns:minmax(0,1fr); grid-template-areas:var(--ter-mobil); gap:0; } :is(.hh-uj,#hh-uj) .hh-racs__oszlop{ gap:0; } :is(.hh-uj,#hh-uj) .hh-rk{ padding:14px 0; border-top:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj) .hh-racs>.hh-racs__oszlop:first-child>.hh-rk:first-child{ border-top:0; padding-top:0; } :is(.hh-uj,#hh-uj) .hh-rk--kep:not(.hh-rk--elso){ display:grid; grid-template-columns:110px 1fr; gap:14px; } :is(.hh-uj,#hh-uj) .hh-rk--kep:not(.hh-rk--elso) .hh-kepdoboz{ aspect-ratio:1; margin:0; } :is(.hh-uj,#hh-uj) .hh-rk--kep:not(.hh-rk--elso) p{ display:none; } :is(.hh-uj,#hh-uj) .hh-rk h3, :is(.hh-uj,#hh-uj) .hh-racs__oszlop--szeles .hh-rk h3{ font-size:18px; } :is(.hh-uj,#hh-uj) .hh-rk--elso h3{ font-size:24px !important; } :is(.hh-uj,#hh-uj) .hh-rk--szoveg{ background:none; box-shadow:none; padding:14px 0; border-radius:0; } :is(.hh-uj,#hh-uj) .hh-rk--szoveg p{ -webkit-line-clamp:2; } :is(.hh-uj,#hh-uj) .hh-racs__malac{ display:none; } :is(.hh-uj,#hh-uj) .hh-rk--lista{ padding:12px 0; } } /* ===== LEGOLVASOTTABB ===== */ :is(.hh-uj,#hh-uj).hh-lo{ position:sticky; top:calc(var(--wp-admin--admin-bar--height, 0px) + 128px); background:#fff; border:1px solid var(--hh-vonal); border-radius:12px; padding:20px 20px 8px; } :is(.hh-uj,#hh-uj) .hh-lo__fej{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; flex-wrap:wrap; } :is(.hh-uj,#hh-uj) .hh-lo__fej h2{ font-size:24px; } @media (max-width:1024px){ :is(.hh-uj,#hh-uj).hh-lo{ position:static; } } /* RAGADÁS AZ ELEMENTORBAN: a doboz maga nem tud ragadni, mert a szülője (a Shortcode widget) pont akkora, mint ő. Ezért a widgetet tesszük ragadóssá — az a kétoszlopos konténer jobb oszlopában mozog, ami olyan magas, mint a mellette lévő rács. Nem kell hozzá Elementor-beállítás. */ .elementor-widget:has(.hh-lo){ position:sticky; top:calc(var(--wp-admin--admin-bar--height, 0px) + 128px); align-self:stretch; z-index:2; } @media (max-width:1024px){ .elementor-widget:has(.hh-lo){ position:static; } } :is(.hh-uj,#hh-uj) .hh-lo__fulek{ display:flex; gap:4px; background:var(--hh-halvany); border-radius:20px; padding:3px; } :is(.hh-uj,#hh-uj) .hh-lo__ful{ font:600 13px/1 var(--hh-betu-szoveg); color:var(--hh-szoveg); padding:7px 12px; border-radius:16px; cursor:pointer; } :is(.hh-uj,#hh-uj) .hh-lo__ful[aria-selected="true"]{ background:var(--hh-navy); color:#fff; } :is(.hh-uj,#hh-uj) .hh-lo__ful:hover:not([aria-selected="true"]){ color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-lo__lap[hidden]{ display:none; } :is(.hh-uj,#hh-uj).hh-lo .hh-rk--lista:hover h3{ color:var(--hh-narancs-sotet); } /* toplista: kép helyett a hegymászó malac */ :is(.hh-uj,#hh-uj) .hh-rk--lista .hh-kepdoboz--malac img{ object-fit:contain; padding:4px; } /* ===== hh-latnivalo-top ===== */ /* ========================================================================== HETEDHÉTORSZÁG — LEGNÉPSZERŰBB LÁTNIVALÓK [legnepszerubb_attrakciok] Verzió: 2.0 (2026-10-08) -------------------------------------------------------------------------- Mindig teljes sorok a blokk szélessége szerint: 5×1, 4×1, 3×2, 2×2. A PHP 6 kártyát ad ki (a 3×2-hez); a CSS rejti el, ami nem fér. Közös elemek (tábla, képdoboz, blokk-fejléc malaccal): hh-kozos.css. ========================================================================== */ :is(.hh-uj,#hh-uj).hh-tl{ container-type:inline-size; margin:0 0 64px; } .e-con-boxed :is(.hh-uj,#hh-uj).hh-tl>.hh-keret{ width:100%; } :is(.hh-uj,#hh-uj) .hh-tl__sor{ --oszlop:5; display:grid; grid-template-columns:repeat(var(--oszlop), minmax(0,1fr)); gap:26px 20px; list-style:none; } :is(.hh-uj,#hh-uj) .hh-tl__sor>li{ min-width:0; } :is(.hh-uj,#hh-uj) .hh-tl__sor>li:nth-child(n+6){ display:none; } /* 5 × 1 */ @container (max-width:1100px){ :is(.hh-uj,#hh-uj) .hh-tl__sor{ --oszlop:4; } :is(.hh-uj,#hh-uj) .hh-tl__sor>li:nth-child(n+5){ display:none; } /* 4 × 1 */ } @container (max-width:860px){ :is(.hh-uj,#hh-uj) .hh-tl__sor{ --oszlop:3; } :is(.hh-uj,#hh-uj) .hh-tl__sor>li:nth-child(-n+6){ display:block; } /* 3 × 2 */ :is(.hh-uj,#hh-uj) .hh-tl__sor>li:nth-child(n+7){ display:none; } } @container (max-width:620px){ :is(.hh-uj,#hh-uj) .hh-tl__sor{ --oszlop:2; gap:20px 14px; } :is(.hh-uj,#hh-uj) .hh-tl__sor>li:nth-child(n+5){ display:none; } /* 2 × 2 */ } :is(.hh-uj,#hh-uj) .hh-tl__kartya{ display:block; } :is(.hh-uj,#hh-uj) .hh-tl__kep{ position:relative; margin-bottom:14px; } :is(.hh-uj,#hh-uj) .hh-tl__kep .hh-kepdoboz{ aspect-ratio:4/3; border-radius:12px; } :is(.hh-uj,#hh-uj) .hh-tl__kep img{ transition:transform .45s ease; } :is(.hh-uj,#hh-uj) .hh-tl__kartya:hover .hh-tl__kep img{ transform:scale(1.05); } /* helyezés: nagy szám a kép bal alsó sarkában */ :is(.hh-uj,#hh-uj) .hh-tl__hely{ position:absolute; left:12px; bottom:10px; z-index:2; font:800 64px/0.8 var(--hh-betu-cim); color:#fff; -webkit-text-stroke:3px var(--hh-navy); paint-order:stroke fill; text-shadow:0 3px 0 rgba(46,63,106,.25); } :is(.hh-uj,#hh-uj) .hh-tl__meta{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; margin:0 0 6px; min-height:22px; font-size:12.5px; } :is(.hh-uj,#hh-uj) .hh-tl__hol{ color:var(--hh-szoveg); } :is(.hh-uj,#hh-uj) .hh-tl__kartya h3{ font-size:19px; line-height:1.2; transition:color .15s ease; } :is(.hh-uj,#hh-uj) .hh-tl__kartya:hover h3{ color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-tl__kartya:hover .hh-tabla{ background:var(--hh-narancs-sotet); } @container (max-width:620px){ :is(.hh-uj,#hh-uj) .hh-tl__hely{ font-size:48px; -webkit-text-stroke-width:2.5px; } :is(.hh-uj,#hh-uj) .hh-tl__hely{ left:8px; bottom:8px; } :is(.hh-uj,#hh-uj) .hh-tl__kartya h3{ font-size:16.5px; } :is(.hh-uj,#hh-uj) .hh-tl__hol{ display:none; } } /* csak felolvasónak (a helyezés szövegesen) */ :is(.hh-uj,#hh-uj) .hh-tl__kartya .screen-reader-text{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; margin:-1px; padding:0; border:0; } /* ===== hh-orszagvalaszto ===== */ /* ========================================================================== HETEDHÉTORSZÁG — ORSZÁGVÁLASZTÓ [hh_orszagvalaszto] Verzió: 1.1 (2026-10-08) — távcsöves malac a cím mellett -------------------------------------------------------------------------- Képes országkártyák, MINDIG teljes sorokban: a blokk szélessége szerint 6 / 5 / 4 / 3 / 2 oszlop, 2 sor (mobilon 3), az utolsó hely a "Mind a 16 ország" kártya. Az utóbbi lenyitja a tábla-erdőt (mind a 16 ország ábécérendben). Sorrend: a JS minden betöltéskor megkeveri. Minden szabály ":is(.hh-uj,#hh-uj)"-vel kezdődik (pajzs a téma ellen). ========================================================================== */ :is(.hh-uj,#hh-uj).hh-ov{ container-type:inline-size; margin:0 0 64px; } .e-con-boxed :is(.hh-uj,#hh-uj).hh-ov>.hh-keret{ width:100%; } :is(.hh-uj,#hh-uj) .hh-ov__fej{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:18px; } :is(.hh-uj,#hh-uj) .hh-ov__fej h2{ font-size:30px; line-height:1.1; } :is(.hh-uj,#hh-uj) .hh-ov__fej p{ font-size:15px; color:var(--hh-szoveg); } :is(.hh-uj,#hh-uj) .hh-ov__fej.hh-blokk-fej--malac{ align-items:flex-end; } :is(.hh-uj,#hh-uj) .hh-ov__fej.hh-blokk-fej--malac p{ margin-bottom:4px; } /* --- a rács: mindig TELJES sorok --- --oszlop: hány kártya fér egy sorba (a blokk szélességétől függ) --sor: hány sor látszik Látszik: oszlop × sor − 1 ország + az "Összes ország" kártya. */ :is(.hh-uj,#hh-uj) .hh-ov__racs{ --oszlop:6; } :is(.hh-uj,#hh-uj) .hh-ov__racs{ display:grid; grid-template-columns:repeat(var(--oszlop), minmax(0,1fr)); gap:14px; list-style:none; } :is(.hh-uj,#hh-uj) .hh-ov__racs>li{ min-width:0; } /* kártya */ :is(.hh-uj,#hh-uj) .hh-ov__kartya{ position:relative; display:block; aspect-ratio:5/6; border-radius:12px; overflow:hidden; background:var(--hh-halvany); isolation:isolate; } :is(.hh-uj,#hh-uj) .hh-ov__kartya img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; max-width:none; transition:transform .5s ease; } :is(.hh-uj,#hh-uj) .hh-ov__kartya::after{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(20,26,48,0) 45%, rgba(20,26,48,.72) 100%); } :is(.hh-uj,#hh-uj) .hh-ov__kartya .hh-tabla{ position:absolute; left:10px; bottom:14px; z-index:2; max-width:calc(100% - 20px); font:700 16px/1 var(--hh-betu-cim); padding:9px 22px 8px 10px; gap:8px; clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%); white-space:normal; text-align:left; } :is(.hh-uj,#hh-uj) .hh-ov__kartya:hover img{ transform:scale(1.06); } :is(.hh-uj,#hh-uj) .hh-ov__kartya:hover .hh-tabla{ background:var(--hh-narancs-sotet); } /* "Összes ország" kártya */ :is(.hh-uj,#hh-uj) .hh-ov__osszes{ width:100%; height:100%; aspect-ratio:5/6; border-radius:12px; cursor:pointer; background:var(--hh-navy); color:#fff; text-align:left; display:flex; flex-direction:column; justify-content:space-between; padding:18px 16px 16px; position:relative; overflow:hidden; } :is(.hh-uj,#hh-uj) .hh-ov__osszes-tablak{ display:flex; flex-direction:column; gap:6px; align-items:flex-start; opacity:.9; } :is(.hh-uj,#hh-uj) .hh-ov__osszes-tablak span{ display:block; height:12px; border-radius:2px 0 0 2px; background:rgba(255,255,255,.22); clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 0 100%); } :is(.hh-uj,#hh-uj) .hh-ov__osszes-tablak span:nth-child(1){ width:70%; background:var(--hh-narancs); } :is(.hh-uj,#hh-uj) .hh-ov__osszes-tablak span:nth-child(2){ width:52%; } :is(.hh-uj,#hh-uj) .hh-ov__osszes-tablak span:nth-child(3){ width:62%; } :is(.hh-uj,#hh-uj) .hh-ov__osszes-tablak span:nth-child(4){ width:40%; } :is(.hh-uj,#hh-uj) .hh-ov__osszes b{ display:block; font:800 22px/1.05 var(--hh-betu-cim); } :is(.hh-uj,#hh-uj) .hh-ov__osszes small{ display:flex; align-items:center; gap:6px; margin-top:6px; font:500 13px/1.2 var(--hh-betu-szoveg); color:#C9D0E3; } :is(.hh-uj,#hh-uj) .hh-ov__osszes:hover{ background:#24345A; } :is(.hh-uj,#hh-uj) .hh-ov__osszes:hover b{ color:var(--hh-narancs); } :is(.hh-uj,#hh-uj) .hh-ov__nyil{ display:inline-block; transition:transform .2s ease; } :is(.hh-uj,#hh-uj).hh-ov.nyitva .hh-ov__osszes small{ visibility:hidden; } /* oszlopszám a blokk szélessége szerint; a fölösleges kártyák rejtve */ :is(.hh-uj,#hh-uj) .hh-ov__racs>li.hh-ov__orszag:nth-child(n+12){ display:none; } /* 6×2−1 = 11 */ @container (max-width:1150px){ :is(.hh-uj,#hh-uj) .hh-ov__racs{ --oszlop:5; } :is(.hh-uj,#hh-uj) .hh-ov__racs>li.hh-ov__orszag:nth-child(n+10){ display:none; } /* 5×2−1 = 9 */ } @container (max-width:900px){ :is(.hh-uj,#hh-uj) .hh-ov__racs{ --oszlop:4; } :is(.hh-uj,#hh-uj) .hh-ov__racs>li.hh-ov__orszag:nth-child(n+8){ display:none; } /* 4×2−1 = 7 */ } @container (max-width:640px){ :is(.hh-uj,#hh-uj) .hh-ov__racs{ --oszlop:3; gap:10px; } :is(.hh-uj,#hh-uj) .hh-ov__racs>li.hh-ov__orszag:nth-child(n+6){ display:none; } /* 3×2−1 = 5 */ :is(.hh-uj,#hh-uj) .hh-ov__kartya .hh-tabla{ font-size:14px; left:8px; bottom:10px; } } @container (max-width:460px){ :is(.hh-uj,#hh-uj) .hh-ov__racs{ --oszlop:2; } :is(.hh-uj,#hh-uj) .hh-ov__racs>li.hh-ov__orszag:nth-child(n+6){ display:none; } /* 2×3−1 = 5 */ :is(.hh-uj,#hh-uj) .hh-ov__kartya, :is(.hh-uj,#hh-uj) .hh-ov__osszes{ aspect-ratio:1; } :is(.hh-uj,#hh-uj) .hh-ov__fej p{ display:none; } } /* --- lenyíló "tábla-erdő": mind a 16 ország ábécérendben --- */ :is(.hh-uj,#hh-uj) .hh-ov__erdo{ display:none; margin-top:14px; padding:22px 24px; border-radius:12px; background:var(--hh-halvany); } :is(.hh-uj,#hh-uj).hh-ov.nyitva .hh-ov__erdo{ display:block; animation:hh-ov-be .25s ease; } @keyframes hh-ov-be{ from{ opacity:0; transform:translateY(-6px); } } :is(.hh-uj,#hh-uj) .hh-ov__erdo ul{ list-style:none; display:grid; grid-template-columns:repeat(8, minmax(0,1fr)); gap:12px 14px; } :is(.hh-uj,#hh-uj) .hh-ov__erdo .hh-tabla{ display:flex; width:100%; height:100%; font:700 15px/1.1 var(--hh-betu-cim); padding:11px 20px 10px 11px; clip-path:polygon(0 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 0 100%); white-space:normal; } @container (max-width:1150px){ :is(.hh-uj,#hh-uj) .hh-ov__erdo ul{ grid-template-columns:repeat(4, minmax(0,1fr)); } } @container (max-width:640px){ :is(.hh-uj,#hh-uj) .hh-ov__erdo{ padding:16px; } :is(.hh-uj,#hh-uj) .hh-ov__erdo ul{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; } } /* ===== hh-nyitoblokk ===== */ /* ========================================================================== HETEDHÉTORSZÁG — NYITÓBLOKK [hh_nyitoblokk] Verzió: 1.1 (2026-10-08) — bőröndös malac az Utazóknak fontos sávban -------------------------------------------------------------------------- Utazóknak fontos sáv + 3 képes hír + Percről percre. Színek, betűk, tábla, képdoboz: hh-kozos.css. Minden szabály ":is(.hh-uj,#hh-uj)"-vel kezdődik (pajzs a téma stílusai ellen). A blokk a SAJÁT szélességéhez igazodik (@container), nem a képernyőhöz, így keskenyebb oszlopba téve is jól tördel. ========================================================================== */ :is(.hh-uj,#hh-uj).hh-nyito{ container-type:inline-size; margin:28px 0 64px; } /* Ha dobozolt (boxed) Elementor-konténerbe kerül, az már 90% / 1320 px széles — ilyenkor a blokk kitölti, nem szűkül tovább. */ .e-con-boxed :is(.hh-uj,#hh-uj).hh-nyito>.hh-keret{ width:100%; } /* --- Utazóknak fontos --- */ :is(.hh-uj,#hh-uj) .hh-fontos{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:6px 22px; margin-bottom:24px; padding:16px 22px 16px 18px; background:#FEF0F3; border:1px solid #F9CBD6; border-left:6px solid var(--hh-pink); border-radius:var(--hh-sarok); } :is(.hh-uj,#hh-uj) .hh-fontos__cimke{ display:flex; align-items:center; gap:10px; font:800 17px/1 var(--hh-betu-cim); color:var(--hh-pink-sotet); white-space:nowrap; } :is(.hh-uj,#hh-uj) .hh-fontos__ikon{ flex:none; width:34px; height:34px; border-radius:50%; background:var(--hh-pink); color:#fff; display:grid; place-items:center; } :is(.hh-uj,#hh-uj) .hh-fontos__szoveg{ min-width:0; border-left:1px solid #F3B5C4; padding-left:22px; } :is(.hh-uj,#hh-uj) .hh-fontos__cim{ display:block; font:700 18px/1.3 var(--hh-betu-szoveg); color:var(--hh-szoveg-eros); } :is(.hh-uj,#hh-uj) .hh-fontos__kivonat{ display:block; font-size:14.5px; line-height:1.45; margin-top:3px; } :is(.hh-uj,#hh-uj) .hh-fontos__meta{ display:flex; align-items:center; gap:8px; margin-top:7px; font-size:12.5px; } :is(.hh-uj,#hh-uj) .hh-fontos__meta .hh-tabla{ font-size:11px; padding:4px 13px 4px 7px; } :is(.hh-uj,#hh-uj) .hh-fontos__tovabb{ font:600 14px/1 var(--hh-betu-szoveg); color:var(--hh-pink-sotet); white-space:nowrap; display:flex; align-items:center; gap:6px; } :is(.hh-uj,#hh-uj) .hh-fontos:hover .hh-fontos__cim{ color:var(--hh-pink-sotet); } :is(.hh-uj,#hh-uj) .hh-fontos:hover .hh-fontos__tovabb{ text-decoration:underline; text-underline-offset:3px; } /* malacos változat: malac az ikon helyén, a felirat a szöveg fölött */ :is(.hh-uj,#hh-uj) .hh-fontos--malac{ grid-template-columns:auto 1fr auto; padding:12px 22px 14px 14px; } :is(.hh-uj,#hh-uj) .hh-fontos__malac{ display:block; height:92px; width:auto; max-width:none; margin:-22px 0 -8px; } :is(.hh-uj,#hh-uj) .hh-fontos--malac .hh-fontos__szoveg{ border-left:0; padding-left:4px; } :is(.hh-uj,#hh-uj) .hh-fontos__szoveg .hh-fontos__cimke{ display:block; font:800 15px/1 var(--hh-betu-cim); color:var(--hh-pink-sotet); margin-bottom:5px; } /* ikonos (malac nélküli) változatban az ikon mellé nem kell külön felirat-oszlop */ :is(.hh-uj,#hh-uj) .hh-fontos:not(.hh-fontos--malac) .hh-fontos__szoveg{ border-left:0; padding-left:0; } /* --- a két oszlop --- */ :is(.hh-uj,#hh-uj) .hh-nyito__racs{ display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:32px; align-items:start; } :is(.hh-uj,#hh-uj) .hh-nyito__kepes{ display:grid; grid-template-columns:1fr 1fr; gap:28px 24px; } :is(.hh-uj,#hh-uj) .hh-nyito__vezeto{ grid-column:1 / -1; } /* hírkártya */ :is(.hh-uj,#hh-uj) .hh-hirkartya{ display:block; } :is(.hh-uj,#hh-uj) .hh-hirkartya .hh-kepdoboz{ aspect-ratio:16/10; margin-bottom:12px; } :is(.hh-uj,#hh-uj) .hh-nyito__vezeto .hh-kepdoboz{ aspect-ratio:2/1; margin-bottom:16px; } :is(.hh-uj,#hh-uj) .hh-hirkartya .hh-kepdoboz img{ transition:transform .4s ease; } :is(.hh-uj,#hh-uj) .hh-hirkartya:hover .hh-kepdoboz img{ transform:scale(1.03); } :is(.hh-uj,#hh-uj) .hh-hirkartya__meta{ display:flex; align-items:center; gap:10px; margin-bottom:8px; font-size:13px; } :is(.hh-uj,#hh-uj) .hh-hirkartya h2, :is(.hh-uj,#hh-uj) .hh-hirkartya h3{ transition:color .15s ease; } :is(.hh-uj,#hh-uj) .hh-hirkartya h2{ font-size:clamp(28px, 2.5vw, 40px); line-height:1.08; margin-bottom:10px; } :is(.hh-uj,#hh-uj) .hh-hirkartya h3{ font-size:22px; line-height:1.15; margin-bottom:6px; } :is(.hh-uj,#hh-uj) .hh-hirkartya p{ font-size:15px; line-height:1.5; } :is(.hh-uj,#hh-uj) .hh-nyito__vezeto p{ font-size:17px; max-width:62ch; } :is(.hh-uj,#hh-uj) .hh-hirkartya:hover h2, :is(.hh-uj,#hh-uj) .hh-hirkartya:hover h3{ color:var(--hh-narancs-sotet); } /* --- Percről percre --- */ :is(.hh-uj,#hh-uj) .hh-percrol{ background:var(--hh-halvany); border-radius:12px; padding:20px 22px 6px; /* görgetéskor a (kompakt) fejléc alatt marad */ position:sticky; top:calc(var(--wp-admin--admin-bar--height, 0px) + 128px); } :is(.hh-uj,#hh-uj) .hh-percrol__fej{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; } :is(.hh-uj,#hh-uj) .hh-percrol__fej h2{ font-size:24px; display:flex; align-items:center; gap:10px; } :is(.hh-uj,#hh-uj) .hh-percrol__elo{ width:10px; height:10px; border-radius:50%; background:var(--hh-turkiz); box-shadow:0 0 0 0 rgba(64,224,208,.6); animation:hh-pulzus 2s infinite; } @keyframes hh-pulzus{ 70%{ box-shadow:0 0 0 9px rgba(64,224,208,0); } 100%{ box-shadow:0 0 0 0 rgba(64,224,208,0); } } :is(.hh-uj,#hh-uj) .hh-percrol ol{ list-style:none; } :is(.hh-uj,#hh-uj) .hh-percrol li{ border-top:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj) .hh-percrol li a{ display:grid; grid-template-columns:58px 1fr; gap:2px 12px; padding:12px 0; } :is(.hh-uj,#hh-uj) .hh-percrol time{ grid-row:1 / span 2; font:600 13px/1.35 var(--hh-betu-szoveg); color:var(--hh-szoveg); padding-top:1px; } :is(.hh-uj,#hh-uj) .hh-percrol time b{ display:block; font-weight:500; font-size:11.5px; color:#8A8497; } :is(.hh-uj,#hh-uj) .hh-percrol .friss time{ color:var(--hh-turkiz-sotet); } :is(.hh-uj,#hh-uj) .hh-percrol__orszag{ font-size:11.5px; font-weight:600; color:var(--hh-narancs-sotet); letter-spacing:.01em; } :is(.hh-uj,#hh-uj) .hh-percrol h3{ font:600 15px/1.35 var(--hh-betu-szoveg); color:var(--hh-szoveg-eros); transition:color .15s; } :is(.hh-uj,#hh-uj) .hh-percrol li a:hover h3{ color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-percrol__mind{ display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--hh-vonal); padding:14px 0 16px; font:600 14px/1 var(--hh-betu-szoveg); color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-percrol__mind:hover{ text-decoration:underline; text-underline-offset:3px; } /* --- kiemelés (ACF kiemeles_szin + kiemeles_mod), ritkán használva --- cím: a cím színes · háttér: halvány színes alap · vonal: színes csík bal oldalt */ :is(.hh-uj,#hh-uj) .hh-kiemelt--turkiz{ --hh-kiem:var(--hh-turkiz); --hh-kiem-sotet:var(--hh-turkiz-sotet); --hh-kiem-alap:#E3FAF7; } :is(.hh-uj,#hh-uj) .hh-kiemelt--pink{ --hh-kiem:var(--hh-pink); --hh-kiem-sotet:var(--hh-pink-sotet); --hh-kiem-alap:#FEF0F3; } :is(.hh-uj,#hh-uj) .hh-kiemelt--narancs{ --hh-kiem:var(--hh-narancs); --hh-kiem-sotet:var(--hh-narancs-sotet); --hh-kiem-alap:#FEF3EA; } :is(.hh-uj,#hh-uj) .hh-kiemelt--cim h2, :is(.hh-uj,#hh-uj) .hh-kiemelt--cim h3{ color:var(--hh-kiem-sotet); } :is(.hh-uj,#hh-uj) .hh-hirkartya.hh-kiemelt--hatter{ background:var(--hh-kiem-alap); border-radius:12px; padding:10px 10px 14px; } :is(.hh-uj,#hh-uj) .hh-percrol li.hh-kiemelt--hatter a{ background:var(--hh-kiem-alap); margin:0 -10px; padding-left:10px; padding-right:10px; border-radius:8px; } :is(.hh-uj,#hh-uj) .hh-hirkartya.hh-kiemelt--vonal{ border-left:5px solid var(--hh-kiem); padding-left:14px; } :is(.hh-uj,#hh-uj) .hh-percrol li.hh-kiemelt--vonal a{ box-shadow:inset 4px 0 0 var(--hh-kiem); padding-left:10px; margin-left:-10px; } /* --- keskenyebb hely: a Percről percre a képes hírek alá --- */ @container (max-width:980px){ :is(.hh-uj,#hh-uj) .hh-nyito__racs{ grid-template-columns:1fr; } :is(.hh-uj,#hh-uj) .hh-percrol{ position:static; } } @container (max-width:640px){ :is(.hh-uj,#hh-uj) .hh-fontos{ grid-template-columns:1fr; padding:14px 16px; gap:10px; } :is(.hh-uj,#hh-uj) .hh-fontos__szoveg{ border-left:0; padding-left:0; } :is(.hh-uj,#hh-uj) .hh-fontos--malac{ grid-template-columns:1fr auto; padding:14px 12px 14px 16px; } :is(.hh-uj,#hh-uj) .hh-fontos--malac .hh-fontos__malac{ grid-column:2; grid-row:1; height:70px; margin:-26px -4px 0 0; } :is(.hh-uj,#hh-uj) .hh-fontos--malac .hh-fontos__szoveg{ grid-column:1; grid-row:1; padding-left:0; } :is(.hh-uj,#hh-uj) .hh-fontos--malac .hh-fontos__tovabb{ grid-column:1 / -1; } :is(.hh-uj,#hh-uj) .hh-nyito__kepes{ grid-template-columns:1fr; gap:0; } :is(.hh-uj,#hh-uj) .hh-nyito__vezeto{ margin-bottom:22px; } /* a 2. és 3. hír mobilon kis képes sor */ :is(.hh-uj,#hh-uj) .hh-nyito__kicsi{ display:grid; grid-template-columns:110px 1fr; gap:14px; padding:14px 0; border-top:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj) .hh-nyito__kicsi .hh-kepdoboz{ aspect-ratio:1; margin:0; } :is(.hh-uj,#hh-uj) .hh-nyito__kicsi h3{ font-size:18px; } :is(.hh-uj,#hh-uj) .hh-nyito__kicsi p{ display:none; } :is(.hh-uj,#hh-uj) .hh-nyito__kicsi .hh-hirkartya__meta{ margin-bottom:5px; } :is(.hh-uj,#hh-uj) .hh-hirkartya h2{ font-size:28px; } :is(.hh-uj,#hh-uj) .hh-nyito__racs{ gap:0; } :is(.hh-uj,#hh-uj) .hh-percrol{ margin-top:22px; padding:16px 16px 4px; } } /* ===== hh-fejlec ===== */ /* ========================================================================== HETEDHÉTORSZÁG — FEJLÉC Verzió: 1.3 (2026-11-04) — nyelvválasztó a hírszalag jobb végén (.hh-nyv, Fejléc 1.6) 1.2.2 (2026-10-26) — a logó függőlegesen a menü közepén (mindhárom nyelven; eddig a sor aljához igazodott) 1.2.1 (2026-10-14) — a kereső újra a jobb szélen (1.2-ben a margin:0 elvitte); 1.2 — "Részletes keresés" nélkül a kereső egysoros: a mező egy vonalban a menüvel (hh-kereso--egysoros, Fejléc 1.3.1) 1.1.1 (2026-10-12) — hírszalag: nagybetű-ékezet nem vágódik le; 1.1 (2026-10-06) — "pajzs" a téma ellen, széltől szélig -------------------------------------------------------------------------- A [hh_fejlec] shortcode stílusa. A színek, betűk és a szélesség a közös stílusból (hh-kozos.css) jönnek, ez a fájl csak a fejléc elrendezése. Minden szabály ":is(.hh-uj,#hh-uj)"-vel kezdődik, hogy a Hello téma és az Elementor globális stílusai ne írják felül (ld. hh-kozos.css, 4. pont). Szerkezet: .hh-fejlec-tarto ragadós tartó (hírszalag + fejléc) .hh-sav hírszalag .hh-fejlec logó, menü, kereső .hh-reszletes lenyíló "Részletes keresés" sáv .hh-fiok mobil menü-fiók ========================================================================== */ /* -------------------------------------------------------------------------- 0. RAGADÓS FEJLÉC Az Elementor fejlécsablon külső tartóját tesszük ragadóssá (a :has() megkeresi azt, amelyikben a fejlécünk van). Ha az admin sáv látszik, alatta marad. -------------------------------------------------------------------------- */ .elementor-location-header:has(.hh-fejlec-tarto){ position:sticky; top:var(--wp-admin--admin-bar--height, 0px); z-index:100; } @media (max-width:600px){ /* 600 px alatt a WordPress admin sávja nem rögzített */ .elementor-location-header:has(.hh-fejlec-tarto){ top:0; } } :is(.hh-uj,#hh-uj).hh-fejlec-tarto{ position:relative; background:#fff; } /* SZÉLTŐL SZÉLIG: a fejlécet tartó Elementor-konténer és widget teljes szélességű, kitöltés és hézag nélkül — bármit állítottak is be rajta az Elementorban (a közös stílus 90%-os szélessége sem vonatkozik rá). A fejléc tartalma a saját .hh-keret elemében igazodik a 90% / 1320 px-hez. */ :is(#hh-uj,.elementor-location-header) .e-con:has(.hh-fejlec-tarto), :is(#hh-uj,.elementor-location-header) .e-con:has(.hh-fejlec-tarto)>.e-con-inner{ --content-width:100%; --width:100%; --padding-top:0px; --padding-right:0px; --padding-bottom:0px; --padding-left:0px; --margin-top:0px; --margin-bottom:0px; --gap:0px; --row-gap:0px; --column-gap:0px; --border-top-width:0px; --border-bottom-width:0px; max-width:none; width:100%; padding:0; margin-top:0; margin-bottom:0; gap:0; } :is(#hh-uj,.elementor-location-header) .elementor-widget:has(.hh-fejlec-tarto){ --widgets-spacing:0px; width:100%; max-width:none; margin:0; padding:0; } :is(#hh-uj,.elementor-location-header) .elementor-widget:has(.hh-fejlec-tarto)>.elementor-widget-container, :is(#hh-uj,.elementor-location-header) .elementor-shortcode:has(.hh-fejlec-tarto){ margin:0; padding:0; border:0; background:none; } /* -------------------------------------------------------------------------- 1. HÍRSZALAG -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-sav{ background:var(--hh-navy); color:#fff; font:400 13px/1 var(--hh-betu-szoveg); overflow:hidden; max-height:36px; transition:max-height .25s ease; } :is(.hh-uj,#hh-uj) .hh-sav__sor{ display:flex; align-items:center; gap:18px; height:36px; } :is(.hh-uj,#hh-uj) .hh-sav__cim{ font-weight:600; color:var(--hh-turkiz); white-space:nowrap; display:flex; align-items:center; gap:7px; } :is(.hh-uj,#hh-uj) .hh-sav__cim::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--hh-turkiz); } :is(.hh-uj,#hh-uj) .hh-sav__ablak{ flex:1; overflow:hidden; line-height:1.6; } /* 1.6: különben a nagybetűs ékezet (Ú, Á, É) lemarad */ :is(.hh-uj,#hh-uj) .hh-sav__sin{ display:flex; gap:32px; white-space:nowrap; width:max-content; animation:hh-sav 70s linear infinite; } :is(.hh-uj,#hh-uj) .hh-sav__sin:hover, :is(.hh-uj,#hh-uj) .hh-sav__sin:focus-within{ animation-play-state:paused; } :is(.hh-uj,#hh-uj) .hh-sav__sin a{ color:#fff; } :is(.hh-uj,#hh-uj) .hh-sav__sin a:hover{ text-decoration:underline; text-underline-offset:2px; } :is(.hh-uj,#hh-uj) .hh-sav__sin em{ font-style:normal; color:var(--hh-narancs); font-weight:600; margin-right:6px; } @keyframes hh-sav{ to{ transform:translateX(-50%); } } /* nyelvválasztó (1.3) — a hírszalag jobb végén */ :is(.hh-uj,#hh-uj) .hh-nyv{ display:flex; align-items:center; gap:2px; flex:none; margin-right:-6px; } :is(.hh-uj,#hh-uj) .hh-nyv__elem{ display:inline-grid; place-items:center; min-width:34px; height:24px; padding:0 8px; border-radius:12px; font:700 12px/1 var(--hh-betu-szoveg); letter-spacing:.04em; color:rgba(255,255,255,.82); text-decoration:none; } :is(.hh-uj,#hh-uj) a.hh-nyv__elem:hover, :is(.hh-uj,#hh-uj) a.hh-nyv__elem:focus-visible{ color:#fff; background:rgba(255,255,255,.14); text-decoration:none; } :is(.hh-uj,#hh-uj) .hh-nyv__elem--aktiv{ background:var(--hh-narancs); color:var(--hh-navy); } @media (prefers-reduced-motion:reduce){ :is(.hh-uj,#hh-uj) .hh-sav__ablak{ overflow-x:auto; } :is(.hh-uj,#hh-uj) .hh-sav__sin{ animation:none; } } /* -------------------------------------------------------------------------- 2. FŐ SOR: logó, menü, kereső -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-fejlec{ border-bottom:1px solid var(--hh-vonal); background:#fff; position:relative; } :is(.hh-uj,#hh-uj) .hh-fejlec__sor{ display:flex; align-items:center; gap:28px; height:96px; transition:height .2s ease; } :is(.hh-uj,#hh-uj) .hh-fejlec__logo{ flex:none; display:block; width:clamp(220px, 20.5vw, 290px); align-self:center; margin-bottom:0; transition:width .2s ease; } :is(.hh-uj,#hh-uj) .hh-fejlec__logo img{ width:100%; max-width:none; height:auto; } /* -------------------------------------------------------------------------- 3. MENÜ -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-menu{ flex:none; } :is(.hh-uj,#hh-uj) .hh-menu ul{ list-style:none; margin:0; padding:0; } :is(.hh-uj,#hh-uj) .hh-menu>ul{ display:flex; align-items:center; gap:4px; } :is(.hh-uj,#hh-uj) .hh-menu li{ position:relative; } :is(.hh-uj,#hh-uj) .hh-menu__pont{ display:flex; align-items:center; gap:5px; height:40px; padding:0 10px; border:0; background:none; border-radius:8px; cursor:pointer; white-space:nowrap; font:500 16px/1 var(--hh-betu-szoveg); color:var(--hh-szoveg-eros); } :is(.hh-uj,#hh-uj) .hh-menu__pont:hover, :is(.hh-uj,#hh-uj) .hh-lenyilo:focus-within>.hh-menu__pont, :is(.hh-uj,#hh-uj) .hh-lenyilo.nyitva>.hh-menu__pont{ background:var(--hh-halvany); } :is(.hh-uj,#hh-uj) .hh-menu__pont[aria-current="page"]{ color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-menu__nyil{ width:8px; height:8px; flex:none; border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(45deg) translate(-2px,-2px); opacity:.6; } /* az ország csoportja: tábla + Látnivalók + Hírek, halvány háttéren */ :is(.hh-uj,#hh-uj) .hh-menu__orszag>ul{ display:flex; align-items:center; gap:2px; margin:0 6px; padding:4px; background:var(--hh-halvany); border-radius:10px; } :is(.hh-uj,#hh-uj) .hh-menu__orszag .hh-menu__pont:hover{ background:#fff; } :is(.hh-uj,#hh-uj) .hh-menu .hh-tabla{ font-size:14px; padding:9px 24px 9px 12px; gap:8px; } :is(.hh-uj,#hh-uj) .hh-menu .hh-tabla .hh-menu__nyil{ border-color:#fff; opacity:.9; } :is(.hh-uj,#hh-uj) .hh-lenyilo:focus-within>.hh-tabla, :is(.hh-uj,#hh-uj) .hh-lenyilo.nyitva>.hh-tabla{ background:var(--hh-narancs-sotet); } /* --- lenyíló panel --- */ :is(.hh-uj,#hh-uj) .hh-panel{ position:absolute; top:calc(100% + 8px); left:0; z-index:5; min-width:300px; padding:18px 20px 14px; background:#fff; border:1px solid var(--hh-vonal); border-radius:12px; box-shadow:0 12px 32px rgba(46,63,106,.14); opacity:0; visibility:hidden; transform:translateY(-4px); transition:opacity .15s ease, transform .15s ease, visibility 0s .15s; } /* láthatatlan híd, hogy az egér ne "essen le" a menüpont és a panel között */ :is(.hh-uj,#hh-uj) .hh-panel::before{ content:""; position:absolute; left:0; right:0; top:-10px; height:10px; } :is(.hh-uj,#hh-uj) .hh-lenyilo.nyitva>.hh-panel, :is(.hh-uj,#hh-uj) .hh-lenyilo:focus-within>.hh-panel{ opacity:1; visibility:visible; transform:none; transition-delay:0s; } @media (hover:hover) and (pointer:fine){ :is(.hh-uj,#hh-uj) .hh-lenyilo:hover>.hh-panel{ opacity:1; visibility:visible; transform:none; transition-delay:0s; } } :is(.hh-uj,#hh-uj) .hh-panel__fej{ margin:0 0 8px 8px; font:800 18px/1 var(--hh-betu-cim); color:var(--hh-szoveg-eros); } :is(.hh-uj,#hh-uj) .hh-panel__racs{ display:grid; grid-auto-flow:column; grid-template-rows:repeat(var(--sorok,6), auto); gap:2px 24px; } :is(.hh-uj,#hh-uj) .hh-panel__racs a{ display:block; padding:6px 8px; border-radius:6px; white-space:nowrap; font:500 15px/1.25 var(--hh-betu-szoveg); color:var(--hh-szoveg-eros); } :is(.hh-uj,#hh-uj) .hh-panel__racs a:hover{ background:var(--hh-halvany); color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-panel__lab{ display:block; margin-top:10px; padding:10px 8px 0; border-top:1px solid var(--hh-vonal); font:600 14px/1 var(--hh-betu-szoveg); color:var(--hh-narancs-sotet); } :is(.hh-uj,#hh-uj) .hh-panel__lab:hover{ text-decoration:underline; text-underline-offset:3px; } /* -------------------------------------------------------------------------- 4. KERESŐ Két sor: [malac] [mező] [gomb], alatta jobbra zárva a "Részletes keresés". -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-kereso{ margin-left:auto; flex:0 1 440px; min-width:0; display:grid; grid-template-columns:auto minmax(110px,1fr) auto; grid-template-rows:auto auto; column-gap:8px; row-gap:3px; align-items:center; } :is(.hh-uj,#hh-uj) .hh-kereso__malac{ grid-row:1 / span 2; align-self:end; width:54px; max-width:none; height:auto; transform:scaleX(-1); /* a malac a mező felé néz */ transition:width .2s ease; } :is(.hh-uj,#hh-uj) .hh-kereso__mezo{ position:relative; min-width:0; } :is(.hh-uj,#hh-uj) .hh-kereso input[type=search]{ width:100%; height:44px; padding:0 34px 0 16px; border:3px solid var(--hh-turkiz); border-radius:22px; background:#fff; font:400 15px var(--hh-betu-szoveg); color:var(--hh-szoveg-eros); -webkit-appearance:none; appearance:none; box-shadow:none; } :is(.hh-uj,#hh-uj) .hh-kereso input[type=search]::-webkit-search-cancel-button{ display:none; } :is(.hh-uj,#hh-uj) .hh-kereso input[type=search]:focus{ outline:none; border-color:var(--hh-turkiz-sotet); } :is(.hh-uj,#hh-uj) .hh-kereso__torles{ position:absolute; right:10px; top:50%; transform:translateY(-50%); border:0; background:none; padding:2px; cursor:pointer; color:#9A94A6; font-size:20px; line-height:1; } :is(.hh-uj,#hh-uj) .hh-kereso__torles:hover{ color:var(--hh-pink-sotet); } :is(.hh-uj,#hh-uj) .hh-kereso__gomb{ height:44px; flex:none; gap:8px; } :is(.hh-uj,#hh-uj) .hh-kereso__gomb svg{ display:none; } @media (max-width:1535px){ /* keskenyebb képernyőn a gomb egy nagyítós kör, hogy több hely jusson */ :is(.hh-uj,#hh-uj) .hh-kereso__gomb{ width:44px; padding:0; } :is(.hh-uj,#hh-uj) .hh-kereso__gomb svg{ display:block; } :is(.hh-uj,#hh-uj) .hh-kereso__gomb span{ display:none; } } :is(.hh-uj,#hh-uj) .hh-kereso__reszletes{ grid-column:2 / 4; justify-self:end; border:0; background:none; padding:0; cursor:pointer; white-space:nowrap; font:400 12px/1.2 var(--hh-betu-szoveg); color:var(--hh-szoveg); text-decoration:underline; text-underline-offset:2px; } :is(.hh-uj,#hh-uj) .hh-kereso__reszletes:hover{ color:var(--hh-narancs-sotet); } /* "Részletes keresés" nélkül (Fejléc 1.3+): egy sor, a mező a menüvel egy vonalban */ :is(.hh-uj,#hh-uj) .hh-kereso--egysoros{ grid-template-rows:auto; margin-top:0; margin-bottom:0; } :is(.hh-uj,#hh-uj) .hh-kereso--egysoros .hh-kereso__malac{ grid-row:1; align-self:center; } /* --- részletes keresés sáv --- */ :is(.hh-uj,#hh-uj) .hh-reszletes{ display:none; background:var(--hh-halvany); border-top:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj) .hh-reszletes.nyitva{ display:block; } :is(.hh-uj,#hh-uj) .hh-reszletes__sor{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px 22px; padding:12px 0; font:400 14px var(--hh-betu-szoveg); color:var(--hh-szoveg); } :is(.hh-uj,#hh-uj) .hh-reszletes__sor b{ color:var(--hh-szoveg-eros); font-weight:600; } :is(.hh-uj,#hh-uj) .hh-reszletes label{ display:flex; align-items:center; gap:7px; cursor:pointer; } :is(.hh-uj,#hh-uj) .hh-reszletes input[type=checkbox]{ appearance:none; -webkit-appearance:none; position:relative; flex:none; margin:0; cursor:pointer; width:20px; height:20px; border:2px solid var(--hh-narancs); border-radius:50%; background:#fff; } :is(.hh-uj,#hh-uj) .hh-reszletes input[type=checkbox]:checked{ background:var(--hh-narancs); } :is(.hh-uj,#hh-uj) .hh-reszletes input[type=checkbox]:checked::after{ content:""; position:absolute; left:5px; top:1px; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); } :is(.hh-uj,#hh-uj) .hh-reszletes input[type=checkbox]:disabled{ opacity:.5; cursor:not-allowed; } /* -------------------------------------------------------------------------- 5. MOBIL GOMBOK ÉS MENÜ-FIÓK -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj) .hh-fejlec__mgomb{ display:none; place-items:center; flex:none; padding:0; cursor:pointer; width:46px; height:46px; border:0; border-radius:50%; background:var(--hh-halvany); } :is(.hh-uj,#hh-uj) .hh-fejlec__mgomb img{ width:30px; max-width:none; height:auto; transform:scaleX(-1); } :is(.hh-uj,#hh-uj) .hh-hamburger, :is(.hh-uj,#hh-uj) .hh-hamburger::before, :is(.hh-uj,#hh-uj) .hh-hamburger::after{ display:block; width:20px; height:2px; background:var(--hh-navy); border-radius:2px; position:relative; content:""; } :is(.hh-uj,#hh-uj) .hh-hamburger::before{ position:absolute; top:-6px; } :is(.hh-uj,#hh-uj) .hh-hamburger::after{ position:absolute; top:6px; } :is(.hh-uj,#hh-uj) .hh-fiok{ display:none; background:#fff; border-top:1px solid var(--hh-vonal); max-height:calc(100vh - 110px); max-height:calc(100dvh - 110px); overflow-y:auto; overscroll-behavior:contain; } :is(.hh-uj,#hh-uj) .hh-fiok.nyitva{ display:block; } :is(.hh-uj,#hh-uj) .hh-fiok ul{ list-style:none; margin:0; padding:0; } :is(.hh-uj,#hh-uj) .hh-fiok__lista>li{ border-bottom:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj) .hh-fiok__lista>li.hh-fiok__orszag{ background:var(--hh-halvany); border-radius:10px; border-bottom:0; padding:2px 12px 4px; margin:8px 0; } :is(.hh-uj,#hh-uj) .hh-fiok__pont{ display:flex; justify-content:space-between; align-items:center; width:100%; min-height:52px; padding:0 4px; border:0; background:none; cursor:pointer; text-align:left; font:600 17px var(--hh-betu-szoveg); color:var(--hh-szoveg-eros); } :is(.hh-uj,#hh-uj) .hh-fiok__pont+.hh-fiok__pont, :is(.hh-uj,#hh-uj) .hh-fiok__al+.hh-fiok__pont{ border-top:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj) .hh-fiok__pont[aria-expanded="true"] .hh-menu__nyil{ transform:rotate(-135deg) translate(-2px,-2px); } :is(.hh-uj,#hh-uj) .hh-fiok__al{ display:none; padding:0 0 12px; } :is(.hh-uj,#hh-uj) .hh-fiok__al.nyitva{ display:block; } :is(.hh-uj,#hh-uj) .hh-fiok__al a{ display:block; padding:9px 12px; border-radius:6px; font:500 15px var(--hh-betu-szoveg); color:var(--hh-szoveg-eros); } :is(.hh-uj,#hh-uj) .hh-fiok__al a:hover{ background:var(--hh-halvany); } :is(.hh-uj,#hh-uj) .hh-fiok__al .hh-fiok__kiemelt{ font-weight:600; } :is(.hh-uj,#hh-uj) .hh-fiok .hh-tabla{ margin:10px 0 4px; } /* -------------------------------------------------------------------------- 6. GÖRGETÉS KÖZBEN: kompakt sor (a JS teszi rá a "gorgetve" osztályt) -------------------------------------------------------------------------- */ :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-fejlec__sor{ height:72px; } :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-fejlec__logo{ width:200px; margin-bottom:0; } :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-kereso__malac{ width:40px; } :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-kereso input[type=search], :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-kereso__gomb{ height:40px; } :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-kereso__gomb{ width:40px; } @media (min-width:1536px){ :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-kereso__gomb{ width:auto; } } /* -------------------------------------------------------------------------- 7. TÖRÉSPONTOK -------------------------------------------------------------------------- */ /* 1300 px alatt a menü a hamburgerbe kerül, a kereső marad */ @media (max-width:1299px){ :is(.hh-uj,#hh-uj) .hh-menu{ display:none; } :is(.hh-uj,#hh-uj) .hh-fejlec__mgomb.hh-fejlec__menugomb{ display:grid; } :is(.hh-uj,#hh-uj) .hh-fejlec__sor{ gap:16px; } } /* tableten és mobilon a hírszalag görgetéskor eltűnik */ @media (max-width:1024px){ :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-sav{ max-height:0; } } /* mobilon keskeny sáv; a kereső a malac-gombra nyílik le */ @media (max-width:720px){ :is(.hh-uj,#hh-uj) .hh-fejlec__sor, :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-fejlec__sor{ height:64px; gap:10px; } :is(.hh-uj,#hh-uj) .hh-fejlec__logo, :is(.hh-uj,#hh-uj).hh-fejlec-tarto.gorgetve .hh-fejlec__logo{ width:165px; margin-bottom:0; } :is(.hh-uj,#hh-uj) .hh-kereso{ display:none; } :is(.hh-uj,#hh-uj) .hh-fejlec__mgomb.hh-fejlec__keresogomb{ display:grid; margin-left:auto; } :is(.hh-uj,#hh-uj) .hh-kereso.nyitva{ display:grid; grid-template-columns:minmax(0,1fr) auto; position:absolute; left:0; right:0; top:100%; z-index:4; margin:0; padding:10px 16px 12px; background:#fff; border-bottom:1px solid var(--hh-vonal); } :is(.hh-uj,#hh-uj) .hh-kereso.nyitva .hh-kereso__malac{ display:none; } :is(.hh-uj,#hh-uj) .hh-kereso.nyitva .hh-kereso__reszletes{ grid-column:1 / 3; } :is(.hh-uj,#hh-uj) .hh-kereso.nyitva .hh-kereso__gomb{ width:auto; padding:0 18px; } :is(.hh-uj,#hh-uj) .hh-kereso.nyitva .hh-kereso__gomb svg{ display:none; } :is(.hh-uj,#hh-uj) .hh-kereso.nyitva .hh-kereso__gomb span{ display:inline; } :is(.hh-uj,#hh-uj) .hh-reszletes__sor{ justify-content:flex-start; } :is(.hh-uj,#hh-uj) .hh-sav__cim span{ display:none; } } /* ===== wp-emoji-styles (beágyazott) ===== */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /* ===== site-reviews-review-style (beágyazott) ===== */ .wp-block-site-review{display:block}.has-custom-color .glsr:not([data-theme]) .glsr-star,.has-rating-color .glsr:not([data-theme]) .glsr-star{background:var(--glsr-review-star-bg);-webkit-mask-size:100%;mask-size:100%}.has-custom-color .glsr:not([data-theme]) .glsr-star-empty,.has-rating-color .glsr:not([data-theme]) .glsr-star-empty{-webkit-mask-image:var(--glsr-star-empty);mask-image:var(--glsr-star-empty)}.has-custom-color .glsr:not([data-theme]) .glsr-star-full,.has-rating-color .glsr:not([data-theme]) .glsr-star-full{-webkit-mask-image:var(--glsr-star-full);mask-image:var(--glsr-star-full)}.has-custom-color .glsr:not([data-theme]) .glsr-star-half,.has-rating-color .glsr:not([data-theme]) .glsr-star-half{-webkit-mask-image:var(--glsr-star-half);mask-image:var(--glsr-star-half)}.has-text-align-left .glsr:not([data-theme]) .glsr-review{justify-content:start;text-align:start}.has-text-align-left .glsr:not([data-theme]) .glsr-review-actions,.has-text-align-left .glsr:not([data-theme]) .glsr-review-author_actions{justify-content:start}.has-text-align-left .glsr:not([data-theme]) .glsr-review-date{flex:1;justify-content:start}.has-text-align-left .glsr:not([data-theme]) .glsr-review-rating{flex:0}.has-text-align-center .glsr:not([data-theme]) .glsr-review{justify-content:center;text-align:center}.has-text-align-center .glsr:not([data-theme]) .glsr-review-actions,.has-text-align-center .glsr:not([data-theme]) .glsr-review-author_actions{justify-content:center}.has-text-align-center .glsr:not([data-theme]) .glsr-review-date{flex:auto;justify-content:start}.has-text-align-center .glsr:not([data-theme]) .glsr-review-rating{flex:auto;justify-content:end}.has-text-align-right .glsr:not([data-theme]) .glsr-review{justify-content:end;text-align:end}.has-text-align-right .glsr:not([data-theme]) .glsr-review-actions,.has-text-align-right .glsr:not([data-theme]) .glsr-review-author_actions{justify-content:end}.has-text-align-right .glsr:not([data-theme]) .glsr-review-date{flex:0}.has-text-align-right .glsr:not([data-theme]) .glsr-review-rating{flex:1;justify-content:end} /* ===== site-reviews-reviews-style (beágyazott) ===== */ .wp-block-site-reviews{display:block}.has-custom-color .glsr:not([data-theme]) .glsr-star,.has-rating-color .glsr:not([data-theme]) .glsr-star{background:var(--glsr-review-star-bg);-webkit-mask-size:100%;mask-size:100%}.has-custom-color .glsr:not([data-theme]) .glsr-star-empty,.has-rating-color .glsr:not([data-theme]) .glsr-star-empty{-webkit-mask-image:var(--glsr-star-empty);mask-image:var(--glsr-star-empty)}.has-custom-color .glsr:not([data-theme]) .glsr-star-full,.has-rating-color .glsr:not([data-theme]) .glsr-star-full{-webkit-mask-image:var(--glsr-star-full);mask-image:var(--glsr-star-full)}.has-custom-color .glsr:not([data-theme]) .glsr-star-half,.has-rating-color .glsr:not([data-theme]) .glsr-star-half{-webkit-mask-image:var(--glsr-star-half);mask-image:var(--glsr-star-half)}.has-text-align-left .glsr:not([data-theme]) .glsr-review{justify-content:start;text-align:start}.has-text-align-left .glsr:not([data-theme]) .glsr-review-actions,.has-text-align-left .glsr:not([data-theme]) .glsr-review-author_actions{justify-content:start}.has-text-align-left .glsr:not([data-theme]) .glsr-review-date{flex:1;justify-content:start}.has-text-align-left .glsr:not([data-theme]) .glsr-review-rating{flex:0}.has-text-align-center .glsr:not([data-theme]) .glsr-review{justify-content:center;text-align:center}.has-text-align-center .glsr:not([data-theme]) .glsr-review-actions,.has-text-align-center .glsr:not([data-theme]) .glsr-review-author_actions{justify-content:center}.has-text-align-center .glsr:not([data-theme]) .glsr-review-date{flex:auto;justify-content:start}.has-text-align-center .glsr:not([data-theme]) .glsr-review-rating{flex:auto;justify-content:end}.has-text-align-center .glsr:not([data-theme]) .glsr-review-images{justify-content:center}.has-text-align-right .glsr:not([data-theme]) .glsr-review{justify-content:end;text-align:end}.has-text-align-right .glsr:not([data-theme]) .glsr-review-actions,.has-text-align-right .glsr:not([data-theme]) .glsr-review-author_actions{justify-content:end}.has-text-align-right .glsr:not([data-theme]) .glsr-review-date{flex:0}.has-text-align-right .glsr:not([data-theme]) .glsr-review-rating{flex:1;justify-content:end}.has-text-align-right .glsr:not([data-theme]) .glsr-review-images{justify-content:end}.items-justified-left .glsr-pagination,.items-justified-left .glsr-pagination .nav-links{display:flex;justify-content:start}.items-justified-center .glsr-pagination,.items-justified-center .glsr-pagination .nav-links{display:flex;justify-content:center}.items-justified-right .glsr-pagination,.items-justified-right .glsr-pagination .nav-links{display:flex;justify-content:end} /* ===== site-reviews-form-style (beágyazott) ===== */ .wp-block-site-reviews-form{display:block}.has-custom-color .glsr:not([data-theme]) .glsr-field:not(.glsr-field-is-invalid) .glsr-star-rating--stars>span,.has-rating-color .glsr:not([data-theme]) .glsr-field:not(.glsr-field-is-invalid) .glsr-star-rating--stars>span{background:var(--glsr-form-star-bg);-webkit-mask-image:var(--glsr-star-empty);mask-image:var(--glsr-star-empty);-webkit-mask-size:100%;mask-size:100%}.has-custom-color .glsr:not([data-theme]) .glsr-field .glsr-star-rating--stars>span:is(.gl-active,.gl-active.gl-selected),.has-rating-color .glsr:not([data-theme]) .glsr-field .glsr-star-rating--stars>span:is(.gl-active,.gl-active.gl-selected){background:var(--glsr-form-star-bg);-webkit-mask-image:var(--glsr-star-full);mask-image:var(--glsr-star-full)}.items-justified-left .wp-block-buttons:has(.glsr-button){justify-content:left}.items-justified-center .wp-block-buttons:has(.glsr-button){justify-content:center}.items-justified-right .wp-block-buttons:has(.glsr-button){justify-content:right} /* ===== site-reviews-summary-style (beágyazott) ===== */ .wp-block-site-reviews-summary{display:block}.has-custom-color .glsr:not([data-theme]) .glsr-summary .glsr-star,.has-rating-color .glsr:not([data-theme]) .glsr-summary .glsr-star{background:var(--glsr-summary-star-bg);-webkit-mask-size:100%;mask-size:100%}.has-custom-color .glsr:not([data-theme]) .glsr-summary .glsr-star-empty,.has-rating-color .glsr:not([data-theme]) .glsr-summary .glsr-star-empty{-webkit-mask-image:var(--glsr-star-empty);mask-image:var(--glsr-star-empty)}.has-custom-color .glsr:not([data-theme]) .glsr-summary .glsr-star-full,.has-rating-color .glsr:not([data-theme]) .glsr-summary .glsr-star-full{-webkit-mask-image:var(--glsr-star-full);mask-image:var(--glsr-star-full)}.has-custom-color .glsr:not([data-theme]) .glsr-summary .glsr-star-half,.has-rating-color .glsr:not([data-theme]) .glsr-summary .glsr-star-half{-webkit-mask-image:var(--glsr-star-half);mask-image:var(--glsr-star-half)}.items-justified-left .glsr-summary{--glsr-summary-align:start}.items-justified-center .glsr-summary{--glsr-summary-align:center}.items-justified-center .glsr-summary-text{flex:0 auto}.items-justified-right .glsr-summary{--glsr-summary-align:end}.items-justified-right .glsr-summary-text{flex:0 auto} /* ===== global-styles (beágyazott) ===== */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :root :where(.wp-block-icon svg){width: 24px;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} /* ===== wordpress-popular-posts-css ===== */ /* WP Popular Posts plugin stylesheet Developed by Hector Cabrera cabrerahector.com | @cabrerahector Use the following classes to style your popular posts list as you like. */ /* Styles the "Sorry, no data so far" message */ .wpp-no-data { } /* UL - Popular Posts container styles */ .wpp-list { /* LI - Post container styles */ li { overflow: hidden; float: none; clear: both; margin-bottom: 1rem; &:last-of-type { margin-bottom: 0; } /* Styles for the popular post in view */ &.current { } a { &:has(.wpp-thumbnail) { display: block; float: left; margin: 0 1rem 0 0; .wpp-thumbnail { display: block; border: none; &.wpp_def_no_src { object-fit: contain; } } } } /* Title styles */ .wpp-post-title { } /* Excerpt styles */ .wpp-excerpt { display: block; } /* Stats tag styles */ .wpp-meta, .post-stats { display: block; font-size: 0.8em; } /* Comments count styles */ .wpp-comments { } /* Views count styles */ .wpp-views { } /* Author styles */ .wpp-author { } /* Post date styles */ .wpp-date { } /* Post category styles */ .wpp-category { } /* WP-PostRatings styles */ .wpp-rating { } } } /* ===== hello-elementor ===== */ html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}[tabindex]:not([tabindex="-1"]):not([contenteditable]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}[tabindex]:not([tabindex="-1"]):not([contenteditable]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none} /* ===== hello-elementor-theme-style ===== */ .comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;overflow-x:hidden;width:100vw}.alignfull img{width:100%}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:1;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)} /* ===== hello-elementor-header-footer ===== */ .site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentcolor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentcolor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li ul a{color:#333}.site-navigation ul.menu li ul a:focus,.site-navigation ul.menu li ul a:hover{color:#222}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;inset-block-start:100%;inset-inline-start:0;max-width:calc(100vw - 2rem);min-width:150px;position:absolute;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{inset-block-start:0;inset-inline-start:100%}.site-navigation ul.menu li:last-child>ul,.site-navigation ul.menu li:nth-last-child(2)>ul{inset-inline-end:0;inset-inline-start:auto}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important} /* ===== elementor-frontend ===== */ :root{--direction-multiplier:1}body.rtl,html[dir=rtl]{--direction-multiplier:-1}.elementor-hidden{display:none}.elementor-visibility-hidden{visibility:hidden}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}.elementor-clearfix:after{clear:both;content:"";display:block;height:0;width:0}.e-logo-wrapper{display:inline-block;line-height:1}.e-logo-wrapper i{color:var(--e-a-color-circle-logo);font-size:2.5em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor hr{background-color:transparent;margin:0}.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{border:none;line-height:1;margin:0;max-width:100%;width:100%}.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container{direction:ltr;inset:0;overflow:hidden;position:absolute;z-index:0}.elementor .elementor-background-video-container{pointer-events:none;transition:opacity 1s}.elementor .elementor-background-video-container.elementor-loading{opacity:0}.elementor .elementor-background-video,.elementor .elementor-background-video-embed{max-width:none}.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%)}.elementor .elementor-background-video-hosted{-o-object-fit:cover;object-fit:cover}.elementor .elementor-background-overlay{inset:0;position:absolute}.elementor .elementor-background-slideshow{inset:0;position:absolute;z-index:0}.elementor .elementor-background-slideshow__slide__image{background-position:50%;background-size:cover;height:100%;width:100%}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1024px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}.elementor-invisible{visibility:hidden}.elementor-custom-embed-play{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(calc(-50% * var(--direction-multiplier)),-50%)}.elementor-custom-embed-play i{color:#fff;font-size:100px;text-shadow:1px 0 6px rgba(0,0,0,.3)}.elementor-custom-embed-play svg{fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3));height:100px;width:100px}.elementor-custom-embed-play i,.elementor-custom-embed-play svg{opacity:.8;transition:all .5s}.elementor-custom-embed-play.elementor-playing i{font-family:eicons}.elementor-custom-embed-play.elementor-playing i:before{content:"\e8fb"}.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg{animation:eicon-spin 2s linear infinite}.elementor-tag{display:inline-flex}.elementor-ken-burns{transition-duration:10s;transition-property:transform;transition-timing-function:linear}.elementor-ken-burns--out{transform:scale(1.3)}.elementor-ken-burns--active{transition-duration:20s}.elementor-ken-burns--active.elementor-ken-burns--out{transform:scale(1)}.elementor-ken-burns--active.elementor-ken-burns--in{transform:scale(1.3)}.elementor-align-center{text-align:center}.elementor-align-right{text-align:right}.elementor-align-left{text-align:left}.elementor-align-center .elementor-button,.elementor-align-left .elementor-button,.elementor-align-right .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}@media (min-width:-1){.elementor-widescreen-align-center{text-align:center}.elementor-widescreen-align-right{text-align:right}.elementor-widescreen-align-left{text-align:left}.elementor-widescreen-align-center .elementor-button,.elementor-widescreen-align-left .elementor-button,.elementor-widescreen-align-right .elementor-button{width:auto}.elementor-widescreen-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-laptop-align-center{text-align:center}.elementor-laptop-align-right{text-align:right}.elementor-laptop-align-left{text-align:left}.elementor-laptop-align-center .elementor-button,.elementor-laptop-align-left .elementor-button,.elementor-laptop-align-right .elementor-button{width:auto}.elementor-laptop-align-justify .elementor-button{width:100%}.elementor-tablet_extra-align-center{text-align:center}.elementor-tablet_extra-align-right{text-align:right}.elementor-tablet_extra-align-left{text-align:left}.elementor-tablet_extra-align-center .elementor-button,.elementor-tablet_extra-align-left .elementor-button,.elementor-tablet_extra-align-right .elementor-button{width:auto}.elementor-tablet_extra-align-justify .elementor-button{width:100%}}@media (max-width:1024px){.elementor-tablet-align-center{text-align:center}.elementor-tablet-align-right{text-align:right}.elementor-tablet-align-left{text-align:left}.elementor-tablet-align-center .elementor-button,.elementor-tablet-align-left .elementor-button,.elementor-tablet-align-right .elementor-button{width:auto}.elementor-tablet-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-mobile_extra-align-center{text-align:center}.elementor-mobile_extra-align-right{text-align:right}.elementor-mobile_extra-align-left{text-align:left}.elementor-mobile_extra-align-center .elementor-button,.elementor-mobile_extra-align-left .elementor-button,.elementor-mobile_extra-align-right .elementor-button{width:auto}.elementor-mobile_extra-align-justify .elementor-button{width:100%}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}.elementor-mobile-align-right{text-align:right}.elementor-mobile-align-left{text-align:left}.elementor-mobile-align-center .elementor-button,.elementor-mobile-align-left .elementor-button,.elementor-mobile-align-right .elementor-button{width:auto}.elementor-mobile-align-justify .elementor-button{width:100%}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:eicon-spin 2s linear infinite}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-inline:auto;position:relative}@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}@media (min-width:768px){.elementor-section.elementor-section-height-full{height:100vh}.elementor-section.elementor-section-height-full>.elementor-container{height:100%}}.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-end}.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-block-end:0}.elementor-column{display:flex;min-height:1px;position:relative}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-10,.elementor-column[data-col="10"]{width:10%}.elementor-column.elementor-col-11,.elementor-column[data-col="11"]{width:11.111%}.elementor-column.elementor-col-12,.elementor-column[data-col="12"]{width:12.5%}.elementor-column.elementor-col-14,.elementor-column[data-col="14"]{width:14.285%}.elementor-column.elementor-col-16,.elementor-column[data-col="16"]{width:16.666%}.elementor-column.elementor-col-20,.elementor-column[data-col="20"]{width:20%}.elementor-column.elementor-col-25,.elementor-column[data-col="25"]{width:25%}.elementor-column.elementor-col-30,.elementor-column[data-col="30"]{width:30%}.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}.elementor-column.elementor-col-40,.elementor-column[data-col="40"]{width:40%}.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}.elementor-column.elementor-col-60,.elementor-column[data-col="60"]{width:60%}.elementor-column.elementor-col-66,.elementor-column[data-col="66"]{width:66.666%}.elementor-column.elementor-col-70,.elementor-column[data-col="70"]{width:70%}.elementor-column.elementor-col-75,.elementor-column[data-col="75"]{width:75%}.elementor-column.elementor-col-80,.elementor-column[data-col="80"]{width:80%}.elementor-column.elementor-col-83,.elementor-column[data-col="83"]{width:83.333%}.elementor-column.elementor-col-90,.elementor-column[data-col="90"]{width:90%}.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (min-width:768px) and (max-width:1024px){.elementor-column.elementor-md-10{width:10%}.elementor-column.elementor-md-11{width:11.111%}.elementor-column.elementor-md-12{width:12.5%}.elementor-column.elementor-md-14{width:14.285%}.elementor-column.elementor-md-16{width:16.666%}.elementor-column.elementor-md-20{width:20%}.elementor-column.elementor-md-25{width:25%}.elementor-column.elementor-md-30{width:30%}.elementor-column.elementor-md-33{width:33.333%}.elementor-column.elementor-md-40{width:40%}.elementor-column.elementor-md-50{width:50%}.elementor-column.elementor-md-60{width:60%}.elementor-column.elementor-md-66{width:66.666%}.elementor-column.elementor-md-70{width:70%}.elementor-column.elementor-md-75{width:75%}.elementor-column.elementor-md-80{width:80%}.elementor-column.elementor-md-83{width:83.333%}.elementor-column.elementor-md-90{width:90%}.elementor-column.elementor-md-100{width:100%}}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(10),.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:0}.elementor-reverse-tablet_extra>.elementor-container>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(10),.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:0}.elementor-reverse-mobile_extra>.elementor-container>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}.elementor-column{width:100%}}.elementor-grid{display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.elementor-grid .elementor-grid-item{min-width:0}.elementor-grid-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}@media (min-width:-1){.elementor-grid-widescreen-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-widescreen-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-widescreen-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-widescreen-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-widescreen-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-widescreen-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-widescreen-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-widescreen-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-widescreen-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-widescreen-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-widescreen-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-widescreen-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-widescreen-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-laptop-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-laptop-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-laptop-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-laptop-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-laptop-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-laptop-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-laptop-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-laptop-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-laptop-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-laptop-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-laptop-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-laptop-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-laptop-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-laptop-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}.elementor-grid-tablet_extra-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1024px){.elementor-grid-tablet-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-mobile_extra-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:767px){.elementor-grid-mobile-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}}@media (max-width:-1){#elementor-device-mode:after{content:"laptop";content:"tablet_extra"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap}.e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con{margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)}.e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}.e-con-boxed.e-grid{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy}.e-con-boxed{gap:initial;text-align:initial}.e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}.e-con.e-grid>.e-con-inner{align-items:var(--align-items);justify-items:var(--justify-items)}.e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}:is([data-widget_type="e-component.default"],[data-widget_type="e-component.default"]>.elementor-section-wrap)>.e-con{--margin-right:0px;--margin-left:0px}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));top:calc(0px - var(--border-top-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}.e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}.e-con.e-flex .elementor-widget-archive-posts{width:100%}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea{flex-basis:100%;max-width:100%}.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input{flex-grow:1}.elementor-field-group{align-items:center;flex-wrap:wrap}.elementor-field-group.elementor-field-type-submit{align-items:flex-end}.elementor-field-group .elementor-field-textual{background-color:transparent;border:1px solid #69727d;color:#1f2124;flex-grow:1;max-width:100%;vertical-align:middle;width:100%}.elementor-field-group .elementor-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}.elementor-field-group .elementor-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-select-wrapper{display:flex;position:relative;width:100%}.elementor-field-group .elementor-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;flex-basis:100%;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-inline-end:20px;text-transform:inherit}.elementor-field-group .elementor-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;inset-block-start:50%;inset-inline-end:10px;pointer-events:none;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.3);transform:translateY(-50%)}.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before{content:""}.elementor-field-subgroup{display:flex;flex-wrap:wrap}.elementor-field-subgroup .elementor-field-option label{display:inline-block}.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-inline-end:10px}.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{flex-basis:100%}.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label{display:inline}.elementor-field-label{cursor:pointer}.elementor-mark-required .elementor-field-label:after{color:red;content:"*";padding-inline-start:.2em}.elementor-field-textual{border-radius:3px;font-size:15px;line-height:1.4;min-height:40px;padding:5px 14px}.elementor-field-textual.elementor-size-xs{border-radius:2px;font-size:13px;min-height:33px;padding:4px 12px}.elementor-field-textual.elementor-size-md{border-radius:4px;font-size:16px;min-height:47px;padding:6px 16px}.elementor-field-textual.elementor-size-lg{border-radius:5px;font-size:18px;min-height:59px;padding:7px 20px}.elementor-field-textual.elementor-size-xl{border-radius:6px;font-size:20px;min-height:72px;padding:8px 24px}.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-button-align-start .e-form__buttons,[dir=rtl] .elementor-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-button-align-end .e-form__buttons,[dir=rtl] .elementor-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}@media screen and (max-width:1024px){.elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-tablet-button-align-start .e-form__buttons,[dir=rtl] .elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-tablet-button-align-end .e-form__buttons,[dir=rtl] .elementor-tablet-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}@media screen and (max-width:767px){.elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-mobile-button-align-start .e-form__buttons,[dir=rtl] .elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-mobile-button-align-end .e-form__buttons,[dir=rtl] .elementor-mobile-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}.elementor-error .elementor-field{border-color:#d9534f}.elementor-error .help-inline{color:#d9534f;font-size:.9em}.elementor-message{font-size:1em;line-height:1;margin:10px 0}.elementor-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-style:normal;font-weight:400;margin-inline-end:5px;vertical-align:middle}.elementor-message.elementor-message-danger{color:#d9534f}.elementor-message.elementor-message-danger:before{content:"\e87f"}.elementor-message.form-message-success{color:#5cb85c}.elementor-form .elementor-button{border:none;padding-block-end:0;padding-block-start:0}.elementor-form .elementor-button-content-wrapper,.elementor-form .elementor-button>span{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-form .elementor-button.elementor-size-xs{min-height:33px}.elementor-form .elementor-button.elementor-size-sm{min-height:40px}.elementor-form .elementor-button.elementor-size-md{min-height:47px}.elementor-form .elementor-button.elementor-size-lg{min-height:59px}.elementor-form .elementor-button.elementor-size-xl{min-height:72px}.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{line-height:1;margin:0;padding:0}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;fill:#fff;font-size:15px;line-height:1;padding:12px 24px;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-button-icon{align-items:center;display:flex}.elementor-button-icon svg{height:auto;width:1em}.elementor-button-icon .e-font-icon-svg{height:1em}.elementor-button-text{display:inline-block}.elementor-button.elementor-size-xs{border-radius:2px;font-size:13px;padding:10px 20px}.elementor-button.elementor-size-md{border-radius:4px;font-size:16px;padding:15px 30px}.elementor-button.elementor-size-lg{border-radius:5px;font-size:18px;padding:20px 40px}.elementor-button.elementor-size-xl{border-radius:6px;font-size:20px;padding:25px 50px}.elementor-button span{text-decoration:inherit}.elementor-element.elementor-button-info .elementor-button{background-color:#5bc0de}.elementor-element.elementor-button-success .elementor-button{background-color:#5cb85c}.elementor-element.elementor-button-warning .elementor-button{background-color:#f0ad4e}.elementor-element.elementor-button-danger .elementor-button{background-color:#d9534f}.elementor-widget-button .elementor-button .elementor-button-info{background-color:#5bc0de}.elementor-widget-button .elementor-button .elementor-button-success{background-color:#5cb85c}.elementor-widget-button .elementor-button .elementor-button-warning{background-color:#f0ad4e}.elementor-widget-button .elementor-button .elementor-button-danger{background-color:#d9534f}.elementor-view-stacked .elementor-icon{background-color:#69727d;color:#fff;fill:#fff;padding:.5em}.elementor-view-framed .elementor-icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}.elementor-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{display:block;height:1em;position:relative;width:1em}.elementor-icon i:before,.elementor-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)}.elementor-icon i.fad{width:auto}.elementor-shape-square .elementor-icon{border-radius:0}.elementor-shape-rounded .elementor-icon{border-radius:10%}.elementor-shape-circle .elementor-icon{border-radius:50%}.e-transform .elementor-widget-container,.e-transform:not(:has(.elementor-widget-container)){transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.e-con.e-transform{transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}.animated.reverse{animation-direction:reverse;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.animated{animation:none!important}html *{transition-delay:0s!important;transition-duration:0s!important}}@media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-laptop,.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1025px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}@media (min-width:-1){.elementor .elementor-hidden-widescreen{display:none}} .elementor-kit-7{--e-global-color-primary:#F19953;--e-global-color-secondary:#40E0D0;--e-global-color-text:#5D576B;--e-global-color-accent:#F7567C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */blockquote { font-style: italic; border-left: 5px solid #40E0D0; padding-left: 20px; }/* End custom CSS */ .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }.elementor :where(.e-svg-base) { width: var(--e-svg-width, 65px); height: var(--e-svg-height, 65px); }form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]{ display: block; }.elementor-edit-mode [data-element_type="e-form-success-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)),.elementor-edit-mode [data-element_type="e-form-error-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)){ display: block; }.e-background-video { position: relative; overflow: hidden; }.e-background-video__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: 0; }.e-background-video__content { position: relative; z-index: 1; flex: 1 1 auto; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view.elementor-empty-view { position: relative; flex: 1 1 auto; min-height: 120px; height: auto; width: 100%; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view > .elementor-first-add { position: absolute; inset: 0; width: 100%; height: 100%; }.e-background-video__controls { z-index: 2; }.e-background-video__play, .e-background-video__pause { appearance: none; -webkit-appearance: none; }.e-background-video.e-background-video--playing .e-background-video__play { display: none; }.e-background-video.e-background-video--paused .e-background-video__pause { display: none; }.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__controls,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__play,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__pause { display: none; }.e-accordion-item-header-base { list-style: none; }.e-accordion-item-header-base::-webkit-details-marker { display: none; }.e-accordion-item-base { interpolate-size: allow-keywords; }.e-accordion-item-base::details-content {block-size: 0; overflow: hidden;transition: block-size .3s ease, content-visibility .3s ease allow-discrete;}.e-accordion-item-base[open]::details-content { block-size: auto; }.e-accordion-item-icon-base, .e-accordion-item-icon-open-base { --e-svg-width: auto; --e-svg-height: 100%; }:where(.e-accordion-item-icon-base, .e-accordion-item-icon-open-base) .e-svg-base { max-width: 100%; }.e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base svg, .e-accordion-item-icon-open-base.e-accordion-item-icon-open-base .e-svg-base svg { width: auto !important; }.e-accordion-item-icon-base svg, .e-accordion-item-icon-open-base svg { transition: transform .3s ease; }.e-accordion-item-base:not([open]) > summary :is(.e-accordion-item-icon-base, .e-accordion-item-icon-open-base) svg { transform: rotate(var(--e-accordion-icon-rotation-closed)); }.e-accordion-item-base[open] > summary :is(.e-accordion-item-icon-base, .e-accordion-item-icon-open-base) svg { transform: rotate(var(--e-accordion-icon-rotation, 180deg)); }.e-accordion-item-header-base.e-accordion-item-header-base:has(> .e-accordion-item-icon-open-base) { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }.e-accordion-item-header-base:has(> .e-accordion-item-icon-open-base) > .e-accordion-item-title-base { grid-column: 1; grid-row: 1; }.e-accordion-item-header-base:has(> .e-accordion-item-icon-open-base) > :is(.e-accordion-item-icon-base, .e-accordion-item-icon-open-base) { grid-column: 2; grid-row: 1; }.e-accordion-item-base .e-accordion-item-icon-open-base.e-accordion-item-icon-open-base { visibility: hidden; }.e-accordion-item-base[open] > summary .e-accordion-item-icon-open-base { visibility: visible; }.e-accordion-item-base[open] > summary:has(.e-accordion-item-icon-open-base) .e-accordion-item-icon-base { visibility: hidden; }.e-list-item-marker-base { --e-svg-width: 0.6em; --e-svg-height: 0.6em; }:where(.e-list-item-marker-base) .e-svg-base { flex-shrink: 0; }.e-list-item-marker-base .e-svg-base svg { display: block; } .e-form-textarea-base:not([data-resizable]) { resize: none; } .e-form-submit-button-base { cursor: pointer; box-sizing: border-box; } .e-3969672 { display: none !important; } .elementor-editor-active .e-form-recaptcha-score-base { display: none !important; } .elementor-465 .elementor-element.elementor-element-1fd7d70{--display:flex;}.elementor-465 .elementor-element.elementor-element-55d614b{--display:flex;}.elementor-465 .elementor-element.elementor-element-ebe24d5{--display:flex;}.elementor-465 .elementor-element.elementor-element-c4404be{--display:flex;}.elementor-465 .elementor-element.elementor-element-aee833a{--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:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-465 .elementor-element.elementor-element-146d53a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-465 .elementor-element.elementor-element-cec0a26{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-465 .elementor-element.elementor-element-cec0a26.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-465 .elementor-element.elementor-element-e2ae883{--display:flex;}.elementor-465 .elementor-element.elementor-element-f7f40c1{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-465 .elementor-element.elementor-element-c7d6941{border-style:none;border-radius:11px 11px 11px 11px;}.elementor-465 .elementor-element.elementor-element-c7d6941:hover{border-style:none;}.elementor-465 .elementor-element.elementor-element-d3cf3d3{--display:flex;}.elementor-465 .elementor-element.elementor-element-25d5794{--display:flex;}.elementor-465 .elementor-element.elementor-element-15186c8{--display:flex;}.elementor-465 .elementor-element.elementor-element-db3b7db{--display:flex;}.elementor-465 .elementor-element.elementor-element-7235d29{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}body.elementor-page-465:not(.elementor-motion-effects-element-type-background), body.elementor-page-465 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FBF8F3 5%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-465 .elementor-element.elementor-element-cec0a26{--width:360px;}.elementor-465 .elementor-element.elementor-element-f7f40c1{--content-width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-465 .elementor-element.elementor-element-cec0a26{--width:100%;}}@media(max-width:1024px){.elementor-465 .elementor-element.elementor-element-aee833a{--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-465 .elementor-element.elementor-element-f7f40c1{--grid-auto-flow:row;}.elementor-465 .elementor-element.elementor-element-7235d29{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-465 .elementor-element.elementor-element-f7f40c1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-465 .elementor-element.elementor-element-7235d29{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}} .elementor-408 .elementor-element.elementor-element-e2c52d1{--display:flex;--min-height:100px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:1%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:98;}.elementor-408 .elementor-element.elementor-element-e2c52d1:not(.elementor-motion-effects-element-type-background), .elementor-408 .elementor-element.elementor-element-e2c52d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-408 .elementor-element.elementor-element-3cdebdba{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-408 .elementor-element.elementor-element-3cdebdba.e-con{--flex-grow:0;--flex-shrink:0;}.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-408 .elementor-element.elementor-element-e2c52d1{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-408 .elementor-element.elementor-element-e2c52d1{--min-height:65px;}.elementor-408 .elementor-element.elementor-element-3cdebdba{--width:50%;}}@media(min-width:768px){.elementor-408 .elementor-element.elementor-element-e2c52d1{--width:100%;}.elementor-408 .elementor-element.elementor-element-3cdebdba{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-408 .elementor-element.elementor-element-3cdebdba{--width:40%;}} .elementor-15865 .elementor-element.elementor-element-8b84728{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;} /* ===== base-desktop ===== */ .elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-list-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-list-item-base{display:flex;flex-direction:row;gap:8px;}.elementor .e-list-item-marker-base{width:auto;height:1lh;display:flex;align-items:center;}.elementor .e-list-item-content-base{flex:1 1 auto;}.elementor .e-accordion-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-accordion-item-base{padding:0px;display:block;}.elementor .e-accordion-item-header-base{cursor:pointer;padding:10px;display:flex;gap:8px;justify-content:space-between;align-items:center;}.elementor .e-accordion-item-title-base{padding:0px;}.elementor .e-accordion-item-icon-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-icon-open-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-background-video-base{width:100%;overflow:hidden;position:relative;padding:10px;display:flex;flex-direction:column;}.elementor .e-background-video-content-base{width:100%;position:relative;z-index:1;padding:0px;display:flex;flex-direction:column;flex:1 1 auto;}.elementor .e-background-video-controls-base{width:auto;position:absolute;inset-inline-end:20px;inset-block-end:20px;z-index:2;display:flex;gap:8px;}.elementor .e-background-video-play-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-background-video-pause-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{width:100%;height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}.elementor .e-google-maps-base{width:100%;border-style:none;display:block;}.elementor .e-form-input-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-input-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-input-base::placeholder{color:#9DA5AE;}.elementor .e-form-label-base{font-size:14px;color:#0c0d0e;}.elementor .e-form-textarea-base{font-size:12px;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-textarea-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-textarea-base::placeholder{color:#9DA5AE;}.elementor .e-form-submit-button-base{color:#fff;padding-block-start:10px;padding-block-end:10px;padding-inline-start:28px;padding-inline-end:30px;border-radius:0px;border-width:0px;background-color:#000;display:flex;justify-content:center;align-items:center;}.elementor .e-form-submit-button-base:hover,.elementor .e-form-submit-button-base:focus-visible{background-color:#323232;}.elementor .e-form-checkbox-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-checkbox-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-checkbox-base:checked{background-color:#69727D;}.elementor .e-form-checkbox-base::before{width:65%;height:65%;background-color:currentColor;opacity:0%;transform-origin:0% 100% 0px;content:"";clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.elementor .e-form-checkbox-base:checked::before{opacity:100%;}.elementor .e-form-radio-button-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:50%;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-radio-button-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-radio-button-base:checked{background-color:transparent;}.elementor .e-form-radio-button-base::before{width:65%;height:65%;border-radius:50%;background-color:#706F6F;opacity:0%;content:"";}.elementor .e-form-radio-button-base:checked::before{opacity:100%;}.elementor .e-form-date-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-date-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-time-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-time-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-select-base{font-size:12px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;}.elementor .e-form-select-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-file-upload-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-file-upload-base:focus{border-color:#706F6F;outline-style:none;} /* ===== base-mobile ((max-width:767px)) ===== */ @media (max-width:767px) { @media(max-width:767px){.elementor .e-grid-base{grid-template-columns:repeat(1, 1fr);}} } /* ===== hh-ertekeles ===== */ /* * Site Reviews — saját stílus (malacfejes értékelés) * Verzió: 1.0 (2026-10-05) * * Az Angie-s változat CSS-ének átvétele. Két változás: * - a malacfej-képek URL-je CSS-változóból jön (--hh-malac-szines, * --hh-malac-ff), amit a PHP ad át. Így nincs beégetett * hetedhetshop.hu cím, és az angol oldal a saját médiatárából tölti. * - ÚJ: fél malacfej (.glsr-star-half) a 4,5-es típusú értékelésekhez. * * H7O színek: türkiz #40E0D0, pink #F7567C, szürke-lila #5D576B, * narancs #F19953 */ /* ------------------------------------------------------------------ ÉRTÉKELÉS-KÁRTYÁK ------------------------------------------------------------------ */ .glsr-review { background: #ffffff; border: 1px solid #eaeaea; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); transition: box-shadow 0.3s ease; } .glsr-review:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06); } .glsr-review-title { font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #F7567C; } .glsr-review-content { font-size: 15px; line-height: 1.6; color: #5D576B; } .glsr-review-author { font-weight: 600; color: #F7567C; } .glsr-review-date { font-size: 13px; color: #999999; } /* ------------------------------------------------------------------ ŰRLAP ------------------------------------------------------------------ */ .glsr-form-wrap { background: #f9f9f9; border: 1px solid #eeeeee; border-radius: 8px; padding: 25px; margin-top: 0px !important; } .glsr-form-wrap .glsr-field label { font-weight: 500; color: #5D576B; } .glsr-form-wrap input[type="text"], .glsr-form-wrap input[type="email"], .glsr-form-wrap textarea { border: 1px solid #dddddd; border-radius: 6px; padding: 10px 15px; width: 100%; transition: border-color 0.2s ease, box-shadow 0.2s ease; color: #5D576B; } .glsr-form-wrap input[type="text"]:focus, .glsr-form-wrap input[type="email"]:focus, .glsr-form-wrap textarea:focus { border-color: #40E0D0; box-shadow: 0 0 0 2px rgba(64, 224, 208, 0.2); outline: none; } /* ------------------------------------------------------------------ GOMB ------------------------------------------------------------------ */ .glsr-button { background-color: #F7567C !important; color: #ffffff !important; border-radius: 6px !important; padding: 12px 24px !important; border: none !important; font-weight: 600 !important; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease !important; } .glsr-button:hover { background-color: #d14666 !important; transform: translateY(-1px); } /* ------------------------------------------------------------------ MALACFEJEK A CSILLAGOK HELYÉN A méret egy helyen van (--hh-malac-meret), hogy a fél malac és a teli/üres malac biztosan ugyanakkora legyen. ------------------------------------------------------------------ */ .glsr-star-empty, .glsr-star-full, .glsr-star-half { --hh-malac-meret: 30px; display: inline-block; width: var(--hh-malac-meret); height: var(--hh-malac-meret); background-repeat: no-repeat; background-position: center; background-size: contain; } .glsr-star-empty { background-image: var(--hh-malac-ff) !important; } .glsr-star-full { background-image: var(--hh-malac-szines) !important; } /* FÉL MALAC (pl. 4,5-es értékelés) Az alapkép a fekete-fehér malac; erre kerül rá balról félig a színes. A színes kép mérete FIXEN a teljes malacméret (nem "contain"), ezért a félbevágott keretben nem lapul össze, hanem a malacfej bal fele látszik. */ .glsr-star-half { background-image: var(--hh-malac-ff) !important; position: relative; } .glsr-star-half::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; overflow: hidden; background-image: var(--hh-malac-szines); background-repeat: no-repeat; background-position: left center; background-size: var(--hh-malac-meret) var(--hh-malac-meret); } /* ------------------------------------------------------------------ AZ ÉRTÉKELŐ ŰRLAP CSILLAGAI — MÉG NINCS KÉSZ ------------------------------------------------------------------ Ahol a LÁTOGATÓ ad értékelést, a bővítmény külön csillag-választó komponenst használ, más osztálynevekkel — ezért maradtak ott csillagok. A pontos osztálynevek a bővítmény verziójától és beállításától függenek, ezért ezt nem lehet vakon megírni: a megjelenített HTML kell hozzá. Az alábbi szakasz a leggyakoribb változatra van felkészítve (gl-star-rating). Ha a te oldaladon ezek az osztálynevek szerepelnek, elég a kommentjelöléseket levenni róla. Ha mások, küldd el az űrlap csillagsorának HTML-jét, és pontosítom. .gl-star-rating--stars > span { width: var(--hh-malac-meret, 30px); height: var(--hh-malac-meret, 30px); background-image: var(--hh-malac-ff) !important; background-repeat: no-repeat; background-position: center; background-size: contain; } .gl-star-rating--stars > span.s10, .gl-star-rating--stars > span.gl-active { background-image: var(--hh-malac-szines) !important; } ------------------------------------------------------------------ */ :root{--hh-malac-szines: url("https://hetedhetorszag.hu/wp-content/uploads/2026/06/2-malac-szines.webp");--hh-malac-ff: url("https://hetedhetorszag.hu/wp-content/uploads/2026/06/1-malac-feketefeher.webp");} /* ===== site-reviews ===== */ body{--glsr-white:#fff;--glsr-gray-100:#f5f5f5;--glsr-gray-200:#e5e5e5;--glsr-gray-300:#d4d4d4;--glsr-gray-400:#a3a3a3;--glsr-gray-500:#737373;--glsr-gray-600:#525252;--glsr-gray-700:#404040;--glsr-gray-800:#262626;--glsr-gray-900:#171717;--glsr-black:#000;--glsr-blue:#1c64f2;--glsr-green:#057a55;--glsr-red:#e02424;--glsr-yellow:#faca15;--glsr-duration-slow:0.3s;--glsr-duration-fast:0.15s;--glsr-gap-xs:0.25em;--glsr-gap-sm:0.5em;--glsr-gap-md:0.75em;--glsr-gap-lg:1em;--glsr-gap-xl:2em;--glsr-leading:1.5;--glsr-px:1.25em;--glsr-py:1.25em;--glsr-radius:3px;--glsr-text-base:1em;--glsr-text-sm:0.875em;--glsr-text-md:1em;--glsr-text-lg:1.25em;--glsr-review-col-gap:var(--glsr-gap-xl);--glsr-review-row-gap:var(--glsr-gap-xl);--glsr-review-star:1.25em;--glsr-review-verified:var(--glsr-green);--glsr-tag-label-weight:600;--glsr-bar-bg:var(--glsr-yellow);--glsr-bar-opacity:0.1;--glsr-bar-radius:0px;--glsr-bar-size:var(--glsr-text-md);--glsr-bar-gap:.5em;--glsr-max-w:48ch;--glsr-summary-align:start;--glsr-summary-star:1.5em;--glsr-summary-text:var(--glsr-text-sm);--glsr-description-text:var(--glsr-text-sm);--glsr-description-weight:400;--glsr-form-col-gap:var(--glsr-gap-sm);--glsr-form-error:var(--glsr-red);--glsr-form-row-gap:var(--glsr-gap-md);--glsr-form-star:2em;--glsr-form-success:var(--glsr-green);--glsr-input-bg:var(--glsr-white);--glsr-input-border-color:var(--glsr-gray-400);--glsr-input-border-style:solid;--glsr-input-border-width:1px;--glsr-input-color:var(--glsr-gray-900);--glsr-input-pb:0.5em;--glsr-input-pt:0.5em;--glsr-input-pl:0.75em;--glsr-input-pr:0.75em;--glsr-input-radius:3px;--glsr-input-transition:border-color var(--glsr-duration-fast) ease-in-out;--glsr-label-color:currentColor;--glsr-label-leading:1.5;--glsr-label-text:var(--glsr-text-sm);--glsr-label-weight:600;--glsr-subgroup-gap:0px;--glsr-range-size:1em;--glsr-choice-color:currentColor;--glsr-choice-size:1em;--glsr-toggle-bg:currentColor;--glsr-toggle-color:var(--glsr-white);--glsr-toggle-opacity:0.2;--glsr-toggle-radius:1em;--glsr-toggle-shadow-color:rgba(0,0,0,.1);--glsr-toggle-size:1em;--glsr-toggled-bg:currentColor;--glsr-toggled-opacity:1;--glsr-modal-bg:var(--wp--preset--color--base,var(--glsr-white));--glsr-modal-radius:3px;--glsr-modal-padding:1.5em;--glsr-tooltip-border-radius:4px;--glsr-tooltip-font-size:0.875rem;--glsr-tooltip-font-weight:400;--glsr-tooltip-line-height:1;--glsr-tooltip-margin:12px;--glsr-tooltip-padding:.5em 1em;--glsr-tooltip-size:6px}@keyframes gl-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gl-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes gl-spin{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}@keyframes gl-zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes gl-zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}.glsr *+*{box-sizing:border-box}.glsr{width:100%}.glsr,.glsr-modal{border-width:0;font-size:var(--glsr-text-base)}.glsr .screen-reader-text,.glsr-modal .screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.glsr-captcha-holder iframe{margin:0!important}.glsr-captcha-holder[data-size=invisible]:not([data-badge=inline]){bottom:0;position:absolute}.glsr-captcha-holder>div:not([data-type=procaptcha]){display:flex}.glsr-fade-out{opacity:0!important;transition:visibility 0s cubic-bezier(0,0,.2,1) var(--glsr-duration-slow),opacity var(--glsr-duration-slow)!important;visibility:hidden!important}.glsr-reviews,.glsr-reviews-wrap{grid-row-gap:var(--glsr-review-row-gap);display:grid;row-gap:var(--glsr-review-row-gap)}.glsr-elementor .glsr-loading,.glsr-elementor form.glsr-form .glsr-loading{display:inline-flex;flex-grow:0;flex-shrink:0;height:1em;position:relative;width:1em}.glsr-elementor .glsr-loading:not(.does-not-exist):not(does-not-exist):after,.glsr-elementor .glsr-loading:not(.does-not-exist):not(does-not-exist):before,.glsr-elementor form.glsr-form .glsr-loading:after,.glsr-elementor form.glsr-form .glsr-loading:before{animation:gl-spin .5s linear infinite;border:.2em solid;border-radius:100%;box-sizing:border-box;content:"";display:block;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.glsr-elementor .glsr-loading:not(.does-not-exist):not(does-not-exist):before,.glsr-elementor form.glsr-form .glsr-loading:before{border-top-color:transparent;opacity:.5}.glsr-elementor .glsr-loading:not(.does-not-exist):not(does-not-exist):after,.glsr-elementor form.glsr-form .glsr-loading:after{border-color:currentColor transparent transparent}.glsr-elementor .glsr-spinner{animation:gl-spin .5s linear infinite;border-radius:50%;height:24px;position:relative;width:24px}.glsr-elementor .glsr-spinner:after,.glsr-elementor .glsr-spinner:before{background:currentColor;border-radius:50%;content:"";height:8px;position:absolute;width:8px}.glsr-elementor .glsr-spinner:before{left:0;top:0}.glsr-elementor .glsr-spinner:after{bottom:0;right:0}.glsr-elementor .glsr-pagination{position:relative}.glsr-elementor .glsr-pagination:not(.glsr-ajax-loadmore){align-items:center;display:flex;justify-content:center}.glsr-elementor .glsr-pagination .glsr-spinner{position:absolute}.glsr-elementor .glsr-pagination .pagination{flex-basis:100%;margin-bottom:0;margin-top:0;opacity:1;transition:opacity var(--glsr-duration-slow)}.glsr-elementor.glsr-hide .glsr-pagination .pagination{opacity:0!important}.glsr-star-rating{align-items:center;display:flex;position:relative}.glsr-stars{justify-content:center}.glsr-star{background-size:var(--glsr-review-star);flex-shrink:0;font-size:inherit;height:var(--glsr-review-star);width:var(--glsr-review-star)}.glsr-summary .glsr-star{background-size:var(--glsr-summary-star);height:var(--glsr-summary-star);width:var(--glsr-summary-star)}.glsr-star-empty{background-image:var(--glsr-star-empty)}.glsr-star-full{background-image:var(--glsr-star-full)}.glsr-star-half{background-image:var(--glsr-star-half)}.glsr-review{word-wrap:break-word;quotes:"“" "”"}.glsr-review,.glsr-reviews>p{opacity:1;transition:opacity .5s}.glsr-hide .glsr-review,.glsr-hide .glsr-reviews>p{opacity:.25!important}.glsr-review p:first-of-type{margin-top:0!important}.glsr-review [data-expanded=false] p.glsr-hidden-text,.glsr-review p:last-of-type{margin-bottom:0!important}.glsr-review-date{white-space:nowrap}.glsr-review-rating{align-items:center;display:inline-flex;gap:.5em;justify-content:center}.glsr-review-response{padding:var(--glsr-py) var(--glsr-px);position:relative;width:100%}.glsr-review-response:before{border-bottom:calc(var(--glsr-text-md)*1.5) solid;border-left:0 solid transparent;border-right:calc(var(--glsr-text-md)*2) solid transparent;border-top:0 solid;content:"";height:0;opacity:.1;position:absolute;right:calc(var(--glsr-text-md)*1.5);top:calc((var(--glsr-text-md)*1.5)*-1);top:calc(var(--glsr-text-md)*1.5*-1);width:0}.glsr-review-response:after{background-color:currentColor;border-radius:var(--glsr-radius);content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.glsr-rtl .glsr-review-response:before{border-left-width:calc(var(--glsr-text-md)*2);border-right-width:0;left:calc(var(--glsr-text-md)*1.5);right:auto}.glsr-review-type a,.glsr-review-type svg{display:block}.glsr-review-response-inner{position:relative;z-index:1}.glsr-elementor .glsr-review{display:flex;flex-wrap:wrap;gap:var(--glsr-gap-md)}.glsr-elementor .glsr-review p{margin-bottom:var(--glsr-text-md);margin-top:0;padding:0}.glsr-elementor .glsr-tag-label{font-weight:var(--glsr-tag-label-weight)}.glsr-elementor .glsr-review-assigned_links,.glsr-elementor .glsr-review-assigned_posts,.glsr-elementor .glsr-review-assigned_terms,.glsr-elementor .glsr-review-assigned_users{width:100%}.glsr-elementor .glsr-review-author{align-items:center;display:inline-flex;gap:.5ex}.glsr-elementor .glsr-review-avatar{flex:0 0}.glsr-elementor .glsr-review-avatar img{border-width:0;display:flex;margin:0;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover}.glsr-elementor .glsr-review-content,.glsr-elementor .glsr-review-response-inner{word-wrap:anywhere}.glsr-elementor .glsr-review-content{width:100%}.glsr-elementor .glsr-review-date{align-items:center;display:inline-flex;flex:1 0;white-space:nowrap}.glsr-elementor .glsr-review-location{align-items:center;display:inline-flex;font-size:var(--glsr-text-sm);white-space:nowrap}.glsr-elementor .glsr-review-location .glsr-tag-value{align-items:center;display:flex;gap:.5ex}.glsr-elementor .glsr-review-rating{align-items:center;display:inline-flex;flex-shrink:0;gap:.5em}.glsr-elementor .glsr-review-response,.glsr-elementor .glsr-review-title{width:100%}.glsr-elementor .glsr-review-title h3,.glsr-elementor .glsr-review-title h4,.glsr-elementor .glsr-review-title h5{margin-bottom:0;margin-top:0}.glsr-elementor .glsr-review-verified{align-items:center;color:var(--glsr-review-verified);display:flex;font-size:var(--glsr-text-sm);gap:.5ex}.glsr-elementor .glsr-tag-value ol,.glsr-elementor .glsr-tag-value ul{display:flex;flex-direction:column;gap:1ex;margin:0 0 0 2em;padding:0}.glsr-elementor .glsr-tag-value ol{list-style-type:decimal}.glsr-elementor .glsr-tag-value ul{list-style-type:disc}.glsr-elementor .glsr-tag-value li{margin:0}.glsr-elementor .glsr-read-more{white-space:nowrap}.glsr-elementor .glsr-read-more:before{content:"";margin-left:0;margin-right:.5em}.glsr-elementor.glsr-rtl .glsr-read-more:before{margin-left:.5em;margin-right:0}.glsr-elementor [data-expanded=false] .glsr-read-more:before{content:"\2026"}.glsr-elementor [data-expanded=false] .glsr-hidden{display:none}.glsr-elementor .glsr-flag{--aspect-ratio:4/3;--background-image:none;--border-radius:0;--border-width:0;aspect-ratio:var(--aspect-ratio);border-radius:var(--border-radius);box-sizing:border-box;display:inline-flex;height:1em;overflow:hidden;position:relative}.glsr-elementor .glsr-flag:before{background-image:var(--background-image);border-color:rgba(0,0,0,.5);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);box-sizing:border-box;content:"";display:block;height:100%;mix-blend-mode:overlay;position:absolute;width:100%}.glsr-elementor .glsr-flag img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.glsr-elementor .glsr-flag[data-border="1"]{--border-width:1px}.glsr-elementor .glsr-flag[data-radius="1"]{--border-radius:0.1em}.glsr-elementor .glsr-flag[data-shape=circle]{--aspect-ratio:1/1;--border-radius:1em}.glsr-elementor .glsr-flag[data-shape=square]{--aspect-ratio:1/1}.glsr-elementor .glsr-flag[data-gradient=circular]{--background-image:radial-gradient(107.48% 114.58% at 50% 14.58%,hsla(0,0%,100%,.3) 0%,rgba(0,0,0,.24) 28.93%,rgba(0,0,0,.55) 46.3%,hsla(0,0%,100%,.26) 60.57%,rgba(0,0,0,.17) 72.67%,hsla(0,0%,100%,.3) 100%)}.glsr-elementor .glsr-flag[data-gradient=diagonal]{--background-image:linear-gradient(45deg,rgba(0,0,0,.2),rgba(39,39,39,.22) 11%,hsla(0,0%,100%,.3) 27%,rgba(0,0,0,.24) 41%,rgba(0,0,0,.55) 52%,hsla(0,0%,100%,.26) 63%,rgba(0,0,0,.27) 74%,hsla(0,0%,100%,.3))}.glsr-elementor .glsr-flag[data-gradient=linear]{--background-image:linear-gradient(0deg,rgba(0,0,0,.3) 2%,hsla(0,0%,100%,.7))}.glsr-summary{align-items:center;-moz-column-gap:var(--glsr-gap-sm);column-gap:var(--glsr-gap-sm);display:flex;flex-wrap:wrap;justify-content:var(--glsr-summary-align);max-width:var(--glsr-max-w);position:relative;width:100%}.glsr-summary-rating{display:flex;font-size:var(--glsr-text-lg);font-weight:700;line-height:1;white-space:nowrap}.glsr-summary-stars{display:flex}.glsr-summary-text{flex:auto;text-align:var(--glsr-summary-align)}.glsr-summary-percentages{grid-column-gap:var(--glsr-bar-gap);grid-row-gap:var(--glsr-bar-gap);-moz-column-gap:var(--glsr-bar-gap);column-gap:var(--glsr-bar-gap);display:grid;grid-template-columns:auto 1fr auto;line-height:1;row-gap:var(--glsr-bar-gap);width:100%}.glsr-summary>div+.glsr-summary-percentages{margin-top:var(--glsr-gap-sm)}.glsr-summary-bar{grid-gap:var(--glsr-gap-sm);align-items:center;display:grid;gap:var(--glsr-gap-sm);grid-column:span 3;grid-template-columns:subgrid}.glsr-summary-bar-label{align-items:center;display:flex;font-size:var(--glsr-summary-text);justify-content:start;white-space:nowrap}.glsr-summary-bar-background{border-radius:var(--glsr-bar-radius);display:flex;height:var(--glsr-bar-size);overflow:hidden;position:relative;white-space:nowrap}.glsr-summary-bar-background:before{background-color:currentColor;content:"";height:100%;opacity:var(--glsr-bar-opacity);position:absolute;width:100%}.glsr-summary-bar-background:after{background-color:var(--glsr-bar-bg);content:"";height:100%;position:relative;width:var(--glsr-bar-percent)}.glsr-summary-bar-percent{align-items:center;display:flex;font-size:var(--glsr-summary-text);justify-content:end;white-space:nowrap}.glsr-summary-bar-percent:before{content:attr(data-percent)}.glsr-elementor form.glsr-hide-form{max-height:0!important;opacity:0;overflow:hidden}.glsr-elementor form.glsr-form{grid-column-gap:var(--glsr-form-col-gap);grid-row-gap:var(--glsr-form-row-gap);-moz-column-gap:var(--glsr-form-col-gap);column-gap:var(--glsr-form-col-gap);display:grid;grid-template-columns:1fr;margin-bottom:0;position:relative;row-gap:var(--glsr-form-row-gap)}.glsr-elementor .glsr-field{position:relative}.glsr-elementor form.glsr-form .glsr-description dl,.glsr-elementor form.glsr-form .glsr-description ol,.glsr-elementor form.glsr-form .glsr-description ul{margin:0;padding-bottom:0;padding-left:2em;padding-top:0}.glsr-elementor .glsr-field.glsr-hidden{display:none!important}.glsr-elementor .glsr-field:not(.glsr-field-is-invalid) .glsr-field-error,.glsr-elementor .glsr-form-message:not(.glsr-form-failed):not(.glsr-form-success){display:none}.glsr-elementor .glsr-field-error{color:var(--glsr-form-error);font-size:var(--glsr-text-sm)}.glsr-elementor .glsr-form-failed{color:var(--glsr-form-error)}.glsr-elementor .glsr-form-success{color:var(--glsr-form-success)}.glsr-elementor .glsr-is-invalid{border-color:var(--glsr-form-error)!important}.glsr-elementor form.glsr-form label.glsr-label{display:block;float:none;hyphens:none;margin:0}.glsr-elementor form.glsr-form .glsr-description{display:block;font-weight:400;text-transform:none}.glsr-elementor form.glsr-form input.glsr-input:not(.wp-block-search__input),.glsr-elementor form.glsr-form select.glsr-select,.glsr-elementor form.glsr-form textarea.glsr-textarea{box-sizing:border-box;display:block;float:none;margin:0;max-height:none;max-width:none;min-height:auto;min-width:auto;width:100%}.glsr-elementor form.glsr-form textarea.glsr-textarea{field-sizing:content;min-height:5lh;resize:vertical}.glsr-elementor form.glsr-form .glsr-field-subgroup{gap:var(--glsr-subgroup-gap)}.glsr-elementor form.glsr-form .glsr-field-checkbox,.glsr-elementor form.glsr-form .glsr-field-radio{align-items:start;display:flex;gap:var(--glsr-gap-sm)}.glsr-elementor form.glsr-form .glsr-field-checkbox>span:not(.glsr-checkbox),.glsr-elementor form.glsr-form .glsr-field-radio>span:not(.glsr-radio){align-items:center;display:flex;flex-shrink:0;height:1.5em}.glsr-elementor form.glsr-form .glsr-checkbox,.glsr-elementor form.glsr-form .glsr-radio{display:grid;font-size:var(--glsr-choice-size);height:1em!important;width:1em!important}.glsr-elementor form.glsr-form .glsr-checkbox input,.glsr-elementor form.glsr-form .glsr-radio input{box-sizing:border-box;display:block;left:0;margin:0;outline:none;padding:0;position:relative;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glsr-elementor form.glsr-form .glsr-checkbox label,.glsr-elementor form.glsr-form .glsr-radio label{display:flex;flex-direction:column;margin:0}.glsr-elementor form.glsr-form .glsr-field-toggle{--toggle-h:calc(0.75em + var(--toggle-p)*2);--toggle-p:.125em;--toggle-w:calc(1.5em + var(--toggle-p)*2);--transition-timing-fn:cubic-bezier(.4,0,.2,1);align-items:start;display:flex;gap:var(--glsr-gap-sm)}.glsr-elementor form.glsr-form .glsr-field-toggle>span:not(.glsr-toggle){align-items:center;display:flex;flex-shrink:0;height:1.5em}.glsr-elementor form.glsr-form .glsr-toggle{display:grid;font-size:var(--glsr-toggle-size);height:var(--toggle-h);position:relative;width:var(--toggle-w)}.glsr-elementor form.glsr-form .glsr-toggle input{all:unset!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;bottom:0!important;left:0!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.glsr-elementor form.glsr-form .glsr-toggle input:after,.glsr-elementor form.glsr-form .glsr-toggle input:before{display:none!important}.glsr-elementor form.glsr-form .glsr-toggle-track{border-radius:var(--glsr-toggle-radius);bottom:0;box-sizing:border-box;left:0;padding:var(--toggle-p);pointer-events:none;position:absolute;right:0;top:0;width:100%}.glsr-elementor form.glsr-form .glsr-toggle-track:before{background-color:var(--glsr-toggle-bg);border-radius:var(--glsr-toggle-radius);box-sizing:border-box;content:"";display:block;height:100%;left:0;opacity:var(--glsr-toggle-opacity);position:absolute;top:0;transition-duration:var(--glsr-duration-fast);transition-property:background-color,opacity;transition-timing-function:var(--transition-timing-fn);width:100%}.glsr-elementor form.glsr-form .glsr-toggle-track:after{background-color:var(--glsr-toggle-color);border-radius:calc(var(--glsr-toggle-radius) - var(--toggle-p));box-shadow:0 .05em .1em var(--glsr-toggle-shadow-color),0 .05em .15em var(--glsr-toggle-shadow-color);box-sizing:border-box;content:"";display:block;height:.75em;pointer-events:none;position:relative;transition:transform var(--glsr-duration-fast) var(--transition-timing-fn);width:.75em;z-index:1}.glsr-elementor form.glsr-form input:checked+.glsr-toggle-track:before{background-color:var(--glsr-toggled-bg);opacity:var(--glsr-toggled-opacity);transition-duration:var(--glsr-duration-fast);transition-property:background-color,opacity;transition-timing-function:var(--transition-timing-fn)}.glsr-elementor form.glsr-form input:checked+.glsr-toggle-track:after{transform:translateX(.75em)}.glsr-elementor.glsr-rtl form.glsr-form input:checked+.glsr-toggle-track:after{transform:translateX(-.75em)}.glsr-elementor form.glsr-form .glsr-range-labels{display:grid;font-size:var(--glsr-text-sm);grid-template-columns:repeat(auto-fit,minmax(50px,1fr));line-height:1.5;text-align:center}.glsr-elementor form.glsr-form .glsr-range-labels :first-child{text-align:left}.glsr-elementor form.glsr-form .glsr-range-labels :last-child{text-align:right}.glsr-elementor form.glsr-form .glsr-range-options{align-items:center;display:flex;font-size:var(--glsr-text-base);gap:var(--glsr-gap-lg);justify-content:space-between;margin-bottom:calc(var(--glsr-text-sm)*1.5);padding-bottom:var(--glsr-gap-xs);padding-top:var(--glsr-gap-xs);position:relative}.glsr-elementor form.glsr-form .glsr-range-options:before{background-color:var(--glsr-input-border-color);content:"";display:block;height:var(--glsr-input-border-width);min-height:1px;position:absolute;width:100%}.glsr-elementor form.glsr-form .glsr-range-options:has(.glsr-is-invalid):before{background-color:var(--glsr-form-error)}.glsr-elementor form.glsr-form .glsr-field-range{display:flex;position:static;z-index:1}.glsr-elementor form.glsr-form .glsr-range-options label{display:none}.glsr-elementor form.glsr-form .glsr-range{display:grid;font-size:var(--glsr-range-size);height:1.25em;width:1.25em}.glsr-elementor form.glsr-form .glsr-range input{box-sizing:border-box;display:block;left:0;margin:0;outline:none;padding:0;position:relative;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glsr-elementor form.glsr-form .glsr-field-range:has(input:checked) label,.glsr-elementor form.glsr-form .glsr-range-options:not(:has(input:checked)):after{display:flex;font-size:var(--glsr-text-sm);justify-content:start;left:0;line-height:1.5;margin:0;padding:0;position:absolute;top:100%;width:100%}.glsr-elementor form.glsr-form .glsr-range-options:not(:has(input:checked)):after{content:attr(data-placeholder)}form.glsr-form .glsr-star-rating:not([data-star-rating]) .glsr-star-rating--stars{display:none!important}form.glsr-form .glsr-star-rating>select{clip-path:inset(50%);height:1px!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;top:0!important;visibility:visible!important;white-space:nowrap!important;width:1px!important}form.glsr-form .glsr-star-rating>select:after,form.glsr-form .glsr-star-rating>select:before{display:none!important}form.glsr-form .glsr-star-rating>select:focus+.glsr-star-rating--stars:before{box-shadow:0 0 0 3px -moz-mac-focusring;box-shadow:0 0 0 3px -webkit-focus-ring-color;box-shadow:0 0 0 3px Highlight;content:"";display:block;height:100%;outline:1px solid transparent;pointer-events:none;position:absolute;width:100%}form.glsr-form .glsr-star-rating--ltr>select{left:0!important}form.glsr-form .glsr-star-rating--rtl>select{right:0!important}form.glsr-form .glsr-star-rating--stars{align-items:center;cursor:pointer;display:flex;position:relative}form.glsr-form select[disabled]+.glsr-star-rating--stars{cursor:default}form.glsr-form .glsr-star-rating span[data-value]{display:flex;font-size:var(--glsr-form-star);height:1em;line-height:1;margin:0;width:1em}form.glsr-form .glsr-star-rating--stars[class*=" s"]>span{background-image:var(--glsr-star-empty);background-position:50%;background-repeat:no-repeat;background-size:contain}form.glsr-form .glsr-field-is-invalid .glsr-star-rating--stars[class*=" s"]>span{background-image:var(--glsr-star-error)}form.glsr-form .glsr-star-rating--stars[class*=" s"]>span.gl-active,form.glsr-form .glsr-star-rating--stars[class*=" s"]>span.gl-active.gl-selected{background-image:var(--glsr-star-full)}form.glsr-form .glsr-has-rating-labels .glsr-star-rating--stars[aria-label]{margin-bottom:calc(var(--glsr-text-sm)*1.5);padding-bottom:var(--glsr-gap-xs)}form.glsr-form .glsr-has-rating-labels .glsr-star-rating--stars[aria-label]:after{content:attr(aria-label);display:flex;font-size:var(--glsr-text-sm);left:0;line-height:1.5;position:absolute;top:100%}.glsr-elementor button.glsr-button{align-items:center!important;cursor:pointer;display:inline-flex!important;justify-content:center;text-align:center;white-space:nowrap}.glsr-elementor button.glsr-button:not(.wp-block-search__button){margin:0}.glsr-elementor button.glsr-button[aria-busy=true]{gap:var(--glsr-gap-sm)}.glsr-elementor .wp-block-button{margin:0}html.glsr-modal-open{overflow:hidden;scrollbar-gutter:stable}html.glsr-modal-open body{overflow:hidden;overscroll-behavior:contain}.glsr-modal{--timing-function:cubic-bezier(0,0,0.2,1);--timing-function-2:cubic-bezier(0.25,0.46,0.45,0.94)}.glsr-modal__header{font-weight:600}.glsr-modal__footer,.glsr-modal__header{align-items:center;box-shadow:0 0 1px 0 color-mix(in srgb,currentColor 10%,transparent),0 0 1em 0 rgba(0,0,0,.1);display:flex;flex-shrink:0;gap:var(--glsr-gap-md);padding:0 var(--glsr-modal-padding);position:relative;z-index:1}.glsr-modal__footer>div,.glsr-modal__header>div{align-items:center;display:flex;flex:1;gap:var(--glsr-gap-md);padding:.75em 0}.glsr-modal__body{-webkit-overflow-scrolling:touch;display:grid;grid-template-rows:1fr;overflow-y:auto;overscroll-behavior:contain;transition:grid-template-rows var(--glsr-duration-slow) var(--timing-function)}.glsr-modal.is-loading:not(.is-changing) .glsr-modal__body{grid-template-rows:0fr}.glsr-modal__inner{display:grid;grid-template-rows:1fr;min-height:calc(var(--glsr-modal-padding)*2);opacity:1;position:relative;transition:opacity var(--glsr-duration-slow) var(--timing-function)}.glsr-modal.is-loading:not(.is-changing) .glsr-modal__inner{opacity:0}.glsr-modal__content{padding:var(--glsr-modal-padding)}.glsr-modal-error .glsr-modal__content,.glsr-modal-success .glsr-modal__content{display:flex;gap:var(--glsr-gap-md)}.glsr-modal-error .glsr-modal__content:before,.glsr-modal-success .glsr-modal__content:before{content:"";display:block;flex-shrink:0;height:2em;margin-top:-.25em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.75;width:2em}.glsr-modal-error .glsr-modal__content:before{background-color:var(--glsr-red);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 1 0 16 8 8 0 1 1 0-16zm1.13 9.38.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 1 0 16 8 8 0 1 1 0-16zm1.13 9.38.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z'/%3E%3C/svg%3E")}.glsr-modal-success .glsr-modal__content:before{background-color:var(--glsr-green);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16zm-.615 12.66h-1.34l-3.24-4.54 1.341-1.25 2.569 2.4 5.141-5.931 1.34.94-5.811 8.381z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16zm-.615 12.66h-1.34l-3.24-4.54 1.341-1.25 2.569 2.4 5.141-5.931 1.34.94-5.811 8.381z'/%3E%3C/svg%3E")}#glsr-modal-review .glsr-read-more{display:none!important}#glsr-modal-verified .glsr-modal__footer{box-shadow:inset 0 .5px 0 var(--glsr-review-verified);color:var(--glsr-review-verified)}#glsr-modal-verified .glsr-modal__footer:after{background:currentColor;content:"";height:100%;left:0;opacity:.125;position:absolute;top:0;width:100%;z-index:-1}.glsr-debug{position:relative}.glsr-debug:before{background-color:currentColor;content:"";height:100%;left:0;opacity:.15;overflow:hidden;position:absolute;top:0;width:100%}.glsr-debug pre{font-family:Fira Code,Consolas,Monaco,monospace;font-size:12px;line-height:1.25;padding:10px;position:relative;z-index:1}body{--glsr-toggled-bg:var( --e-global-color-accent,currentColor)}.glsr-elementor .e-form__buttons{display:flex}.glsr-elementor form.glsr-form .glsr-field-subgroup label{line-height:inherit}.glsr-elementor form.glsr-form .glsr-description{font-size:var(--glsr-description-text);font-weight:var(--glsr-description-weight)} :root{--glsr-star-empty:url(https://hetedhetorszag.hu/wp-content/plugins/site-reviews/assets/images/stars/default/star-empty.svg);--glsr-star-error:url(https://hetedhetorszag.hu/wp-content/plugins/site-reviews/assets/images/stars/default/star-error.svg);--glsr-star-full:url(https://hetedhetorszag.hu/wp-content/plugins/site-reviews/assets/images/stars/default/star-full.svg);--glsr-star-half:url(https://hetedhetorszag.hu/wp-content/plugins/site-reviews/assets/images/stars/default/star-half.svg)}