/* innoelectro.com -- a J3-as shaper_helix3 fejlec-tipografiaja Helix Ultimate-en.
   Minden szabaly a J3 template.css-ebol jon (3502-3660 sorok), nem becslesbol.
   A meresek 1280 px szeles felvetelen keszultek az ELO oldalrol. */

/* Bebas: a J3 sajat kiszolgalasu 2010-es BebasNeue csaladot hasznal (Regular +
   Bold). A Google 'Bebas Neue' MAS betu (2018-as ujrarajzolas, csak Regular),
   ezert nem helyettesitheto vele -- a fajlok itt a J3-eival bajtra azonosak.
   A csalad nevet is a regi alakban tartjuk ('BebasNeue', szokoz nelkul), hogy a
   J3-as szabalyok valtoztatas nelkul athozhatok legyenek. */
@font-face {
  font-family: 'BebasNeue';
  src: url('../fonts/BebasNeueRegular.woff') format('woff'),
       url('../fonts/BebasNeueRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BebasNeue';
  src: url('../fonts/BebasNeueBold.woff') format('woff'),
       url('../fonts/BebasNeueBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =========================================================================
   LAYER 1 -- the live J3 site layer, verbatim.
   Source: the compiled tail of shaper_helix3/css/template.css (lines 3422-5646),
   which is exactly what less/custom.less compiles to: the site's own styling,
   separate from the Helix3 framework CSS above it. Two edits only -- @font-face
   sources reduced to woff/ttf (no .eot/.svg files ship with the J6 template) and
   Bootstrap 3 .col-xs-* rewritten to Bootstrap 5 .col-*.
   ========================================================================= */

/* BebasNeue @font-face is declared in the header block above */

/* BebasNeue @font-face is declared in the header block above */

@font-face {
  font-family: 'Linearicons';
  src: url('../fonts/Linearicons.ttf?nxb13m') format('truetype'), url('../fonts/Linearicons.woff?nxb13m') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Exo-Regular';
  src: url('../fonts/Exo-Regular.woff') format('woff'), url('../fonts/Exo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Exo-Medium';
  src: url('../fonts/Exo-Medium.woff') format('woff'), url('../fonts/Exo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-Light.woff?nxb13m') format('woff'), url('../fonts/SourceSansPro-Light.ttf?nxb13m') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-SemiBold.woff?nxb13m') format('woff'), url('../fonts/SourceSansPro-SemiBold.ttf?nxb13m') format('truetype');
  font-weight: 600;
  font-style: normal;
}
body {
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  background: rgba(0,0,0,0.1);
}
#sp-main-body {
  padding: 0;
}
#sp-main-body > .container {
  padding: 0 30px;
}
#sp-main-body > .container > .row {
  background-color: #fff;
  padding: 30px 15px;
}
#sp-bottom-banners > .container {
  padding: 0 15px;
}
#sp-bottom-banners > .container > .row {
  margin: 0;
  padding: 10px 0px;
  background-color: #fff;
}
#sp-page-title > .container {
  background-color: #fff;
}
.sppb-row-container {
  padding: 0;
}
h1 {
  font-size: 2em;
}
#sp-top-bar {
  padding: 0;
  height: 50px;
}
#sp-top-bar > .container {
  padding: 0 30px;
}
#sp-top1 .sp-column > .sp-module {
  margin: 0;
}
#topmenu {
  margin: 0px 0 0px;
}
.sp-module ul#topmenu > li::before {
  display: none;
}
#topmenu > li {
  border: none;
  border-right: 1px solid #1b1b1b;
  display: inline-block;
  font-family: 'BebasNeue';
  padding: 4px 0 0;
  position: relative;
  margin-top: 18px;
}
#topmenu > li > a {
  color: #fff;
  float: left;
  font-size: 24px;
  line-height: 12px;
  font-weight: 300;
  letter-spacing: 0;
  padding: 0 0.5em 0;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
}
#topmenu li:first-child a {
  padding-left: 0;
}
#topmenu li:last-child {
  border-right: none;
}
#topmenu > li > a:hover {
  font-weight: 600;
  -webkit-transition: 300ms;
  transition: 300ms;
}
ul.social-icons {
  float: right;
  margin: 0;
}
ul.social-icons li {
  margin: 0 7px;
  line-height: 33px;
}
ul.social-icons > li a {
  color: #1b1b1b;
}
#sp-header {
  box-shadow: none;
  max-height: 50px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
  background-color: rgba(0,0,0,0.7);
}
#sp-header > .container {
  padding: 0 30px 0 45px;
}
ul.fg-header {
  list-style: outside none none;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}
