/* * Theme Name: Hello Elementor Child * Theme URI: https://vikingo.studio/ * Description: A Vikingo Studio Hello Elementor gyermek témája, saját admin és bejelentkezési testreszabással. * Author: Vikingo Studio * Author URI: https://vikingo.studio/ * Template: hello-elementor * Version: 1.1.2 * Requires at least: 6.0 * Tested up to: 7.0 * Requires PHP: 7.4 * Text Domain: hello-vikingo-studio * License: GNU General Public License v3 or later * License URI: https://www.gnu.org/licenses/gpl-3.0.html */ /* Utolsó bekezdés alsó térköze (főleg text widgetek miatt) */ p:last-child { margin-bottom: 0 !important; } /* "..." a bejegyzés-kivonatok végére */ .elementor-posts .elementor-post__excerpt p::after { content: "..." !important; } /* Térköz a bejegyzésben lévő képek elé és mögé */ .single-post .wp-block-image img { margin: 20px 0; } /* Lista utolsó eleme alá térköz (Elementor text + blog) */ .elementor-widget-text-editor li:last-child, .single-post .wp-block-list li:last-child { margin-bottom: 20px !important; } /* ========================================================= TERM / TAXONÓMIA CÍM Kisebb kiegészítő címek, megnevezések formázása ========================================================= */ .term-title { display: block; font-size: 13.4px; color: var(--e-global-color-1168246); line-height: 1.4; margin-top: 4px; font-weight: 400; } /* ========================================================= STATISZTIKAI SZÁMOK Nagyobb számértékek megjelenítése statisztikai blokkokban ========================================================= */ .stats { display: flex; font-family: 'Sofia Pro Soft'; font-weight: 800; font-size: 26px; line-height: 1.1; font-variant-numeric: tabular-nums; justify-content: center; } /* --------------------------------------------------------- STATISZTIKAI BLOKKOK ELVÁLASZTÓJA A nem utolsó .stats elemek jobb oldalára vonalat tesz --------------------------------------------------------- */ .stats-box > .stats:has(~ .stats) { border-right: 1px solid var(--e-global-color-0746b47); } /* ========================================================= KICKER / FELSŐ KIS CÍMKE Nagybetűs, ritkított kis felirat főcímek felett ========================================================= */ .kicker { font-family: 'Sofia Pro Soft'; font-weight: 800; font-size: 11.5px; letter-spacing: .15em; text-transform: uppercase; color: var(--e-global-color-1168246); margin-bottom: -20px !important; } /* ========================================================= KÉT OSZLOPOS FELSOROLÁS .two-column-li class alatt két oszlopba töri az UL elemeket ========================================================= */ .two-column-li ul { margin-left: 0; padding-left: 0; column-count: 2; column-gap: 30px; margin-block: 20px; } /* Megakadályozza, hogy egy listaelem két oszlop között törjön */ .two-column-li li { break-inside: avoid; margin-bottom: 10px; } /* --------------------------------------------------------- KÉT OSZLOPOS LISTA – MOBIL 767px alatt visszaáll egyetlen oszlopra --------------------------------------------------------- */ @media (max-width: 767px) { .two-column-li ul { column-count: 1; } } /* ========================================================= LEVÉL IKONOS FELSOROLÁS .leaves-li alatt az alapértelmezett bullet helyett egy SVG levél ikon jelenik meg ========================================================= */ .leaves-li ul { margin-left: 0; padding-left: 0; list-style: none; } /* Helyet biztosít az egyedi bullet ikonnak */ .leaves-li li { position: relative; margin-left: 0; padding-left: 24px; } /* Egyedi SVG bullet */ .leaves-li li::before { content: ""; position: absolute; left: 0; top: 0.45em; width: 14px; height: 14px; background: url("/wp-content/uploads/2026/09/bullet.svg") center / contain no-repeat; } /* ========================================================= LEAF BOXES Több szöveges dobozt egymás mellé rendez flex elrendezéssel ========================================================= */ .leaf-boxes .elementor-text-editor, .leaf-boxes { display: flex !important; gap: 18px; } /* --------------------------------------------------------- LEAF BOXES – MOBIL Mobilon a dobozokat egymás alá rendezi --------------------------------------------------------- */ @media (max-width: 767px) { .leaf-boxes .elementor-text-editor, .leaf-boxes { flex-direction: column; } } /* --------------------------------------------------------- LEAF BOXES – KÁRTYA MEGJELENÉS A bekezdésekből fehér, lekerekített, árnyékos kártyát készít --------------------------------------------------------- */ .leaf-boxes p { background: #fff; border-radius: 20px 0 20px 0; padding: 22px 22px 20px; box-shadow: 0 1px 2px rgba(1, 65, 34, .05), 0 8px 24px -12px rgba(1, 65, 34, .18); height: 100%; } /* --------------------------------------------------------- LEAF BOXES – KÁRTYA CÍM A strong elemeket kártyacímmé formázza --------------------------------------------------------- */ .leaf-boxes strong { font-size: 18px; line-height: 1.2; font-family: "Sofia Pro Soft"; display: block; margin-bottom: -10px; } /* ========================================================= KÉK LEVÉL / EGYEDI BULLET LISTA .blue-leaf-li alatt egy kis szögletes-levél alakú bullet jelenik meg az alapértelmezett listaikon helyett ========================================================= */ .blue-leaf-li ul { margin-left: 0; padding-left: 0; list-style: none; } /* Helyet biztosít az egyedi bullet számára */ .blue-leaf-li li { position: relative; margin-left: 0; padding-left: 22px; } /* Egyedi kék bullet forma */ .blue-leaf-li li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 9px; height: 9px; background: var(--e-global-color-39ca42d); border-radius: 4px 0 4px 0; } /* ========================================================= SECONDARY BUTTON Átlátszó hátterű, körvonalas másodlagos Elementor gomb ========================================================= */ .sec-btn .elementor-button { background: transparent !important; border: 1px solid #7fa886 !important; color: #eaf1ea !important; } /* Secondary button hover állapot */ .sec-btn .elementor-button:hover { background: #0b502c !important; } /* ========================================================= TERTIARY BUTTON Link jellegű, háttér és extra padding nélküli harmadlagos gomb ========================================================= */ .thr-btn .elementor-button { background: transparent !important; padding: 0; color: #e8b165 !important; } /* Hover esetén aláhúzza a gomb szövegét */ .thr-btn .elementor-button:hover { text-decoration: underline; } /* ========================================================= RESULT FAMILY CARD Fő kártya megjelenése ========================================================= */ .result-family-card { border: 1px solid; /* 1px vastag keret */ border-color: #eee3d6; /* A keret színe */ border-radius: 20px 0 20px 0; /* Levél / aszimmetrikus lekerekítés */ padding: 22px 22px 20px; /* Belső térköz: fent | oldalt | lent */ flex-direction: column; /* Flex elemek függőleges elrendezése */ gap: 9px; /* Kártyán belüli elemek közötti távolság */ background: var(--e-global-color-6a5ebed); /* Kártya háttérszíne */ /* Enyhe térhatást adó árnyék */ box-shadow: 0 1px 2px rgba(1, 65, 34, .05), 0 8px 24px -12px rgba(1, 65, 34, .18); } /* ========================================================= H3 CÍMSOR – H4 MÉRETŰ MEGJELENÉS A .h4style-h3 osztályon belüli H3 formázása ========================================================= */ .h4style-h3 h3 { font-size: 18px; /* Címsor betűmérete */ line-height: 1.2; /* Kompaktabb sormagasság */ } /* ========================================================= MÁSODLAGOS LINK ========================================================= */ .sec-link a { color: var(--e-global-color-c45b2d0) !important; /* Link színe */ font-size: 14px; /* Link betűmérete */ } /* Link hover állapot */ .sec-link a:hover { text-decoration: underline; /* Egér fölé húzáskor aláhúzás */ } /* ========================================================= ALCÍM / SUBTITLE ========================================================= */ .sub { /* * Reszponzív betűméret: * minimum 17px * viewport alapján növekszik * maximum 20px */ font-size: clamp(17px, 1.5vw, 20px); line-height: 1.4; /* Olvashatóbb sormagasság */ font-family: "Sofia Pro Soft"; /* Egyedi betűtípus */ font-weight: 600; /* Semi-bold vastagság */ color: var(--e-global-color-0730233); /* Szövegszín */ } /* ========================================================= BADGE / KIS CÍMKE ========================================================= */ .badge { align-self: flex-start; /* Ne nyúljon ki teljes szélességre */ font-family: "Sofia Pro Soft"; /* Badge betűtípusa */ font-weight: 800; /* Erősen félkövér */ font-size: 10.5px; /* Kis címke méret */ letter-spacing: .09em; /* Betűk közötti tér növelése */ text-transform: uppercase; /* Minden karakter nagybetűs */ padding: 0 9px; /* Vízszintes belső tér */ border-radius: 9px 0 9px 0; /* Aszimmetrikus / levél forma */ } /* ========================================================= ZÖLD GOMB Elementor button felülírás ========================================================= */ .green-btn .elementor-button { background: var(--e-global-color-primary); /* Alap zöld háttér */ } /* Gomb hover állapot */ .green-btn .elementor-button:hover { background: #02572e; /* Sötétebb zöld hover esetén */ } /* ========================================================= LÉPÉS / SOR BLOKK Bal oldalon szám, jobb oldalon tartalom ========================================================= */ .s { display: grid; /* Grid alapú elrendezés */ /* * 1. oszlop: 52px * 2. oszlop: fennmaradó hely */ grid-template-columns: 52px 1fr; gap: 18px; /* Oszlopok közötti távolság */ padding: 18px 0; /* Függőleges belső tér */ border-top: 1.5px solid var(--e-global-color-0746b47); /* Elválasztó vonal az egyes sorok között */ align-items: start; /* Tartalmak felülre igazítása */ } /* ========================================================= SORSZÁM / SZÁMOZOTT JELÖLŐ ========================================================= */ .num { font-family: var(--display); /* Display / kiemelt betűtípus */ font-weight: 800; /* Erősen félkövér */ font-size: 15px; /* Szám mérete */ color: var(--e-global-color-1106135); /* Szám színe */ background: var(--e-global-color-primary); /* Jelölő háttere */ width: 38px; /* Fix szélesség */ height: 38px; /* Fix magasság */ border-radius: 13px 0 13px 0; /* Aszimmetrikus forma */ display: grid; /* Egyszerű középre igazítás */ place-items: center; /* Függőleges + vízszintes középre igazítás */ } /* ========================================================= LÉPÉS CÍME .s blokkon belüli H4 ========================================================= */ .s h4 { font-size: 17.5px; /* Címsor mérete */ color: var(--e-global-color-primary); /* Elsődleges zöld szín */ margin-top: 0; /* Alapértelmezett felső margó eltávolítása */ margin-bottom: 5px; /* Kis hely a leírás előtt */ } /* ========================================================= LÉPÉS LEÍRÁSA .s blokkon belüli bekezdés ========================================================= */ .s p { font-size: 15.2px; /* Szöveg mérete */ color: var(--ink-soft); /* Másodlagos / halványabb szövegszín */ line-height: 1.55; /* Kényelmes olvashatóság */ }