@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Stolzl Medium';
  src: url("../fonts/Stolzl-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Stolzl Regular';
  src: url("../fonts/Stolzl-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Stolzl Bold';
  src: url("../fonts/Stolzl-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Stolzl Book';
  src: url("../fonts/Stolzl-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Stolzl Light';
  src: url("../fonts/Stolzl-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Stolzl Thin';
  src: url("../fonts/Stolzl-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }
/*     * {outline: 1px solid #C29A9A;} */
.open_div:before, .open_div:after {
  content: " ";
  display: table; }

.open_div:after {
  clear: both; }

.open_div {
  *zoom: 1; }

html {
  box-sizing: border-box;
  /*az elem mérete tartalmazza a bordert és a paddigot is */
  height: 100%;
  /*vegye fel a böngészőablak ablakjának teljes magasságát */ }

*, *:before, *:after {
  box-sizing: inherit;
  /*minden elem örökli a fenti tulajdonságokat*/ }

.color_white {
  color: #e9e9e9; }

.color_magenta {
  color: #cd0142; }

body {
  background-color: #1c1e1e;
  /* background-image:url("../svg/kultikon_background.svg"); */
  /* background-repeat:repeat-y; */
  /* background-size: 100%; */
  background-image: url("../img/red_circle_glow.png");
  background-size: 90%;
  background-position: top;
  background-repeat: no-repeat;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-family: 'Stolzl Light';
  color: #e9e9e9; }

a {
  text-decoration: none;
  color: #e9e9e9;
  margin: 0;
  padding: 0;
  line-height: normal; }

img {
  width: 100%;
  height: auto; }

/* ----------------- NAVIGACIA -----------------*/
nav {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999; }

.ico_height {
  height: 2em;
  width: auto;
  margin: 1em;
  cursor: pointer; }

/* ---------------- TOP MENU -----------------*/
#top_menu_row {
  max-width: 80em;
  min-width: 350px;
  height: 4em;
  margin: auto;
  background-color: #1c1e1e;
  text-align: center; }
  #top_menu_row #menu {
    float: left; }
  #top_menu_row #search {
    float: right; }

/* ---------------- USER MENU -----------------*/
#user {
  padding: 1em 0;
  background: rgba(205, 1, 66, 0.8); }
  #user li:nth-child(1) a {
    font-size: 1em; }
  #user .user_icons {
    width: 3em;
    margin: auto;
    margin-bottom: 1em;
    display: block; }
  #user p {
    width: 100%;
    text-align: center;
    margin-bottom: 1em; }
  #user .set_icon {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    margin-top: 0.5em; }
    #user .set_icon img {
      width: 1.5em;
      height: 1.5em;
      margin: 0.3em; }
    #user .set_icon figure {
      margin: 0;
      text-align: center; }
      #user .set_icon figure figcaption {
        width: 4em;
        font-size: 0.7em;
        text-align: center;
        margin: auto; }

/* ---------------- MENU LIST -----------------*/
#menu_list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background: rgba(205, 1, 66, 0.8); }
  #menu_list li:nth-child(1) a {
    font-size: 1em; }
  #menu_list li {
    margin-bottom: 0.4em; }
    #menu_list li a {
      margin: 0;
      font-size: 0.9em; }
    #menu_list li a:hover {
      border-bottom: 2px solid #454649; }

/* ----------------- HEADER --------------------*/
header.kultikon {
  max-width: 80em;
  min-width: 350px;
  margin: auto;
  padding: 0;
  background-color: rgba(28, 30, 30, 0.5);
  display: flex; }

.kultikon div:nth-child(1) {
  width: 55%;
  height: auto;
  padding: 6em 2% 1em 5%; }

.kultikon div:nth-child(1) img {
  width: 100%;
  height: auto; }

.kultikon div:nth-child(2) {
  width: 45%;
  padding: 6em 3.5% 10% 2em;
  text-align: right;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: flex-end; }

#find_it {
  width: 60%;
  height: auto;
  margin-bottom: 0.5em; }

#experience {
  width: 80%;
  height: auto;
  margin-bottom: 3em; }

.kultikon h2 {
  font-size: 1.4em;
  font-weight: 100;
  line-height: 150%;
  margin: 0; }

