body {
      margin: 0;
      font-family: 'Gantari', sans-serif;
      color: #333;
    }
i {font-style: italic;}
a {text-decoration: none; color: #333;}
    /* HEADER */
  /* --- ALAPOK --- */
header {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: relative; /* fontos: az abszolút pozícionált contact-nak és hamburgernek */
  height: 84px;
  box-sizing: border-box;
  z-index: 10;
}

/* LOGO balra */
.logo {
  flex: 0 0 auto;
  z-index: 20; /* legyen felette a hamburger és a menü */
}
.logo img, .custom-logo {
  height: 112px;
  width: auto;
  display: block;
}

/* NAV: középre helyezett konténer */
nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center; /* a menüpontok középre kerülnek */
  align-items: center;
  position: relative;
}

/* A menü lista: asztali rugalmas sor */
nav ul#menu-main {
  display: flex;
  gap: 64px;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: center; /* extra biztosítás */
  width: 100%;
  box-sizing: border-box;
}

/* Az utolsó menüpontot (Contact us) kivesszük a középről és jobbra pozícionáljuk */
nav ul#menu-main > li:last-child {
  position: absolute;   /* abszolút a headerre pozicionálva (header position:relative) */
  right: 0;          /* ugyanaz a távolság, mint a header paddingje */
  top: 50%;
  transform: translateY(-50%);
  margin: 0;            /* alapból a flex gap nem érinti az abszolút elemeket */
  z-index: 25;
}

body.single-post nav a[href*="kiallitasok"],
nav li.current-menu-item > a,
nav li.current_page_item > a,
nav li.current-menu-parent > a,
nav li.current-menu-ancestor > a,
nav li.current_page_parent > a,
nav li.current_page_ancestor > a,
nav li.current-cat > a,
nav li.current-category-ancestor > a,
nav a:hover {
  border-bottom: 1px solid #000 !important;
  padding-bottom: 2px;
}


nav a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

/* --- HAMBURGER (desktopon rejtett) --- */
#menu-toggle { display: none; }

/* a hamburger ikon jobbra, a headeren belül */
.hamburger {
  display: none;               /* mobilon lesz látható */
  position: absolute;
  right: 24px;                 /* igazodik a contact helyéhez */
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 36px;
  z-index: 30;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.hamburger span {
  display: block;
  height: 3px;
  margin: 6px 0;
  background: #000;
  transition: transform .25s ease, opacity .25s ease;
}

/* --- RESPONSIVE: MOBIL --- */
@media (max-width: 900px) {

  /* Nav alapból elrejtve mobilon (a hamburger nyitja) */
  nav { pointer-events: none; } /* nehogy középre kattintva bármi történjen, majd engedjük ha nyitva */
  nav ul#menu-main {
    display: none;               /* rejtett alapból */
    position: absolute;
    left: 50%;
    top: calc(84px + 16px);      /* közvetlenül a header alatt, kis padding */
    transform: translateX(-50%);
    flex-direction: column;
    gap: 18px;
    background: #fff;
    padding: 28px 24px;
    width: min(560px, 92%);      /* középre zárt, max szélesség */
    box-shadow: 0 8px 32px rgba(0,0,0,0.08);
    border-radius: 6px;
    z-index: 999;
    pointer-events: auto;
    text-align: center;
  }

  /* mobilon az abszolút jobbra pozícionált utolsó elem ne legyen abszolút */
  nav ul#menu-main > li:last-child {
    position: static;
    transform: none;
    right: auto;
  }

  /* linkek nagyobbak, érintőbarátok */
  nav ul#menu-main > li > a {
    font-size: 18px;
    padding: 8px 0;
    display: inline-block;
  }

  /* Hamburger láthatóvá tétele jobb oldalon */
  .hamburger { display: block; }

  /* Ha a checkbox checked -> megjelenítjük a menüt */
  #menu-toggle:checked ~ .menu-main-container ul#menu-main {
    display: flex;
  }

  /* Hamburger X animáció */
  #menu-toggle:checked + .hamburger span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }
  #menu-toggle:checked + .hamburger span:nth-child(2) {
    opacity: 0;
  }
  #menu-toggle:checked + .hamburger span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }

  /* HEADER viselkedés mobilon: ne vágjon semmit (magasság maradhat 84), a dropdown a header alá kerül */
  header {
    height: 84px; /* tarthatod; a menü a header alatt jelenik meg */
  }

  /* Ha szeretnéd, hogy a menü kitolja a görgetést (nem overlay), akkor:
  #menu-toggle:checked ~ .menu-main-container ul#menu-main {
    position: static;
    transform: none;
    width: 100%;
  }
  - ezt a viselkedést csak akkor használd, ha nem zavar az oldal átrendezése mobilon.
  */
}



    /* HERO */
    .hero {
      width: 100%;
      position: relative;
    }
    .hero img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* TEXT SECTION */
    .hero-text {
      width: 100%;
      text-align: center;
      font-size: 48px;
      line-height: 48px;
      font-weight: 300;
      background: #d5d3d3;
      color: #333;
      min-height: 145px;
      height: auto;
	  padding: 50px 0;
    }
   .hero-text p {font-size: 29px;font-variant: small-caps; }

    /* FOOTER */
    footer {clear: both;
      background: #333;
      padding: 60px 40px;
      color: #fff;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      align-items: start;
      gap: 40px;
    }
    .footer-brand img {
      height: auto;
  margin-bottom: 10px;
  width: 70%;
    }
    .footer-brand div {
     font-size: 15px;
}
#menu-main-1 {
  width: 100px;
  text-align: left;
  margin: 0 auto;
}
    #menu-main-1 a {
      display: block;
      color: #fff;
      text-decoration: none;
      margin-bottom: 24px;
      font-size: 14px;
      text-transform: uppercase;
    }
    #menu-main-1 li:last-child a {
      margin-bottom: 0px;
    }
    .footer-right {
      text-align: right;
      font-size: 23px;
      line-height: 30px;
      font-size: 14px;
    }
    .footer-right .socials img {
      width: 48px;
      margin-left: 15px;
    }

    /* COPYRIGHT */
    .copyright {
  background: #333;
  color: #fff;
  text-align: left;
  font-size: 16px;
  padding: 0 40px 40px;
    }

