[class^=blend][class*=-orange],
[class^=blend][class*=-orange]::after {
  background: #fca300;
}

[class^=blend][class*=-light]::after,
[class^=blend][class*=-orange][class*=-dark]::after,
[class^=blend][class*=-blue][class*=-dark]::after,
[class^=blend][class*=-purple]:not([class*=-dark]):not([class*=-light])::after {
  mix-blend-mode: darken !important;
}

[class^=blend][class*=-pink],
[class^=blend][class*=-pink]::after {
  background: #ea4c89;
}

[class^=blend][class*=-red-blue]::after,
[class^=blend][class*=-red-blue]:not([class*=-dark]):not([class*=-light]) {
  background: linear-gradient(to bottom right, #3993e2, #e2544b);
}

[class^=blend] img {
  mix-blend-mode: luminosity;
}

[class^=blend]::before {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 14px;
  padding: 0.2em;
  position: absolute;
  z-index: 3;
}

[class^=blend]::after {
  content: "";
  display: block;
  filter: contrast(1.3);
  height: 100%;
  left: 0;
  mix-blend-mode: hue;
  position: absolute;
  top: 0;
  width: 100%;
}

[class^=blend][class*=-dark] img {
  mix-blend-mode: darken;
}

[class^=blend][class*=-dark]::after {
  mix-blend-mode: lighten !important;
}

[class^=blend][class*=-light] img {
  mix-blend-mode: lighten;
}

[class^=blend][class*=-red] {
  background: #e50914;
}

[class^=blend][class*=-red]::after {
  background: #282581;
  filter: contrast(0.6) saturate(120%) brightness(1.2);
  mix-blend-mode: hard-light;
}

[class^=blend][class*=-red][class*=-dark]::after {
  filter: contrast(1.1) !important;
  mix-blend-mode: lighten !important;
}

[class^=blend][class*=-red][class*=-light]::after {
  filter: saturate(400%) contrast(1.5);
  mix-blend-mode: color-dodge !important;
}

[class^=blend][class*=-orange][class*=-light]::after {
  filter: saturate(400%) contrast(1.5);
  mix-blend-mode: hue !important;
}

[class^=blend][class*=-blue] {
  background: #0066bf;
}

[class^=blend][class*=-blue]:not([class*=-dark]):not([class*=-light])::after {
  filter: brightness(0.6);
  mix-blend-mode: hard-light;
}

[class^=blend][class*=-blue]::after {
  background: #93ef90;
}

[class^=blend][class*=-yellow] {
  background: #fedd31;
}

[class^=blend][class*=-yellow]:not([class*=-dark]):not([class*=-light])::after {
  filter: brightness(3.5);
  mix-blend-mode: soft-light;
}

[class^=blend][class*=-yellow][class*=-dark]::after {
  filter: hue-rotate(70deg);
  mix-blend-mode: color-dodge !important;
}

[class^=blend][class*=-yellow][class*=-light] {
  background: #000;
}

[class^=blend][class*=-yellow][class*=-light]::after {
  filter: brightness(3) hue-rotate(93deg) contrast(2) saturate(150);
  mix-blend-mode: color !important;
}

[class^=blend][class*=-yellow]::after {
  background: #ef3cb4;
}

[class^=blend][class*=-purple] {
  background: #bc6d14;
}

[class^=blend][class*=-purple]:not([class*=-dark]):not([class*=-light]) {
  background: #639;
}

[class^=blend][class*=-purple][class*=-dark] {
  background: #b10aff;
}

[class^=blend][class*=-purple][class*=-dark]::after {
  filter: saturate(100);
  mix-blend-mode: soft-light !important;
}

[class^=blend][class*=-purple][class*=-light]::after {
  background: #a37fc7;
  filter: saturate(520%) brightness(10.5) contrast(350) !important;
}

[class^=blend][class*=-purple]::after {
  background: #acfcee;
}

[class^=blend][class*=-green] {
  background: #11c966;
}

[class^=blend][class*=-green]:not([class*=-dark]):not([class*=-light])::after {
  mix-blend-mode: soft-light;
}

[class^=blend][class*=-green][class*=-light]::after {
  filter: saturate(100%) brightness(0.8) contrast(160%);
  mix-blend-mode: color-dodge !important;
}

[class^=blend][class*=-green]::after {
  background: #2d3181;
}

[class^=blend][class*=-pink][class*=-dark]::after {
  background: #1d0e14;
}

[class^=blend][class*=-pink][class*=-light]::after {
  background: #ff468d;
  filter: contrast(1) saturate(250%) !important;
  mix-blend-mode: lighten !important;
}

[class^=blend][class*=-blue-yellow]:not([class*=-dark]):not([class*=-light]) {
  background: linear-gradient(to top left, #55acee, #fedd31);
}

[class^=blend][class*=-blue-yellow][class*=-dark]::after {
  mix-blend-mode: hard-light !important;
}

[class^=blend][class*=-blue-yellow][class*=-light]::after {
  filter: none;
  mix-blend-mode: hard-light !important;
}

[class^=blend][class*=-blue-yellow]::after {
  background: linear-gradient(to top left, #55acee, #fedd31) !important;
}

[class^=blend][class*=-pink-yellow]:not([class*=-dark]):not([class*=-light]) {
  background: linear-gradient(to bottom right, #faa6fb, #fbbc05) !important;
}

[class^=blend][class*=-pink-yellow][class*=-dark]::after {
  filter: none !important;
  mix-blend-mode: hue !important;
}

[class^=blend][class*=-pink-yellow][class*=-light]::after {
  filter: none !important;
  mix-blend-mode: hard-light !important;
}

[class^=blend][class*=-pink-yellow]::after {
  background: linear-gradient(to top left, #faa6fb, #fbbc05) !important;
}

[class^=blend][class*=-red-blue]:not([class*=-dark]):not([class*=-light])::after {
  filter: none;
  mix-blend-mode: hard-light;
}

[class^=blend][class*=-red-blue][class*=-dark]::after {
  filter: none !important;
  mix-blend-mode: hard-light !important;
}

[class^=blend][class*=-red-blue][class*=-light]::after {
  filter: saturate(300%) brightness(1.2) !important;
  mix-blend-mode: screen !important;
}

* {
  -webkit-font-smoothing: antialiased;
}

body {
  background: #fefcfc;
  box-sizing: border-box;
  color: #150302;
  display: grid;
  font-family: Raleway;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  margin: 0;
  max-width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  padding: 0;
  user-select: none;
}

ul {
  list-style: none;
  padding-left: 0;
}

a, a:visited {
  color: #150302;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

img {
  max-height: 100%;
  max-width: 100%;
}

i[class^=ph] {
  padding-right: 4px;
  vertical-align: middle;
}
i[class^=si-] {
  display: inline-block;
  fill: currentColor;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
i svg {
  max-height: 100%;
  max-width: 100%;
}

iframe {
  border: 0;
  margin: 4px 0;
}

hr {
  background: rgba(39, 17, 146, 0.1098039216);
  border: 0;
  border-radius: 1px;
  height: 2px;
  margin-bottom: 32px;
  margin-top: 32px;
  width: 60vw;
}

header {
  background: #fefcfc;
  box-sizing: border-box;
  display: grid;
  grid-gap: 24px;
  grid-template: "logo .menu" 100%/auto 1fr auto;
  height: 72px;
  padding: 0 24px;
  place-items: center;
  position: sticky;
  width: 100%;
  z-index: 10;
}
header img {
  box-sizing: border-box;
  grid-area: logo;
  height: 100%;
  object-fit: contain;
  object-position: left;
  padding: 8px;
  place-self: stretch;
  width: 100%;
}
header img.small, header img.medium {
  display: none;
}
header img span {
  font-weight: 500;
}
header a.cta {
  background: #271192;
  border: 0;
  border-radius: 6px;
  color: #fefcfc;
  cursor: pointer;
  display: grid;
  font-size: 18px;
  font-weight: 400;
  grid-area: cta;
  height: 40px;
  transition: background 0.25s;
  width: 165px;
}
header a:hover, header a:visited:hover {
  text-decoration: none;
}
header a span {
  place-self: center;
}
header a span a:hover {
  background: #0f0637;
}
header a i {
  font-size: 16px;
}
header nav {
  align-self: stretch;
  grid-area: menu;
}
header ul {
  align-items: stretch;
  display: grid;
  font-size: 18px;
  grid-gap: 24px;
  grid-template-columns: repeat(6, auto);
  height: 100%;
  list-style-type: none;
  margin: 0;
}
header ul li {
  display: grid;
  place-items: stretch;
}
header ul div {
  border-color: transparent;
  border-style: solid;
  border-width: 3px 0;
  display: grid;
  place-items: center;
  transition: border-color 0.25s;
}
header ul div a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
header ul div:hover {
  border-bottom-color: #271192;
}
header ul div i[class^=ph-] {
  display: none;
}

section.slideshow {
  background: #f9f8f6;
  box-shadow: 0 0 8px 2px rgba(39, 17, 146, 0.1098039216) inset;
  box-sizing: border-box;
  padding: 24px 0;
}
section.description {
  display: grid;
  grid-template-areas: ".main .";
  grid-template-columns: 1fr 60vw 1fr;
  grid-template-rows: auto;
  place-items: stretch;
  width: 100%;
}
section.description main {
  grid-area: main;
}
section.title {
  background: rgba(0, 175, 245, 0.05);
  box-shadow: 0 0 8px 2px rgba(39, 17, 146, 0.1098039216) inset;
  display: grid;
  font-family: Nunito;
  grid-template-areas: ".title ." ".subtitle .";
  grid-template-columns: 1fr 60vw 1fr;
  grid-template-rows: auto;
  padding: 24px 0;
  place-items: stretch;
}
section.title h1 {
  font-size: 32px;
  font-weight: 600;
  grid-area: title;
  text-align: center;
}
section.title h2 {
  font-weight: 400;
  grid-area: subtitle;
  text-align: center;
}
section.title a {
  text-decoration: underline;
}
section.jatekmodok {
  display: grid;
  margin-top: 64px;
  place-items: center;
}
section.jatekmodok div {
  max-width: 1400px;
}
section.jatekmodok h2 {
  font-family: Nunito;
  font-size: 28px;
  text-align: center;
}
section.jatekmodok p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  text-align: justify;
}
section.jatekmodok hr {
  margin: 32px 0;
  width: 100%;
}
section.tamogatas {
  text-align: center;
}
section.tamogatas h2 {
  font-family: Nunito;
  font-size: 32px;
}
section.tamogatas p {
  font-size: 18px;
}
section.staff {
  display: grid;
  grid-gap: 16px;
  margin-top: 64px;
  place-items: center;
}
section.staff h2 {
  font-weight: 500;
}
section.staff img {
  border-radius: 50%;
  height: 72px;
  user-select: none;
  width: 72px;
}
section.staff > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 850px;
}
section.staff > div div {
  display: grid;
  place-items: center;
  width: 250px;
}
section.staff p {
  font-weight: 500;
  margin-bottom: 4px;
}
section.staff blockquote {
  font-style: italic;
  font-weight: 300;
  text-align: center;
}
section.egyeditartalmak {
  display: grid;
  place-items: center;
  text-align: center;
}
section.egyeditartalmak h2 {
  font-family: Nunito;
  font-size: 28px;
}
section.egyeditartalmak h2,
section.egyeditartalmak p {
  max-width: 850px;
}
section .spacer {
  max-height: 400px;
  min-height: 25vh;
}

.swiper-wrapper {
  grid-column: 1/2;
  grid-row: 1/2;
  max-height: 60vh;
  min-height: 360px;
}

.swiper-container {
  display: grid;
  width: 100%;
}
.swiper-container img {
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}
.swiper-container .swiper-slide {
  height: 100%;
  max-width: 60vw;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  color: #fefcfc;
}

h2 {
  font-family: Nunito;
  text-align: center;
}
h2 input {
  background: rgba(38, 17, 146, 0.231372549);
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1em;
  padding: 8px;
  text-align: center;
  width: 210px;
}

.smallimage {
  display: grid;
  grid-gap: 24px;
  margin-top: 24px;
  place-items: center;
}
.smallimage div {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(5, 1fr);
  max-width: 1000px;
}
.smallimage img {
  cursor: zoom-in;
  height: 80px;
  object-fit: cover;
  object-position: center center;
  opacity: 0.8;
  transition: transform 0.2s, opacity 0.2s;
  width: 150px;
}
.smallimage img:hover {
  opacity: 1;
  transform: scale(2);
  z-index: 10;
}

main h1,
div h1 {
  font-family: Nunito;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
}

.brick-container {
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 12px 24px;
  grid-template-columns: repeat(6, 1fr);
}
.brick-container .brick-w-1 {
  grid-column: span 1;
}
.brick-container .brick-w-2 {
  grid-column: span 2;
}
.brick-container .brick-w-3 {
  grid-column: span 3;
}
.brick-container .brick-w-4 {
  grid-column: span 4;
}
.brick-container .brick-w-5 {
  grid-column: span 5;
}
.brick-container .brick-w-6 {
  grid-column: span 6;
}
.brick-container .brick-double {
  grid-row: span 2;
}
.brick-container img {
  object-fit: cover;
  place-self: stretch;
}

footer {
  align-items: stretch;
  background: rgba(0, 175, 245, 0.05);
  display: grid;
  grid-gap: 24px;
  grid-template-areas: ".main .";
  grid-template-columns: 1fr 60vw 1fr;
  grid-template-rows: auto;
  margin-top: 48px;
  padding: 32px 0;
  width: 100%;
}
footer > ul {
  display: grid;
  grid-area: main;
  grid-gap: 4px 12px;
  grid-template-areas: "copyright .social" "link .social";
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  margin: 0;
  width: 100%;
}
footer .item-copyright {
  grid-area: copyright;
}
footer .item-social {
  grid-area: social;
  justify-self: end;
}
footer .item-social div {
  color: #271192;
  display: grid;
  grid-gap: 4px;
  grid-template-columns: 16px auto;
}
footer .item-link {
  grid-area: link;
}
footer .item-link ul {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(1, max-content);
}
footer i[class^=ph-] {
  font-size: 16px;
  vertical-align: top;
}
footer a, footer a:visited {
  color: #271192;
  font-weight: 600;
  justify-self: end;
}

.hamburger {
  background: transparent;
  border: 0;
  color: #271192;
  cursor: pointer;
  display: none;
  font-size: 32px;
}

@media only screen and (max-width: 1024px) {
  header {
    grid-template: "logo menu" 100%/auto 1fr;
  }
  header img.large {
    display: none;
  }
  header img.medium {
    display: initial;
  }
  .smallimage div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 864px) {
  header {
    grid-gap: 0;
    grid-template: "logo hamburger" 48px "menu menu" auto/auto 48px;
    height: 50px;
    padding: 0;
  }
  header img {
    grid-area: logo;
  }
  header img.small {
    display: initial;
  }
  header img.medium {
    display: none;
  }
  header button.hamburger {
    display: initial;
    grid-area: hamburger;
  }
  header nav {
    backdrop-filter: blur(5px);
    background: #f9f8f6;
    display: none;
    grid-area: menu;
    height: 327px;
    padding: 16px;
    place-self: stretch;
  }
  header nav ul {
    grid-template-columns: 1fr;
  }
  header nav ul li {
    place-items: center;
  }
  header nav i[class^=ph-] {
    display: unset;
  }
  header a.cta {
    grid-area: unset;
  }
  .swiper-container {
    min-height: 360px;
  }
  .brick-container {
    grid-template-columns: auto;
  }
  .brick-container .brick-w-1 {
    grid-column: initial;
  }
  .brick-container .brick-w-2 {
    grid-column: initial;
  }
  .brick-container .brick-w-3 {
    grid-column: initial;
  }
  .brick-container .brick-w-4 {
    grid-column: initial;
  }
  .brick-container .brick-w-5 {
    grid-column: initial;
  }
  .brick-container .brick-w-6 {
    grid-column: initial;
  }
  section p {
    padding: 0 16px;
  }
  section.jatekmodok hr {
    margin: 32px 16px;
  }
  section.staff > div {
    font-size: 1.2rem;
    grid-template-columns: auto;
  }
  footer > ul {
    align-items: center;
    display: grid;
    grid-gap: 16px;
    grid-template-areas: "copyright" "social" "link";
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  footer > ul .item-social {
    grid-area: social;
    justify-self: center;
  }
  footer > ul .item-copyright {
    grid-area: copyright;
    text-align: center;
  }
  footer > ul .item-link {
    display: grid;
    grid-area: link;
    place-items: center;
  }
  footer > ul .item-link ul {
    display: inline-grid;
  }
}
@media only screen and (max-width: 530px) {
  section.staff > div {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=main.min.css.map */