/* ==========================================================================
   2. VALTOZAT, MELYKEK
   A ceges kek dominal: sotet fejlec, sotet hero duoton kepkezelessel.
   A felvetel sajat szinei eltunnek, a tonus marad, ezert kevesebb sotetites
   is eleg az olvashatosaghoz. A torzs vilagos marad.
   ========================================================================== */
:root{
  --mk-hero-text:#ffffff;
  --mk-hero-lead:rgba(255,255,255,.84);
  --mk-radius:12px;
  --mk-radius-lg:20px;
}
.mk-header{background:var(--mk-900);border-bottom:0}
.mk-brand{color:#fff}
.mk-brand__mark{color:var(--mk-300)}
.mk-brand__txt small{color:rgba(255,255,255,.55)}
/* 0.6.3: FONTOS, hogy itt kozvetlen gyerek (> li >) all, nem barmilyen leszarmazott.
   A `.mk-nav__list a` a legordulo menu linkjeire is ravonatkozott, azok viszont FEHER
   panelen ulnek, tehat feher szoveg lett feher alapon. A hover-menuben ez alig latszott,
   a kattintasra nyilo, nyitva marado menuben viszont azonnal. */
.mk-nav__list > li > a,.mk-nav__nyit{color:rgba(255,255,255,.82)}
.mk-nav__list > li > a:hover,.mk-nav__nyit:hover{color:#fff}
.mk-nav__list > li > a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--mk-300)}
.mk-nav__has[data-aktiv="1"] > a,.mk-nav__has[data-aktiv="1"] > .mk-nav__nyit{color:#fff;box-shadow:inset 0 -2px 0 var(--mk-300)}
.mk-nav__inaktiv{color:rgba(255,255,255,.45)}
.mk-nav__inaktiv em{background:rgba(255,255,255,.12);color:rgba(255,255,255,.7)}
.mk-burger{color:#fff;border-color:rgba(255,255,255,.24)}
.mk-langsw__btn,.mk-ikonbtn{background:transparent;color:#fff;border-color:rgba(255,255,255,.26)}
.mk-ikonbtn:hover{border-color:#fff;color:#fff}

.mk-hero{background:var(--mk-900)}
/* 0.8.4: egy arnyalattal vilagosabb duotone (Kata 09-18), a bal oldal a szoveg miatt marad sotet. */
.mk-hero__media img,.mk-hero__media video{filter:grayscale(1) contrast(1.06) brightness(.96)}
.mk-hero .mk-btn--cta{background:#fff;color:var(--mk-900)}
.mk-header .mk-btn--cta{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.26)}
.mk-header .mk-btn--cta:hover{background:#fff;color:var(--mk-900)}
.mk-gyarto{border-color:transparent}
.mk-gyarto__txt{background:var(--mk-050)}
.mk-hero__veil{background:
  linear-gradient(90deg,rgba(25,42,86,.92) 0%,rgba(25,42,86,.78) 46%,rgba(25,42,86,.5) 78%,rgba(25,42,86,.36) 100%),
  linear-gradient(120deg,rgba(25,42,86,.3),rgba(25,42,86,.16))}
.mk-hero .mk-eyebrow{color:var(--mk-300)}
.mk-hero .mk-btn--primary{background:#fff;color:var(--mk-900)}
.mk-hero .mk-btn--ghost{color:#fff;border-color:rgba(255,255,255,.36)}
.mk-hero--ph{background:linear-gradient(120deg,var(--mk-900),var(--mk-800))}
.mk-hero--ph .mk-hero__media .mk-ph{background:
  repeating-linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.10) 12px,rgba(255,255,255,.05) 12px,rgba(255,255,255,.05) 24px);
  border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.72)}
.mk-hero--ph .mk-ph__nev{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff}
.mk-hero--ph .mk-ph__alt{color:rgba(255,255,255,.72)}
.mk-hero--ph .mk-ph__jel{color:rgba(255,255,255,.5)}

.mk-csempe,.mk-hir,.mk-card{border-color:transparent;box-shadow:var(--mk-shadow)}
.mk-csempe:hover{box-shadow:var(--mk-shadow-lift)}

@media (max-width:980px){
  .mk-nav{background:var(--mk-900)}
  .mk-nav__list > li > a,.mk-nav__sub a,.mk-nav__nyit{color:rgba(255,255,255,.86)}
  .mk-nav__sub a:hover{background:rgba(255,255,255,.1)}
  .mk-hero__veil{background:linear-gradient(180deg,rgba(25,42,86,.9),rgba(25,42,86,.94))}
}