@charset "UTF-8";
/*
################

Reset - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Remove the stupid outer glow in Webkit */
input:focus {
  outline: 0;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

ul {
  list-style: none;
}

/*
################

Variables - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
:root {
  /* Primary colors */
  --white: 0, 0%, 100%;
  --blue: 220, 74%, 33%;
  --gold: 45, 100%, 42%;
  /* Secondary colors */
  --orange: 18, 83%, 56%;
  --lightBlue: 202, 78%, 73%;
  --strawberry: 348, 79%, 55%;
  --purple: 276, 31%, 47%;
  --yellow: 51, 100%, 47%;
  --green: 144, 100%, 27%;
  --pink: 333, 83%, 84%;
  --turquoise: 186, 57%, 35%;
  --sand: 34, 93%, 72%;
  /* Other colors */
  --black: 0, 0%, 0%;
  --midGray: 0,	0%, 27%;
  --darkBlue: 220, 74%, 20%;
  /* Other variables */
  --transition-time: 400ms;
  --border-radius: 6px;
  --default-padding: 30px;
  --gap: 24px;
  --gap-half: calc(var(--gap) / 2);
  --gap-half-negative: calc(var(--gap-half) * -1) ;
}

@font-face {
  font-family: "kanitregular";
  src: url("../fonts/kanit-regular-webfont.woff2") format("woff2"), url("../fonts/kanit-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "kanitmedium";
  src: url("../fonts/kanit-medium-webfont.woff2") format("woff2"), url("../fonts/kanit-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "kanitbold";
  src: url("../fonts/kanit-bold-webfont.woff2") format("woff2"), url("../fonts/kanit-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Unbounded-Regular";
  src: url("../fonts/Unbounded-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Unbounded-Bold";
  src: url("../fonts/Unbounded-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
html {
  font-family: "kanitregular", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

body,
p {
  font-size: 16px;
}

h4 {
  font-size: 20.8px;
}

h3 {
  font-size: 27.04px;
}

h2 {
  font-size: 35.152px;
}

h1 {
  font-size: 45.6976px;
}

/*
################

Structure - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
body {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  background-color: hsla(var(--white), 1);
  position: relative;
}

body.toggled {
  overflow-y: hidden;
}

body#id2944 h3.sidebar-menu-title, body#id3096 h3.sidebar-menu-title {
  margin: 0 0 5px !important;
}

/* EFOP és KEHOP projektekhez a Széchenyi 2020-as badge jobb alsó sarokba illesztése */
body#id386::after,
body#id387::after,
body#id388::after,
body#id391::after,
body#id3559::after {
  position: fixed;
  content: "";
  display: inline-block;
  width: 280px;
  height: 199px;
  bottom: 0;
  right: 0;
  z-index: 9;
}

/* Szociális alap */
body#id386::after,
body#id388::after,
body#id391::after {
  background: url("../../../images/projektek/szechenyi2020_szocialis_alapok.png") no-repeat;
}

/* Struktúrális és Beruházási alap */
body#id387::after,
body#id3559::after {
  background: url("../../../images/projektek/szechenyi2020_strukturalis_es_beruhazasi_alapok.png") no-repeat;
}

@media (max-width: 768px) {
  body#id386::after,
  body#id387::after,
  body#id388::after,
  body#id391::after,
  body#id3559::after {
    display: none;
  }
}
#system-message-container .alert {
  background-color: hsla(var(--gold), 0.5);
  border-top: 3px solid hsla(var(--gold), 1);
  border-bottom: 3px solid hsla(var(--gold), 1);
  margin: 20px 0 0;
  padding: 0 10px;
  width: 100%;
  color: hsla(var(--white), 1);
}
#system-message-container .alert a.close {
  float: right;
  cursor: pointer;
}

.container, #system-message, section#header + form#userForm {
  margin: 0 auto;
}

section#header + form#userForm fieldset {
  display: flex;
  align-items: flex-start;
  padding: var(--default-padding);
}

@media (min-width: 1344px) {
  .container, #system-message, section#header + form#userForm {
    width: 1344px;
  }
}
/* Form formázások :-) */
.rsform-block {
  margin-bottom: 20px;
}
.rsform-block h1, .rsform-block h2, .rsform-block h3, .rsform-block h4 {
  margin-bottom: 15px;
}
.rsform-block h4 {
  font-size: 23.66px;
}
.rsform-block h3 {
  font-size: 30.758px;
}
.rsform-block h2 {
  font-size: 39.9854px;
}
.rsform-block h1 {
  font-size: 46px;
}
.rsform-block label.formControlLabel {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.rsform-block select {
  box-sizing: border-box;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  margin-right: 0 !important;
  outline: 0 !important;
  font-family: "kanitregular" !important;
  font-size: 14px !important;
  padding: 7px !important;
  border: 1px solid hsla(var(--blue), 0.4) !important;
  border-radius: var(--border-radius) !important;
  color: hsla(var(--blue), 1) !important;
  transition: all var(--transition-time) !important;
  background: url(../images/arrowDown.svg) no-repeat calc(100% - 7px) center !important;
  cursor: pointer !important;
  min-width: 90px !important;
  height: unset !important;
  line-height: unset !important;
  width: 100% !important;
  max-width: 500px !important;
}
.rsform-block select:focus, .rsform-block select:hover {
  border: 1px solid hsla(var(--blue), 1) !important;
  box-shadow: none !important;
}
.rsform-block input[type=text], .rsform-block textarea {
  box-sizing: border-box;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  font-family: "kanitregular" !important;
  font-size: 14px !important;
  padding: 7px !important;
  border: 1px solid hsla(var(--blue), 0.4) !important;
  border-radius: var(--border-radius) !important;
  color: hsla(var(--blue), 1) !important;
  transition: all var(--transition-time) !important;
  height: unset !important;
  line-height: unset !important;
  width: 100% !important;
  max-width: 500px !important;
  box-shadow: unset !important;
}
.rsform-block input[type=text]:focus, .rsform-block input[type=text]:hover, .rsform-block textarea:focus, .rsform-block textarea:hover {
  border: 1px solid hsla(var(--blue), 1) !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.rsform-block button {
  box-sizing: border-box;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  font-family: "kanitregular" !important;
  font-size: 14px !important;
  padding: 7px !important;
  background-color: hsla(var(--blue), 1) !important;
  color: hsla(var(--white), 1) !important;
  border: 0 !important;
  border-radius: var(--border-radius) !important;
  cursor: pointer !important;
  text-shadow: unset !important;
  transition: all var(--transition-time) !important;
  margin-bottom: 0 !important;
  line-height: unset !important;
  border-color: unset !important;
  vertical-align: unset !important;
  box-shadow: unset !important;
}
.rsform-block button:hover {
  background-color: hsla(var(--lightBlue), 1) !important;
}
.rsform-block .form-group {
  position: relative;
  margin-bottom: 10px;
}
.rsform-block .form-group label {
  display: block;
  margin-bottom: 5px;
}
.rsform-block .form-check-label {
  position: relative;
}
.rsform-block input[type=checkbox], .rsform-block input[type=radio] {
  --active: #163F92;
  --active-inner: #fff;
  --focus: 2px rgba(39, 94, 254, .3);
  --border: #9CB7D3;
  --border-hover: #163F92;
  --background: #fff;
  --disabled: #F6F8FF;
  --disabled-inner: #E1E6F9;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 21px;
  outline: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  cursor: pointer;
  border: 1px solid var(--bc, var(--border));
  background: var(--b, var(--background));
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
.rsform-block input[type=checkbox]:after, .rsform-block input[type=radio]:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
.rsform-block input[type=checkbox]:checked, .rsform-block input[type=radio]:checked {
  --b: var(--active);
  --bc: var(--active);
  --d-o: .3s;
  --d-t: .6s;
  --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}
.rsform-block input[type=checkbox]:disabled, .rsform-block input[type=radio]:disabled {
  --b: var(--disabled);
  cursor: not-allowed;
  opacity: 0.9;
}
.rsform-block input[type=checkbox]:disabled:checked, .rsform-block input[type=radio]:disabled:checked {
  --b: var(--disabled-inner);
  --bc: var(--border);
}
.rsform-block input[type=checkbox]:disabled + label, .rsform-block input[type=radio]:disabled + label {
  cursor: not-allowed;
}
.rsform-block input[type=checkbox]:hover:not(:checked):not(:disabled), .rsform-block input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: var(--border-hover);
}
.rsform-block input[type=checkbox]:focus, .rsform-block input[type=radio]:focus {
  box-shadow: 0 0 0 var(--focus);
}
.rsform-block input[type=checkbox]:not(.switch), .rsform-block input[type=radio]:not(.switch) {
  width: 21px;
}
.rsform-block input[type=checkbox]:not(.switch):after, .rsform-block input[type=radio]:not(.switch):after {
  opacity: var(--o, 0);
}
.rsform-block input[type=checkbox]:not(.switch):checked, .rsform-block input[type=radio]:not(.switch):checked {
  --o: 1;
}
.rsform-block input[type=checkbox] + label, .rsform-block input[type=radio] + label {
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 4px;
}
.rsform-block input[type=checkbox]:not(.switch) {
  border-radius: 6px;
  margin-right: 5px;
}
.rsform-block input[type=checkbox]:not(.switch):after {
  width: 5px;
  height: 9px;
  border: 2px solid var(--active-inner);
  border-top: 0;
  border-left: 0;
  left: 7px;
  top: 4px;
  transform: rotate(var(--r, 20deg));
}
.rsform-block input[type=checkbox]:not(.switch):checked {
  --r: 43deg;
}
.rsform-block input[type=checkbox].switch {
  width: 38px;
  border-radius: 11px;
}
.rsform-block input[type=checkbox].switch:after {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: var(--ab, var(--border));
  transform: translateX(var(--x, 0));
}
.rsform-block input[type=checkbox].switch:checked {
  --ab: var(--active-inner);
  --x: 17px;
}
.rsform-block input[type=checkbox].switch:disabled:not(:checked):after {
  opacity: 0.6;
}
.rsform-block input[type=radio] {
  border-radius: 50%;
  margin-right: 5px;
}
.rsform-block input[type=radio]:after {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: var(--active-inner);
  opacity: 0;
  transform: scale(var(--s, 0.7));
}
.rsform-block input[type=radio]:checked {
  --s: .5;
}

.rsform-type-radiogroup .formBody, .rsform-type-checkboxgroup .formBody {
  display: flex;
  flex-wrap: wrap;
}
.rsform-type-radiogroup .formBody > .rsformVerticalClear, .rsform-type-checkboxgroup .formBody > .rsformVerticalClear {
  width: 100%;
  margin-bottom: 5px;
}
.rsform-type-radiogroup .formBody > .rsformVerticalClear label[id$=-lbl], .rsform-type-checkboxgroup .formBody > .rsformVerticalClear label[id$=-lbl] {
  margin: 3px 5px 3px 0;
}
.rsform-type-radiogroup .formBody > .rsformgrid6, .rsform-type-checkboxgroup .formBody > .rsformgrid6 {
  width: 50%;
  margin-bottom: 5px;
}
.rsform-type-radiogroup .formBody > .rsformgrid6 label[id$=-lbl], .rsform-type-checkboxgroup .formBody > .rsformgrid6 label[id$=-lbl] {
  margin: 3px 5px 3px 0;
}
.rsform-type-radiogroup .formBody > .rsformgrid4, .rsform-type-checkboxgroup .formBody > .rsformgrid4 {
  width: 33.33%;
  margin-bottom: 5px;
}
.rsform-type-radiogroup .formBody > .rsformgrid4 label[id$=-lbl], .rsform-type-checkboxgroup .formBody > .rsformgrid4 label[id$=-lbl] {
  margin: 3px 5px 3px 0;
}
.rsform-type-radiogroup .formBody > .rsformgrid3, .rsform-type-checkboxgroup .formBody > .rsformgrid3 {
  width: 25%;
  margin-bottom: 5px;
}
.rsform-type-radiogroup .formBody > .rsformgrid3 label[id$=-lbl], .rsform-type-checkboxgroup .formBody > .rsformgrid3 label[id$=-lbl] {
  margin: 3px 5px 3px 0;
}
.rsform-type-radiogroup .formBody > .rsformgrid2, .rsform-type-checkboxgroup .formBody > .rsformgrid2 {
  width: 16.66%;
  margin-bottom: 5px;
}
.rsform-type-radiogroup .formBody > .rsformgrid2 label[id$=-lbl], .rsform-type-checkboxgroup .formBody > .rsformgrid2 label[id$=-lbl] {
  margin: 3px 5px 3px 0;
}

/*
################

Header - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#header .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 var(--default-padding);
  position: relative;
}
#header .container #logo {
  position: relative;
}
#header .container #logo #logoPlaceholder {
  width: 258px;
  height: 84px;
  margin: 18px 0;
  background: url(../images/logo-big.svg) no-repeat;
  transition: all var(--transition-time);
}
#header .container #logo #logoPlaceholderEn {
  width: 267px;
  height: 84px;
  margin: 18px 0;
  background: url(../images/logo-big-en.svg) no-repeat;
  transition: all var(--transition-time);
}
#header .container #logo #christmasTree {
  position: absolute;
  width: 56px;
  height: 80px;
  background: url(../images/christmas-tree.png) no-repeat;
  background-size: 100%;
  top: 23px;
  left: 244px;
}
#header .container #logo #champagneGlasses {
  position: absolute;
  width: 80px;
  height: 80px;
  background: url(../images/champagne-glass.png) no-repeat;
  background-size: 100%;
  top: 22px;
  left: 235px;
}
#header .container #navigationContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
#header .container #navigationContainer #miscellaneousNavigations {
  display: flex;
  align-items: center;
  margin-top: 28px;
  position: relative;
}
#header .container #navigationContainer #miscellaneousNavigations a {
  text-decoration: none;
}
#header .container #navigationContainer #miscellaneousNavigations #headerMenu {
  display: flex;
  flex-direction: row;
  margin-right: 12px;
}
#header .container #navigationContainer #miscellaneousNavigations #headerMenu li {
  /* Sajnos itt egy kivételt kell alkalmazni az item3861-es 'E-learning' menüponthoz, */
  /* mert a kötőjel eltöri két sorba a dolgokat. */
}
#header .container #navigationContainer #miscellaneousNavigations #headerMenu li a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  color: hsla(var(--gold), 1);
  text-transform: uppercase;
  text-decoration: none;
  transition: color var(--transition-time);
  font-size: 11px;
  margin-right: 5px;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
  white-space: nowrap;
}
#header .container #navigationContainer #miscellaneousNavigations #headerMenu li a:hover {
  color: hsla(var(--gold), 0.7);
}
#header .container #navigationContainer #miscellaneousNavigations #headerMenu li:last-child a {
  margin-right: 0;
}
#header .container #navigationContainer #miscellaneousNavigations #headerMenu li.item-3861 > a {
  width: 70px;
}
#header .container #navigationContainer #miscellaneousNavigations #finder-searchform {
  position: relative;
  width: 100%;
  margin-right: 24px;
}
#header .container #navigationContainer #miscellaneousNavigations #finder-searchform input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid hsla(var(--lightBlue), 0.3);
  border-radius: var(--border-radius);
  background-color: hsla(var(--black), 0.02);
  font-family: "kanitregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-family: "kanitregular";
  color: hsla(var(--black), 0.4);
  padding: 7px 30px 6px 8px;
  transition: background-color var(--transition-time), border var(--transition-time), width var(--transition-time);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: calc(100% - 10px) center;
  width: 287px;
}
#header .container #navigationContainer #miscellaneousNavigations #finder-searchform input:focus, #header .container #navigationContainer #miscellaneousNavigations #finder-searchform input:hover {
  border: 1px solid hsla(var(--lightBlue), 1);
}
#header .container #navigationContainer #miscellaneousNavigations #finder-searchform button {
  position: absolute;
  right: 11px;
  top: 11px;
  width: 14px;
  height: 14px;
  background: url(../images/lupe.svg) no-repeat;
  border: 0;
  cursor: pointer;
}
#header .container #navigationContainer #miscellaneousNavigations #mobileSearchButton {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border: none;
  background-color: hsla(var(--lightBlue), 0.1);
  transition: background-color var(--transition-time);
  border-radius: var(--border-radius);
  cursor: pointer;
  display: none;
}
#header .container #navigationContainer #miscellaneousNavigations #mobileSearchButton:hover {
  background-color: hsla(var(--lightBlue), 0.4);
}
#header .container #navigationContainer #miscellaneousNavigations #mobileSearchButton img {
  width: 14px;
  height: 14px;
}
#header .container #navigationContainer #miscellaneousNavigations #miscellaneousButtons {
  display: flex;
}
#header .container #navigationContainer #miscellaneousNavigations #miscellaneousButtons a {
  text-decoration: none;
}
#header .container #navigationContainer #miscellaneousNavigations #miscellaneousButtons div {
  display: flex;
}
#header .container #navigationContainer #miscellaneousNavigations #miscellaneousButtons div .socialButton {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border: none;
  background-color: hsla(var(--lightBlue), 0.1);
  transition: background-color var(--transition-time);
  border-radius: var(--border-radius);
  cursor: pointer;
  margin-right: 12px;
}
#header .container #navigationContainer #miscellaneousNavigations #miscellaneousButtons div .socialButton:hover {
  background-color: hsla(var(--lightBlue), 0.4);
}
#header .container #navigationContainer #miscellaneousNavigations #miscellaneousButtons div .socialButton img {
  width: 14px;
  height: 14px;
}
#header .container #navigationContainer #miscellaneousNavigations #miscellaneousButtons .languageSelectorButton {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border: none;
  transition: background-color var(--transition-time);
  border-radius: var(--border-radius);
  color: hsla(var(--blue), 1);
  text-transform: uppercase;
  font-family: "kanitregular";
  background-color: hsla(var(--lightBlue), 0.1);
  font-size: 14px;
  cursor: pointer;
}
#header .container #navigationContainer #miscellaneousNavigations #miscellaneousButtons .languageSelectorButton:hover {
  background-color: hsla(var(--lightBlue), 0.4);
}