ul.fg-header > li {
  display: list-item;
  padding: 0;
  position: relative;
}
.fg-logo {
  background-color: #fff;
}
.fg-logo .header-logo {
  background: transparent no-repeat;
  background-image: url("/images/design/logo-white.png");
  background-size: contain;
  background-position: 0 50%;
  text-indent: -9999px;
  width: 50px;
  display: block;
  float: left;
  height: 32px;
  margin: 9px 0px 9px 0;
}
#sp-menu {
  padding: 0 15px 0px 0px;
}
.sp-megamenu-parent {
  float: left;
  font-size: 0;
  line-height: 0;
}
.sp-megamenu-parent > li {
  font-size: 22px;
  padding-top: 21px;
}
.sp-megamenu-parent > li:first-child {
  display: none;
}
.sp-megamenu-parent > li {
  border: none;
  display: inline-block;
  font-family: 'BebasNeue';
  padding: 3px 0;
  position: relative;
  margin-top: 15px;
}
.sp-megamenu-parent > li:not(:last-child) {
  border-right: 1px solid #fff;
}
.sp-megamenu-parent > li > a {
  color: #fff;
  float: left;
  font-size: 24px;
  line-height: 12px;
  font-weight: 400;
  letter-spacing: 0;
  padding: 0 0.7em 0;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
  margin-top: 4px;
  margin-bottom: -2px;
}
.sp-megamenu-parent > li.sp-has-child > a::after {
  line-height: 22px;
}
.sp-megamenu-parent > li.sp-has-child > a::after {
  line-height: 12px;
  font-size: 20px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  line-height: 24px;
  padding: 7px 10px 1px;
}
#sp-menu ul.fg-header {
  margin-left: 0px;
}
#offcanvas-toggler {
  line-height: 49px;
  color: #fff;
  float: right;
  font-size: 26px;
  margin: 4px 3% 0px 15px;
}
.sp-megamenu-parent.slogan-wrapper .sp-menu-item {
  padding-top: 0;
}
.sp-megamenu-parent.slogan-wrapper .sp-menu-item a {
  margin-top: -1px;
  cursor: default;
}
.sp-megamenu-parent.slogan-wrapper > li:hover > a,
.sp-megamenu-parent.slogan-wrapper > li.active > a {
  color: #111;
  background-color: #fff;
}
.mod-languages {
  float: right;
  margin-left: 1rem;
}
div.mod-languages ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-inline-start: 0px;
  max-height: 50px;
  box-sizing: border-box;
}
#sp-menu .mod-languages ul.lang-inline li {
  display: inline-block;
  padding: 20px 0 18px;
  box-sizing: border-box;
}
#sp-menu .sp-module .mod-languages ul.lang-inline > li::before {
  display: none;
}
#sp-page-builder .sp-pagebuilder-page-edit {
  display: none;
}
.sp-module .sp-module-title {
  font-size: 1.2em;
  margin: 0 0 20px 0;
}
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
  padding-right: 0;
}
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div > div {
  vertical-align: bottom;
}
#main-section {
  font-family: 'BebasNeue';
  text-transform: uppercase;
  color: white;
  font-weight: 400;
}
#main-section #sppb-addon-1597605400650 .sppb-countdown-number {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder !important;
  font-size: 70px !important;
  width: unset;
}
#main-section #sppb-addon-1597605400650 .sppb-countdown-days .sppb-countdown-number {
  color: #ff8d3a;
}
#main-section .sppb-addon-countdown .sppb-countdown-timer .sppb-countdown-hours .sppb-countdown-number {
  color: #ffef80;
}
#main-section .sppb-addon-countdown .sppb-countdown-timer .sppb-countdown-minutes .sppb-countdown-number {
  color: #85fff6;
}
#main-section .sppb-addon-countdown .sppb-countdown-timer .sppb-countdown-seconds .sppb-countdown-number {
  color: #48cf86;
}
#main-section .sppb-addon-countdown .sppb-countdown-timer .sppb-text-center .sppb-countdown-text {
  font-size: 30px;
}
.event-data {
  padding: 60px 0;
}
#event-name {
  font-size: 75px;
  font-weight: 700;
  line-height: 1;
}
#event-date {
  font-size: 50px;
  line-height: 1;
  padding: 2px 0 7px;
}
#event-venue {
  font-size: 30px;
  line-height: 1;
}
.about-us-logo img {
  width: 170px;
  max-width: 100%;
}
.sppb-carousel-item-inner .sppb-row .sppb-col-sm-6:last-child {
  display: none;
}
.sppb-carousel-item-inner .sppb-row .sppb-col-sm-6:first-child {
  max-width: 100%;
  flex: 0 1 auto;
  margin-bottom: 0.3em;
  text-align: right;
}
.sppb-carousel-pro-text h2 {
  font-family: 'BebasNeue';
  font-size: 40px;
  line-height: 40px;
  display: table-cell;
  padding: 0.6em 0.8em 0.4em 0.8em;
  background-color: rgba(0,0,0,0.6);
  position: relative;
  left: 15px;
}
#column-id-1502738741599 {
  padding: 2.5% 3% 2.5% 3%;
}
#column-id-1506164569017 {
  padding: 0 0 2.5% 0;
}
#column-id-1502293481479 {
  padding: 0px 5% 5% 5%;
}
#column-id-1504000591411 {
  padding: 0px 5% 5% 5%;
  margin-top: -1px;
}
#sp-page-builder #festival-title {
  padding: 0;
  margin: 0 auto 0;
}
.festival-title-text {
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 0;
}
.custom.festival-title {
  width: 100%;
  padding-bottom: 50%;
  position: relative;
}
.festival-info-image {
  margin: 0 auto 20px;
}
.festival-info-image img {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 190px;
}
.festival-info-text {
  text-align: center;
  padding: 0 10%;
}
.program-list-wrapper .sppb-addon-content {
  padding: 0 3%;
  border: 1px solid #333;
  font-family: 'Exo-Regular';
  font-size: 0.875em;
  text-transform: uppercase;
}
.sppb-addon-content .btn {
  font-family: 'Source Sans Pro', sans-serif;
}
.event-day {
  text-align: center;
  font-size: 1.45em;
  font-family: 'Exo-Medium';
  font-weight: 700;
  margin: 10px auto 20px;
}
.program-list-wrapper .mod-program a,
.section-articles a {
  color: #333;
}
.program-list-wrapper .sppb-addon-content table td.event-title,
.section-articles {
  font-family: 'Exo-Medium';
}
.program-list-wrapper .sppb-addon-content table .event-speaker a,
.section-articles .event-speaker a {
  color: #888;
}
.program-list-wrapper .sppb-addon-content table td.event-speaker a:hover,
.program-list-wrapper .sppb-addon-content table td.event-title a:hover,
.section-articles .event-speaker a:hover {
  color: #71c448;
}
caption.section-wrapper {
  padding: 8px;
  color: #333;
  text-align: left;
  background-color: #289cc6;
  font-weight: 600;
}
.mod-program .event-speaker-image {
  padding-bottom: 40px;
  width: 40px;
  background-size: cover;
}
.section-articles .event-speaker-image {
  padding-bottom: 50px;
  width: 50px;
  background-size: cover;
}
.author-list-wrapper .sppb-addon-content .sppb-addon-title,
.exhibitor-list-wrapper .sppb-addon-content .sppb-addon-title,
.program-list-wrapper .sppb-addon-content .sppb-addon-title {
  font-size: 3.2em;
  line-height: 1.1;
  color: #1b1c1b;
  text-transform: uppercase;
  font-family: 'BebasNeue';
  display: table;
  padding: 25px 15px 0;
  margin: 0 auto 0px;
}
.author-list-wrapper .sppb-addon-content .sppb-addon-title {
  color: rgba(255,255,255,0.9);
}
#sp-page-builder > .page-content > #section-id-1502738741598.sppb-section {
  margin-top: 0px;
}
#section-id-1502738741598 > .sppb-row-container > .sppb-row > .sppb-col-md-9 {
  padding-left: 0;
}
#section-id-1502738741598 > .sppb-row-container > .sppb-row > .sppb-col-md-3 {
  padding-right: 0;
}
#section-id-1502738741598.program-list-wrapper .sppb-col-md-3 .sppb-addon-content {
  border: none;
}
.program-list-readmore.btn {
  margin: 30px auto 25px;
  display: table;
  background-color: #4F8BBF;
  font-weight: bold;
  padding: 9px 13px 7px;
}
.program-list-readmore.btn:hover {
  background-color: #f4c127;
}
.mod-contacts > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mod-contacts .row .contact.content-authors {
  margin-bottom: 30px;
}
.mod-contacts .row:last-child {
  margin-bottom: 0px;
}
.mod-contacts .author-image {
  width: 100%;
  margin: 0 auto 10px;
  border-radius: 0;
  overflow: hidden;
  padding-bottom: 100%;
  filter: grayscale(0%);
  background-color: #fff;
}
.mod-contacts a.author-url:hover .author-image {
  filter: grayscale(90%);
}
.mod-contacts .content-author {
  padding-bottom: 20px;
}
.mod-contacts .author-name,
.mod-contacts .author-type,
.contact-category .author-type {
  font-size: 20px;
  color: #fff;
  text-transform: none;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
}
.contact-category .author-type {
  color: #333;
}
.mod-contacts .author-type,
.contact-category .author-type {
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.1em;
}
.exhibitor-list-wrapper .content-author .author-image {
  border: 1px solid #4F8BBF;
  margin-bottom: 10px;
}
.exhibitor-list-wrapper .content-author .author-name {
  font-size: 1em;
  line-height: 1.03;
  margin-bottom: 5px;
}
.exhibitor-list-wrapper .content-author .author-type {
  font-size: 0.85em;
  line-height: 1.1;
}
.sppb-addon-content .sppb-addon-title {
  font-size: 1.2em;
  margin: -0.2em 0 0;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
}
.sppb-addon-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sppb-addon-content ul > li {
  display: list-item;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  position: relative;
  padding: 15px 15px 15px 19px;
  font-size: 1em;
  line-height: 1.1em;
}
.sppb-addon-content ul > li::before {
  border-color: transparent transparent transparent #4f8cc2;
  border-style: solid none solid solid;
  border-width: 6px medium 6px 12px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 18px;
  width: 0;
}
.sppb-addon-content ul > li a:before {
  content: none;
}
.sppb-addon-content ul > li a {
  line-height: inherit;
}
.sppb-addon-content ul > li {
  border-bottom: 1px solid #e8e8e8;
  transition: all 300ms ease 0s;
}
.sppb-addon-content ul > li > a {
  color: #000000;
}
.sp-module ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sp-module ul > li {
  display: list-item;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  position: relative;
  padding: 15px 15px 15px 19px;
  font-size: 1em;
  line-height: 1.1em;
}
.sp-module ul > li:before {
  border-color: transparent transparent transparent #4f8cc2;
  border-style: solid none solid solid;
  border-width: 6px medium 6px 12px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 19px;
  width: 0;
}
.sp-module ul > li a:before {
  content: none;
}
.sp-module ul > li a {
  line-height: inherit;
}
div.offcanvas-inner {
  font-family: 'BebasNeue';
}
div.offcanvas-inner > div > div > ul > li:first-child {
  display: none;
}
.offcanvas-inner .sp-module ul > li {
  padding: 0;
}
.offcanvas-inner .sp-module ul > li::before {
  border: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  font-size: 1.1em;
}
.offcanvas-menu .offcanvas-inner .sp-module {
  margin: 0;
  padding: 30px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:last-child {
  border: none;
}
.view-featured #sp-main-body > .container {
  padding: 30px 0;
}
.entry-image.intro-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 1em;
  overflow: hidden;
  padding-bottom: 66.6666%;
  position: relative;
}
.view-category.layout-blog .entry-image.intro-image,
.layout-shaper_helix3blog .entry-image.intro-image,
.com-tags.view-tag .entry-image.intro-image {
  margin-bottom: 1em;
}
.entry-image.intro-image img {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.items-leading .entry-image {
  margin-bottom: 0;
}
.entry-header {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 0;
  position: relative;
}
.com-sppagebuilder .items-leading .entry-header {
  background: rgba(0,0,0,0.4);
  margin: -5.55em 0 1em;
  padding: 1.85em 0 1.15em;
  text-align: center;
  z-index: 2;
}
.entry-header h2 {
  font-size: 2.3em;
  margin: 0 auto 0.3em;
}
.items-intro .entry-header h2 {
  margin: 0 auto 0.3em;
}
.items-intro .entry-header h2 {
  max-height: 1.1em;
  overflow: hidden;
}
.sppb-col-md-3 .items-intro .entry-header h2 {
  max-height: 2.2em;
}
.com-sppagebuilder .items-leading .entry-header h2 {
  font-size: 2.3em;
  margin: 0 auto;
  text-transform: uppercase;
}
.com-sppagebuilder .items-leading .entry-header h2 a {
  color: white;
}
#mainpage-phoo-wrapper .sppb-addon-image-content {
  max-width: 1170px;
  margin: 0 auto;
}
#mainpage-phoo-wrapper .sppb-addon-image-content .sppb-image-holder {
  width: 100%;
  padding-bottom: 10%;
}
#mainpage-phoo-wrapper .sppb-container .sppb-col-sm-6 {
  width: 33%;
  background-color: rgba(0,0,0,0.6);
}
#mainpage-phoo-wrapper .sppb-addon-image-content.aligment-right .sppb-content-holder {
  padding: 7% 10% 70% 0;
}
#mainpage-phoo-wrapper .sppb-image-content-title {
  font-size: 2.7em;
  font-family: 'BebasNeue';
}
#mainpage-phoo-wrapper a.sppb-btn.sppb-btn-default.sppb-btn-rounded {
  background-color: transparent;
  border: 1px solid #aaa;
  border-radius: 17px;
  color: #aaa;
  margin-top: 5%;
}
#mainpage-phoo-wrapper a.sppb-btn.sppb-btn-default.sppb-btn-rounded:hover {
  border: 1px solid #ddd;
  color: #ddd;
}
.entry-header h2 a {
  color: #0e0e0e;
}
.sppb-col-md-4 .entry-header h2 {
  font-size: 2em;
}
.col-md-3 .entry-header h2,
.sppb-col-md-3 .entry-header h2 {
  font-size: 1.8em;
}
.article-info > dd {
  font-size: 16px;
}
.article-info {
  line-height: 16px;
  margin: 0 -8px 0px;
}
.view-article.layout-blog .article-info {
  line-height: 16px;
  margin: 0 0 20px;
}
.article-info.proba-info {
  margin: -15px 0 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.items-leading .article-summary {
  font-size: 1.2em;
  text-align: center;
  letter-spacing: -0.4px;
}
article.item {
  margin-bottom: 2em;
}
#sp-bottom {
  font-size: 14px;
}
#sp-bottom .sp-module .sp-module-title,
#sp-bottom h3 a {
  font-family: 'BebasNeue';
  color: white;
  font-weight: 400;
}
#sp-bottom .sp-module .sp-module-title {
  font-size: 1.8em;
}
#sp-bottom .sp-module  h3 {
  text-align: left;
}
#sp-bottom > .container > .row {
  margin: 0;
  background-color: #363636;
  color: white;
  padding: 30px 25px 25px;
}
#sp-bottom > .container > .row .sp-module-content a {
  color: #7bb6d7;
  font-weight: 400;
}
.entry-header .tags {
  margin-top: 0;
}
article .entry-image img {
  width: 100%;
}
a.hash-tag {
  margin: 0 5px 5px 0;
}
.entry-header h2 a {
  font-family: 'BebasNeue';
}
.sp-megamenu-parent {
  font-family: 'BebasNeue';
}
a.hash-tag,
.hash-tag a {
  font-family: 'BebasNeue';
  margin: 0 5px 5px 0;
  font-size: 1.1em;
  font-weight: normal;
  white-space: nowrap;
}
.hash-tag > span {
  margin-right: 2px;
}
#sp-bottomunder a.hash-tag {
  margin: 0 10px 10px 0;
  line-height: 1.1;
  vertical-align: middle;
}
.sp-module .tagscloud {
  text-align: justify;
}
.finder .page-header.category-blog-layout,
.page-header.category-blog-layout {
  margin: 0 0 22px;
  border: none;
  padding: 0 10px;
  height: 72px;
  overflow: hidden;
  background-color: #13100d;
  color: white;
}
.tag-category .page-header.category-blog-layout {
  height: 52px;
  padding: 2px 10px 0;
}
.page-header.category-blog-layout h1 {
  margin: 0;
  font-family: 'BebasNeue';
  font-weight: 400;
}
.tag-category .page-header.category-blog-layout h1 {
  font-size: 40px;
}
.view-category .blog .items-leading .entry-header h2,
.com-tags.view-tag .items-leading .entry-header h2 {
  font-size: 2.4em;
}
.item.item-page .entry-header h2,
#featured-magazine-image .entry-header h2 {
  font-family: 'BebasNeue';
  margin: 0 0 15px 0;
  font-size: 30px;
}
.proposal {
  font-weight: 700;
}
.item.item-page .entry-header h2 {
  font-size: 2.3em;
}
#featured-magazine-image .entry-header h2 {
  margin: 0;
  font-size: 2.35em;
  text-align: center;
}
h2.article-subtitle {
  display: none;
}
.view-category .blog .entry-header h2.article-subtitle,
.view-tag .blog .entry-header h2.article-subtitle,
h2.article-subtitle,
.sppb-col-md-4 .entry-header h2.article-subtitle {
  font-family: 'BebasNeue';
  font-weight: 400;
  font-size: 1.5em;
  margin: -5px 0 15px;
  line-height: 1.13;
}
.item.item-page .entry-header h2.article-subtitle {
  display: block;
  font-family: 'BebasNeue';
  font-weight: 400;
  font-size: 1.8em;
  margin-top: -5px;
}
.item.item-page .article-lead {
  font-weight: 600;
}
.item.item-page img {
  margin: 0px auto 0;
}
.image-wrapper {
  display: table;
  margin: 1.3em auto 1.5em;
  background-color: #f6f6f6;
}
.image-wrapper img {
  max-width: 100%;
}
.image-sub-wrapper::before {
  float: left;
  border-color: transparent transparent #888 transparent;
  border-style: none solid solid solid;
  border-width: 0 6px 14px 6px;
  content: "";
  margin-left: -1.5em;
  margin-top: 0.7em;
}
.image-sub-wrapper {
  font-weight: normal;
  line-height: 1.1em;
  font-size: 0.875em;
  color: #666;
  position: relative;
  padding: 0.7em 2em 1.4em;
  background-color: #f6f6f6;
  border-top: 1px solid #e0e0e0;
}
.image-sub-wrapper {
  display: table-caption;
  caption-side: bottom;
}
.image-sub,
.image-copyright {
  padding-top: 0.7em;
}
.image-copyright {
  color: #888;
}
.helix-social-share {
  float: none;
  margin: 15px 0 25px auto;
}
.helix-social-share .helix-social-share-icon ul li div a {
  background: none;
  border-radius: 50%;
  height: 40px;
  padding-top: 7px;
  text-align: center;
  width: 40px;
  display: inline-block;
  border: 1px solid #4f8cc2;
}
.proposal-wrapper {
  margin-top: 20px;
  background-color: #eee;
  border-left: 5px solid #4f8cc2;
  border-right: 5px solid #4f8cc2;
  padding: 20px;
}
.btn.btn-buy-magazine,
.btn.btn-subscribe {
  display: table;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: pre-line;
  padding: 7px 14px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #4f8cc2;
  border-radius: 17px;
  color: #4f8cc2;
  margin: 1% auto 0 0;
}
.btn.btn-buy-magazine {
  margin-bottom: 10%;
}
.categories-list.magazin img {
  width: 100%;
  max-width: 250px;
  box-shadow: 0 0 10px #999;
  margin: 0 0 0px auto;
}
.categories-list.magazin .entry-header h2 {
  text-align: left;
}
.pagination-wrapper {
  text-align: center;
  display: table;
  margin: 0 auto;
}
.categories-list.magazin .row {
  margin: 25px -15px 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
}
.categories-list.magazin .row.last {
  border-bottom: none;
}
.blog article.item .tags {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  background-color: white;
}
.acymailing_module_form table.acymailing_form {
  width: 100%;
  margin-top: 15px;
}
.acymailing_module_form table.acymailing_form input {
  width: 100%;
}
.view-category .blog .items-row.row {
  display: flex;
  margin-bottom: 25px;
}
.intro-image .img_caption {
  display: none;
}
.view-category .blog .entry-header h2,
.blog .entry-header h2 {
  font-size: 1.8em;
}
section#sp-page-title {
  display: none;
  padding: 0;
}
#sp-page-title.container {
  margin-top: -50px;
  padding: 0 15px;
}
.entry-header h2 span {
  font-size: 0.8em;
  padding-top: 10px;
  display: block;
  margin-bottom: -5px;
}
#featured-magazine-image {
  width: 100%;
  padding-bottom: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