.exhibitions, .post, .galeria, .galeriak, .bura, .comm, .gc, .mk, .partners, .crew, .nan, .sima, .press, .contact, .gmap {width: 100%;
  max-width: 1320px;
  margin: 133px auto;
  box-sizing: border-box;
  display: block;
}
.bura {max-width:1440px;padding-left:60px}
.exhibitions h1,.post h1,.bura h1,.comm h1, .sima h1, .press h1, .contact h1 {font-size: 96px;margin-bottom: 211px;}
.sima h2 {font-size: 32px; font-weight: 500; text-transform: uppercase; line-height: 1.5;margin-bottom:20px;}
.sima span {font-size: 20px; font-weight: 400; text-transform: uppercase; line-height: 1.5;}
.crew h1 {font-size: 96px;margin-bottom: 100px;display:block;}

.exhibitions .first, .crew > div {
  margin-bottom: 150px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
}

.bura > div {
  margin-bottom: 150px;
  width: 100%;
  display:inline-block;
  clear:both;
  }
.crew > div {margin-top:103px;}

.exhibitions .first .text-block {
  flex: 1 1 50%;
  padding-right: 8%;
}

.exhibitions .first .image-block {
  flex: 0 0 50%;
  text-align: right;
}

.exhibitions .first img {
  width: 100%;
  height: auto;
  display: block;
}