@media (max-width: 1150px) {
  #header .container #navigationContainer #miscellaneousNavigations #headerMenu {
    margin-right: 12px;
  }
  #header .container #navigationContainer #miscellaneousNavigations #headerMenu li a {
    margin-right: 6px;
  }
  #header .container #navigationContainer #miscellaneousNavigations #finder-searchform {
    margin-right: 12px;
  }
  #header .container #navigationContainer #miscellaneousNavigations #finder-searchform input {
    width: 200px;
  }
  #header .container #navigationContainer #miscellaneousNavigations .socialButton {
    margin-right: 6px !important;
  }
}
@media (max-width: 1039px) {
  body #header .container #logo #logoPlaceholder {
    width: 147px;
    height: 48px;
  }
  body #header .container #logo #logoPlaceholderEn {
    width: 153px;
    height: 48px;
  }
  body #header .container #logo #christmasTree {
    width: 36px;
    height: 70px;
    top: 16px;
    left: 144px;
  }
  body #header .container #logo #champagneGlasses {
    width: 60px;
    height: 66px;
    top: 12px;
    left: 135px;
  }
  body #header .container #navigationContainer {
    flex-direction: row;
    align-items: unset;
    justify-content: center;
  }
  body #header .container #navigationContainer #miscellaneousNavigations {
    margin-top: 0;
  }
  body #header .container #navigationContainer #miscellaneousNavigations #headerMenu {
    position: fixed;
    left: -100vw;
  }
  body.toggled #header .container #navigationContainer #menuContainer #headerMenu {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    left: 0;
    width: 100%;
  }
  body.toggled #header .container #navigationContainer #menuContainer #headerMenu li a {
    color: hsla(var(--gold), 1);
    margin-right: 12px;
    font-size: 14px;
    text-transform: uppercase;
    transition: color var(--transition-time);
    text-decoration: none;
  }
  body.toggled #header .container #navigationContainer #menuContainer #headerMenu li a:hover {
    color: hsla(var(--gold), 0.6);
  }
}
@media (max-width: 768px) {
  body #header .container #navigationContainer #miscellaneousNavigations #finder-searchform input {
    width: 200px;
  }
}
@media (max-width: 576px) {
  body #header .container #logo.hide {
    width: 0;
    opacity: 0;
  }
  body #header .container #navigationContainer #miscellaneousNavigations #finder-searchform {
    display: none;
  }
  body #header .container #navigationContainer #miscellaneousNavigations #finder-searchform.show {
    display: block;
  }
  body #header .container #navigationContainer #miscellaneousNavigations #mobileSearchButton {
    display: flex;
    margin-right: 12px;
  }
  body #header .container #navigationContainer #miscellaneousNavigations #mobileSearchButton.hide {
    display: none;
  }
}
/*
################

Menu - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
ul.desktopMenu {
  display: flex;
  align-items: center;
}
ul.desktopMenu > li {
  position: relative;
  display: block;
  /* width: 16.66%; */
}
ul.desktopMenu > li > a {
  border-bottom: 3px solid transparent;
  transition: background-color var(--transition-time);
}
ul.desktopMenu > li:hover > a {
  border-bottom: 3px solid hsla(var(--gold), 1);
}
ul.desktopMenu > li:hover > a.highlighted {
  background-color: hsla(var(--lightBlue), 1);
  border-bottom: unset;
  animation: unset;
}
ul.desktopMenu > li.parent > a:after {
  position: absolute;
  top: 19px;
  right: 0;
  content: "";
  display: block;
  width: 12px;
  height: 8px;
  background-image: url(../images/menuArrowDown.svg);
  background-repeat: no-repeat;
  background-position: right center;
}
ul.desktopMenu > li.parent > a {
  position: relative;
  display: block;
  text-decoration: none;
  color: hsla(var(--blue), 1);
  font-family: "kanitregular", Arial, Helvetica, sans-serif;
  line-height: 1;
  font-size: 14px;
  padding: 15px 20px 10px 0;
  margin-right: 28px;
  transition: background-color var(--transition-time);
}
ul.desktopMenu > li > a {
  position: relative;
  display: block;
  text-decoration: none;
  color: hsla(var(--blue), 1);
  font-family: "kanitregular", Arial, Helvetica, sans-serif;
  line-height: 1;
  font-size: 14px;
  padding: 15px 0 10px 0;
  margin-right: 28px;
  transition: background-color var(--transition-time);
}
ul.desktopMenu > li a.highlighted {
  background-color: hsla(var(--gold), 1);
  color: hsla(var(--white), 1);
  padding: 5px 5px 5px 5px;
  border-bottom: unset;
  background-color: hsla(var(--gold), 1);
}
@keyframes highlightedBgColorAnimation {
  0% {
    background-color: hsla(var(--gold), 0.4);
  }
  30% {
    background-color: hsla(var(--gold), 1);
    color: hsla(var(--white), 1);
  }
  70% {
    background-color: hsla(var(--gold), 1);
    color: hsla(var(--white), 1);
  }
  100% {
    background-color: hsla(var(--gold), 0.4);
  }
}
ul.desktopMenu > li ul {
  display: none;
  position: absolute;
  width: 228px;
  z-index: 2;
  background-color: hsla(var(--blue), 1);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
ul.desktopMenu > li ul li a {
  display: block;
  font-family: "kanitregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: hsla(var(--white), 1);
  padding: 6px 12px;
  text-decoration: none;
  line-height: 1;
}
ul.desktopMenu > li ul li:hover {
  background-color: hsla(var(--lightBlue), 0.18);
}
ul.desktopMenu > li ul li.current, ul.desktopMenu > li ul li.active {
  background-color: hsla(var(--lightBlue), 1);
}
ul.desktopMenu > li ul li.current a, ul.desktopMenu > li ul li.active a {
  background-color: transparent;
  color: hsla(var(--blue), 1);
}
ul.desktopMenu > li:hover ul {
  display: block;
}
ul.desktopMenu > li:hover ul ul {
  display: none;
}
ul.desktopMenu > li:nth-child(6) ul {
  width: 150px;
}
ul.desktopMenu li:last-child a {
  margin-right: 0;
}
ul.desktopMenu > li.active > a {
  border-bottom: 3px solid hsla(var(--gold), 1);
}

ul.desktopMenu > li:last-child > ul {
  left: -90px;
}

ul.desktopMenu > li:nth-last-child(2) > ul {
  left: 0;
}

ul.mobileMenu a.highlighted {
  margin: 18px 0;
  background-color: hsla(var(--gold), 1);
  color: hsla(var(--white), 1);
  padding: 5px 5px 5px 5px !important;
  border-bottom: unset;
  background-color: hsla(var(--gold), 1);
}
@keyframes highlightedBgColorAnimation {
  0% {
    background-color: hsla(var(--gold), 0.4);
  }
  30% {
    background-color: hsla(var(--gold), 1);
    color: hsla(var(--white), 1);
  }
  70% {
    background-color: hsla(var(--gold), 1);
    color: hsla(var(--white), 1);
  }
  100% {
    background-color: hsla(var(--gold), 0.4);
  }
}

#burgerMenu {
  display: flex;
  flex: 0 0 36px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  width: 36px;
  height: 36px;
  padding: 3px 9px;
  border-radius: var(--border-radius);
  z-index: 3;
  cursor: pointer;
  background-color: hsla(var(--lightBlue), 0.1);
  transition: background-color var(--transition-time);
}
#burgerMenu .top, #burgerMenu .middle, #burgerMenu .bottom {
  width: 100%;
  height: 3px;
  background-color: hsla(var(--blue), 1);
  transition: all var(--transition-time);
}
#burgerMenu .top, #burgerMenu .middle {
  margin-bottom: 3px;
}
#burgerMenu:hover {
  background-color: hsla(var(--lightBlue), 0.4);
}
#burgerMenu:hover > div {
  background-color: hsla(var(--blue), 1);
}
#burgerMenu.toggled {
  background-color: hsla(var(--lightBlue), 0.4);
}
#burgerMenu.toggled:hover {
  background-color: hsla(var(--lightBlue), 0.1);
}
#burgerMenu.toggled .top {
  transform: translate(0, 6px) rotate(45deg);
  background-color: hsla(var(--blue), 1);
}
#burgerMenu.toggled .middle {
  opacity: 0;
}
#burgerMenu.toggled .bottom {
  transform: translate(0, -6px) rotate(-45deg);
  background-color: hsla(var(--blue), 1);
}

@media (max-width: 1150px) {
  ul.desktopMenu > li.parent > a {
    margin-right: 14px;
  }
}
@media (max-width: 1039px) {
  #menuContainer {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 84px;
    left: -300vw;
    bottom: 0;
    z-index: 2;
    opacity: 0.2;
    transform: translateX(0) rotate(0deg);
    transition: all var(--transition-time) ease;
    padding: 24px;
  }
  #menuContainer.active {
    background-color: hsla(var(--blue), 1);
    opacity: 1;
    left: 0;
    width: 100vw;
  }
  #menuContainer #miscellaneousButtons {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  #menuContainer #miscellaneousButtons div {
    display: flex;
  }
  #menuContainer #miscellaneousButtons div a:nth-child(3) button {
    margin-right: 0;
  }
  #menuContainer #miscellaneousButtons div .socialButton {
    background-color: hsla(var(--white), 1);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: var(--border-radius);
    cursor: pointer;
    margin-right: 12px;
    transition: background-color var(--transition-time);
  }
  #menuContainer #miscellaneousButtons div .socialButton:hover {
    background-color: hsla(var(--lightBlue), 1);
  }
  #menuContainer #miscellaneousButtons div .socialButton img {
    width: 14px;
    height: 14px;
  }
  #menuContainer #miscellaneousButtons .languageSelectorButton {
    width: 65px;
    height: 36px;
    text-align: left;
    padding-left: 12px;
    border: 0;
    transition: background-color var(--transition-time);
    border-radius: var(--border-radius);
    color: hsla(var(--blue), 1);
    text-transform: uppercase;
    font-family: "kanitmedium";
    background-image: url(../images/arrowDown.svg);
    background-color: hsla(var(--white), 1);
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
    background-size: 9px 5px;
    font-size: 14px;
    cursor: pointer;
  }
  #menuContainer #miscellaneousButtons .languageSelectorButton:hover {
    background-image: url(../images/arrowDownWhite.svg);
    background-color: hsla(var(--lightBlue), 1);
  }
  #menuContainer ul.mobileMenu {
    width: 100%;
    height: calc(100% - 84px);
    margin: 36px 0;
    overflow-y: scroll;
    scroll-behavior: smooth;
  }
  #menuContainer ul.mobileMenu > li {
    border-bottom: 1px solid hsla(var(--lightBlue), 0.3);
  }
  #menuContainer ul.mobileMenu > li:last-child {
    border-bottom: none;
  }
  #menuContainer ul.mobileMenu a {
    display: inline-block;
    padding: 18px 0;
    color: hsla(var(--white), 1);
    text-decoration: none;
  }
}
@media (min-width: 1040px) {
  #burgerMenu {
    display: none !important;
  }
}
#main-nav-check {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.mobileMenu li > .sub-nav {
  display: none;
}

.mobileMenu li > .sub-nav li.current > a {
  color: hsla(var(--gold), 1) !important;
}

.sub-nav-check:checked + ul {
  display: block;
}

.toggle-sub {
  position: relative;
  position: relative;
  left: 20px;
}

.toggle-sub:hover {
  color: #fff;
  cursor: pointer;
}

.toggle-sub.active .subMenuArrow {
  transform: rotate(0);
}

.toggle-sub > img {
  pointer-events: none;
}

.parent input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.sub-nav-check:checked + ul li a {
  display: inline-block;
  padding: 5px 0;
  text-decoration: none;
}

.subMenuArrow {
  position: relative;
  top: -2px;
  display: inline-block;
  cursor: pointer;
  transform: rotate(-90deg);
  transition: rotate var(--transition-time);
}

.sub-nav-check:checked + ul > li > a {
  margin-left: 20px;
}

.sub-nav-check:checked + ul > li li > a {
  margin-left: 40px;
}

.sub-nav-check:checked + ul > li li li > a {
  margin-left: 60px;
}

.sub-nav-check:checked + ul > li li li li > a {
  margin-left: 80px;
}

.sub-nav-check:checked + ul > li li li li li > a {
  margin-left: 100px;
}

.sub-nav-check:checked + ul > li li li li li li > a {
  margin-left: 120px;
}

/*
################

Top news - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#topNews {
  background-color: hsla(var(--blue), 1);
}
#topNews .splide__slide {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  padding: 36px var(--default-padding);
}
#topNews .splide__slide .topNewsPicture {
  position: relative;
  flex: 1;
}
#topNews .splide__slide .topNewsPicture .topNewsPhoto {
  padding-top: 65%;
  clip-path: polygon(0% 0%, 81% 0%, 100% 50%, 81% 100%, 0% 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#topNews .splide__slide .topNewsPicture .topNewsPhotoBackground {
  position: absolute;
  top: 0;
  left: 1.5vw;
  padding-top: 65%;
  clip-path: polygon(0% 0%, 81% 0%, 100% 50%, 81% 100%, 0% 100%);
}
#topNews .splide__slide .topNewsText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
#topNews .splide__slide .topNewsText .topNewsTitle {
  font-size: clamp(24px, 3vw, 48px);
  line-height: 1.125;
  color: hsla(var(--white), 1);
  margin: 0 0 24px 48px;
}
#topNews .splide__slide .topNewsText .topNewsIntro p {
  font-size: clamp(14px, 1.5vw, 16px);
  line-height: 1.3;
  color: hsla(var(--white), 1);
  margin: 0 0 24px 48px;
}
#topNews .splide__slide .topNewsText .topNewsIntro strong {
  font-weight: unset;
}
#topNews .splide__slide .topNewsText .topNewsReadMoreButton {
  /* Button layout reset */
  background-color: transparent;
  border-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: 0.05em;
  display: inline-block;
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--white), 1);
  color: hsla(var(--blue), 1);
  border-radius: var(--border-radius);
  text-transform: uppercase;
  padding: 8px 42px 7px 18px;
  margin-left: 48px;
  line-height: 1;
  font-size: clamp(14px, 1.5vw, 16px);
  cursor: pointer;
  transition: all var(--transition-time);
}
#topNews .splide__slide .topNewsText .topNewsReadMoreButton:hover {
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--white), 0.8);
}
#topNews .splide__arrows {
  position: absolute;
  display: flex;
  align-items: center;
  right: var(--default-padding);
  bottom: 36px;
  z-index: 1;
}
#topNews .splide__arrows .splide__arrow {
  /* Button layout reset */
  background-color: transparent;
  border-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  width: 7px;
  height: 12px;
  cursor: pointer;
  transition: opacity var(--transition-time);
}
#topNews .splide__arrows .splide__arrow:hover {
  opacity: 100%;
}
#topNews .splide__arrows .splide__arrow--prev {
  background: url(../images/arrowLeft.svg) no-repeat;
}
#topNews .splide__arrows .splide__arrow--next {
  background: url(../images/arrowRight.svg) no-repeat;
}
#topNews #actualSlideCounter {
  padding: 0 20px;
  color: hsla(var(--white), 1);
}