#featured-magazine-image .entry-header {
  position: absolute;
  bottom: 0;
  color: white;
  width: 100%;
  padding: 2.5% 10%;
  background-color: rgba(0,0,0,0.55);
}
.content-author {
  padding-bottom: 30px;
}
.author-image {
  width: 90%;
  margin: 0 auto 20px;
  border-radius: 50%;
  overflow: hidden;
  padding-bottom: 90%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  filter: grayscale(90%);
  transition: .5s ease-in-out;
  -webkit-filter: grayscale(10%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(10%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(10%);
  -o-transition: .5s ease-in-out;
}
a.author-url:hover .author-image {
  filter: grayscale(10%);
  transition: .5s ease-in-out;
  -webkit-filter: grayscale(90%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(90%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(90%);
  -o-transition: .5s ease-in-out;
}
.contacts-row .author-image {
  margin-bottom: 10px;
}
.author-name {
  text-align: center;
  font-weight: 600;
  color: #333;
}
.author-url > div {
  margin-bottom: 0px;
}
.contact-category .author-url > div:last-child {
  margin-bottom: 30px;
}
.contact-category .author-image {
  border-radius: 0;
}
.author-desc {
  font-size: 13px;
  text-align: center;
  margin: 10px 0;
  color: #333;
}
.content-source .source-text {
  font-size: 14px;
  text-align: center;
  margin: 0 0 10px 0;
  color: #333;
  word-break: break-all;
}
.contact .author-desc {
  text-align: left;
  font-size: 1em;
}
.author-social a {
  display: inline-table;
  margin-right: 5px;
  vertical-align: middle;
}
.author-social .fa {
  width: 40px;
  line-height: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid;
  text-align: center;
  transition: 0.2s ease-in-out;
}
.author-social .fa:hover {
  color: white;
  transition: 0.2s ease-in-out;
}
.author-social .fa.fa-globe {
  background-color: #4f8cc2;
  border-color: #4f8cc2;
  font-size: 43px;
  color: white;
  line-height: 38px;
}
.author-social .fa.fa-globe:hover {
  color: #4f8cc2;
  background-color: white;
}
.author-social .fa.fa-safari {
  border: none;
  font-size: 40px;
  color: #4f8cc2;
  line-height: 40px;
}
.author-social .fa.fa-safari:hover {
  color: #2c587f;
}
.author-social .fa.fa-facebook {
  color: #3b5998;
  border-color: #3b5998;
}
.author-social .fa.fa-facebook:hover {
  background-color: #3b5998;
  color: white;
}
.author-social .fa.fa-instagram {
  color: #333;
  border-color: #555;
  line-height: 38px;
}
.author-social .fa.fa-instagram:hover {
  background-color: #555;
  color: white;
}
.author-social .fa.fa-linkedin {
  color: #0a66c2;
  border-color: #0a66c2;
}
.author-social .fa.fa-linkedin:hover {
  background-color: #0a66c2;
  color: white;
}
.author-social .fa.fa-google-plus {
  color: #dd4b39;
  border-color: #dd4b39;
}
.author-social .fa.fa-google-plus:hover {
  background-color: #dd4b39;
  color: white;
}
.author-social .fa.fa-pinterest {
  color: #cb2027;
  border-color: #cb2027;
}
.author-social .fa.fa-pinterest:hover {
  background-color: #cb2027;
  color: white;
}
.author-social .fa.fa-twitter {
  color: #55acee;
  border-color: #55acee;
}
.author-social .fa.fa-twitter:hover {
  background-color: #55acee;
  color: white;
}
.author-social .fa.fa-youtube {
  color: #cc181e;
  border-color: #cc181e;
}
.author-social .fa.fa-youtube:hover {
  background-color: #cc181e;
  color: white;
}
.author-social .fa.fa-tumblr {
  color: #35455C;
  border-color: #35455C;
}
.author-social .fa.fa-tumblr:hover {
  background-color: #35455C;
  color: white;
}
.article-date,
.author-type,
.content-source .source-label {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  text-align: left;
  color: #9B9B9B;
  font-weight: bold;
  line-height: 17px;
  padding-bottom: 0.2em;
}
.author-type,
.content-source .source-label {
  text-align: center;
}
.content-authors .author-url {
  color: #333;
}
h1.page-header {
  padding-bottom: 0px;
  font-size: 2.5em;
}
h1 .subheading-category {
  font-family: 'BebasNeue';
  padding: 20px 20px 10px;
  display: inline-block;
}
.tag-category h1,
.blog > h1,
.contact-category h1 {
  margin: 0 0 30px;
  background-color: rgba(0,0,0,0.1);
  text-align: center;
}
.contact-category h1 {
  margin: 0 0 30px;
  background-color: #289cc6;
  text-align: center;
}
.blog.hetproba > .page-header {
  padding: 0;
  background: white;
}
.blog.hetproba .page-header h1 {
  margin: 0 0 30px;
  background-color: #289cc6;
  text-align: center;
}
.com-contact.view-categories #sp-main-body > .container {
  padding: 17px 0;
}
.impressum-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.com-contact .categories-list-wrapper {
  padding-top: 15px;
}
.com-contact .categories-list-wrapper .categories-list > div {
  border-bottom: 1px solid #565656;
}
.com-contact .categories-list-wrapper .categories-list > div.last {
  border-bottom: none;
}
.com-contact .categories-list-wrapper .categories-list .page-header.item-title {
  font-family: 'BebasNeue';
  font-size: 2.1em;
  margin: 20px 0 10px;
  border-bottom: none;
  color: #4f8cc2;
}
.com-contact .categories-list-wrapper .categories-list .first .page-header.item-title {
  margin-top: 0;
}
.com-contact.view-categories .categories-list-wrapper .categories-list .author-image {
  width: 70%;
  padding-bottom: 70%;
}
.com-contact .categories-list-wrapper .categories-list .author-url > div {
  margin-bottom: 20px;
}
.impressum {
  background-color: rgba(0,0,0,0.15);
  padding: 15px;
}
.impressum > div {
  display: block;
}
.impressum .page-header {
  font-family: 'BebasNeue';
  font-size: 2.1em;
  font-weight: 300;
  border-bottom: none;
  margin: 0 0 20px;
}
.com-contact.view-contact .contact-wrapper {
  border-bottom: 2.5px solid #4f8cc2;
  margin-bottom: 1.7em;
  padding-bottom: 1.7em;
}
.com-contact.view-contact .author-image {
  width: 100%;
  border-radius: 0;
  padding-bottom: 100%;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  margin-bottom: 0;
}
.contact h1.page-header {
  font-family: 'BebasNeue';
  font-size: 2.1em;
  margin: 0;
  border-bottom: none;
  color: #4f8cc2;
}
.com-contact.view-contact .author-type {
  text-align: left;
  margin-bottom: 15px;
  color: #1d1d1b;
  font-family: 'BebasNeue';
  font-size: 1.2em;
  font-weight: 300;
}
.com-contact.view-contact .author-desc {
  margin-top: 15px;
}
.contact-articles .contact-article-wrapper article {
  border-bottom: 1px solid #555555;
  margin-bottom: 1.3em;
  padding-bottom: 1.3em;
}
.contact-articles .contact-article-wrapper:last-child article {
  border-bottom: none;
}
.com-contact.view-contact .entry-header {
  overflow: hidden;
  margin-bottom: 0.3em;
}
.contact-articles .contact-article-wrapper article .article-date.lecture {
  font-weight: 400;
}
.com-contact.view-contact .entry-header h2 {
  font-size: 2.1em;
}
.com-contact.view-contact .entry-header h2.article-subtitle {
  display: block;
  font-size: 1.8em;
  margin: -12px 0 5px;
}
.article-date.lecture {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: none;
  font-size: 1em;
  text-align: left;
  color: #333;
  font-weight: 700;
  line-height: 1;
}
.event-info-wrapper {
  width: 100%;
  border-bottom: 2px solid #289cc6;
  margin-bottom: 15px;
}
.event-info-wrapper td {
  height: 92px;
  padding: 10px;
  font-weight: 600;
}
.event-date.lecture-alternative {
  font-family: 'BebasNeue';
  text-transform: none;
  text-align: center;
  font-weight: 300;
  width: 92px;
  font-size: 16px;
  line-height: 14px;
  color: #333;
  background-color: #eee;
  float: left;
}
.event-date.lecture-alternative .event-time {
  line-height: 38px;
  min-height: 38px;
  font-size: 35px;
  font-weight: 700;
  color: #289cc6;
  padding-top: 6px;
}
.event-month-day,
.event-year {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
}
.event-year {
  font-size: 16px;
}
.event-sectiontitle {
  text-align: left;
}
.event-sectiontitle label {
  margin-bottom: 0px;
  font-size: 13px;
}
.sppb-addon-content .event-venue {
  text-align: left;
  white-space: nowrap;
}
.com-contact.view-contact .entry-image.intro-image {
  margin-bottom: 0;
}
.com-contact.view-contact .contact-articles {
  margin-top: 0px;
}
.blog .fields-container {
  display: none;
}
.avPlayerWrapper {
  margin: 25px auto;
}
.sp-copyright {
  float: left;
}
#sp-footer1 .sp-module {
  margin: 0;
  float: right;
}
#sp-footer1 .sp-module ul#bottom-menu > li {
  display: inline-block;
  border: none;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 0;
  position: relative;
}
ul#bottom-menu > li > a {
  border: none;
  border-right: 1px solid #fff;
  color: #fff;
  float: left;
  font-size: 0.8em;
  font-weight: 300;
  letter-spacing: 0;
  padding: 0 1em 0;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
}
ul#bottom-menu > li > a:hover {
  font-size: 0.85em;
}
#bottom-menu li:last-child a {
  border-right: none;
  padding-right: 0;
}
.sp-module.side-banners {
  margin-top: 0;
}
.sp-module.side-banners .banneritem {
  margin-top: 10px;
  box-shadow: 0 0 7px #777;
}
.side-banners.foldgomb .banneritem:first-child {
  margin: 15px auto 20px;
  max-width: 175px;
}
#sp-skyscreaper-right {
  width: 120px;
  position: fixed;
  top: 135px;
  left: 50%;
  margin-left: 595px;
  z-index: 100;
}
#sp-skyscreaper-left {
  width: 120px;
  position: fixed;
  top: 135px;
  right: 50%;
  margin-right: 595px;
  z-index: 100;
}
#sp-skyscreaper-right .row,
#sp-skyscreaper-left .row {
  margin: 0;
}
#sp-skyscreaperleft,
#sp-skyscreaperright {
  padding: 0;
}
#banner-after-content-wrapper img,
.full-width-banner img {
  width: 100%;
  height: auto;
}
.bannergroup.banners-partners {
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bannergroup::after {
  content: 'hirdetés';
  color: #ccc;
  font-size: 0.8em;
  text-align: center;
  display: block;
}
.banners-partners .bannergroup::after {
  position: absolute;
  bottom: -12px;
}
.sp-module.banners-partners {
  margin: 5px 0 0;
}
.banners-partners a img {
  max-height: 70px;
  width: auto;
  filter: grayscale(100%);
  transition: .5s ease-in-out;
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%);
  -o-transition: .5s ease-in-out;
}
.banners-partners a:hover img {
  filter: grayscale(0%);
  transition: .5s ease-in-out;
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
}
.banners-partners .banneritem {
  margin: 0;
  display: inline-block;
  padding: 0 9px 10px 0;
}
#sp-bottombanners .bannergroup .banneritem.col {
  width: 12.5%;
}
.banners-partners .banneritem:last-child {
  padding-right: 0;
}
h3.banners-partners-head {
  font-family: 'BebasNeue';
  font-size: 1.3em;
  text-align: center;
  color: #9d9d9c;
  font-weight: 400;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin: 0 auto 10px;
  line-height: 1em;
  padding: 6px 10px 0;
}
.pagebuilder-right-column .banneritem {
  padding-bottom: 10px;
}
.pagebuilder-right-column .banneritem:last-child {
  padding-bottom: 0px;
}
.mc-hide-scrolls {
  overflow: hidden;
}
.lnr {
  font-family: 'Linearicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lnr-home:before {
  content: "\e800";
}
.lnr-lock:before {
  content: "\e80f";
}
.lnr-trash:before {
  content: "\e811";
}
.lnr-envelope:before {
  content: "\e818";
}
.lnr-camera:before {
  content: "\e826";
}
.lnr-user:before {
  content: "\e82a";
}
.lnr-cart:before {
  content: "\e82e";
}
.lnr-earth:before {
  content: "\e853";
}
.lnr-magnifier:before {
  content: "\e86f";
}
.lnr-cross:before {
  content: "\e870";
}
.lnr-menu:before {
  content: "\e871";
}
.lnr-chevron-up:before {
  content: "\e873";
}
.lnr-chevron-down:before {
  content: "\e874";
}
.lnr-chevron-left:before {
  content: "\e875";
}
.lnr-chevron-right:before {
  content: "\e876";
}
.lnr-move:before {
  content: "\e87b";
}
.lnr-checkmark-circle:before {
  content: "\e87f";
}
.lnr-cross-circle:before {
  content: "\e880";
}
.lnr-chevron-up-circle:before {
  content: "\e887";
}
.lnr-chevron-down-circle:before {
  content: "\e888";
}
.lnr-chevron-left-circle:before {
  content: "\e889";
}
.lnr-chevron-right-circle:before {
  content: "\e88a";
}
.lnr-frame-expand:before {
  content: "\e88c";
}
.lnr-cross::before {
  line-height: 30px;
  margin-left: 5px;
}
.youtube-video,
video {
  left: 0;
  position: absolute;
  top: 0;
}
#smart-search-toggler {
  float: right;
  display: inline-block;
  display: none;
  height: 49px;
  box-sizing: border-box;
  line-height: 33px;
  padding: 9px 10px 7px;
}
#smart-search-toggler .lnr.lnr-magnifier::before {
  font-size: 20px;
  transition: .3s ease-in-out;
}
#smart-search-toggler:hover .lnr.lnr-magnifier::before {
  font-size: 24px;
  transition: .3s ease-in-out;
}
#smart-search-toggler .lnr.lnr-magnifier {
  color: white;
  font-size: 20px;
  line-height: 33px;
}
#smart-search {
  height: 49px;
  padding: 0px;
  z-index: 100;
  margin: 0 -15px;
}
#smart-search .form-group {
  margin-bottom: 0px;
}
#smart-search .form-group .input-group-addon {
  cursor: pointer;
}
#mod-finder-searchword {
  float: left;
  height: 49px;
  font-size: 16px;
  overflow: hidden;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #71c448;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(113,196,72,0.65);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(113,196,72,0.65);
}
#smart-search .input-group-addon {
  min-width: 52px;
  background-color: #fff;
}
.lnr-magnifier::before {
  font-size: 20px;
}
#popup-outer {
  width: 100% !important;
  background-color: rgba(0,0,0,0.79);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
  display: none;
}
.finder .page-header.category-blog-layout h1 {
  font-size: 40px;
  line-height: 79px;
}
.finder .search-results.list-striped li {
  padding: 0;
}
h2.result-title {
  font-size: 1.8em;
  font-family: 'BebasNeue';
  margin: 25px 0 0;
}
h2.result-title a {
  color: #78c250;
}
.result-url {
  color: #777;
}
.finder.form-group.input-group {
  width: 100%;
}
#q {
  float: left;
  height: 52px;
  font-size: 18px;
  overflow: hidden;
}
.finder.form-group.input-group .input-group-addon {
  width: 1%;
  min-width: 52px;
  cursor: pointer;
}
.finder-author-image {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  filter: grayscale(10%);
  transition: .5s ease-in-out;
  -webkit-filter: grayscale(10%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(10%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(10%);
  -o-transition: .5s ease-in-out;
}
a:hover .finder-author-image {
  filter: grayscale(90%);
  transition: .5s ease-in-out;
  -webkit-filter: grayscale(90%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(90%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(90%);
  -o-transition: .5s ease-in-out;
}
@media screen and (max-width: 1150px) {
  #festival-title #column-id-1515747402257,
  .com-sppagebuilder .sppb-row-container,
  #sp-bottom-banners > .container,
  #sp-bottom > .container {
    padding: 0;
  }
  #sp-header > .container {
    padding: 0 15px;
  }
}
@media screen and (max-width: 970px) {
  #sp-page-title.container,
  #sp-main-body > .container {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .sppb-addon-image-content .sppb-image-holder {
    position: inherit;
    width: 100% !important;
    height: 300px;
  }
  #sp-menu {
    padding: 0 0 0 15px;
  }
  #sppb-addon-1502126176093 > div > div > div > div > img {
    max-width: 70%;
  }
  .custom.festival-title {
    padding-bottom: 70%;
  }
  .sppb-carousel-item-inner {
    background: none;
  }
  section#sp-main-body {
    padding-top: 50px;
  }
  #sp-bottombanners .bannergroup .banneritem.col {
    width: 16.66%;
  }
}
@media screen and (max-width: 750px) {
  .view-article #sp-component {
    padding: 0;
  }
  #featured-magazine-image .entry-header h2,
  .item.item-page .entry-header h2 {
    font-size: 1.6em;
  }
  #featured-magazine-image {
    padding-bottom: 75%;
  }
  .entry-image.full-image {
    margin: -30px -15px 30px;
  }
  #column-id-1502738741599 {
    padding: 0;
  }
  #column-id-1502293481479 {
    padding: 0px 0% 5% 0%;
  }
  #column-id-1504000591411 {
    padding: 0px 0% 5% 0%;
  }
  .categories-list.magazin img {
    margin: 0.8em auto 1.8em auto;
  }
  .categories-list.magazin .entry-header h2 {
    text-align: center;
  }
  .com-sppagebuilder .items-leading .entry-header h2 {
    font-size: 1.7em;
  }
  .com-sppagebuilder .items-leading .entry-header {
    margin: 1.3em 0 0;
    background-color: transparent;
  }
  .com-sppagebuilder .items-leading .entry-header h2 a {
    color: black;
  }
  .program-list-readmore.btn {
    margin: 15px auto 30px;
    display: table;
    padding: 9px 13px 7px;
    width: 95%;
  }
  .exhibitor-list-readmore.btn,
  .author-list-readmore.btn {
    width: 95%;
    margin-bottom: 15px;
  }
  .program-list-wrapper .sppb-addon-content {
    padding: 0;
    border-color: #289cc6;
  }
  .program-list-wrapper .sppb-addon-content table {
    margin-bottom: 0;
  }
  .program-list-wrapper .sppb-addon-content table td {
    font-size: 0.8em;
    vertical-align: middle;
  }
  .author-list-wrapper .sppb-addon-content .sppb-addon-title,
  .exhibitor-list-wrapper .sppb-addon-content .sppb-addon-title,
  .program-list-wrapper .sppb-addon-content .sppb-addon-title {
    display: block;
    text-align: center;
    font-size: 2.8em;
  }
  .exhibitor-list-wrapper .content-author .author-name {
    font-size: 0.8em;
    margin-bottom: 5px;
  }
  .exhibitor-list-wrapper .content-author .author-type {
    font-size: 0.8em;
  }
  .mod-contacts .author-name {
    font-size: 1em;
    line-height: 1.1em;
  }
  .mod-contacts .author-type,
  .contact-category .author-type {
    font-size: 0.85em;
    line-height: 1em;
  }
  .event-day {
    font-size: 1.2em;
    margin: 20px auto;
  }
  .items-leading .article-summary {
    font-size: 1em;
    letter-spacing: 0px;
  }
  .entry-header h2 {
    font-size: 1.7em;
  }
  .item.leading.clearfix {
    padding-bottom: 1.3em;
    background: #eee;
  }
  .com-sppagebuilder .items-leading {
    margin: 0 -15px;
  }
  .com-sppagebuilder .items-leading article .entry-header,
  .com-sppagebuilder .items-leading article .article-summary {
    padding: 0 15px;
  }
  .content-authors {
    margin-top: 15px;
  }
  .author-image {
    width: 100%;
    padding-bottom: 100%;
  }
  .author-url .author-name {
    font-size: 0.9em;
    line-height: 1em;
    margin-bottom: 5px;
  }
  .com-content.view-article .author-desc {
    display: none;
  }
  .contact-category.view-category.eloadok h1.page-header,
  .contact-category.view-category.kiallitok h1.page-header,
  .blog.hetproba > .page-header {
    margin: -30px -15px 30px;
  }
  .sppb-section > .sppb-row-container {
    padding: 0;
  }
  #sp-header > .container {
    padding: 0 15px;
  }
  #sp-bottombanners .bannergroup .banneritem.col {
    width: 20%;
  }
}
@media screen and (max-width: 480px) {
  #sp-bottombanners .bannergroup .banneritem.col {
    width: 50%;
  }
  .banners-partners a img {
    margin: auto;
  }
}
@media screen and (min-width: 970px) and (max-width: 1199px) {
  .sp-megamenu-parent > li > a {
    font-size: 0.8em;
    padding: 3px 0.45em 0;
    margin-top: 0;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .exhibitor .content-authors.col-6 {
    width: 33.33333%;
  }
  .contacts-row .col-6 {
    width: 25%;
  }
}
@media screen and (max-width: 380px) {
  .banners-partners a img {
    max-height: 60px;
  }
}
@media screen and (max-width: 350px) {
  .banners-partners a img {
    max-height: 50px;
  }
}
.itemid-133 .article-body .image-wrapper {
  float: left;
  margin-right: 1.3em;
}
.iframe-wrapper iframe {
  margin: 0 auto;
  display: block;
}
.itemid-521 h2 {
  padding-top: 15px;
}
.itemid-521 ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
.itemid-521 ol > li {
  counter-increment: my-awesome-counter;
}
.itemid-521 ol > li::before {
  content: counter(my-awesome-counter) ". ";
  font-weight: 600;
  padding-right: 3px;
  float: left;
  font-size: 18px;
  line-height: 1.1;
}
.itemid-521 .avPlayerWrapper.avVideo {
  margin-top: 0;
}
.good-answer {
  font-weight: 400;
  border-radius: 3px;
  padding: 5px;
  background-color: #e6f4ea;
}

/* =========================================================================
   LAYER 2 -- Joomla 6 / Bootstrap 5 / Helix Ultimate adaptations.
   Kept AFTER layer 1 on purpose: these override the J3 rules wherever the new
   markup differs (mod-menu instead of the raw ul, <i> instead of .fa, the
   com-content/com-contact view classes, sp-page-title).
   ========================================================================= */

/* ---- Felso sav (#sp-top-bar) -------------------------------------------- */
/* A J3-on 50 px magas, es a modul egy sima menu: felsorolas-jel nelkul,
   nagybetus Bebas-szal. A Helix Ultimate listajelet tesz ele, azt vesszuk le. */
#sp-top-bar {
  padding: 0;
  height: 50px;
}
#sp-top-bar .sp-column {
  height: 50px;
  display: flex;
  align-items: center;
}
#sp-top-bar ul.mod-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sp-top-bar ul.mod-menu > li {
  display: inline-block;
  font-family: 'BebasNeue', sans-serif;
  border-right: 1px solid #1b1b1b;
  padding: 0;
  position: relative;
}
#sp-top-bar ul.mod-menu > li:last-child {
  border-right: none;
}
#sp-top-bar ul.mod-menu > li::before {
  display: none;
}
#sp-top-bar ul.mod-menu > li > a {
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0;
  padding: 0 0.5em 0 0;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
}
#sp-top-bar ul.mod-menu > li > a:hover {
  font-weight: 600;
}