.exhibitions h2 {font-size: 48px; text-transform: uppercase;margin-bottom:50px;}
.exhibitions h3 {font-size: 32px; text-transform: uppercase;font-weight: 500;margin-bottom:20px;}
.exhibitions h4 {font-size: 18px; text-transform: uppercase;font-weight: 300;margin-bottom:10px;}
.contact h2 {font-size: 48px; text-transform: uppercase;font-weight: 400;margin-bottom: 30px;}
.pres h2 {font-size: 20px !important; text-transform: uppercase;font-weight: 500; line-height: 1.2;}
.pres > span {font-size: 12px; font-weight: 300;}
.pres p {line-height: 1.3;font-size: 16px;margin: 20px 0;}
.pres > a {font-size: 14px; font-weight: 700; color:#333; border-bottom: 1px solid #333;  padding-bottom: 2px;text-decoration: none;}
.pres {margin-bottom: 100px;}
.more {font-size: 16px; text-transform: uppercase;font-weight: 700; color:#333; border-bottom: 1px solid #333;  padding-bottom: 2px;text-decoration: none;}
.exhibitions p, .bura p, .comm p, .crew p {line-height: 1.5;font-size: 20px;font-weight:300;margin-bottom:20px;}
.sima p, .contact p {line-height: 1.5;font-size: 20px;font-weight:300;margin-bottom:60px;}

.exhibitions .tobbi {
  border-bottom: 1px solid #e5e5e5;
  padding: 36px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
}

.exhibitions .tobbi .text-block {
  flex: 0 0 58%;
}

.exhibitions .tobbi .image-block {
  flex: 1 1 42%;
  padding-right: 8%;
}

.exhibitions .tobbi img {
  width: 100%;
  height: auto;
  display: block;
}

.pkep img, .pkep, .galeriak img, .galeria img, .gc img, .mk img {width:100%;height: auto;}

.gc a:not(.social) img {
aspect-ratio: 100 / 100;
object-fit: cover;        /* kitölti a keretet, nem torzul */
  object-position: center;  /* kép közepe látszik */
  display: block;           /* eltünteti a kép alatti whitespace-t */
  overflow: hidden;}

.mk a:not(.social) img {
aspect-ratio: 10 / 10;
object-fit: cover;        /* kitölti a keretet, nem torzul */
  object-position: center;  /* kép közepe látszik */
  display: block;           /* eltünteti a kép alatti whitespace-t */
  overflow: hidden;}


.post p {font-size: 20px; font-weight: 300; line-height:1.5;margin:30px 0;}

.galeria h1, .galeriak h1, .gc h1, .mk h1, .partners h1 {font-size: 64px;}

 
.galeria h2, .galeriak h2, .nan h2 {font-size: 18px; font-weight: 500; margin:20px 0;}
.galeria p, .galeriak p {font-size: 16px; font-weight: 300;}

.gc h2, .mk .cim {font-size: 32px; font-weight: 500; margin:20px 0;line-height: 48px; text-transform: uppercase;}
.gc p, .mk p {font-size: 20px; font-weight: 300;}
.gc p {line-height: 1.5;}

.gc > div, .press > div {margin: 64px 0;  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;}
.mk > div, .contact > div {margin: 64px 0;  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;}
.partners > div {display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;margin:64px 0}
.partners img {aspect-ratio: 10 / 4;
object-fit: contain;        /* kitölti a keretet, nem torzul */
  object-position: center;  /* kép közepe látszik */
  display: block;           /* eltünteti a kép alatti whitespace-t */
  overflow: hidden;
min-height: 122px;
width: 100%;
}

.gc .social {display: inline-block;width:48px;height: auto;margin: 20px 10px 0 0;}
.mk .social {width:48px;height: 48px;float: right;}

.contact .social, .crew .social, .post .social  {display: inline-block;width:48px;height: auto;margin: 0 10px 0 0;}
.contact .social img, .post .social img {width: 100%;height: auto;}

.galeriak > div, .nan > div {margin: 64px 0;  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;}

.galeriak > div {margin: 64px 0;display:block;}

.bura .text-block {
  width: 50%;
  float: left;
  padding-right: 1%;
  display: inline-block;
padding-right: 60px;
width:calc(100% - 60px);
}

.bura .image-block {
  width: 50%;
  float: right;
  padding-left: 3%;
  text-align: right;
  display: inline-block;
display:none;
}

.bura img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 50px;
}


.crew .text-block {
  flex: 0 0 68%;
  padding-left: 8%;
}

.crew .image-block {
  flex: 1 1 32%;
}

.crew img {
  width: 100%;
  height: auto;
  display: block;
}

.nan img {
aspect-ratio: 1/1;
object-fit: cover;        /* kitölti a keretet, nem torzul */
  object-position: center;         /* eltünteti a kép alatti whitespace-t */
  overflow: hidden;
  width: 100%;
  height: auto;
  display: block;
}
h1 {font-size: 56px !important;text-transform: uppercase;}
h2 {font-size:  29px !important;font-variant: small-caps;}
h3 {font-size: 30px !important;font-variant: small-caps;}
h4 {font-size: 20px !important;font-variant: small-caps;line-height:3;}
.wp-block-list {margin:20px;}
.wp-block-list li {line-height: 1.5;
  font-size: 20px;
  font-weight: 300;list-style: disc;}

.mk > div {grid-template-columns: repeat(3, 1fr) !important;}
.mk .cim {font-size: 26px !important;font-variant: small-caps;}
.gc p {display: none !important;}

    /* RESPONSIVE */
    @media (max-width: 900px) {
h1 {font-size: 43px !important;}
h2 {font-size:  20px !important;}
h3 {font-size:  22px !important;}
h4 {font-size:  20px !important;line-height:1.2;margin:20px 0}
.exhibitions h4 {font-size:  13px !important;;margin:0;line-height:3;}
.tobbi {display: block !important;}
.image-block {padding: 0 0 10px 0 !important;}
.text-block {padding: 10px !important;}
      header {
        justify-content: center;
      }
.hero-text {font-size: 29px;}
      footer {
        grid-template-columns: 1fr;
        text-align: center;
      }
#menu-main-1 {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
      .footer-right, .copyright {
        text-align: center;
      }
  .exhibitions .first, .bura > div, .crew > div {
    flex-direction: column;
  }

  .exhibitions .first .image-block, .bura .image-block, .crew .image-block {
    text-align: left;
  }
.bura,  .exhibitions h1, .comm, .gc, .mk, .partners,.contact, .sima,.press {padding:0 10px;}
.hero-text {  padding: 20px;}
.hero-text p {
font-size: 21px;
  font-variant: small-caps;
  line-height: 1.2;
}
.footer-brand div {
  font-size: 11px;
}
.exhibitions, .post, .galeria, .galeriak, .bura, .comm, .gc, .mk, .partners, .crew, .nan, .sima, .press, .contact, .gmap {
  margin: 60px auto;}
.exhibitions h1, .post h1, .bura h1, .comm h1, .sima h1, .press h1, .contact h1 {
  margin-bottom: 60px;
}
.bura .text-block {width:100%;padding:0 !important}
.exhibitions > a {margin:10px}
.gc  h2,.mk .cim {
    font-size: 12px !important;line-height: 12px;
  }
.crew  h1 {
    font-size: 28px !important;
  }
.contact > div, .press > div {
  grid-template-columns: repeat(1, 1fr) !important;
}
.contact > div > div:last-child {
  margin-top: 30px;
}
.text-block .wp-block-image.size-medium.is-resized img {width: 45vw !important}
    }


.trp-language-switcher.trp-floating-switcher.trp-ls-dropdown.trp-switcher-position-bottom {right:10px !important}