@media (max-width: 768px) {
  #topNews .splide__slide {
    display: block;
  }
  #topNews .splide__slide .topNewsPicture {
    position: relative;
    margin-right: 70px;
    left: -30px;
  }
  #topNews .splide__slide .topNewsPicture .topNewsPhotoBackground {
    left: 2vw;
  }
  #topNews .splide__slide .topNewsText .topNewsTitle {
    margin: 24px 0;
  }
  #topNews .splide__slide .topNewsText .topNewsIntro p {
    margin: 0 0 24px 0;
  }
  #topNews .splide__slide .topNewsText .topNewsButtonWrapper .topNewsReadMoreButton {
    margin-left: 0;
  }
  #topNews .splide__arrows {
    bottom: 24px;
  }
  #topNews .splide__arrows .splide__arrow {
    width: 12px;
    height: 21px;
    margin: 13px;
  }
}
@media (max-width: 500px) {
  #topNews .splide__slide {
    display: block;
    padding: 24px var(--default-padding);
  }
  #topNews .splide__slide .topNewsPicture {
    position: relative;
    margin-right: -20px;
    left: -30px;
  }
}
/*
################

Important news - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#importantNews {
  background-color: hsla(var(--darkBlue), 1);
}
#importantNews .container {
  padding: calc(var(--default-padding) / 2);
}
#importantNews .container .sectionTitleContainer {
  margin-bottom: 20px;
}
#importantNews .container .sectionTitleContainer h2 {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: hsla(var(--lightBlue), 1);
}
#importantNews .container .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  border-left: 1px solid hsla(var(--white), 1);
}
#importantNews .container .splide__slide p {
  font-size: 14px;
  line-height: 18px;
}
#importantNews .container .splide__slide p a {
  color: hsla(var(--white), 1);
  text-decoration: none;
  transition: color var(--transition-time);
}
#importantNews .container .splide__slide p a:hover {
  color: hsla(var(--lightBlue), 1);
}
#importantNews .container .splide__slide:last-child {
  border-right: 1px solid hsla(var(--white), 1);
}

/*
################

News - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#news .container {
  padding: var(--default-padding) var(--default-padding) 0 var(--default-padding);
}
#news .container .sectionTitleContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
#news .container .sectionTitleContainer h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: "kanitmedium";
  letter-spacing: 0.05em;
  color: hsla(var(--blue), 1);
}
#news .container .sectionTitleContainer hr {
  position: relative;
  flex-grow: 1;
  height: 1px;
  margin: 0 24px;
  background-color: hsla(var(--black), 0.1);
  color: hsla(var(--black), 0.1);
  border: none;
}
#news .container .sectionTitleContainer button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: hsla(var(--white), 1);
  border-radius: var(--border-radius);
  border: none;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "kanitregular";
  letter-spacing: 0.05em;
  padding: 8px 42px 7px 18px;
  cursor: pointer;
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 1);
  transition: all var(--transition-time);
}
#news .container .sectionTitleContainer button:hover {
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 0.7);
}
#news .container #newsItems {
  column-count: 4;
  column-gap: 0;
  margin: var(--gap-half-negative) -10px 0 -10px;
  padding: 0;
}
#news .container #newsItems .item {
  display: block;
  text-decoration: none;
  margin: var(--gap-half-negative) 0 0;
  padding: var(--gap) var(--gap-half) var(--gap-half);
  break-inside: avoid-column;
}
#news .container #newsItems .item:first-child {
  margin-top: 0;
}
#news .container #newsItems .item .itemInner {
  box-shadow: 0px 0px 12px hsla(var(--black), 0);
  transition: all var(--transition-time);
  overflow: hidden;
  border-radius: var(--border-radius);
}
#news .container #newsItems .item .itemInner img {
  width: 100%;
  height: auto;
}
#news .container #newsItems .item .itemInner .newsTitle {
  padding: 13px 18px 0;
  font-size: 22px;
  line-height: 26px;
  color: hsla(var(--blue), 1);
}
#news .container #newsItems .item .itemInner .newsIntro p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
  padding: 0 18px;
  margin-bottom: 18px;
  color: hsla(var(--midGray), 1);
}
#news .container #newsItems .item .itemInner .newsIntro strong {
  font-weight: unset;
}
#news .container #newsItems .item .itemInner .newsMetas {
  padding: 5px 18px;
  font-size: 12px;
}
#news .container #newsItems .item .itemInner .newsMetas .newsAuthor {
  color: hsla(var(--gold), 1);
}
#news .container #newsItems .item .itemInner .newsMetas .newsDate {
  color: hsla(var(--gold), 1);
}
#news .container #newsItems .item .itemInner:hover {
  box-shadow: 0px 0px 12px hsla(var(--black), 0.4);
}
#news .container #newsItems + a,
#news .container #naturalNewsItems + a {
  display: none;
}
#news .container #naturalNewsItems {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: var(--gap-half-negative) -10px 0 -10px;
  padding: 0;
}
#news .container #naturalNewsItems .item {
  display: block;
  text-decoration: none;
  margin: var(--gap-half-negative) 0 0;
  padding: var(--gap) var(--gap-half) var(--gap-half);
  break-inside: avoid-column;
}
#news .container #naturalNewsItems .item .itemInner {
  box-shadow: 0px 0px 12px hsla(var(--black), 0);
  transition: all var(--transition-time);
  overflow: hidden;
  border-radius: var(--border-radius);
}
#news .container #naturalNewsItems .item .itemInner img {
  width: 100%;
  height: auto;
}
#news .container #naturalNewsItems .item .itemInner .newsTitle {
  padding: 13px 18px 0;
  font-size: 22px;
  line-height: 26px;
  color: hsla(var(--blue), 1);
}
#news .container #naturalNewsItems .item .itemInner .newsIntro p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
  padding: 0 18px;
  margin-bottom: 18px;
  color: hsla(var(--midGray), 1);
}
#news .container #naturalNewsItems .item .itemInner .newsIntro strong {
  font-weight: unset;
}
#news .container #naturalNewsItems .item .itemInner .newsMetas {
  padding: 5px 18px;
  font-size: 12px;
}
#news .container #naturalNewsItems .item .itemInner .newsMetas .newsAuthor {
  color: hsla(var(--gold), 1);
}
#news .container #naturalNewsItems .item .itemInner .newsMetas .newsDate {
  color: hsla(var(--gold), 1);
}
#news .container #naturalNewsItems .item .itemInner:hover {
  box-shadow: 0px 0px 12px hsla(var(--black), 0.4);
}

@media (max-width: 1024px) {
  #news .container #newsItems {
    column-count: 3;
  }
  #news .container #naturalNewsItems {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  #news .container #newsItems {
    column-count: 2;
  }
  #news .container #naturalNewsItems {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  #news .container #naturalNewsItems {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 500px) {
  #news .container .sectionTitleContainer {
    flex-direction: column;
  }
  #news .container .sectionTitleContainer h2 {
    margin-bottom: 10px;
  }
  #news .container .sectionTitleContainer hr, #news .container .sectionTitleContainer a {
    display: none;
  }
  #news .container #newsItems {
    column-count: 1;
  }
  #news .container #newsItems .item:nth-of-type(1n+5) {
    display: none;
  }
  #news .container #newsItems + a,
  #news .container #naturalNewsItems + a {
    display: block;
    margin-bottom: 20px;
  }
  #news .container #newsItems + a > button,
  #news .container #naturalNewsItems + a > button {
    display: inline-block;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: hsla(var(--white), 1);
    border-radius: var(--border-radius);
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "kanitregular";
    letter-spacing: 0.05em;
    padding: 8px 42px 7px 18px;
    cursor: pointer;
    background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 1);
    transition: all var(--transition-time);
  }
  #news .container #newsItems + a > button:hover,
  #news .container #naturalNewsItems + a > button:hover {
    background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 0.7);
  }
  #news .container #naturalNewsItems {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*
################

Event calendar - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#eventCalendar {
  background-color: hsla(var(--lightBlue), 0.08);
}
#eventCalendar .container {
  padding: var(--default-padding);
}
#eventCalendar .container .sectionTitleContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
#eventCalendar .container .sectionTitleContainer h2 {
  font-family: "kanitmedium";
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: hsla(var(--blue), 1);
}
#eventCalendar .container .sectionTitleContainer hr {
  position: relative;
  flex-grow: 1;
  height: 1px;
  margin: 0 24px;
  background-color: hsla(var(--black), 0.1);
  color: hsla(var(--black), 0.1);
  border: none;
}
#eventCalendar .container .sectionTitleContainer button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: hsla(var(--white), 1);
  border-radius: var(--border-radius);
  border: none;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "kanitregular";
  letter-spacing: 0.05em;
  padding: 8px 42px 7px 18px;
  cursor: pointer;
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 1);
  transition: all var(--transition-time);
}
#eventCalendar .container .sectionTitleContainer button:hover {
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 0.7);
}
#eventCalendar .container #eventItemsContainer #eventItems {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 24px;
}
#eventCalendar .container #eventItemsContainer #eventItems .event {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40% 18px 18px 18px;
  text-decoration: none;
  background-size: cover;
  border-radius: var(--border-radius);
  color: hsla(var(--white), 1);
}
#eventCalendar .container #eventItemsContainer #eventItems .event .eventDetails {
  display: flex;
}
#eventCalendar .container #eventItemsContainer #eventItems .event .eventDetails .eventCategory, #eventCalendar .container #eventItemsContainer #eventItems .event .eventDetails .eventDate, #eventCalendar .container #eventItemsContainer #eventItems .event .eventDetails .eventTime {
  background-color: hsla(var(--white), 0.24);
  padding: 3px 8px;
  border-radius: 16px;
  font-size: 12px;
}
#eventCalendar .container #eventItemsContainer #eventItems .event .eventDetails .eventCategory {
  margin-right: 8px;
}
#eventCalendar .container #eventItemsContainer #eventItems .event .eventDetails .eventDate {
  margin-right: 4px;
}
#eventCalendar .container #eventItemsContainer #eventItems .event h3 {
  font-size: 22px;
  line-height: 24px;
  margin-top: 10px;
}
#eventCalendar .container #eventItemsContainer + a {
  display: none;
}

@media (max-width: 1024px) {
  #eventCalendar .container #eventItemsContainer {
    overflow-x: auto;
    padding-bottom: 25px;
  }
  #eventCalendar .container #eventItemsContainer #eventItems {
    display: flex;
  }
  #eventCalendar .container #eventItemsContainer #eventItems .event {
    padding-top: 25%;
    min-width: 410px;
  }
}
@media (max-width: 500px) {
  #eventCalendar .container .sectionTitleContainer {
    flex-direction: column;
  }
  #eventCalendar .container .sectionTitleContainer h2 {
    margin-bottom: 10px;
  }
  #eventCalendar .container .sectionTitleContainer hr, #eventCalendar .container .sectionTitleContainer a {
    display: none;
  }
  #eventCalendar .container #eventItemsContainer + a {
    display: block !important;
    margin-bottom: 20px;
  }
  #eventCalendar .container #eventItemsContainer + a button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: hsla(var(--white), 1);
    border-radius: var(--border-radius);
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "kanitregular";
    letter-spacing: 0.05em;
    padding: 8px 42px 7px 18px;
    cursor: pointer;
    background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 1);
    transition: all var(--transition-time);
  }
  #eventCalendar .container #eventItemsContainer + a button:hover {
    background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 0.7);
  }
}
/* Külön csak a https://tf.hu/egyetem/projektek/hazai-projektek/rrf/esemenyeink oldal számára eltűntetjük az eseménytípust magyarázó sort */
#id3741 .event_legend_container {
  display: none;
}