/* ---- Fejlec-sav (#sp-header): logo + menu + nyelvvalaszto egy sorban ----- */
/* A Helix Ultimate a fejlec-oszlopot jobbra igazitja (justify-content-end).
   A J3-on a menu a logo mellett, BALRA kezdodik, es csak a nyelvvalaszto all
   jobb szelen -- ezert az oszlop balra igazit, a nyelvi modult pedig az auto
   bal margo tolja a szelre. */
#sp-header .sp-column.justify-content-end {
  justify-content: flex-start !important;
}
#sp-header .sp-column > .sp-module {
  margin-left: auto;
}

/* ---- Fomenu ------------------------------------------------------------- */
/* A J3 elso menupontja (Fooldal) el van rejtve: a logo maga visz a fooldalra.
   Ez a J3 template.css-eben is pontosan igy van (.sp-megamenu-parent > li:first-child). */
.sp-megamenu-parent > li:first-child {
  display: none;
}
.sp-megamenu-parent > li {
  font-family: 'BebasNeue', sans-serif;
  display: inline-block;
  position: relative;
  border: none;
}
/* A valaszto-vonal az elo oldalon 20 px magas, nem a teljes sav. A Helix
   flex-sora vegigfeszitene a li-t az 50 px-en, ezert a magassagot kotjuk meg. */