.kultikon h2 strong {
  color: #cd0142; }

h2#no_event {
  text-align: center;
  color: #cd0142; }

/*
#planner {
	width: 40%;
	height: auto;
	cursor: pointer;
} */
/* -------------------- MAIN ---------------*/
main {
  max-width: 80em;
  min-width: 350px;
  padding-bottom: 50px;
  margin: auto;
  background-color: #1c1e1e; }

.category_name {
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 1em;
  /*font-family: 'Stolzl Bold'; */
  font-size: 1.2em;
  display: flex;
  align-content: stretch;
  color: #cd0142; }

.category_name h2 {
  margin-top: 0;
  padding: 0;
  font-size: 1.0em;
  font-family: 'Stolzl Light';
  font-weight: normal; }

.category_name div {
  display: inline-block; }

.category_name .red_line {
  width: 100%;
  height: 1em;
  border-bottom: 1px solid #cd0142;
  margin-left: 0.5em; }

section {
  margin-top: 1em; }

.event_group {
  width: 100%;
  /* height: 20em; */
  padding: 0 1em 0 1em;
  display: flex;
  flex-wrap: nowrap; }

.scroll_icon_left {
  width: 0.8em;
  height: 18em;
  display: flex;
  align-content: center;
  margin-right: 1em;
  cursor: pointer; }

.scroll_icon_right {
  width: 0.8em;
  height: 18em;
  display: flex;
  align-content: center;
  margin-left: 1em;
  cursor: pointer; }

.event_container {
  width: 99%;
  height: 20em;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative; }

.event_slide {
  height: 19em;
  display: flex;
  flex-wrap: nowrap;
  position: absolute;
  z-index: 1;
  left: 0;
  transition: all 0.2s ease; }

.event {
  background: #454649;
  width: 17em;
  height: 17em;
  margin: 1em 2em 1em 0;
  border-radius: 1.5em;
  display: inline-block; }

.event_poster {
  width: 8.5em;
  height: 12em;
  margin: 0.5em 0.8em 0.5em 0.7em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: -1.5em;
  float: left;
  display: block; }

.event_info {
  width: 40%;
  float: left; }

.event_category {
  width: 2.5em;
  position: relative;
  float: right;
  top: -1em;
  right: 0.5em; }

.event_icon {
  position: static;
  width: 1em;
  margin: 1em 0 0 0;
  opacity: 0.5; }

.event p {
  margin: 0;
  font-size: 0.8em; }

.event_title {
  font-family: 'Stolzl Regular';
  line-height: 150%;
  font-weight: 100;
  font-size: 1em;
  color: white;
  margin: 0;
  padding: 0em 0em 0em 1em; }

footer {
  max-width: 80em;
  min-width: 350px;
  margin: auto;
  background-color: #e9e9e9;
  color: #1c1e1e;
  text-align: center; }

::-webkit-scrollbar {
  height: 0.5em; }

::-webkit-scrollbar-thumb {
  background: #454649;
  border-radius: 0.25em; }

::-webkit-scrollbar-track {
  background: #151616; }

@media screen and (max-width: 1280px) {
  body {
    background-image: none; } }
@media screen and (max-width: 900px) {
  .kultikon div:nth-child(2) {
    padding: 6em 3.5% 5% 2em; } }
@media screen and (max-width: 39em) {
  .scroll_icon_left {
    display: none; }

  .scroll_icon_right {
    display: none; }

  .kultikon {
    max-width: 80em;
    min-width: 350px;
    margin: auto;
    padding: 0;
    background-color: #1c1e1e;
    display: flex;
    flex-direction: column; }
    .kultikon div:nth-child(1) {
      width: 100%;
      padding: 6em 0 1em 2em;
      text-align: center; }
    .kultikon div:nth-child(1) img {
      width: 60%;
      height: auto; }
    .kultikon div:nth-child(2) {
      width: 100%;
      padding: 1em;
      text-align: center;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap; }
    .kultikon #find_it {
      width: 40%;
      margin: auto; }
    .kultikon #experience {
      width: 60%;
      margin: 0.5em auto;
      height: auto; }
    .kultikon h2 {
      margin-top: 1em;
      font-size: 1em;
      /*font-weight: 100;
      line-height: 150%;*/ }
    .kultikon h2 strong {
      font-size: 1.2em;
      color: #cd0142; } }

/*# sourceMappingURL=kultikon.css.map */