/*
################

Article top image - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#articleTopImage {
  background-color: hsla(var(--blue), 1);
}
#articleTopImage #articleTopImageContent {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  position: relative;
  padding: 36px var(--default-padding);
}
#articleTopImage #articleTopImageContent .topNewsPicture {
  position: relative;
  flex: 1;
}
#articleTopImage #articleTopImageContent .topNewsPicture .topNewsPhoto {
  padding-top: 50%;
  clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#articleTopImage #articleTopImageContent .topNewsPicture .topNewsPhoto.article {
  cursor: zoom-in;
}
#articleTopImage #articleTopImageContent .topNewsPicture .topNewsPhotoBackground {
  position: absolute;
  top: 0;
  right: 1.5vw;
  padding-top: 50%;
  clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
}
@media (max-width: 1039px) {
  #articleTopImage #articleTopImageContent .topNewsPicture .topNewsPhoto, #articleTopImage #articleTopImageContent .topNewsPicture .topNewsPhotoBackground {
    padding-top: 65%;
  }
}
@media (max-width: 768px) {
  #articleTopImage #articleTopImageContent .topNewsPicture .topNewsPhoto, #articleTopImage #articleTopImageContent .topNewsPicture .topNewsPhotoBackground {
    padding-top: 50%;
  }
}
#articleTopImage #articleTopImageContent .topNewsText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
#articleTopImage #articleTopImageContent .topNewsText .topNewsTitle {
  font-size: clamp(24px, 3vw, 48px);
  line-height: 1.125;
  color: hsla(var(--white), 1);
  margin: 0 48px 24px 0;
}
#articleTopImage #articleTopImageContent .topNewsText .date, #articleTopImage #articleTopImageContent .topNewsText .author {
  display: inline-block;
  padding: 5px 12px;
  color: hsla(var(--white), 1);
  background-color: hsla(var(--white), 0.16);
  border-radius: calc(var(--border-radius) * 3);
  font-size: clamp(12px, 1.5vw, 14px);
}
#articleTopImage #articleTopImageContent .topNewsText .date {
  margin: 0 12px 12px 0;
}
#articleTopImage #articleTopImageContent .topNewsText .topNewsIntro p {
  font-size: clamp(14px, 1.5vw, 16px);
  line-height: 1.3;
  color: hsla(var(--white), 1);
  margin: 0 48px 24px 0;
}
#articleTopImage #articleTopImageContent #headerLightBox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  z-index: 1000;
}
#articleTopImage #articleTopImageContent #headerLightBox img {
  display: block;
  width: auto;
  height: auto;
  max-width: 90vw;
  max-height: 90vh;
  cursor: zoom-out;
  border-radius: var(--border-radius);
}
#articleTopImage #articleTopImageContent #headerLightBox #headerImageCaption {
  position: absolute;
  bottom: 10px;
  color: #fff;
}
@media (max-width: 768px) {
  #articleTopImage #articleTopImageContent {
    display: block;
    padding: 25px 0 25px calc(var(--default-padding) * 1.3);
  }
  #articleTopImage #articleTopImageContent .topNewsPicture {
    margin-bottom: 20px;
  }
  #articleTopImage #articleTopImageContent .topNewsPicture .topNewsPhotoBackground {
    right: 2.6vw;
  }
  #articleTopImage #articleTopImageContent .topNewsText .topNewsTitle {
    font-size: clamp(36px, 3vw, 48px);
    line-height: 1;
    margin: 0 48px 0 0;
  }
}

#articleTopImage.sportinno {
  position: relative;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
#articleTopImage.sportinno .topNewsTitle {
  color: hsla(var(--black), 0.8);
  text-shadow: 6px 6px 0px hsla(var(--black), 0.2), 5px 5px 0px hsla(var(--black), 0.2), 4px 4px 0px hsla(var(--black), 0.2), 3px 3px 0px hsla(var(--black), 0.4), 2px 2px 2px hsla(var(--black), 0.6), 1px 1px 0px hsla(var(--black), 0.8), 0px 0px 4px hsla(var(--black), 0.8);
}

/*
################

Subpage photo news - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#subpagePhotoNews .container {
  padding: var(--default-padding) var(--default-padding) 0 var(--default-padding);
}
#subpagePhotoNews .container .sectionTitleContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
#subpagePhotoNews .container .sectionTitleContainer h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: "kanitmedium";
  letter-spacing: 0.05em;
  color: hsla(var(--blue), 1);
}
#subpagePhotoNews .container .sectionTitleContainer hr {
  position: relative;
  flex-grow: 1;
  height: 1px;
  margin: 0 24px;
  background-color: hsla(var(--black), 0.1);
  color: hsla(var(--black), 0.1);
  border: none;
}
#subpagePhotoNews .container .sectionTitleContainer button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: hsla(var(--white), 1);
  border-radius: var(--border-radius);
  border: none;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "kanitregular";
  letter-spacing: 0.05em;
  padding: 8px 42px 7px 18px;
  cursor: pointer;
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 1);
  transition: all var(--transition-time);
}
#subpagePhotoNews .container .sectionTitleContainer button:hover {
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 0.7);
}
#subpagePhotoNews .container #newsItems {
  column-count: 4;
  column-gap: 0;
  margin: var(--gap-half-negative) -10px 0 -10px;
  padding: 0;
}
#subpagePhotoNews .container #newsItems .item {
  display: block;
  text-decoration: none;
  margin: var(--gap-half-negative) 0 0;
  padding: var(--gap) var(--gap-half) var(--gap-half);
  break-inside: avoid-column;
}
#subpagePhotoNews .container #newsItems .item:first-child {
  margin-top: 0;
}
#subpagePhotoNews .container #newsItems .item .itemInner {
  box-shadow: 0px 0px 12px hsla(var(--black), 0);
  transition: all var(--transition-time);
  overflow: hidden;
  border-radius: var(--border-radius);
}
#subpagePhotoNews .container #newsItems .item .itemInner img {
  width: 100%;
  height: auto;
}
#subpagePhotoNews .container #newsItems .item .itemInner .newsTitle {
  padding: 13px 18px 0;
  font-size: 22px;
  line-height: 26px;
  color: hsla(var(--blue), 1);
}
#subpagePhotoNews .container #newsItems .item .itemInner .newsIntro p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
  padding: 0 18px;
  margin-bottom: 18px;
  color: hsla(var(--midGray), 1);
}
#subpagePhotoNews .container #newsItems .item .itemInner .newsIntro strong {
  font-weight: unset;
}
#subpagePhotoNews .container #newsItems .item .itemInner .newsMetas {
  padding: 5px 18px;
  font-size: 12px;
}
#subpagePhotoNews .container #newsItems .item .itemInner .newsMetas .newsAuthor {
  color: hsla(var(--gold), 1);
}
#subpagePhotoNews .container #newsItems .item .itemInner .newsMetas .newsDate {
  color: hsla(var(--gold), 1);
}
#subpagePhotoNews .container #newsItems .item .itemInner:hover {
  box-shadow: 0px 0px 12px hsla(var(--black), 0.4);
}
#subpagePhotoNews .container #newsItems + a,
#subpagePhotoNews .container #naturalNewsItems + a {
  display: none;
}
#subpagePhotoNews .container #naturalNewsItems {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: var(--gap-half-negative) -10px 0 -10px;
  padding: 0;
}
#subpagePhotoNews .container #naturalNewsItems .item {
  display: block;
  text-decoration: none;
  margin: var(--gap-half-negative) 0 0;
  padding: var(--gap) var(--gap-half) var(--gap-half);
  break-inside: avoid-column;
}
#subpagePhotoNews .container #naturalNewsItems .item .itemInner {
  box-shadow: 0px 0px 12px hsla(var(--black), 0);
  transition: all var(--transition-time);
  overflow: hidden;
  border-radius: var(--border-radius);
}
#subpagePhotoNews .container #naturalNewsItems .item .itemInner img {
  width: 100%;
  height: auto;
}
#subpagePhotoNews .container #naturalNewsItems .item .itemInner .newsTitle {
  padding: 13px 18px 0;
  font-size: 22px;
  line-height: 26px;
  color: hsla(var(--blue), 1);
}
#subpagePhotoNews .container #naturalNewsItems .item .itemInner .newsIntro p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
  padding: 0 18px;
  margin-bottom: 18px;
  color: hsla(var(--midGray), 1);
}
#subpagePhotoNews .container #naturalNewsItems .item .itemInner .newsIntro strong {
  font-weight: unset;
}
#subpagePhotoNews .container #naturalNewsItems .item .itemInner .newsMetas {
  padding: 5px 18px;
  font-size: 12px;
}
#subpagePhotoNews .container #naturalNewsItems .item .itemInner .newsMetas .newsAuthor {
  color: hsla(var(--gold), 1);
}
#subpagePhotoNews .container #naturalNewsItems .item .itemInner .newsMetas .newsDate {
  color: hsla(var(--gold), 1);
}
#subpagePhotoNews .container #naturalNewsItems .item .itemInner:hover {
  box-shadow: 0px 0px 12px hsla(var(--black), 0.4);
}

@media (max-width: 1024px) {
  #subpagePhotoNews .container #newsItems {
    column-count: 3;
  }
  #subpagePhotoNews .container #naturalNewsItems {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  #subpagePhotoNews .container #newsItems {
    column-count: 2;
  }
  #subpagePhotoNews .container #naturalNewsItems {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  #subpagePhotoNews .container #naturalNewsItems {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 500px) {
  #subpagePhotoNews .container .sectionTitleContainer {
    flex-direction: column;
  }
  #subpagePhotoNews .container .sectionTitleContainer h2 {
    margin-bottom: 10px;
  }
  #subpagePhotoNews .container .sectionTitleContainer hr, #subpagePhotoNews .container .sectionTitleContainer a {
    display: none;
  }
  #subpagePhotoNews .container #newsItems {
    column-count: 1;
  }
  #subpagePhotoNews .container #newsItems .item:nth-of-type(1n+5) {
    display: none;
  }
  #subpagePhotoNews .container #newsItems + a,
  #subpagePhotoNews .container #naturalNewsItems + a {
    display: block;
    margin-bottom: 20px;
  }
  #subpagePhotoNews .container #newsItems + a button,
  #subpagePhotoNews .container #naturalNewsItems + a button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: hsla(var(--white), 1);
    border-radius: var(--border-radius);
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "kanitregular";
    letter-spacing: 0.05em;
    padding: 8px 42px 7px 18px;
    cursor: pointer;
    background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 1);
    transition: all var(--transition-time);
  }
  #subpagePhotoNews .container #newsItems + a button:hover,
  #subpagePhotoNews .container #naturalNewsItems + a button:hover {
    background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 0.7);
  }
  #subpagePhotoNews .container #naturalNewsItems {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*
################

Breadcrumbs - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#breadcrumbs .container {
  padding: 38px var(--default-padding) 0;
  color: hsla(var(--midGray), 1);
}
#breadcrumbs .container > div {
  border-bottom: 1px solid hsla(var(--black), 0.1);
  padding-bottom: 14px;
}
#breadcrumbs .container > div a {
  color: hsla(var(--blue), 1);
}
#breadcrumbs .container > div .separator {
  color: hsla(var(--black), 0.2);
}
#breadcrumbs .container > div .homeIcon {
  position: relative;
  top: 2px;
  margin-right: 6px;
  vertical-align: unset;
}
#breadcrumbs .container {
  padding: 38px var(--default-padding) 14px;
  color: hsla(var(--midGray), 1);
}
#breadcrumbs .container a {
  color: hsla(var(--blue), 1);
}
#breadcrumbs .container .separator {
  color: hsla(var(--black), 0.2);
}
#breadcrumbs .container .homeIcon {
  position: relative;
  top: 2px;
  margin-right: 6px;
  vertical-align: unset;
}

/*
################

Subpage featured news - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#subpageFeaturedNews .container {
  padding: var(--default-padding);
}
#subpageFeaturedNews .container .splide {
  background-color: hsla(var(--lightBlue), 0.08);
  border: 1px solid hsla(var(--lightBlue), 0.3);
  border-radius: var(--border-radius);
  padding: 24px;
}
#subpageFeaturedNews .container .splide__slide {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
#subpageFeaturedNews .container .splide__slide .topNewsPicture {
  position: relative;
  flex: 1;
}
#subpageFeaturedNews .container .splide__slide .topNewsPicture .topNewsPhoto {
  padding-top: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#subpageFeaturedNews .container .splide__slide .topNewsPicture .topNewsPhotoBackground {
  display: none;
}
#subpageFeaturedNews .container .splide__slide .topNewsText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
#subpageFeaturedNews .container .splide__slide .topNewsText .topNewsTitle {
  font-size: clamp(20px, 3vw, 24px);
  line-height: 1.125;
  color: hsla(var(--blue), 1);
  margin: 0 0 24px 48px;
}
#subpageFeaturedNews .container .splide__slide .topNewsText .topNewsIntro p {
  font-size: clamp(14px, 1.5vw, 16px);
  line-height: 1.3;
  color: hsla(var(--midGray), 1);
  margin: 0 0 24px 48px;
}
#subpageFeaturedNews .container .splide__slide .topNewsText .topNewsIntro strong {
  font-weight: unset;
}
#subpageFeaturedNews .container .splide__slide .topNewsText .topNewsReadMoreButton {
  /* Button layout reset */
  background-color: transparent;
  border-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: 0.05em;
  display: inline-block;
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 1);
  color: hsla(var(--white), 1);
  border-radius: var(--border-radius);
  text-transform: uppercase;
  padding: 8px 42px 7px 18px;
  margin-left: 48px;
  line-height: 1;
  font-size: clamp(14px, 1.5vw, 16px);
  cursor: pointer;
  transition: all var(--transition-time);
}
#subpageFeaturedNews .container .splide__slide .topNewsText .topNewsReadMoreButton:hover {
  background: url(../images/arrowMore.svg) no-repeat calc(100% - 13px) hsla(var(--blue), 0.8);
}
#subpageFeaturedNews .container .splide__arrows {
  position: absolute;
  right: var(--default-padding);
  bottom: 36px;
  z-index: 1;
}
#subpageFeaturedNews .container .splide__arrows .splide__arrow {
  /* Button layout reset */
  background-color: transparent;
  border-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
  width: 7px;
  height: 12px;
  cursor: pointer;
  opacity: 30%;
  transition: opacity var(--transition-time);
}
#subpageFeaturedNews .container .splide__arrows .splide__arrow:hover {
  opacity: 100%;
}
#subpageFeaturedNews .container .splide__arrows .splide__arrow--prev {
  background: url(../images/arrowLeftBlue.svg) no-repeat;
}
#subpageFeaturedNews .container .splide__arrows .splide__arrow--next {
  background: url(../images/arrowRightBlue.svg) no-repeat;
}
#subpageFeaturedNews .container #actualSlideCounter {
  padding: 0 20px;
  color: hsla(var(--blue), 1);
}