.sp-megamenu-parent > li:not(:last-child) {
  border-right: 1px solid #fff;
}
/* A magassagot a linkek sor-magassaga adja: a Helix sajat szabalya 50-60 px-re
   allitja, es ettol lett a valaszto-vonal is teljes savmagassagu. */
#sp-header .sp-megamenu-parent > li {
  height: 20px;
  align-self: center;
}
/* A #sp-header eloteg NEM kozmetika. A Helix Ultimate a sablon betu-valasztojabol
   egy inline <style>-t ir a fejlecbe, ami a custom.css UTAN jon:
       .sp-megamenu-parent > li > a, ... { font-family: 'Arial', sans-serif; }
   Azonos specificitasnal a kesobbi nyer, ezert a menu Arial-ban jott vissza --
   ugyanolyan betumereten 1,77-szer szelesebb szoveggel, mint az elo Bebas
   (INFORMACIO: 149 px az elo 84 px helyett, azonos 21 px betumagassaggal).
   Az id-vel megemelt specificitas viszi el a szabalyt a sablon inline stilusa
   elol, es nem kell hozza a betu-valasztot atallitani (az egy Google Fonts
   keresest inditana egy olyan csaladra, amit a Google nem ismer). */
/* Az "Archivum" nem link, hanem cimke (span.sp-menu-heading): a sablon szurkere
   szinezi, az elo oldalon viszont ugyanolyan feher, mint a tobbi menupont. */
#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span.sp-menu-heading {
  color: #fff;
  font-family: 'BebasNeue', sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  padding: 0 0.7em;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
}
/* A lenyilok tartalma marad a sablon sajat (nem Bebas) betujen: a J3-on is
   igy van, ott a .sp-dropdown kulon szabalyt kap. */
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'Arial', sans-serif;
  line-height: 24px;
  text-transform: none;
  font-size: 16px;
}

/* ---- Hero cim-blokk (#main-section) ------------------------------------- */
/* A markup a ket oldalon AZONOS (ugyanazok az id-k: #event-name, #event-date,
   #event-venue), csak a J3 template.css-eben allo szabalyok nem jottek at.
   Innentol szo szerint azok, a J3 template.css-ebol. */
#main-section {
  font-family: 'BebasNeue', sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
}
#main-section .event-data {
  padding: 60px 0;
}
#main-section #event-name {
  font-size: 75px;
  font-weight: 700;
  line-height: 1;
}
#main-section #event-date {
  font-size: 50px;
  line-height: 1;
  padding: 2px 0 7px;
}
#main-section #event-venue {
  font-size: 30px;
  line-height: 1;
}

/* ---- Exo (a program-tablazat es a kapcsolat-dobozok betuje) -------------- */
/* Ugyanaz a szabaly mint a Bebasnal: a J3 sajat kiszolgalasu fajljai, bajtra
   azonos masolatban, a J3-as csaladneven ('Exo-Regular', 'Exo-Medium'), hogy a
   J3 szabalyai valtoztatas nelkul athozhatok legyenek. */