@media (max-width: 768px) {
  #subpageFeaturedNews .container .splide__slide {
    display: block;
  }
  #subpageFeaturedNews .container .splide__slide .topNewsPicture {
    position: relative;
    margin-right: 70px;
    left: -30px;
  }
  #subpageFeaturedNews .container .splide__slide .topNewsPicture .topNewsPhotoBackground {
    left: 2vw;
  }
  #subpageFeaturedNews .container .splide__slide .topNewsText .topNewsTitle {
    margin: 24px 0;
  }
  #subpageFeaturedNews .container .splide__slide .topNewsText .topNewsIntro p {
    margin: 0 0 24px 0;
  }
  #subpageFeaturedNews .container .splide__slide .topNewsText .topNewsButtonWrapper .topNewsReadMoreButton {
    margin-left: 0;
  }
}
@media (max-width: 500px) {
  #subpageFeaturedNews .container .splide__slide {
    display: block;
    padding: 24px var(--default-padding);
  }
  #subpageFeaturedNews .container .splide__slide .topNewsPicture {
    position: relative;
    margin-right: -20px;
    left: -30px;
  }
  #subpageFeaturedNews .container .splide__arrows {
    bottom: 24px;
  }
}
/*
################

Content - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#content .container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: var(--default-padding);
  /* RSForm!Pro előnézetében a form utáni custom PHP szkript tördelése a form alá menjen, ne elegendő hely esetén mellé  */
  /* common items */
}
#content .container a {
  color: hsla(var(--blue), 1);
  text-decoration: none;
  transition: color var(--transition-time);
}
#content .container a:hover {
  color: hsla(var(--blue), 0.6);
}
#content .container .sectionTitleContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
#content .container .sectionTitleContainer h2 {
  font-family: "kanitmedium";
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: hsla(var(--blue), 1);
}
#content .container .sectionTitleContainer hr {
  position: relative;
  flex-grow: 1;
  height: 1px;
  margin: 0 0 0 24px;
  background-color: hsla(var(--black), 0.1);
  color: hsla(var(--black), 0.1);
  border: none;
}
#content .container #contentInner {
  column-gap: 50px;
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color: hsla(var(--black), 0.1);
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}
#content .container #contentInner h3 {
  font-size: 24px;
  color: hsla(var(--midGray), 1);
}
#content .container #contentInner h4 {
  font-size: 20px;
  color: hsla(var(--midGray), 1);
}
#content .container #contentInner h5 {
  font-size: 18px;
  color: hsla(var(--midGray), 1);
}
#content .container #contentInner h6 {
  font-size: 14px;
  color: hsla(var(--midGray), 1);
}
#content .container #contentInner p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
  color: hsla(var(--midGray), 1);
}
#content .container > form + p {
  width: 100%;
}
#content .container article {
  flex: 1;
  color: hsla(var(--midGray), 1);
  /* Kapcsolatkereső szkript táblázata */
  /* Hírblog formázása */
  /* A főoldal aljára kerülő, eredetileg sidebar menü átalakító stíluslapja */
}
#content .container article p {
  margin-bottom: 20px;
}
#content .container article p img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius);
}
#content .container article p img.inline {
  width: unset;
  max-width: 100%;
  margin: 15px;
}
#content .container article p img.left {
  margin: 10px 10px 10px 0;
}
#content .container article p img.right {
  margin: 10px 0 10px 10px;
}
#content .container article p img.noborder, #content .container article p img.nincskeret {
  border: none;
}
#content .container article p img.obituary, #content .container article p img.gyasz {
  border-color: hsla(var(--black), 1);
}
#content .container article p img.nocaption + span.image-caption, #content .container article p img.nincscim + span.image-caption {
  display: none;
}
#content .container article p img.fullwidth, #content .container article p img.teljesszelesseg, #content .container article p img.threequaterwidth, #content .container article p img.haromnegyedhasab, #content .container article p img.halfwidth, #content .container article p img.felhasab, #content .container article p img.thirdwidth, #content .container article p img.harmadhasab, #content .container article p img.quaterwidth, #content .container article p img.negyedhasab, #content .container article p img.fifthwidth, #content .container article p img.otodhasab, #content .container article p img.sixthwidth, #content .container article p img.hatodhasab, #content .container article p img.tenthwidth, #content .container article p img.tizedhasab {
  width: 100%;
}
#content .container article p img.inline.tizedhasab, #content .container article p img.inline.tenthwidth {
  width: 10%;
}
#content .container article p img.inline.hatodhasab, #content .container article p img.inline.sixthwidth {
  width: 16%;
}
#content .container article p img.inline.otodhasab, #content .container article p img.inline.fifthwidth {
  width: 20%;
}
#content .container article p img.inline.negyedhasab, #content .container article p img.inline.quaterwidth {
  width: 25%;
}
#content .container article p img.inline.harmadhasab, #content .container article p img.inline.thirdwidth {
  width: 33%;
}
#content .container article p img.inline.felhasab, #content .container article p img.inline.halfwidth {
  width: 50%;
}
#content .container article p img.inline.haromnegyedhasab, #content .container article p img.inline.threequaterwidth {
  width: 75%;
}
#content .container article p img.inline.teljesszelesseg, #content .container article p img.inline.fullwidth {
  width: 100%;
}
#content .container article p img.inline.nincsmargo, #content .container article p img.inline.nomargin {
  margin: 0 !important;
}
#content .container article p:has(> img.nincsmargo),
#content .container article p:has(> img.nomargin) {
  margin-bottom: 5px;
}
#content .container article p.nincsmargo,
#content .container article p.nomargin {
  margin-block: 0;
}
#content .container article p.rsformVerticalClear {
  margin-bottom: 10px;
}
#content .container article p.lead {
  font-size: 20px;
  font-weight: normal;
  color: hsla(var(--blue), 1);
}
#content .container article > p:empty {
  display: none;
}
#content .container article .priceLine {
  display: flex;
  margin-bottom: 15px;
}
#content .container article .priceLine .itemName {
  padding-right: 10px;
}
#content .container article .priceLine .lineSpacer {
  background: url(../images/tab.gif) repeat-x right calc(100% - 4px);
  flex: 1 1 auto;
}
#content .container article .priceLine .itemPrice {
  flex: 0 1 auto;
  padding-left: 10px;
  text-align: left;
}
#content .container article .priceLine:has(+ .itemNameDescription) {
  margin-bottom: 0;
}
#content .container article .itemNameDescription {
  font-style: italic;
  font-size: 14px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  #content .container article .priceLine {
    flex-direction: column;
    margin-bottom: 20px;
  }
  #content .container article .priceLine .itemName {
    padding-right: 0;
  }
  #content .container article .priceLine .itemName:after {
    content: ":";
  }
  #content .container article .priceLine .itemPrice {
    padding-left: 0;
  }
  #content .container article .lineSpacer {
    display: none;
  }
  #content .container article .itemNameDescription {
    margin-bottom: 20px;
  }
}
#content .container article ul {
  margin: 0 0 20px 20px;
  list-style: unset;
}
#content .container article ul li {
  margin-left: 10px;
}
#content .container article ul li ul {
  margin: 0 0 0 10px;
}
#content .container article ol {
  margin: 0 0 20px 20px;
}
#content .container article ol ul {
  margin: 0 0 0 10px;
}
#content .container article h1, #content .container article h2, #content .container article h3, #content .container article h4 {
  margin-bottom: 15px;
}
#content .container article hr {
  height: 1px;
  border: none;
  color: hsla(var(--black), 0.1);
  background-color: hsla(var(--black), 0.1);
  margin: 30px 0;
}
#content .container article hr.thicker {
  height: 5px;
}
#content .container article img.elrejtesDesktopon {
  display: none;
}
@media (max-width: 768px) {
  #content .container article img.elrejtesDesktopon {
    display: block;
  }
}
#content .container article #articleTags {
  grid-area: tags;
  color: hsla(var(--midGray), 1);
  padding-bottom: 12px;
  border-bottom: 1px solid hsla(var(--black), 0.1);
}
#content .container article #articleTags .tagsTitle {
  display: inline-block;
  margin-right: 12px;
}
#content .container article #articleTags a {
  display: inline-block;
  margin-right: 8px;
  color: hsla(var(--blue), 1);
  text-decoration: none;
  transition: color var(--transition-time);
}
#content .container article #articleTags a:hover {
  color: hsla(var(--blue), 0.6);
}
#content .container article #articleTags .comma {
  display: none;
}
#content .container article .blog-item #articleTags {
  margin-left: 10px;
}
#content .container article #articleIcons {
  padding-top: 12px;
}
#content .container article #articleIcons > a, #content .container article #articleIcons > div {
  display: inline-block;
}
#content .container article #articleIcons > #lastModification {
  color: hsla(var(--midGray), 0.5);
}
#content .container article #articleIcons > div:first-child, #content .container article #articleIcons > a {
  margin-right: 20px;
}
#content .container article #articleIcons a {
  color: hsla(var(--blue), 1);
  text-decoration: none;
  transition: color var(--transition-time);
}
#content .container article #articleIcons a:hover {
  color: hsla(var(--blue), 0.6);
}
#content .container article #articleIcons img {
  position: relative;
  top: 3px;
  margin-right: 9px;
  vertical-align: unset;
}
#content .container article #contactPage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  margin-bottom: 30px;
}
#content .container article #contactPage .contactItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid hsla(var(--lightBlue), 0.3);
  border-radius: var(--border-radius);
  padding: 18px 18px 15px 18px;
  min-height: 127px;
  text-decoration: none;
  transition: background-color var(--transition-time);
}
#content .container article #contactPage .contactItem div:first-child {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: hsla(var(--midGray), 1);
  transition: color var(--transition-time);
}
#content .container article #contactPage .contactItem div:nth-child(2) {
  display: block;
  padding-top: 15px;
  padding-left: 24px;
  border-top: 1px solid hsla(var(--black), 0.1);
  font-size: 14px;
  color: hsla(var(--blue), 1);
  transition: color var(--transition-time);
  background: url("../images/linkArrow.svg") no-repeat left calc(100% - 5px);
}
#content .container article #contactPage .contactItem:hover {
  background-color: hsla(var(--blue), 1);
}
#content .container article #contactPage .contactItem:hover div:first-child, #content .container article #contactPage .contactItem:hover div:nth-child(2) {
  color: hsla(var(--white), 1);
}
#content .container article #contactPage .contactItem:hover div:nth-child(2) {
  border-top: 1px solid hsla(var(--white), 0.3);
}
#content .container article #contactPage .contactItem:hover div:nth-child(2) a {
  color: hsla(var(--white), 1);
}
#content .container article #contactPageSimple .contactItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid hsla(var(--lightBlue), 0.3);
  border-radius: var(--border-radius);
  padding: 18px 18px 15px 18px;
  margin-bottom: 24px;
  min-height: 127px;
  text-decoration: none;
  transition: background-color var(--transition-time);
}
#content .container article #contactPageSimple .contactItem h4 {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid hsla(var(--lightBlue), 0.3);
}
#content .container article #contactPageSimple .contactItem p {
  line-height: 24px;
  letter-spacing: 0.05em;
  color: hsla(var(--midGray), 1);
  transition: color var(--transition-time);
}
#content .container article #contactPageSimple .contactItem p img {
  width: auto;
}
#content .container article #contactPageSimple .contactItem ul {
  display: block;
  padding-top: 15px;
  margin-bottom: 0;
  margin-left: 10px !important;
  border-top: 1px solid hsla(var(--black), 0.1);
  transition: color var(--transition-time);
}
#content .container article #contactPageSimple .contactItem ul a {
  transition: color var(--transition-time);
}
#content .container article #contactPageSimple .contactItem img {
  max-width: 300px;
  height: auto;
}
@media (max-width: 768px) {
  #content .container article #contactPage {
    grid-template-columns: 1fr;
  }
}
#content .container article #studyOfficePage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  margin-bottom: 24px;
}
#content .container article #studyOfficePage .studyOfficeMember {
  padding: 24px 24px 12px 24px;
  border: 1px solid hsla(var(--black), 0.1);
  border-radius: var(--border-radius);
}
#content .container article #studyOfficePage .studyOfficeMember > div:first-child {
  display: flex;
}
#content .container article #studyOfficePage .studyOfficeMember > div:first-child .studyOfficePhoto {
  height: 96px;
  background-size: cover;
  border-radius: 50%;
  margin-right: 16px;
  aspect-ratio: 1/1;
  max-width: 96px;
  max-height: 96px;
}
#content .container article #studyOfficePage .studyOfficeMember > div:first-child div:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#content .container article #studyOfficePage .studyOfficeMember > div:first-child div:nth-child(2) .studyOfficeName {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 8px;
}
#content .container article #studyOfficePage .studyOfficeMember > div:first-child div:nth-child(2) .studyOfficePosition {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
}
#content .container article #studyOfficePage .studyOfficeMember > div:nth-child(2) {
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
}
#content .container article #studyOfficePage .studyOfficeMember > div:nth-child(3) {
  display: flex;
}
#content .container article #studyOfficePage .studyOfficeMember > div:nth-child(3) .studyOfficePhone {
  color: hsla(var(--blue), 1);
  background: url("../images/phoneIcon.svg") no-repeat left center;
  padding-left: 24px;
  margin-right: 25px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#content .container article #studyOfficePage .studyOfficeMember > div:nth-child(3) .studyOfficeEmail a {
  display: block;
  background: url("../images/mailIcon.svg") no-repeat left center;
  padding-left: 24px;
  color: hsla(var(--blue), 1);
  text-decoration: none;
  transition: color var(--transition-time);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#content .container article #studyOfficePage .studyOfficeMember > div:nth-child(3) .studyOfficeEmail a:hover {
  color: hsla(var(--blue), 0.6);
}
#content .container article #studyOfficePage .studyOfficeMember > div:nth-child(4) {
  margin-top: 10px;
}
#content .container article #studyOfficePage .studyOfficeMember > div:nth-child(4) p, #content .container article #studyOfficePage .studyOfficeMember > div:nth-child(4) ul {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  #content .container article #studyOfficePage .studyOfficeMember > div:nth-child(3) {
    display: block;
  }
}
@media (max-width: 768px) {
  #content .container article #studyOfficePage {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 510px) {
  #content .container article #studyOfficePage .studyOfficeMember {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #content .container article #studyOfficePage .studyOfficeMember > div:first-child {
    display: block;
  }
  #content .container article #studyOfficePage .studyOfficeMember > div:first-child .studyOfficePhoto {
    margin: 0 auto 20px;
  }
  #content .container article #studyOfficePage .studyOfficeMember > div:first-child .studyOfficeName {
    text-align: center;
  }
  #content .container article #studyOfficePage .studyOfficeMember > div:first-child .studyOfficePosition {
    text-align: center;
  }
  #content .container article #studyOfficePage .studyOfficeMember > div:nth-child(2) {
    text-align: center;
  }
  #content .container article #studyOfficePage .studyOfficeMember > div:nth-child(3) {
    display: inline-block;
  }
  #content .container article #studyOfficePage .studyOfficeMember > div:nth-child(3) .studyOfficePhone {
    margin-bottom: 12px;
  }
}
#content .container article #customerReception {
  display: flex;
  background-color: hsla(var(--lightBlue), 0.1);
  padding: 48px;
}
#content .container article #customerReception > div:first-child {
  flex: 1;
  font-size: 22px;
  line-height: 26px;
  color: hsla(var(--blue), 1);
}
#content .container article #customerReception > div:first-child span:first-child {
  font-family: "kanitmedium";
}
#content .container article #customerReception > div:nth-child(2) {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#content .container article #customerReception > div:nth-child(2) span:first-child {
  font-size: 16px;
  line-height: 24px;
  color: hsla(var(--blue), 1);
  background: url("../images/clockIcon.svg") no-repeat left center;
  padding-left: 22px;
}
#content .container article #customerReception > div:nth-child(2) span:nth-child(2) {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  #content .container article #customerReception {
    display: block;
  }
  #content .container article #customerReception > div:first-child {
    margin-bottom: 24px;
  }
}
#content .container article #refereesPage {
  background-color: hsla(var(--lightBlue), 0.08);
}
#content .container article #refereesPage .referent {
  display: flex;
  background-color: hsla(var(--lightBlue), 0.08);
}
#content .container article #refereesPage .referent .col-1 {
  padding: 24px 0 24px 24px;
}
#content .container article #refereesPage .referent .col-1 .photo {
  height: 96px;
  border-radius: 50%;
  background-size: cover;
  margin-right: 24px;
  aspect-ratio: 1/1;
  max-width: 96px;
  max-height: 96px;
}
#content .container article #refereesPage .referent .col-2 {
  flex: 1;
  padding: 24px 24px 24px 0;
}
#content .container article #refereesPage .referent .col-2 > div:first-child {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid hsla(var(--black), 0.1);
}
#content .container article #refereesPage .referent .col-2 > div:first-child > div:first-child {
  font-size: 22px;
  line-height: 26px;
}
#content .container article #refereesPage .referent .col-2 > div:first-child > div:nth-child(2) {
  font-family: "kanitmedium";
  font-size: 16px;
  line-height: 24px;
}
#content .container article #refereesPage .referent .col-2 > div:nth-child(2) {
  display: flex;
  justify-content: flex-start;
  color: hsla(var(--blue), 1);
  padding-top: 24px;
}
#content .container article #refereesPage .referent .col-2 > div:nth-child(2) > div:first-child {
  background: url("../images/phoneIcon.svg") no-repeat left center;
  padding-left: 24px;
  margin-right: 25px;
}
#content .container article #refereesPage .referent .col-2 > div:nth-child(2) > div:nth-child(2) a {
  display: block;
  background: url("../images/mailIcon.svg") no-repeat left center;
  padding-left: 24px;
  color: hsla(var(--blue), 1);
  text-decoration: none;
  transition: color var(--transition-time);
}
#content .container article #refereesPage .referent .col-2 > div:nth-child(2) > div:nth-child(2) a:hover {
  color: hsla(var(--blue), 0.6);
}
#content .container article #refereesPage .referent .col-3 {
  flex: 1;
  padding: 24px 24px 24px 0;
}
#content .container article #refereesPage .referent:nth-child(2n) {
  background-color: transparent;
}
@media (max-width: 1024px) {
  #content .container article #refereesPage .referent {
    flex-wrap: wrap;
  }
  #content .container article #refereesPage .referent .col-3 {
    flex: unset;
    width: 100%;
    padding: 0 0 24px 135px;
  }
}
@media (max-width: 768px) {
  #content .container article #refereesPage .referent .col-2 > div:first-child {
    display: block;
    padding-bottom: 0;
    border-bottom: 0;
  }
  #content .container article #refereesPage .referent .col-2 > div:nth-child(2) {
    display: block;
  }
  #content .container article #refereesPage .referent .col-2 > div:nth-child(2) > div:first-child {
    margin-bottom: 12px;
  }
  #content .container article #refereesPage .referent .col-3 {
    padding: 0 24px 24px 24px;
  }
  #content .container article #refereesPage .referent .col-3 .courses {
    border-top: 1px solid hsla(var(--black), 0.1);
    padding-top: 12px;
  }
}
@media (max-width: 450px) {
  #content .container article #refereesPage .referent {
    display: block;
  }
  #content .container article #refereesPage .referent .col-1 {
    padding: 24px 24px 0 24px;
  }
  #content .container article #refereesPage .referent .col-1 .photo {
    margin: 0 auto;
  }
  #content .container article #refereesPage .referent .col-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
  }
  #content .container article #refereesPage .referent .col-3 {
    padding: 0 24px 24px 24px;
  }
}
#content .container article #categorySelector {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}
#content .container article #categorySelector > a {
  position: relative;
  display: block;
  background-size: cover;
  padding: calc(56.25% - 18px) 18px 18px 18px;
  border-radius: var(--border-radius);
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
  color: hsla(var(--white), 1);
}
#content .container article #categorySelector > a:hover::before {
  content: "";
  position: absolute;
  bottom: 18px;
  right: 18px;
  width: 33px;
  height: 18px;
  background-image: url(../images/linkArrow.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
#content .container article #categorySelector > a > div {
  display: flex;
  align-items: end;
  height: 100%;
}
@media (max-width: 1024px) {
  #content .container article #categorySelector {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  #content .container article #categorySelector {
    grid-template-columns: 1fr;
  }
}
#content .container article .sponsors {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
#content .container article .sponsors div img {
  width: 100%;
  height: auto;
}
#content .container article .customFields.deadline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 36px;
  border-radius: var(--border-radius);
  margin-bottom: 20px;
  background: url(../images/customFieldBg.svg) no-repeat hsla(var(--gold), 1) 40%;
  background-size: cover;
}
#content .container article .customFields.deadline .customField.hatarido-cim,
#content .container article .customFields.deadline .customField.hatarido-datuma {
  color: hsla(var(--white), 1);
}
#content .container article .customFields.deadline .customField.hatarido-cim {
  font-family: "kanitmedium";
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
#content .container article .customFields.deadline .customField.hatarido-datuma {
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.05em;
  position: relative;
}
#content .container article .customFields.deadline .customField.hatarido-datuma:before {
  position: absolute;
  content: "";
  display: block;
  width: 15px;
  height: 16px;
  background: url(../images/calendarIcon.svg) no-repeat;
  left: -26px;
}
@media (max-width: 768px) {
  #content .container article .customFields.deadline {
    display: block;
    text-align: center;
  }
  #content .container article .customFields.deadline .customField.hatarido-datuma:before {
    display: none;
  }
}
#content .container article .customFields.featuredList {
  padding: 36px;
  border-radius: var(--border-radius);
  margin-bottom: 20px;
  background: url(../images/customFieldBg.svg) no-repeat hsla(var(--blue), 1) 40%;
  background-size: cover;
}
#content .container article .customFields.featuredList .customField.kiemelt-lista-cim {
  font-family: "kanitmedium";
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: hsla(var(--white), 1);
  margin-bottom: 24px;
}
#content .container article .customFields.featuredList .customField.kiemelt-lista-elemek {
  color: hsla(var(--white), 1);
}
#content .container article .customFields.featuredList .customField.kiemelt-lista-elemek ul {
  margin: 0 0 0 20px;
}
#content .container article .customFields.featuredList .customField.kiemelt-lista-elemek ul li {
  margin-bottom: 12px;
  list-style-type: none;
  position: relative;
}
#content .container article .customFields.featuredList .customField.kiemelt-lista-elemek ul li:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/listItemIcon.svg") no-repeat;
  width: 18px;
  height: 18px;
  top: 1px;
  left: -28px;
}
#content .container article .customFields.featuredList .customField.kiemelt-lista-elemek ul li:last-child {
  margin-bottom: 0;
}
#content .container article .customFields.boxedText .freeText,
#content .container article .customFields.boxedText .tabled {
  padding: 20px;
  border: 1px solid hsla(var(--black), 0.1);
  border-radius: var(--border-radius);
}
#content .container article .customFields.boxedText .freeText p {
  margin-bottom: 10px;
}
#content .container article .customFields.boxedText .freeText p:last-child {
  margin-bottom: 0;
}
#content .container article .customFields.boxedText .tabled > div {
  padding: 10px;
}
#content .container article .customFields.boxedText .tabled > div:nth-child(odd) {
  background-color: hsla(var(--black), 0.1);
}
#content .container article .customFields.boxedText .tabled p {
  margin: 0;
}
#content .container article .customFields.boxedText .left {
  float: left;
  margin-right: 20px;
}
#content .container article .customFields.boxedText .right {
  float: right;
  margin-left: 20px;
}
#content .container article .customFields.boxedText .w30 {
  width: 30%;
}
#content .container article .customFields.boxedText .w50 {
  width: 50%;
}
@media (max-width: 768px) {
  #content .container article .customFields.boxedText .w30 {
    width: 100%;
    float: unset;
  }
  #content .container article .customFields.boxedText .w50 {
    width: 100%;
    float: unset;
  }
}
#content .container article .zoom-wrapper.left {
  width: 50%;
  float: left;
  margin-right: 20px;
}
#content .container article .zoom-wrapper.right {
  width: 50%;
  float: right;
  margin-left: 20px;
}
#content .container article .zoom-wrapper.fullwidth,
#content .container article .zoom-wrapper.teljesszelesseg {
  width: 100%;
}
#content .container article .zoom-wrapper.fullwidth > img,
#content .container article .zoom-wrapper.teljesszelesseg > img {
  width: 100% !important;
  height: auto;
}
#content .container article .zoom-wrapper.threequaterwidth,
#content .container article .zoom-wrapper.haromnegyedhasab {
  width: 75%;
}
#content .container article .zoom-wrapper.threequaterwidth > img,
#content .container article .zoom-wrapper.haromnegyedhasab > img {
  width: 100% !important;
  height: auto;
}
#content .container article .zoom-wrapper.halfwidth,
#content .container article .zoom-wrapper.felhasab {
  width: 50%;
}
#content .container article .zoom-wrapper.halfwidth > img,
#content .container article .zoom-wrapper.felhasab > img {
  width: 100% !important;
  height: auto;
}
#content .container article .zoom-wrapper.thirdwidth,
#content .container article .zoom-wrapper.harmadhasab {
  width: 33%;
}
#content .container article .zoom-wrapper.thirdwidth > img,
#content .container article .zoom-wrapper.harmadhasab > img {
  width: 100% !important;
  height: auto;
}
#content .container article .zoom-wrapper.quaterwidth,
#content .container article .zoom-wrapper.negyedhasab {
  width: 25%;
}
#content .container article .zoom-wrapper.quaterwidth > img,
#content .container article .zoom-wrapper.negyedhasab > img {
  width: 100% !important;
  height: auto;
}
#content .container article .zoom-wrapper.fifthwidth,
#content .container article .zoom-wrapper.otodhasab {
  width: 20%;
}
#content .container article .zoom-wrapper.fifthwidth > img,
#content .container article .zoom-wrapper.otodhasab > img {
  width: 100% !important;
  height: auto;
}
#content .container article .zoom-wrapper.sixthwidth,
#content .container article .zoom-wrapper.hatodhasab {
  width: 16%;
}
#content .container article .zoom-wrapper.sixthwidth > img,
#content .container article .zoom-wrapper.hatodhasab > img {
  width: 100% !important;
  height: auto;
}
#content .container article .zoom-wrapper.tenthwidth,
#content .container article .zoom-wrapper.tizedhasab {
  width: 10%;
}
#content .container article .zoom-wrapper.tenthwidth > img,
#content .container article .zoom-wrapper.tizedhasab > img {
  width: 100% !important;
  height: auto;
}
#content .container article .zoom-wrapper img.fullwidth,
#content .container article .zoom-wrapper img.teljesszelesseg {
  width: 100%;
}
#content .container article .zoom-wrapper img[aria-expanded=true].fullwidth,
#content .container article .zoom-wrapper .img[aria-expanded=true].teljesszelesseg {
  width: 100%;
}
#content .container article .zoom-wrapper img.threequaterwidth,
#content .container article .zoom-wrapper img.haromnegyedhasab {
  width: 75%;
}
#content .container article .zoom-wrapper img[aria-expanded=true].threequaterwidth,
#content .container article .zoom-wrapper .img[aria-expanded=true].haromnegyedhasab {
  width: 100%;
}
#content .container article .zoom-wrapper img.halfwidth,
#content .container article .zoom-wrapper img.felhasab {
  width: 50%;
}
#content .container article .zoom-wrapper img[aria-expanded=true].halfwidth,
#content .container article .zoom-wrapper .img[aria-expanded=true].felhasab {
  width: 100%;
}
#content .container article .zoom-wrapper img.thirdwidth,
#content .container article .zoom-wrapper img.harmadhasab {
  width: 33%;
}
#content .container article .zoom-wrapper img[aria-expanded=true].thirdwidth,
#content .container article .zoom-wrapper .img[aria-expanded=true].harmadhasab {
  width: 100%;
}
#content .container article .zoom-wrapper img.quaterwidth,
#content .container article .zoom-wrapper img.negyedhasab {
  width: 25%;
}
#content .container article .zoom-wrapper img[aria-expanded=true].quaterwidth,
#content .container article .zoom-wrapper .img[aria-expanded=true].negyedhasab {
  width: 100%;
}
#content .container article .zoom-wrapper img.fifthwidth,
#content .container article .zoom-wrapper img.otodhasab {
  width: 20%;
}
#content .container article .zoom-wrapper img[aria-expanded=true].fifthwidth,
#content .container article .zoom-wrapper .img[aria-expanded=true].otodhasab {
  width: 100%;
}
#content .container article .zoom-wrapper img.sixthwidth,
#content .container article .zoom-wrapper img.hatodhasab {
  width: 16%;
}
#content .container article .zoom-wrapper img[aria-expanded=true].sixthwidth,
#content .container article .zoom-wrapper .img[aria-expanded=true].hatodhasab {
  width: 100%;
}
#content .container article .zoom-wrapper img.tenthwidth,
#content .container article .zoom-wrapper img.tizedhasab {
  width: 10%;
}
#content .container article .zoom-wrapper img[aria-expanded=true].tenthwidth,
#content .container article .zoom-wrapper .img[aria-expanded=true].tizedhasab {
  width: 100%;
}
#content .container article .zoom {
  outline: 0;
}
#content .container article #lightBox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  z-index: 1000;
}
#content .container article #zoomImage {
  display: block;
  width: auto;
  height: auto;
  max-width: 90vw;
  max-height: 90vh;
  cursor: zoom-out;
}
#content .container article #imageCaption {
  position: absolute;
  bottom: 10px;
  color: #fff;
}
#content .container article #prevButton {
  position: absolute;
  left: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 43.3px 25px 0;
  border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent;
  z-index: 1001;
  cursor: pointer;
  transition: all 300ms;
}
#content .container article #nextButton {
  position: absolute;
  right: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 43.3px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
  z-index: 1001;
  cursor: pointer;
  transition: all 300ms;
}
#content .container article #prevButton:hover {
  border-color: transparent rgba(255, 255, 255, 0.8) transparent transparent;
}
#content .container article #nextButton:hover {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
}
#content .container article #contactSearchForm {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
}
#content .container article #contactSearchForm #contactSearchText, #content .container article #contactSearchForm #contactSearchIn, #content .container article #contactSearchForm #contactSearchBtn {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "kanitregular";
}
#content .container article #contactSearchForm #contactSearchText, #content .container article #contactSearchForm #contactSearchIn {
  border: 1px solid hsla(var(--blue), 0.4);
  border-radius: var(--border-radius);
  padding: 7px;
  color: hsla(var(--blue), 1);
  font-size: 14px;
  transition: all var(--transition-time);
}
#content .container article #contactSearchForm #contactSearchText:focus, #content .container article #contactSearchForm #contactSearchIn:focus,
#content .container article #contactSearchForm #contactSearchText:hover, #content .container article #contactSearchForm #contactSearchIn:hover {
  border: 1px solid hsla(var(--blue), 1);
  outline: 0;
}
#content .container article #contactSearchForm #contactSearchIn {
  background: url(../images/arrowDown.svg) no-repeat calc(100% - 7px) center;
  cursor: pointer;
}
#content .container article #contactSearchForm #contactSearchBtn {
  border: 1px solid hsla(var(--lightBlue), 0.3);
  border-radius: var(--border-radius);
  padding: 7px;
  color: hsla(var(--white), 1);
  background-color: hsla(var(--blue), 1);
  font-size: 14px;
  transition: all var(--transition-time);
  cursor: pointer;
  transition: all var(--transition-time);
}
#content .container article #contactSearchForm #contactSearchBtn:hover {
  background-color: hsla(var(--lightBlue), 1);
}
@media (max-width: 768px) {
  #content .container article #contactSearchForm {
    grid-template-columns: 1fr;
  }
}
#content .container article table#contactDetails {
  border: unset;
  border-spacing: 0;
  border-collapse: unset;
  width: 100%;
  color: hsla(var(--black), 0.7);
}
#content .container article table#contactDetails td {
  padding: 5px;
  border-top: 1px solid hsla(var(--black), 0.05);
}
#content .container article table#contactDetails td.start-tag {
  border-top: 1px solid hsla(var(--blue), 1);
}
#content .container article table#contactDetails td.close-tag {
  border-top: none;
  padding: 0 0 20px 0;
}
#content .container article table#contactDetails td#no-results, #content .container article table#contactDetails td#out-of-service {
  padding: 0;
  border-top: none;
  color: hsla(var(--strawberry), 1);
  font-weight: bold;
}
#content .container article #innerSidebar {
  display: none;
}
#content .container article div[itemprop=blogPost] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: minmax(37px, auto) minmax(34px, auto) auto auto;
  grid-template-areas: "image meta meta meta" "image title title title" "image content content content" "image content content content" "image tags tags tags";
  border-bottom: 1px solid hsla(var(--black), 0.1);
  margin-bottom: 30px;
}
#content .container article .article_image {
  grid-area: image;
  padding-right: 10px;
  margin-bottom: 30px;
}
#content .container article .article_image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--border-radius);
}
#content .container article .article_meta {
  grid-area: meta;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 10px;
}
#content .container article .article_meta div {
  background-color: hsla(var(--midGray), 0.1);
  color: hsla(var(--midGray), 1);
  padding: 3px 8px;
  border-radius: 20px;
  margin-right: 8px;
  font-size: 14px;
}
#content .container article .article_meta div:nth-child(2) {
  margin-right: 0;
}
#content .container article .article_title {
  grid-area: title;
  padding-left: 10px;
  margin-bottom: 2px;
}
#content .container article .article_title h3 {
  line-height: 1.1;
}
#content .container article .article_title h3 a {
  color: hsla(var(--blue), 1);
  transition: color var(--transition-time);
}
#content .container article .article_title h3 a:hover {
  color: hsla(var(--blue), 0.6);
}
#content .container article .article_content {
  grid-area: content;
  padding-left: 10px;
}
#content .container article .article_content strong {
  font-weight: unset;
}
#content .container article .article_content p.lead {
  font-size: 16px;
  color: hsla(var(--midGray), 1);
}
@media (max-width: 768px) {
  #content .container article div[itemprop=blogPost] {
    grid-template-rows: auto;
    grid-template-areas: "image image image image" "title title title title" "meta meta meta meta" "content content content content" "tags tags tags tags";
  }
  #content .container article .article_image {
    margin-bottom: 10px;
    padding-right: 0;
  }
  #content .container article .article_meta {
    align-items: center;
    margin-bottom: 12px;
    padding-right: 0;
    padding-left: 0;
  }
  #content .container article div[itemprop=author] {
    display: none;
  }
  #content .container article .article_title {
    margin-bottom: 10px;
    padding-left: 0;
  }
  #content .container article .article_title h3 {
    margin-bottom: 0;
  }
  #content .container article .article_content {
    padding-left: 0;
  }
  #content .container article .article_content p {
    letter-spacing: 1.05px;
  }
  #content .container article #articleTags {
    padding-left: 0;
  }
}
#content .container article .pagination {
  margin-bottom: 30px;
  text-align: center;
}
#content .container article .pagination ul {
  display: flex;
  justify-content: center;
  margin: 0;
}
#content .container article .pagination li {
  margin: 0;
  display: inline-block;
  border-top: 1px solid hsla(var(--black), 0.1);
  border-bottom: 1px solid hsla(var(--black), 0.1);
  border-left: 1px solid hsla(var(--black), 0.1);
}
#content .container article .pagination li a {
  display: inline-block;
  padding: 4px 10px;
}
#content .container article .pagination li a:hover {
  background-color: hsla(var(--blue), 0.6);
  color: hsla(var(--white), 1);
}
#content .container article .pagination li span {
  display: inline-block;
  padding: 4px 10px;
}
#content .container article .pagination li span:hover {
  background-color: hsla(var(--white), 1);
  color: hsla(var(--midGray), 1);
}
#content .container article .pagination li:last-child {
  border-right: 1px solid hsla(var(--black), 0.1);
}
#content .container article .pagination li.pagination-start, #content .container article .pagination li:first-child {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
#content .container article .pagination li.pagination-start:hover a, #content .container article .pagination li:first-child:hover a {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
#content .container article .pagination li.pagination-end, #content .container article .pagination li:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
#content .container article .pagination li.pagination-end:hover a, #content .container article .pagination li:last-child:hover a {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
@media (max-width: 768px) {
  #content .container article .pagination li:first-child, #content .container article .pagination li:last-child {
    display: none;
  }
  #content .container article .pagination li:nth-child(2) {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
  }
  #content .container article .pagination li:nth-child(2):hover a {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
  }
  #content .container article .pagination li:nth-last-child(2) {
    border-right: 1px solid hsla(var(--black), 0.1);
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
  #content .container article .pagination li:nth-last-child(2):hover a {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
}
#content .container article #search-form {
  margin-bottom: 30px;
}
#content .container article #search-form fieldset.word {
  width: 100%;
  border: 0;
  margin-bottom: 10px;
}
#content .container article #search-form fieldset.word input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: "kanitregular";
  font-size: 14px;
  padding: 7px;
  border: 1px solid hsla(var(--blue), 0.4);
  border-radius: var(--border-radius);
  color: hsla(var(--blue), 1);
  transition: all var(--transition-time);
}
#content .container article #search-form fieldset.word input:focus, #content .container article #search-form fieldset.word input:hover {
  border: 1px solid hsla(var(--blue), 1);
  outline: 0;
}
#content .container article #search-form fieldset.word button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: "kanitregular";
  font-size: 14px;
  padding: 7px;
  background-color: hsla(var(--blue), 1);
  color: hsla(var(--white), 1);
  border: 0;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: all var(--transition-time);
  margin-right: 10px;
}
#content .container article #search-form fieldset.word button:hover {
  background-color: hsla(var(--lightBlue), 1);
}
#content .container article #search-form fieldset.word #detailed-search-button {
  cursor: pointer;
}
@media (max-width: 768px) {
  #content .container article #search-form fieldset.word {
    display: flex;
    flex-direction: column;
  }
  #content .container article #search-form fieldset.word button {
    margin-right: 0;
  }
  #content .container article #search-form fieldset.word label, #content .container article #search-form fieldset.word input, #content .container article #search-form fieldset.word button {
    margin-bottom: 10px;
  }
}
#content .container article #search-form #advancedSearch {
  width: 100%;
}
#content .container article #search-form #advancedSearch.collapsed {
  display: none;
}
#content .container article #search-form #advancedSearch p {
  margin-bottom: 5px;
}
#content .container article #search-form #advancedSearch #finder-filter-window {
  overflow: unset;
  margin: 0 0 0 0;
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 0 0 0;
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates label {
  min-width: 120px;
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  float: none;
  list-style: none;
  padding: 0;
  width: auto;
  margin: 0 0 10px 0;
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin-right: 0;
  outline: 0;
  font-family: "kanitregular";
  font-size: 14px;
  padding: 7px;
  border: 1px solid hsla(var(--blue), 0.4);
  border-radius: var(--border-radius);
  color: hsla(var(--blue), 1);
  transition: all var(--transition-time);
  background: url(../images/arrowDown.svg) no-repeat calc(100% - 7px) center;
  cursor: pointer;
  margin-right: 5px;
  min-width: 90px;
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date select:focus, #content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date select:hover {
  border: 1px solid hsla(var(--blue), 1);
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date .input-append {
  display: flex;
  flex-direction: row;
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date .input-append input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: "kanitregular";
  font-size: 14px;
  padding: 7px;
  border: 1px solid hsla(var(--blue), 0.4);
  border-radius: var(--border-radius);
  color: hsla(var(--blue), 1);
  transition: all var(--transition-time);
  margin-right: 5px;
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date .input-append input:focus, #content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date .input-append input:hover {
  border: 1px solid hsla(var(--blue), 1);
  outline: 0;
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date .input-append #filter_date1_btn, #content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date .input-append #filter_date2_btn {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  background: url(../images/cal.svg) no-repeat hsla(var(--blue), 1) center center;
  transition: background var(--transition-time);
  font-family: "kanitregular";
  font-size: 14px;
  padding: 7px;
  background-color: hsla(var(--blue), 1);
  color: hsla(var(--white), 1);
  border: 0;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: all var(--transition-time);
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date .input-append #filter_date1_btn:hover, #content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date .input-append #filter_date2_btn:hover {
  background: url(../images/cal.svg) no-repeat hsla(var(--lightBlue), 1) center center;
}
@media (max-width: 768px) {
  #content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date br {
    display: none;
  }
  #content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .filter-date select {
    width: 100%;
    margin-bottom: 10px;
  }
  #content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .field-calendar {
    width: 100%;
  }
  #content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .field-calendar input {
    width: 100%;
  }
}
#content .container article #search-form #advancedSearch #finder-filter-window #finder-filter-select-dates .finder-selects:first-child {
  margin: 0 20px 20px 0;
}
#content .container article #search-form #advancedSearch #finder-filter-window .filter-branch {
  display: none;
  flex-direction: column;
}
#content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects {
  float: none;
}
#content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-author, #content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-category, #content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-type {
  width: 100%;
  max-width: 375px;
  margin-right: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin-right: 0;
  outline: 0;
  font-family: "kanitregular";
  font-size: 14px;
  padding: 7px;
  border: 1px solid hsla(var(--blue), 0.4);
  border-radius: var(--border-radius);
  color: hsla(var(--blue), 1);
  transition: all var(--transition-time);
  background: url(../images/arrowDown.svg) no-repeat calc(100% - 7px) center;
  cursor: pointer;
  margin-right: 5px;
  min-width: 90px;
}
#content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-author:focus, #content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-author:hover, #content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-category:focus, #content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-category:hover, #content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-type:focus, #content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-type:hover {
  border: 1px solid hsla(var(--blue), 1);
}
@media (max-width: 768px) {
  #content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects #tax-author {
    width: 100%;
    max-width: unset;
  }
}
#content .container article #search-form #advancedSearch #finder-filter-window .filter-branch .finder-selects:not(:first-child) {
  margin-top: 10px;
  display: none;
}
#content .container article #search-results {
  margin: 0;
}
#content .container article #search-results #search-query-explained {
  margin: 10px 0 30px;
  padding: 0;
  display: none;
}
#content .container article #search-results ul.search-results {
  margin: 0;
}
#content .container article #search-results ul.search-results li {
  list-style: none;
  padding-bottom: 20px;
  border-bottom: 1px solid hsla(var(--black), 0.1);
  margin: 0 0 20px 0;
}
#content .container article #search-results ul.search-results li h4 {
  line-height: 1;
  margin-bottom: 5px;
}
#content .container article #search-results ul.search-results li .source {
  line-height: 1;
  margin-bottom: 15px;
  color: hsla(var(--lightBlue), 1);
}
#content .container article #search-results ul.search-results li .result-text {
  margin-bottom: 10px;
}
#content .container article #search-results ul.search-results li .publish {
  line-height: 1;
  margin-bottom: 0;
}
#content .container article #search-results ul.search-results li:last-child {
  border-bottom: 0;
}
#content .container article #search-results .search-pages-counter {
  margin-top: 10px;
}
#content .container article #jevents_body {
  border: 0;
  background: none;
  border-radius: 0;
  padding: 0;
}
#content .container article #jevents_body h3 {
  margin-bottom: 20px;
}
#content .container article #jevents_body .jev_evdt_summary,
#content .container article #jevents_body .jev_evdt_contact {
  margin-bottom: 15px;
}
#content .container article #jevents_body .month_date {
  font-weight: normal;
  color: hsla(var(--blue), 1);
  padding: 0;
}
#content .container article #jevents_body .month_date .month_title_year {
  padding-left: 0;
}
#content .container article #jevents_body .month_date .month_title, #content .container article #jevents_body .month_date .month_title_year {
  font-size: 20px;
}
#content .container article #jevents_body .cal_today a.cal_daylink {
  padding: 0;
  border-radius: 0;
  margin: 0;
  background-color: hsla(var(--blue), 1);
  padding: 0 2px;
}
#content .container article #jevents_body .cal_today a.cal_daylink:hover {
  border: 0;
  color: hsla(var(--lightBlue), 1);
}
#content .container article #jevents_body .jev_header2 {
  display: flex;
  width: auto;
  border: 0;
  padding: 0;
  margin: 0;
  height: auto;
}
#content .container article #jevents_body .jev_header2 div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  float: none;
  min-height: 0;
  margin: 0;
  padding: 0;
  line-height: normal;
  font-weight: normal;
  width: 100%;
  color: hsla(var(--midGray), 1) !important;
  padding: 5px;
}
#content .container article #jevents_body .jev_header2 div:first-child, #content .container article #jevents_body .jev_header2 div:last-child {
  background-color: hsla(var(--blue), 1);
  border: 1px solid hsla(var(--blue), 1);
  color: hsla(var(--white), 1);
  width: 25%;
  border-radius: 0;
}
#content .container article #jevents_body .jev_header2 div:first-child a, #content .container article #jevents_body .jev_header2 div:last-child a {
  background: none !important;
  padding: 0;
}
#content .container article #jevents_body .jev_header2 div:nth-child(2) {
  border-top: 1px solid hsla(var(--blue), 1);
  border-bottom: 1px solid hsla(var(--blue), 1);
  width: 50%;
}
#content .container article #jevents_body div.new-navigation {
  margin: 10px 0 20px 0;
  display: flex;
  flex-direction: row;
}
#content .container article #jevents_body div.new-navigation > div {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0;
  text-align: left;
}
#content .container article #jevents_body div.new-navigation > div#jumpto {
  display: none;
}
#content .container article #jevents_body div.new-navigation > div > div {
  margin: 0;
  border-radius: 0;
  border: 1px solid hsla(var(--blue), 1);
  padding: 0;
  line-height: normal;
}
#content .container article #jevents_body div.new-navigation > div > div#nav-jumpto {
  display: none;
}
#content .container article #jevents_body div.new-navigation > div > div.active a {
  background-color: hsla(var(--blue), 1);
  color: hsla(var(--white), 1);
}
#content .container article #jevents_body div.new-navigation > div > div > a {
  transition: all 300ms;
  padding: 5px 10px;
  display: block;
}
#content .container article #jevents_body div.new-navigation > div > div > a:hover {
  margin: 0;
  border: 0 !important;
  background: hsla(var(--blue), 0.2);
  color: hsla(var(--blue), 1);
}
#content .container article #jevents_body div.new-navigation > div > div:first-child a:hover {
  border-radius: 0;
}
#content .container article #jevents_body div.new-navigation > div > div:last-child a:hover {
  border-radius: 0;
}
#content .container article #jevents_body div.new-navigation > div > div:not(:first-child) {
  border-left: 0;
}
#content .container article #jevents_body .jev_toprow {
  margin-bottom: 20px;
}
#content .container article #jevents_body .jev_toprow .previousmonth a, #content .container article #jevents_body .jev_toprow .nextmonth a {
  font-size: 14px;
}
#content .container article #jevents_body #jev_maincal {
  margin: 0;
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
}
#content .container article #jevents_body #jev_maincal .ev_link_weekday {
  display: block;
  padding: 0;
}
#content .container article #jevents_body #jev_maincal .ev_link_weekday .jev_daysnames {
  background: hsla(var(--lightBlue), 1);
  color: hsla(var(--bluelue), 1);
  border: 0;
  height: auto;
  line-height: initial;
  float: none;
  width: auto;
  padding: 5px;
}
#content .container article #jevents_body #jev_maincal .jev_listrow {
  float: none;
  border: 0;
  margin: 0;
  border: 0;
  margin-bottom: 0;
  float: none;
}
#content .container article #jevents_body #jev_maincal .jev_listrow ul.ev_ul {
  margin: 0;
}
#content .container article #jevents_body #jev_maincal .jev_listrow ul.ev_ul li.ev_td_li {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
}
#content .container article #jevents_body #jev_maincal .jev_listrow ul.ev_ul li.ev_td_li h2 {
  margin: 10px 0;
  border-bottom: 0;
  padding: 0;
}
#content .container article #jevents_body .event_legend_name {
  font-weight: normal;
}
#content .container article #jevents_body .cal_table {
  border: none;
  width: 100.3%;
  background-color: hsla(var(--black), 0.2);
  padding: 0;
}
#content .container article #jevents_body .cal_table a {
  font-weight: normal;
}
#content .container article #jevents_body .cal_today {
  padding: 5px;
}
#content .container article #jevents_body .cal_daylink {
  padding: 2px 5px !important;
  border-radius: 3px !important;
}
#content .container article #jevents_body .cal_daysnoevents {
  border: none;
  padding: 5px;
}
#content .container article #jevents_body .cal_daysoutofmonth {
  font-weight: normal;
  color: hsla(var(--black), 0.1);
}
#content .container article #jevents_body .location {
  display: none;
}
#content .container article #jevents_body #gmap {
  width: 100% !important;
  z-index: 1;
}
#content .container article .dropdown_list {
  margin: 15px auto;
  width: auto;
  position: relative;
  box-sizing: border-box;
}
#content .container article .dropdown_list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .container article .dropdown_list span.dropdown {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 10px;
  width: auto;
  height: 40px;
  line-height: 38px;
  background: hsla(var(--white), 1);
  border-radius: var(--border-radius);
  border: 1px solid hsla(var(--black), 0.1);
  cursor: pointer;
  overflow: hidden;
  transition: all var(--transition-time);
}
#content .container article .dropdown_list span.dropdown.is-active {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
#content .container article .dropdown_list span.dropdown.is-active:after {
  position: absolute;
  width: 9px;
  height: 7px;
  content: "";
  background: url(../images/arrowUp.svg) no-repeat;
  top: 15px;
  right: 14px;
}
#content .container article .dropdown_list span.dropdown:hover, #content .container article .dropdown_list span.dropdown:active {
  background: hsla(var(--lightBlue), 0.08);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#content .container article .dropdown_list span.dropdown:after {
  position: absolute;
  width: 9px;
  height: 7px;
  content: "";
  background: url(../images/arrowDown.svg) no-repeat;
  top: 15px;
  right: 14px;
}
#content .container article .dropdown_list a:hover {
  text-decoration: none;
  border-bottom: 0;
}
#content .container article .dropdown_list ul, #content .container article .dropdown_list ul.sidebar-menu {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
  max-height: 0;
  position: absolute;
  background: hsla(var(--white), 1);
  top: 40px;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  z-index: 10;
  overflow-y: auto;
  opacity: 0;
  transition: max-height 0.3s cubic-bezier(0, 0.6, 0, 1), opacity 0.3s cubic-bezier(0, 0.6, 0, 1);
}
#content .container article .dropdown_list ul li, #content .container article .dropdown_list ul.sidebar-menu li {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  height: auto;
  border-top: 1px dotted #ccc;
}
#content .container article .dropdown_list ul li:first-child, #content .container article .dropdown_list ul.sidebar-menu li:first-child {
  border-top: 0;
}
#content .container article .dropdown_list ul li a, #content .container article .dropdown_list ul.sidebar-menu li a {
  float: none;
  display: block;
  margin: 0;
  padding: 6px 10px 6px 25px;
  height: auto;
  width: auto;
  text-transform: none;
  color: inherit;
  background: hsla(var(--white), 1);
  text-align: left;
  border-radius: 0;
  border: 0;
}
#content .container article .dropdown_list ul li a:hover, #content .container article .dropdown_list ul li a:active, #content .container article .dropdown_list ul.sidebar-menu li a:hover, #content .container article .dropdown_list ul.sidebar-menu li a:active {
  background: hsla(var(--lightBlue), 0.08);
}
#content .container article .dropdown_list ul li a::before, #content .container article .dropdown_list ul.sidebar-menu li a::before {
  display: inline-block;
  margin-left: -15px;
  margin-right: 5px;
  width: 10px;
  height: inherit;
  content: "»";
  color: inherit;
  text-align: center;
  font-size: inherit;
  vertical-align: top;
}
#content .container article .dropdown_list span.is-active + .sidebar-menu,
#content .container article .dropdown_list span.is-active + ul {
  max-height: 350px;
  border: 1px solid hsla(var(--lightBlue), 0.3);
  border-top: 0;
  opacity: 1;
  transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#content .container aside {
  flex: 0 0 30%;
  margin-left: 30px;
  border: 1px solid hsla(var(--black), 0.1);
  padding: 18px 24px;
  border-radius: var(--border-radius);
}
#content .container aside ul:not(.sidebar-archive-accordion) li, #content .container aside ul:not(.sidebar-archive-accordion) ul:not(.ma-list) li, #content .container aside .sidebar-menu li {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid hsla(var(--black), 0.1);
}
#content .container aside ul:not(.sidebar-archive-accordion) li:last-child, #content .container aside ul:not(.sidebar-archive-accordion) ul:not(.ma-list) li:last-child, #content .container aside .sidebar-menu li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
#content .container aside ul:not(.sidebar-archive-accordion) li a, #content .container aside ul:not(.sidebar-archive-accordion) ul:not(.ma-list) li a, #content .container aside .sidebar-menu li a {
  position: relative;
  /* Ez egy Firefox hack, mert az FF jóval kisebbre méretez egy szöveget, így a marker elcsúszik */
}
#content .container aside ul:not(.sidebar-archive-accordion) li a:hover:before, #content .container aside ul:not(.sidebar-archive-accordion) ul:not(.ma-list) li a:hover:before, #content .container aside .sidebar-menu li a:hover:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -18px;
  width: 12px;
  height: 3px;
  background-color: hsla(var(--gold), 1);
}
@supports (-moz-appearance: none) {
  #content .container aside ul:not(.sidebar-archive-accordion) li a:hover:before, #content .container aside ul:not(.sidebar-archive-accordion) ul:not(.ma-list) li a:hover:before, #content .container aside .sidebar-menu li a:hover:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -18px;
    width: 12px;
    height: 3px;
    background-color: hsla(var(--gold), 1);
  }
}
#content .container aside ul:not(.sidebar-archive-accordion) li.current a, #content .container aside ul:not(.sidebar-archive-accordion) ul:not(.ma-list) li.current a, #content .container aside .sidebar-menu li.current a {
  color: hsla(var(--gold), 1);
  /* Ez egy Firefox hack, mert az FF jóval kisebbre méretez egy szöveget, így a marker elcsúszik */
}
#content .container aside ul:not(.sidebar-archive-accordion) li.current a:before, #content .container aside ul:not(.sidebar-archive-accordion) ul:not(.ma-list) li.current a:before, #content .container aside .sidebar-menu li.current a:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -18px;
  width: 12px;
  height: 3px;
  background-color: hsla(var(--gold), 1);
}
#content .container aside ul:not(.sidebar-archive-accordion) li.current a:hover, #content .container aside ul:not(.sidebar-archive-accordion) ul:not(.ma-list) li.current a:hover, #content .container aside .sidebar-menu li.current a:hover {
  color: hsla(var(--gold), 0.7);
}
@supports (-moz-appearance: none) {
  #content .container aside ul:not(.sidebar-archive-accordion) li.current a:before, #content .container aside ul:not(.sidebar-archive-accordion) ul:not(.ma-list) li.current a:before, #content .container aside .sidebar-menu li.current a:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -18px;
    width: 12px;
    height: 3px;
    background-color: hsla(var(--gold), 1);
  }
}
#content .container h3.sidebar-menu-title {
  margin: 30px 0 5px;
  color: hsla(var(--blue), 1);
}
#content .container .sidebar-archive-accordion {
  margin: 0 0 20px 0;
}
#content .container .sidebar-archive-accordion li {
  list-style: none;
  margin-left: 0;
  border-bottom: 1px solid hsla(var(--black), 0.1);
  padding-bottom: 0 !important;
  margin-block: 0 !important;
}
#content .container .sidebar-archive-accordion li:last-child {
  border-bottom: 0;
}
#content .container .sidebar-archive-accordion li .ma-accordion-title {
  background: url(../images/plus.svg) no-repeat right center;
  padding: 3px 5px 4px 5px;
  line-height: 1;
  transition: color, background-color var(--transition-time);
  cursor: pointer;
  font-weight: normal;
  font-size: unset;
  color: hsla(var(--blue), 1);
}
#content .container .sidebar-archive-accordion li .ma-accordion-title:before {
  margin-left: 0;
  float: none;
}
#content .container .sidebar-archive-accordion li .ma-accordion-title:hover {
  background: url(../images/plus.svg) no-repeat right center hsla(var(--lightBlue), 1);
  color: hsla(var(--blue), 1);
}
#content .container .sidebar-archive-accordion li .ma-accordion-content {
  margin-top: 0;
}
#content .container .sidebar-archive-accordion li .ma-accordion-content li {
  border-bottom: 0;
}
#content .container .sidebar-archive-accordion li .ma-accordion-content li a {
  display: block !important;
  padding: 3px 5px 4px 15px;
}
#content .container .sidebar-archive-accordion li:nth-child(n+2) {
  margin-top: 0;
}
#content .container .sidebar-archive-accordion li.w357ui-open .ma-accordion-title {
  background-color: hsla(var(--lightBlue), 1);
  color: hsla(var(--blue), 1);
  background: url(../images/minus.svg) no-repeat right center hsla(var(--lightBlue), 1);
}
#content .container ul.ma-list {
  margin: 0;
}
#content .container #ma-container > h2 {
  color: hsla(var(--blue), 1);
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
}
#content .container #ma-container > h2::before {
  display: none;
}
#content .container #ma-container fieldset {
  width: 100%;
  border: none;
}
#content .container #ma-container fieldset .ma-form-fields {
  margin-bottom: 30px;
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-first-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 10px;
  margin-bottom: 10px;
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-first-row .ma-select-category select,
#content .container #ma-container fieldset .ma-form-fields .ma-form-first-row .ma-select-author select {
  width: 100%;
  height: 40px;
  margin-right: 0;
  padding: 0 10px;
  border-radius: var(--border-radius);
  border: 1px solid hsla(var(--blue), 0.4);
  transition: all var(--transition-time);
  cursor: pointer;
  color: hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-first-row .ma-select-category select:hover,
#content .container #ma-container fieldset .ma-form-fields .ma-form-first-row .ma-select-author select:hover {
  border: 1px solid hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-second-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 10px;
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-search-field input {
  width: 100%;
  height: 40px;
  border-radius: var(--border-radius);
  border: 1px solid hsla(var(--blue), 0.4);
  transition: all var(--transition-time);
  cursor: pointer;
  padding: 0 10px;
  color: hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-search-field input::placeholder {
  color: hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-search-field input:hover {
  border: 1px solid hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-form-buttons {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 10px;
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-form-buttons .ma-form-search button,
#content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-form-buttons .ma-form-reset button {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border-radius: var(--border-radius);
  transition: all var(--transition-time);
  cursor: pointer;
  background-color: hsla(var(--blue), 1);
  color: hsla(var(--white), 1);
}
#content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-form-buttons .ma-form-search button:hover,
#content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-form-buttons .ma-form-reset button:hover {
  background-color: hsla(var(--lightBlue), 1);
}
#content .container #ma-container fieldset .ma-article-selectors {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 10px;
}
#content .container #ma-container fieldset .ma-article-selectors .ma-select-date select,
#content .container #ma-container fieldset .ma-article-selectors .ma-select-order select,
#content .container #ma-container fieldset .ma-article-selectors .ma-select-category select,
#content .container #ma-container fieldset .ma-article-selectors .ma-select-author select {
  width: 100%;
  height: 40px;
  margin-right: 0;
  padding: 0 10px;
  border-radius: var(--border-radius);
  border: 1px solid hsla(var(--blue), 0.4);
  transition: all var(--transition-time);
  cursor: pointer;
  color: hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-article-selectors .ma-select-date select:hover,
#content .container #ma-container fieldset .ma-article-selectors .ma-select-order select:hover,
#content .container #ma-container fieldset .ma-article-selectors .ma-select-category select:hover,
#content .container #ma-container fieldset .ma-article-selectors .ma-select-author select:hover {
  border: 1px solid hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-article-list-search {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 10px;
  margin-bottom: 30px;
}
#content .container #ma-container fieldset .ma-article-list-search .ma-search-field input {
  width: 100%;
  height: 40px;
  border-radius: var(--border-radius);
  border: 1px solid hsla(var(--blue), 0.4);
  transition: all var(--transition-time);
  cursor: pointer;
  padding: 0 10px;
  color: hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-article-list-search .ma-search-field input::placeholder {
  color: hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-article-list-search .ma-search-field input:hover {
  border: 1px solid hsla(var(--blue), 1);
}
#content .container #ma-container fieldset .ma-article-list-search .ma-form-buttons {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-column-gap: 10px;
}
#content .container #ma-container fieldset .ma-article-list-search .ma-form-buttons .ma-form-search button,
#content .container #ma-container fieldset .ma-article-list-search .ma-form-buttons .ma-form-reset button,
#content .container #ma-container fieldset .ma-article-list-search .ma-form-buttons .ma-form-back button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: var(--border-radius);
  transition: all var(--transition-time);
  cursor: pointer;
  background-color: hsla(var(--blue), 1);
  color: hsla(var(--white), 1);
}
#content .container #ma-container fieldset .ma-article-list-search .ma-form-buttons .ma-form-search button:hover,
#content .container #ma-container fieldset .ma-article-list-search .ma-form-buttons .ma-form-reset button:hover,
#content .container #ma-container fieldset .ma-article-list-search .ma-form-buttons .ma-form-back button:hover {
  background-color: hsla(var(--lightBlue), 1);
}
@media (max-width: 600px) {
  #content .container #ma-container fieldset .ma-article-list-search {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
  #content .container #ma-container fieldset .ma-form-fields .ma-form-second-row {
    display: block;
  }
  #content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-form-buttons {
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #content .container #ma-container fieldset .ma-article-list-search {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
  #content .container #ma-container fieldset .ma-form-fields .ma-form-second-row {
    display: block;
  }
  #content .container #ma-container fieldset .ma-form-fields .ma-form-second-row .ma-form-buttons {
    margin-top: 15px;
  }
}
#content .container #ma-container fieldset h3 {
  margin: 0 0 2px 0;
}
#content .container #ma-container fieldset ul.ma-list {
  margin: 0 0 15px 0 !important;
}
#content .container #ma-container fieldset ul.ma-list li {
  margin: 0;
}
#content .container #ma-container fieldset .lead {
  font-size: 16px;
  color: hsla(var(--midGray), 1);
}
#content .container #ma-container img {
  width: 100%;
  height: auto;
}
#content .container .sidebar-popular-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#content .container .sidebar-popular-tags a {
  display: inline-block;
  color: hsla(var(--midGray), 1);
  margin: 0 8px 8px 0;
  padding: 5px 8px;
  border: 1px solid hsla(var(--midGray), 0.2);
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  transition: all var(--transition-time);
}
#content .container .sidebar-popular-tags a:hover {
  border: 1px solid hsla(var(--blue), 1);
  color: hsla(var(--blue), 1);
}
#content .container .sidebar-popular-tags a span {
  display: inline-block;
  background-color: hsla(var(--lightBlue), 1);
  color: hsla(var(--white), 1);
  border-radius: 10px;
  padding: 1px 4px;
  font-size: 10px;
}