@font-face {
  font-family: 'Exo-Regular';
  src: url('../fonts/Exo-Regular.woff') format('woff'),
       url('../fonts/Exo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Exo-Medium';
  src: url('../fonts/Exo-Medium.woff') format('woff'),
       url('../fonts/Exo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ---- Program-tablazat (mod_program) ------------------------------------- */
/* A J3 template.css szabalyai, valtozatlanul. A .program-list-wrapper osztaly
   a page-builder szekcion ul, a tablazat belseje a modulbol jon. */
.program-list-wrapper .sppb-addon-content {
  padding: 0 3%;
  border: 1px solid #333;
  font-family: 'Exo-Regular', sans-serif;
  font-size: 0.875em;
  text-transform: uppercase;
}
.program-list-wrapper .sppb-addon-content .sppb-addon-title,
.author-list-wrapper .sppb-addon-content .sppb-addon-title,
.exhibitor-list-wrapper .sppb-addon-content .sppb-addon-title {
  font-size: 3.2em;
  line-height: 1.1;
  color: #1b1c1b;
  text-transform: uppercase;
  font-family: 'BebasNeue', sans-serif;
  display: table;
  padding: 25px 15px 0;
  margin: 0 auto 0;
}
.program-list-wrapper .sppb-addon-content table {
  margin-bottom: 0;
}
.program-list-wrapper .sppb-addon-content table td {
  font-size: 0.8em;
  vertical-align: middle;
}
.program-list-wrapper .sppb-addon-content table td.event-title,
.section-articles {
  font-family: 'Exo-Medium', sans-serif;
}
.program-list-wrapper .mod-program a,
.section-articles a {
  color: #333;
}
.program-list-wrapper .sppb-addon-content table .event-speaker a,
.section-articles .event-speaker a {
  color: #888;
}
.program-list-wrapper .sppb-addon-content table td.event-speaker a:hover,
.program-list-wrapper .sppb-addon-content table td.event-title a:hover,
.section-articles .event-speaker a:hover {
  color: #71c448;
}
.event-day {
  text-align: center;
  font-size: 1.45em;
  font-family: 'Exo-Medium', sans-serif;
  font-weight: 700;
  margin: 10px auto 20px;
}
caption.section-wrapper {
  padding: 8px;
  color: #333;
  text-align: left;
  background-color: #289cc6;
  font-weight: 600;
}
/* Az eloado-fotot a hatterkep rajzolja ki, a magassagot a padding-bottom adja:
   ezert nezett ki "nulla magasnak" a fotos oszlop, amig ez a szabaly hianyzott. */
.mod-program .event-speaker-image {
  padding-bottom: 40px;
  width: 40px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.section-articles .event-speaker-image {
  padding-bottom: 50px;
  width: 50px;
  background-size: cover;
}
.sppb-addon-content .event-venue {
  text-align: left;
  white-space: nowrap;
}
.program-list-readmore.btn {
  margin: 30px auto 25px;
  display: table;
  background-color: #4F8BBF;
  font-weight: bold;
  padding: 9px 13px 7px;
}
.program-list-readmore.btn:hover {
  background-color: #f4c127;
}

/* ---- Kapcsolat-dobozok (mod_contacts: Eloadok, Kiallitok) --------------- */
.content-author {
  padding-bottom: 30px;
}
.content-authors {
  margin-top: 15px;
}
/* .author-image and its hover state now come from layer 1 verbatim. The copy that
   used to sit here dropped the -webkit-filter aliases, and those are what the live
   site actually renders with: filter:grayscale(90%) followed by
   -webkit-filter:grayscale(10%) means Chrome applies 10%, i.e. the portraits are
   almost full colour at rest and go grey on hover. Without the aliases every
   portrait rendered 90% grey -- the opposite of the live site. */
.author-name {
  text-align: center;
  font-weight: 600;
  color: #333;
}
.author-url > div {
  margin-bottom: 0;
}
.author-url .author-name {
  font-size: 0.9em;
  line-height: 1em;
  margin-bottom: 5px;
}
.author-type {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  color: #9B9B9B;
  font-weight: bold;
  line-height: 17px;
  padding-bottom: 0.2em;
}
.mod-contacts .row .contact.content-authors {
  margin-bottom: 30px;
}
.mod-contacts .author-image {
  width: 100%;
  margin: 0 auto 10px;
  border-radius: 0;
  overflow: hidden;
  padding-bottom: 100%;
  filter: grayscale(0%);
  background-color: #fff;
}
.mod-contacts a.author-url:hover .author-image {
  filter: grayscale(90%);
}
.mod-contacts .content-author {
  padding-bottom: 20px;
}
.mod-contacts .author-name,
.mod-contacts .author-type {
  font-size: 1em;
  line-height: 1.1em;
  color: #fff;
  text-transform: none;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
}
.mod-contacts .author-type {
  font-weight: normal;
  font-size: 0.85em;
  line-height: 1em;
}
.exhibitor-list-wrapper .content-author .author-image {
  border: 1px solid #4F8BBF;
  margin-bottom: 10px;
}
.exhibitor-list-wrapper .content-author .author-name {
  font-size: 1em;
  line-height: 1.03;
  margin-bottom: 5px;
}
.exhibitor-list-wrapper .content-author .author-type {
  font-size: 0.85em;
  line-height: 1.1;
}

/* ---- Eloado-nezet (com_contact, view-contact) --------------------------- */
/* A J3 template.css szabalyai. A body-osztalyok a ket rendszerben azonosak
   (com-contact view-contact), ezert a valasztok valtoztatas nelkul athozhatok.
   EGY kivetel: a Font Awesome 6-ban nincs kozos '.fa' alaposztaly a markaknal
   (fab fa-facebook), ezert a social-ikonoknal '.author-social i'-re irtam at. */
.com-contact.view-contact .contact-wrapper {
  border-bottom: 2.5px solid #4f8cc2;
  margin-bottom: 1.7em;
  padding-bottom: 1.7em;
}
.com-contact.view-contact .author-image {
  width: 100%;
  border-radius: 0;
  padding-bottom: 100%;
  filter: grayscale(0%);
  margin-bottom: 0;
}
.com-contact.view-contact .author-type {
  text-align: left;
  margin-bottom: 15px;
  color: #1d1d1b;
  font-family: 'BebasNeue', sans-serif;
  font-size: 1.2em;
  font-weight: 300;
}
.author-desc {
  font-size: 13px;
  text-align: center;
  margin: 10px 0;
  color: #333;
}
.contact .author-desc {
  text-align: left;
  font-size: 1em;
}
.com-contact.view-contact .author-desc {
  margin-top: 15px;
}
.com-content.view-article .author-desc {
  display: none;
}
.author-social a {
  display: inline-table;
  margin-right: 5px;
  vertical-align: middle;
}
.author-social i {
  width: 40px;
  line-height: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid;
  text-align: center;
  transition: 0.2s ease-in-out;
}
.author-social i:hover {
  color: #fff;
}
.author-social i.fa-facebook  { color: #3b5998; border-color: #3b5998; }
.author-social i.fa-facebook:hover  { background-color: #3b5998; }
.author-social i.fa-instagram { color: #333; border-color: #555; line-height: 38px; }
.author-social i.fa-instagram:hover { background-color: #555; }
.author-social i.fa-linkedin  { color: #0a66c2; border-color: #0a66c2; }
.author-social i.fa-linkedin:hover  { background-color: #0a66c2; }
.author-social i.fa-twitter   { color: #55acee; border-color: #55acee; }
.author-social i.fa-twitter:hover   { background-color: #55acee; }
.author-social i.fa-youtube   { color: #cc181e; border-color: #cc181e; }
.author-social i.fa-youtube:hover   { background-color: #cc181e; }
.author-social i.fa-tumblr    { color: #35455C; border-color: #35455C; }
.author-social i.fa-tumblr:hover    { background-color: #35455C; }

/* ---- Az eloado eloadasai (contact-articles) ----------------------------- */
.com-contact.view-contact .contact-articles {
  margin-top: 0;
}
.contact-articles .contact-article-wrapper article {
  border-bottom: 1px solid #555;
  margin-bottom: 1.3em;
  padding-bottom: 1.3em;
}
.contact-articles .contact-article-wrapper:last-child article {
  border-bottom: none;
}
.com-contact.view-contact .entry-header {
  overflow: hidden;
  margin-bottom: 0.3em;
}
.com-contact.view-contact .entry-header h2 {
  font-size: 2.1em;
  font-family: 'BebasNeue', sans-serif;
  text-transform: uppercase;
}
.com-contact.view-contact .entry-header h2.article-subtitle {
  display: block;
  font-size: 1.8em;
  margin: -12px 0 5px;
  font-weight: 400;
}
.com-contact.view-contact .entry-image.intro-image {
  margin-bottom: 0;
}
.entry-image.intro-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 1em;
  overflow: hidden;
  padding-bottom: 66.6666%;
  position: relative;
}
.entry-image.intro-image img {
  display: none;
}

/* Az idopont-doboz: a J3-on ez adja a bal oldali "APRILIS 22. / 12.00 / 2026" hasabot. */
.event-info-wrapper {
  width: 100%;
  border-bottom: 2px solid #289cc6;
  margin-bottom: 15px;
}
.event-info-wrapper td {
  height: 92px;
  padding: 10px;
  font-weight: 600;
}
.event-month-day,
.event-year {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
}
.event-year {
  font-size: 16px;
}
.event-date.lecture-alternative .event-time {
  line-height: 38px;
  min-height: 38px;
  font-size: 35px;
  font-weight: 700;
  color: #289cc6;
  padding-top: 6px;
}
.event-sectiontitle {
  text-align: left;
}
.event-sectiontitle label {
  margin-bottom: 0;
  font-size: 13px;
}

/* A kapcsolat neve: Bebas, a J3 preset2 kiemelo szinen. Az ertek MERES az elo
   oldalrol (#4f8cc2), nem a paletta-talalgatasbol. */
.contact h1.page-header,
.com-contact.view-contact h1.page-header {
  font-family: 'BebasNeue', sans-serif;
  font-size: 2.1em;
  margin: 0;
  border-bottom: none;
  color: #4f8cc2;
}
/* Az eloadas cime a listaban SOTET, nem link-szinu -- az elo oldalon is igy van. */
.com-contact.view-contact .entry-header h2 a {
  color: #111;
}
.com-contact.view-contact .entry-header h2 a:hover {
  color: #4f8cc2;
}

/* ---- Eloadas-nezet (com_content, lecture elrendezes) -------------------- */
.com-content.view-article .entry-header h2 {
  font-family: 'BebasNeue', sans-serif;
  font-size: 2.4em;
  line-height: 1.05;
  text-transform: uppercase;
  color: #111;
}
.com-content.view-article .entry-header h2.article-subtitle {
  display: block;
  font-size: 1.8em;
  margin-top: -5px;
  font-weight: 400;
}
/* A J3-ban egy globalis szabaly elrejtette a szerzo-leirast a cikk-nezetben, a
   lecture elrendezesben viszont LATSZIK (az elo oldalon is ott a beosztas es a
   kiallito bemutatkozasa). Ezert itt visszakapcsoljuk. */
.com-content.view-article .article-authors-wrapper .author-desc {
  display: block;
  font-size: 13px;
  text-align: center;
  color: #333;
}
.article-authors-wrapper .content-author {
  padding-bottom: 30px;
}
.article-authors-wrapper .author-image {
  width: 90%;
  margin: 0 auto 10px;
  border-radius: 50%;
  padding-bottom: 90%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  filter: grayscale(90%);
}
.article-authors-wrapper a.author-url:hover .author-image {
  filter: grayscale(10%);
}
/* Cimkek: a J3 "#CIMKE" alakja, Bebas-szal, a kiemelo szinen. */
div.hash-tag,
.hash-tag a {
  font-family: 'BebasNeue', sans-serif;
  margin: 0 5px 5px 0;
  font-size: 1.1em;
  font-weight: normal;
  white-space: nowrap;
  color: #4f8cc2;
  display: inline;
}

/* ---- Kategoria-lista (blog elrendezes): szekciok, eloadasok --------------- */
/* A J3 sajat kategoria-layoutot hasznalt (shaper_helix3:section), de az
   erdemben a Joomla blog-elrendezese volt a site tipografiajaval. A J6-on ezert
   a BLOG elrendezes megy, es a kulonbseget ez a par szabaly adja -- igy nem kell
   egy 300 soros, majdnem-core override-ot vinni magunkkal minden frissitesen at. */
.page-header.category-blog-layout {
  margin: 0 0 22px;
  border: none;
  padding: 0 10px;
  height: 72px;
  overflow: hidden;
  background-color: #13100d;
  color: #fff;
  display: flex;
  align-items: center;
}
.page-header.category-blog-layout h1,
.page-header.category-blog-layout h2 {
  margin: 0;
  font-family: 'BebasNeue', sans-serif;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}
.com-content.view-category .article-header h2,
.com-content.view-category .blog .entry-header h2,
.blog .entry-header h2 {
  font-size: 1.8em;
  font-family: 'BebasNeue', sans-serif;
  text-transform: uppercase;
}
.com-content.view-category .article-header h2 a,
.com-content.view-category .blog .entry-header h2 a {
  color: #111;
}
.com-content.view-category .article-header h2 a:hover,
.com-content.view-category .blog .entry-header h2 a:hover {
  color: #4f8cc2;
}
.article-date {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  text-align: left;
  color: #9B9B9B;
  font-weight: bold;
  line-height: 17px;
  padding-bottom: 0.2em;
}

/* A Helix Ultimate a kategoria cimet a #sp-page-title szekcioban rendereli, nem
   .page-header.category-blog-layout-ban -- a J3 fekete savja ezert ide kerul. */
.com-content.view-category #sp-page-title,
.com-content.view-category .sp-page-title {
  background-color: #13100d;
  padding: 12px 10px;
}
.com-content.view-category #sp-page-title h1,
.com-content.view-category #sp-page-title h2,
.com-content.view-category .sp-page-title h1,
.com-content.view-category .sp-page-title h2 {
  margin: 0;
  font-family: 'BebasNeue', sans-serif;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}
/* A Helix kartya-kerete nincs a J3-on: a listaelemek sima sorok. */
.com-content.view-category .article {
  border: none;
  box-shadow: none;
  padding: 0;
  background: transparent;
}

/* A NEVJEGY-DOBOZOK BELSO TERE a fooldalon (Krisz kerese 2026-08-14).
   Merve, 1440 px szeles ablakban, az "Eloadok, szervezok" dobozon:
     eredeti (J3)   a doboz 207..1233, az elso kartya bal szele PONTOSAN 207
     J6 elotte      a doboz 75..1365, a kartya bal szele 60 -- 15 px-szel KILOGOTT
   Az ok a Bootstrap sor-negativmargoja (-15 px), amit a regi sablon kompenzalt, az uj
   nem. Ezert a modul-dobozok belso tere 15 px, ami pontosan visszaadja a negativ margot.
   A .sppb-addon-module-ra szukitve, hogy a teljes szelessegu szekciokat (hero) ne erintse. */
.sp-page-builder .sppb-addon-module > .sppb-addon-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* ---- Tipografia --------------------------------------------------------- */
/* A J3-on ez nem CSS-bol jott, hanem a Helix3 a sablon-beallitasbol irta inline
   a fejlecbe:
     body{font-family:Source Sans Pro, sans-serif; font-size:16px; font-weight:300}
     h1{font-family:Source Sans Pro, sans-serif; font-weight:700}
     h2,h3{font-family:Source Sans Pro, sans-serif; font-size:24px; font-weight:700}
   A Helix Ultimate font-valasztojat NEM hasznaljuk ra: az minden olyan csaladhoz
   Google Fonts <link>-et tesz a fejlecbe, ami nincs a beepitett hetes listajaban --
   vagyis kulso keres lenne, ras a Google-fele Source Sans Pro mas rajzolat mint a
   sajat kiszolgalasu (Light + SemiBold) fajlok, amik a fonts/ mappaban vannak.
   Ezert a szabaly itt all, kezzel. */
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
}
h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
}
h2,
h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  font-weight: 700;
}