@media (max-width: 1112px) {
  #content .container {
    display: block;
  }
  #content .container article #innerSidebar {
    display: block;
  }
  #content .container aside {
    display: none;
  }
}
@media (max-width: 500px) {
  #content .container .sectionTitleContainer {
    flex-direction: column;
  }
  #content .container #contentInner {
    column-count: 1;
  }
}
#content.tf100wall {
  background-image: url(../images/tf100_paralelogrammak.svg);
  background-repeat: repeat-y;
}
#content.tf100wall #tf100members, #content.tf100wall #tf100membersMocsai {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 55px;
  margin-bottom: 30px;
}
#content.tf100wall #tf100members .tf100member, #content.tf100wall #tf100membersMocsai .tf100member {
  position: relative;
  aspect-ratio: 335/510;
  background-color: hsla(var(--white), 1);
}
#content.tf100wall #tf100members .tf100member .tf100FrontSide, #content.tf100wall #tf100membersMocsai .tf100member .tf100FrontSide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 100%;
  transition: var(--transition-time);
  cursor: pointer;
}
#content.tf100wall #tf100members .tf100member .tf100FrontSide .memberName, #content.tf100wall #tf100membersMocsai .tf100member .tf100FrontSide .memberName {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 65%;
  color: hsla(var(--white), 1);
  font-family: "Unbounded-Regular";
  font-size: 22px;
  word-wrap: normal;
  word-break: keep-all;
}
#content.tf100wall #tf100members .tf100member .tf100FrontSide:after, #content.tf100wall #tf100membersMocsai .tf100member .tf100FrontSide:after {
  position: absolute;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  right: 10px;
  bottom: 10px;
  background: url(../images/arrow_up.svg) no-repeat;
}
#content.tf100wall #tf100members .tf100member .tf100FrontSide.hide, #content.tf100wall #tf100membersMocsai .tf100member .tf100FrontSide.hide {
  display: none;
}
#content.tf100wall #tf100members .tf100member .tf100BackSide, #content.tf100wall #tf100membersMocsai .tf100member .tf100BackSide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  padding: 18px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 1px solid hsla(var(--black), 0.3);
}
#content.tf100wall #tf100members .tf100member .tf100BackSide .upperPart, #content.tf100wall #tf100membersMocsai .tf100member .tf100BackSide .upperPart {
  padding-bottom: 15px;
  border-bottom: 2px solid hsla(var(--black), 1);
}
#content.tf100wall #tf100members .tf100member .tf100BackSide .upperPart .memberName, #content.tf100wall #tf100membersMocsai .tf100member .tf100BackSide .upperPart .memberName {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 10px;
  font-family: "Unbounded-Bold";
  color: hsla(var(--black), 1);
  word-wrap: normal;
  word-break: keep-all;
}
#content.tf100wall #tf100members .tf100member .tf100BackSide .upperPart .memberPosition p, #content.tf100wall #tf100membersMocsai .tf100member .tf100BackSide .upperPart .memberPosition p {
  font-size: 10px;
  margin-bottom: 5px;
  font-family: "Unbounded-Regular";
  color: hsla(var(--black), 1);
}
#content.tf100wall #tf100members .tf100member .tf100BackSide .upperPart .memberPosition p:nth-child(2), #content.tf100wall #tf100membersMocsai .tf100member .tf100BackSide .upperPart .memberPosition p:nth-child(2) {
  margin-bottom: 0;
}
#content.tf100wall #tf100members .tf100member .tf100BackSide .memberQuote p:first-child, #content.tf100wall #tf100membersMocsai .tf100member .tf100BackSide .memberQuote p:first-child {
  font-size: 12px;
  margin-bottom: 15px;
  width: 100%;
  font-family: "Unbounded-Bold";
  color: hsla(var(--black), 1);
}
#content.tf100wall #tf100members .tf100member .tf100BackSide .memberQuote p:nth-child(2), #content.tf100wall #tf100membersMocsai .tf100member .tf100BackSide .memberQuote p:nth-child(2) {
  font-size: 10px;
  width: 80%;
  margin-bottom: 0;
  font-family: "Unbounded-Regular";
  color: hsla(var(--black), 1);
}
#content.tf100wall #tf100members .tf100member .tf100BackSide .pageCloser, #content.tf100wall #tf100membersMocsai .tf100member .tf100BackSide .pageCloser {
  background-color: hsla(var(--black), 0.05);
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  background: url(../images/arrow_down.svg) no-repeat;
}
#content.tf100wall #tf100membersMocsai {
  grid-template-columns: 1fr 2fr;
  margin-bottom: 55px;
  grid-template-areas: "image quote quote" "image translate translate" "image logo logo";
  grid-template-rows: auto auto auto;
}
#content.tf100wall #tf100membersMocsai .tf100member {
  grid-area: image;
}
#content.tf100wall #tf100membersMocsai .tf100TopQuote {
  grid-area: quote;
}
#content.tf100wall #tf100membersMocsai .tf100TopQuote p {
  font-family: "Unbounded-Regular";
  color: hsla(var(--black), 1);
  font-size: 13px;
  max-width: 530px;
}
#content.tf100wall #tf100membersMocsai .tf100TopLogo {
  grid-area: logo;
}
#content.tf100wall #tf100membersMocsai .tf100TopLogo img {
  display: block;
  max-width: 170px;
}
#content.tf100wall #tf100membersMocsai .tf100TopTranslate {
  grid-area: translate;
}
#content.tf100wall #tf100membersMocsai .tf100TopTranslate p {
  font-family: "Unbounded-Regular";
  color: hsla(var(--black), 1);
  font-size: 11px;
  max-width: 530px;
}
@media (max-width: 1239px) {
  #content.tf100wall #tf100membersMocsai {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 55px;
    grid-template-areas: "image quote" "image translate" "image logo";
    grid-template-rows: auto auto;
  }
}
@media (max-width: 768px) {
  #content.tf100wall #tf100membersMocsai {
    grid-template-columns: 1fr;
    margin-bottom: 55px;
    grid-template-areas: "quote quote" "logo logo" "translate translate" "image image";
    grid-template-rows: auto auto;
  }
}

@media (max-width: 1239px) {
  #content.tf100wall #tf100members {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
  }
}
@media (max-width: 768px) {
  #content.tf100wall #tf100members {
    display: grid;
    grid-template-columns: 1fr;
    gap: 55px;
  }
}
@media (max-width: 410px) {
  #content.tf100wall #tf100members, #content.tf100wall #tf100membersMocsai {
    display: grid;
    grid-template-columns: 1fr;
    gap: 55px;
  }
  #content.tf100wall #tf100members .tf100member, #content.tf100wall #tf100membersMocsai .tf100member {
    position: relative;
    aspect-ratio: 335/730;
    background-color: hsla(var(--white), 1);
  }
}
/*
################

Projects - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#projects {
  background-color: hsla(var(--darkBlue), 1);
}
#projects .container {
  padding: var(--default-padding);
}
#projects .container .sectionTitleContainer {
  margin-bottom: 20px;
}
#projects .container .sectionTitleContainer h2 {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: hsla(var(--lightBlue), 1);
}
#projects .container .splide__slide {
  text-align: center;
}

/*
################

Footer menu - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#footerMenu {
  background-color: hsla(var(--blue), 1);
}
#footerMenu .container {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px 25px;
  padding: var(--default-padding);
}
#footerMenu .container .footerMenuBlock h3 {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: hsla(var(--lightBlue), 1);
  margin-bottom: 12px;
}
#footerMenu .container .footerMenuBlock ul a {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: hsla(var(--white), 1);
  text-decoration: none;
  margin-bottom: 12px;
  transition: color var(--transition-time);
}
#footerMenu .container .footerMenuBlock ul a:hover {
  color: hsla(var(--white), 0.6);
}

@media (max-width: 1024px) {
  #footerMenu .container {
    display: block;
    column-count: 3;
    column-gap: 20px;
  }
  #footerMenu .container .footerMenuBlock {
    display: block;
    break-inside: avoid-column;
  }
  #footerMenu .container .footerMenuBlock h3 {
    margin-top: 36px;
  }
  #footerMenu .container .footerMenuBlock:first-child h3 {
    margin-top: 0;
  }
  #footerMenu .container a:hover {
    color: hsla(var(--white), 0.4);
  }
}
@media (max-width: 500px) {
  #footerMenu .container {
    display: block;
    column-count: unset;
    column-gap: unset;
  }
  #footerMenu .container .footerMenuBlock h3 {
    display: inline-block;
    cursor: pointer;
    position: relative;
  }
  #footerMenu .container .footerMenuBlock h3:after {
    position: absolute;
    display: inline-block;
    width: 9px;
    height: 6px;
    top: 7px;
    right: -17px;
    content: "";
    background: url(../images/arrowDown.svg) no-repeat;
    transform: rotate(180deg);
  }
  #footerMenu .container .footerMenuBlock.compact h3 {
    display: inline-block;
    position: relative;
  }
  #footerMenu .container .footerMenuBlock.compact h3:after {
    position: absolute;
    display: inline-block;
    width: 9px;
    height: 6px;
    top: 7px;
    right: -17px;
    content: "";
    background: url(../images/arrowDown.svg) no-repeat !important;
    transform: none;
  }
  #footerMenu .container .footerMenuBlock.compact li {
    height: 0;
    overflow: hidden;
    transition: height 0.2s ease-in-out;
  }
}
/*
################

Footer - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#footer {
  background-color: hsla(var(--darkBlue), 1);
}
#footer .container {
  display: flex;
  justify-content: space-between;
  padding: var(--default-padding);
}
#footer .container > div:first-child {
  display: flex;
  align-items: flex-start;
  flex: 1;
}
#footer .container > div:first-child #footerLogo {
  display: block;
  width: 184px;
  margin-right: 36px;
}
#footer .container > div:first-child #footerAddress {
  color: hsla(var(--white), 1);
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.05em;
  margin-right: 36px;
}
#footer .container > div:first-child #footerAddress a {
  color: inherit;
  text-decoration: none;
}
#footer .container > div:nth-child(2) {
  display: flex;
  flex: 1;
}
#footer .container > div:nth-child(2) #footerISO, #footer .container > div:nth-child(2) #footerNIIF {
  display: flex;
  align-items: center;
}
#footer .container > div:nth-child(2) #footerISO img, #footer .container > div:nth-child(2) #footerNIIF img {
  display: block;
  margin-right: 12px;
}
#footer .container > div:nth-child(2) #footerISO p, #footer .container > div:nth-child(2) #footerNIIF p {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  color: hsla(var(--white), 1);
}
#footer .container > div:nth-child(2) #footerISO {
  margin-right: 36px;
}
#footer .container > div:nth-child(2) #footerISO img {
  width: 34px;
}
#footer .container > div:nth-child(2) #footerISO p {
  max-width: 189px;
}
#footer .container > div:nth-child(2) #footerNIIF img {
  width: 56px;
}
#footer .container > div:nth-child(2) #footerNIIF p {
  max-width: 350px;
}

@media (max-width: 1024px) {
  #footer .container > div:nth-child(2) #footerISO, #footer .container > div:nth-child(2) #footerNIIF {
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  #footer .container {
    display: block;
  }
  #footer .container > div:first-child {
    margin-bottom: 24px;
  }
}
@media (max-width: 500px) {
  #footer {
    background-color: hsla(var(--darkBlue), 1);
  }
  #footer .container > div:first-child {
    display: block;
  }
  #footer .container > div:first-child #footerLogo {
    margin-bottom: 24px;
  }
  #footer .container > div:nth-child(2) {
    display: block;
  }
  #footer .container > div:nth-child(2) #footerISO {
    margin-bottom: 24px;
  }
}
/*
################

Credit - TE project
author: Laszlo BLAHO
www.blaho.hu

################
*/
#credit {
  background-color: hsla(var(--blue), 1);
}
#credit .container {
  display: flex;
  justify-content: space-between;
  padding: var(--default-padding) var(--default-padding) calc(var(--default-padding) * 2.5) var(--default-padding);
}
#credit .container div {
  color: hsla(var(--white), 1);
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  margin-right: 20px;
}
#credit .container li {
  display: inline-block;
}
#credit .container li a {
  font-family: "kanitmedium";
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.05em;
  color: hsla(var(--lightBlue), 1);
  margin-right: 12px;
  transition: color var(--transition-time);
}
#credit .container li a:hover {
  color: hsla(var(--lightBlue), 0.5);
}
#credit .container li a:last-child {
  margin-bottom: 0;
}

@media (max-width: 500px) {
  #credit .container {
    display: block;
    text-align: center;
  }
  #credit .container div {
    margin-right: 0;
    margin-bottom: 20px;
  }
}