/* 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;
}
/* Helix Ultimate egy szintet betold: .container > .container-inner > .row.
   A J3-bol atvett "> .row" szelektorok ezert nem talalnak -- nem hibaznak, csak
   nem hatnak (itt: elmarad a feher lap-hatter). Mindket alak felsorolva. */
#sp-main-body > .container > .row,
#sp-main-body > .container > .container-inner > .row {
  background-color: #fff;
  padding: 30px 15px;
}
/* A feher lap 15-15 px-szel keskenyebb volt, mint az elesen: a BS3 sora -15 px-es
   margoval ult a 30 px-es kontener-belsoben, a BS5-e ugyancsak -15-tel, de a
   kontener padding-ja mas. A megoldas parban all: a margo -30-ra no (a lap kifele
   szelesedik), a belso margo 15 -> 30-ra (a szoveg helye NEM mozdul).
   Mert ertekek: referencia lap x=70..1209; J6 elotte x=85..1194, utana x=70..1209. */
#sp-main-body > .container > .container-inner > .row {
  margin-left: -30px;
  margin-right: -30px;
}
#sp-bottom-banners > .container {
  padding: 0 15px;
}
#sp-bottom-banners > .container > .row,
#sp-bottom-banners > .container > .container-inner > .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,
#sp-bottom > .container > .container-inner > .row {
  margin: 0;
  background-color: #363636;
  color: white;
  padding: 30px 25px 25px;
}
#sp-bottom > .container > .row .sp-module-content a,
#sp-bottom > .container > .container-inner > .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;
}
/* A J3-on a hero-kep sajat szekcioban ult (#sp-page-title), ezert a feher lap
   TELJES szelesseget kitoltotte. A J6-portban a cikk-nezet elejen all, tehat a
   sor (30 px) es az oszlop (15 px) belso margoja beljebb tolna: ezt vonjuk vissza,
   hogy a kep a lap szelevel egy vonalban legyen (mert ertek: referencia x=70). */
/* A cikk-nezet belso sora ne kapja meg a Bootstrap negativ margojat: a J3-on a
   ket hasab a komponens-oszlop szelessegehez (1080 px) meredett, itt a -15 px-es
   margo 1110-re szelesitene, es ettol a szovegoszlop 7 px-szel balra csuszott
   (mert: referencia 386, J6 379). */
.item.item-page > .row {
  margin-left: 0;
  margin-right: 0;
}
.item.item-page > #featured-magazine-image {
  margin-left: -30px;
  margin-right: -30px;
  width: auto;
}
#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;
}
/* 2026-08-21, Krisz keresere: a `position: absolute; bottom: -12px` TOROLVE.
   Amit az a szabaly csinalni AKART: elrejteni a "hirdetes" feliratot a szponzor-savokban.
   Amit csinalt: a szulo `position: static`, tehat az abszolut doboz nem a sajat blokkjahoz
   igazodott, hanem a lap BAL ALSO SARKABA kerult (Krisz: "ott volt a felirat a bal also
   sarokban, a kek sav alatt"). A helyes megoldas nem a pozicio, hanem a tartalom: a
   szponzorok nem hirdetesek, tehat ott a felirat maga nem kell. A `.bannergroup::after`
   (fentebb) valtozatlan marad, tehat a VALODI hirdetes-helyeken tovabbra is ott a felirat. */
.banners-partners .bannergroup::after {
  content: none;
}
.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;
}
/* 2026-08-21: a `font-size: 0.8em` INNEN KIKERULT (a `vertical-align` marad).
   Harom peldanya volt ennek a szabalynak; a J3 template.css-ben mindegyik a
   `@media (max-width: 750px)` blokkban all, es a fajlban feljebb (1992. sor) ott is van.
   EZ a harmadik viszont media-kontextus NELKUL kerult ide, ezert a mobil-meret asztali
   nezetben is hatott: merve 1280 px-en a `td` 11.2px volt az etalon 14px helyett.
   A javitas a J6 migracios faban keszult el 2026-08-21 hajnalban, es elesre nem ment ki --
   most megy, Krisz jovahagyasaval. */
.program-list-wrapper .sppb-addon-content table td {
  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;
}

/* ---- Program-oldal: a doboz szelessege ------------------------------------
   Az SP Page Builder ujabb valtozata a .sppb-row-container helyett
   .sppb-container-inner-t rendereli, es a J6-on ez teljes szelessegu
   (body.layout-fluid), ezert a program-tabla doboza szethuzodott.
   Mert ertekek 1280 px-en: a referencia szekcio-savja x=133..1146, a J6-e
   igazitas elott x=46..1233, 1140 px-es kontenerrel 116..1163. */
.program-list-wrapper > .sppb-container-inner {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
/* Az eloado- es kiallito-lista ugyanezen az uton 15-15 px-szel keskenyebb lett:
   a kek cimsav a referencian x=100..1179 (1080 px), a J6-on x=115..1164 (1050). */
.author-list-wrapper > .sppb-container-inner,
.exhibitor-list-wrapper > .sppb-container-inner {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

/* ---- Program-tabla: a szekcio-fejlec a tabla TETEJEN all ------------------
   A Bootstrap 5 alapbeallitasa "caption-side: bottom" (a BS3-e top volt), es a
   program-modul a szekcio nevet <caption>-be teszi. Emiatt MINDEN szekciocim a
   sajat blokkja ALA csuszott, es ugy nezett ki, mintha egy sorral el lenne
   tolva: a 09.40/09.50 sorok utan jott a "MEGNYITO". Nem hibauzenet, hanem mas lap. */
.mod-program table > caption {
  caption-side: top;
}

/* ---- Kisero esemenyek lista (a J3 shaper_helix3:7proba layout helyett) ----
   A J3 sajat layoutja: fekete kategoria-sav a tetejen, alatta soronkent egy
   elem, a kep BALRA (col-sm-4), a cim es a bevezeto JOBBRA (col-sm-8), datum es
   "Bovebben" nelkul. A J6-on ugyanez a nezet a gyari blog-elrendezes, tehat itt
   is a CSS + harom menu-parameter adja a kulonbseget (show_category_title=1,
   show_category=0, show_readmore=0) -- nem egy 300 soros, majdnem-core override.
   Mert aranyok a referencian (1280 px): kep-oszlop 344 px a 1080-bol = 32%,
   a kep oldalaranya 3:2. */
.com-content-category-blog.blog > h1 {
  margin: 0 0 22px;
  padding: 0 20px;
  height: 72px;
  display: flex;
  align-items: center;
  background-color: #13100d;
  color: #fff;
  font-family: 'BebasNeue', sans-serif;
  font-weight: 400;
  font-size: 2.5em;
  text-align: left;
}
.com-content-category-blog .article {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-bottom: 2em;
}
.com-content-category-blog .article-intro-image {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding-right: 15px;
  margin: 0;
  float: none;
}
.com-content-category-blog .article-intro-image img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.com-content-category-blog .article-body {
  flex: 1 1 0;
  min-width: 0;
  padding-left: 15px;
}

/* 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;
}

/* --- 2026-08-15, Beppo: a hero-cim szine ---
   A #featured-magazine-image .entry-header szabalyban ott a 'color: white', de az csak a
   SZULORE vonatkozik; a Helix Ultimate sajat h2-szabalya nagyobb fajsulyu, ezert a cim
   sotet maradt a sotet savon. A J3-ban ez a szabaly eleg volt, mert ott nem volt ilyen
   h2-szabaly. Kimondjuk a h2-n is.  */
#featured-magazine-image .entry-header h2,
#featured-magazine-image .entry-header h2 a {
  color: #fff;
}

/* --- 2026-08-15, Beppo: a fomenu fuggoleges helyzete ---
   A referencia lapon a menupont sor-magassaga 12 px, a Helix Ultimate-e 20 px. A link
   doboza ettol 8 px-szel lejjebb ul: mert ertekek 1280 px-en, az 50 px-es savban --
   referencia y=73 h=12 (23 px felul, 15 px alul), J6 elotte y=81 h=20 (31 px felul,
   0 alul). A sav es a betumeret azonos, tehat egyedul a sor-magassag mozdult. */
#sp-menu .sp-megamenu-parent > li > a {
  line-height: 12px;
}

/* A sor-magassag utan maradt meg 7 px. A Helix Ultimate a menu-savban fuggolegesen
   KOZEPRE teszi a menut (#sp-menu > .sp-column: d-flex + align-items-center), a Helix3
   viszont a sav tetejerol usztatta. Ket zsakutca, mielott ez lett: (1) negativ margo --
   a kozepre-igazitas a megvaltozott magassaghoz IGAZODIK, tehat a -7 px-bol csak 4 lett;
   (2) align-items a szulon -- a Bootstrap 5 flex-segedosztalyai !important-tal jonnek,
   tehat a sajat szabaly nem hat. A gyerek align-self viszont felulirja a szulo
   align-items-et, !important nelkul is. Mert: referencia ul y=50, J6 elotte y=57. */
#sp-menu .sp-megamenu-wrapper {
  align-self: flex-start;
}

/* --- 2026-08-15, Beppo: a FEJLEC-sav szelessege ---
   A referencian a fejlec es a felso sav kontenere 1170 px szeles (x=55..1225), a J6-on
   viszont a Bootstrap 5 .container max-width-je 1140-re fogja (x=70..1210). Emiatt a logo
   es a menu 15 px-szel beljebb kezdodik, mint a lap tobbi resze -- ez az a "szekciok kozti
   kovetkezetlenseg", ami szabad szemmel is latszik. A TARTALOM kontenere marad 1140, mert
   ott a ket oldal egyezik (mert ertekek: tartalom REF 70..1209 = J6 70..1209). */
/* A TELJES LEPCSOSOR, az etalonrol merve (Bootstrap 3 lepcsoi + egy sajat szabaly 1400
   folott). Krisz 988 px-es ablakan bukott ki, hogy egyetlen max-width keves: ott a
   referencia 750-et ad, a J6 viszont folyekonyan kitoltotte az ablakot.
     <768 -> folyekony (a ket oldal itt amugy is egyezett)
     768-991   -> 750
     992-1199  -> 970
     1200-1399 -> 1170
     >=1400    -> 1140  */
/* 768 ALATT a referencia FOLYEKONY (767-en 767 px), a Bootstrap 5 viszont sajat lepcsot ad
   (540 px 576-tol). Ezert itt kifejezetten fel kell oldani a korlatot. */
#sp-header > .container,
#sp-top-bar > .container,
#sp-bottom-banners > .container,
#sp-bottom > .container,
#sp-footer > .container,
#sp-main-body > .container {
  max-width: none;
}
@media (min-width: 768px) {
#sp-header > .container,
#sp-top-bar > .container,
#sp-bottom-banners > .container,
#sp-bottom > .container,
#sp-footer > .container,
#sp-main-body > .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
#sp-header > .container,
#sp-top-bar > .container,
#sp-bottom-banners > .container,
#sp-bottom > .container,
#sp-footer > .container,
#sp-main-body > .container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
#sp-header > .container,
#sp-top-bar > .container,
#sp-bottom-banners > .container,
#sp-bottom > .container,
#sp-footer > .container,
#sp-main-body > .container {
    max-width: 1170px;
  }
}
/* --- 2026-08-21, Beppo: EGY lepcso minden szekciora, es a felso fok 1320 ---
   Krisz dontese ("legyen egyforma, legyen 1320"), egy 1920 px-es kepernyokep utan. Ami a
   kepen nem latszott, es amiert nem eleg egyetlen szamot atirni: a ket kontener-lepcso
   1400 ALATT is elter, csak forditva. Merve a /hu/kiallitok-on, javitas elott:

     vw     fejlec/lablec   tartalom
     992         970          960
    1200        1170         1140
    1400+       1140         1320

   Vagyis 1400 alatt a FEJLEC a szelesebb 10-30 px-szel, 1400 folott a TARTALOM 180-nal.
   Ezert a tartalom kontenere is ebbe a lepcsobe kerul (a szelektor-listakhoz adva), a
   legfelso fok pedig 1140-rol 1320-ra megy. Az 1400 alatti fokok (750/970/1170) a REGI
   oldal mert ertekei -- azokhoz 2026-08-15-en igazitottunk, es nem bantjuk oket. */
@media (min-width: 1400px) {
#sp-header > .container,
#sp-top-bar > .container,
#sp-bottom-banners > .container,
#sp-bottom > .container,
#sp-footer > .container,
#sp-main-body > .container {
    max-width: 1320px;
  }
}

/* --- 2026-08-15, Beppo: az elso menupont ("Innoelectro 2027") lathatova tetele ---
   A regi oldalrol atjott egy szabaly, ami az elso menupontot elrejti
   (.sp-megamenu-parent > li:first-child { display:none }). Krisz szerint azert lett elrejtve,
   mert a logora kattintva ugyanoda jutott az ember, ES KELLETT A HELY -- viszont az evszamot
   jo rogton latni. A HELY-INDOK MA MAR NEM ALL: a Regisztracio es a Terkep levetele utan a
   menusavban 393 px szabad hely van, a rejtett elem 170 px-t kerne (merve, 1280 px-en).
   Ezert felulirjuk. Ha megis zavaro, ez az egy blokk torolheto, es minden ugy marad ahogy volt. */
#sp-menu .sp-megamenu-parent > li:first-child {
  display: inline-block;
}

/* --- 2026-08-15, Beppo: a KERET ALAPERTELMEZESEI utnek at ott, ahol a regi oldal sajat
   szabalya nem irja felul. Abraxas keretezese: nem kulon hibak, hanem EGY mechanizmus --
   Helix3 vs Helix Ultimate. Krisz negy eszrevetelebol harom mert elteres, a negyedik
   (lead sulya es a pont elotte) MINDKET oldalon azonos (font-weight 600, list-style disc),
   tehat azt nem allitom. Mert ertekek a /hu/informacio lapon, 1280 px-en: */

/* 1. torzsszoveg szine: referencia rgb(51,51,51), J6 rgb(37,37,37) */
body {
  color: #333333;
}

/* 2. a lablec HATTERE: referencian a felso savval azonos kek (79,140,194), a J6-on
      majdnem fekete (23,23,23) -- ezert latszott "fekete alapon szurkenek" */
#sp-footer {
  background-color: rgb(79, 140, 194);
}

/* 3. a szponzor-sav (#sp-bottom): referencian ATLATSZO hatter es sotet szoveg,
      a J6-on sotet hatter feher szoveggel */
#sp-bottom {
  background-color: transparent;
  color: #333333;
}

/* --- 2026-08-15, Beppo: a fejlec RALOG a hero-kepre, mint a referencian ---
   Abraxas merese: a menusav szine a referencian x mentén VALTOZIK (16,16,23 ... 19,52,68),
   a J6-on mind a het mintapont AZONOS (68,68,68). Egy atlatszo sav a mogotte levo kep
   szerint valtozik, egy egyszinu hatteren nem -- tehat nem a SZIN volt rossz, hanem a
   REteGZODES: a referencian a kep mar a menusav alatt fut (y=50), a J6-on utana kezdodik
   (y=100). A referencia ezt egy negativ felso margoval eri el a fo szekcion; a fejlec
   rgba(0,0,0,0.7)-je mindket oldalon ugyanaz. */
/* A -50 px SZANDEK MAR OTT VAN a lapon (a Page Builder sajat inline szabalyaban), csak
   nem er celba: a sppagebuilder.css-ben egy nagyobb fajsulyu szelektor nullazza
   (#sp-page-builder .page-content .sppb-section:not(div.sppb-section):first-child).
   Ezert nem eleg a #main-section -- ugyanazt a szelektort kell megismetelni. */
#sp-page-builder .page-content .sppb-section:not(div.sppb-section):first-child {
  margin-top: -50px;
}

/* --- 2026-08-15, Beppo: SAJAT vegigmeres a /hu/informacio lapon (Krisz kerese: ne csak
   azt javitsam, amit o talal). A referencia a lokalis J3, 1280 px, getComputedStyle. */

/* 1. A SZPONZOR-SAV kontenere ugyanaz a Bootstrap 5-os szukites volt, mint a fejlecnel:
      referencia x=55 w=1170, J6 x=70 w=1140. Ez a "szponzor-blokk keskenyebb mint a
      felette levo", amit Krisz eszrevett. */
/* (a #sp-bottom kontenere fentebb, a tobbi also savval egyutt all be) */

/* 2. LABLEC: referencian 16 px es kozepre zart, a J6-on 14 px es balra. */
#sp-footer {
  font-size: 16px;
  text-align: center;
}

/* 3. KOZOSSEGI IKONOK: a referencian a szoveg-oszlop BAL szelen allnak (x=316), a J6-on
      jobbra usztatva (x=1037). A Google+ eltunese NEM hiba: a szolgaltatas megszunt. */
.article-social-share {
  float: none;
  text-align: left;
}

/* 4. Ket tovabbi keret-alapertek a szoveg-oszlopban (mert: referencia -> J6):
      h3 felso margo 20px -> 0, lista behuzas 40px -> 32px. */
#sp-component h3 {
  margin-top: 20px;
}
#sp-component ul {
  padding-left: 40px;
}

/* 5. A LEAD FELETTI TERCOZ (Krisz jelezte). Referencia: a 2026-os statikus archivum, mert a
      LOKALIS J3 peldany ezen a lapon PHP Notice-okat ir ki a kep es a szoveg koze (hibakiiras
      bekapcsolva), es azok 678 px-szel lejjebb tolnak mindent -- azzal merve hamis eredmenyt
      kaptam volna. Az archivumon: hero alja 734, lead teteje 764, tehat 30 px. A J6-on 0. */
#featured-magazine-image {
  margin-bottom: 30px;
}

/* 6. A HERO MAGASSAGA: az etalonon 684 px, a J6-on 648 (1280 px-en). A ket kep EGYFORMA
      szeles (1140 px, x=70), a kulonbseg a padding-bottom SZAZALEK viselkedesebol jon:
      az a SZULO szelessegehez merodik, az etalonon 1140 (section.container), a J6-on 1080
      (div.com-content-article). 60% a ket kulonbozo alapon 684 vs 648.
      Ezert nem a szulot szelesitem (a szoveg-oszlop mar egyezik az etalonnal), hanem a
      hero-t allitom at aspect-ratio-ra: az a SAJAT szelessegehez mer, tehat minden
      keperyo-meretnel ugyanazt az aranyt adja. */
#featured-magazine-image {
  padding-bottom: 0;
  aspect-ratio: 4 / 3;              /* mobil: az etalonon 390 px szelessegnel 292,5 px magas */
}
@media (min-width: 992px) {
  #featured-magazine-image {
    aspect-ratio: 1140 / 684;       /* asztali: 1140 -> 684, azaz 60% */
  }
}

/* 7. MOBIL TULLOGAS (390 px-en merve, a skill "masodik keperyo-szelesseg" szabalya hozta elo):
      a hero -30/-30 px margoja es a lap-sor -30/-30-a asztali nezetre keszult. 390 px-en
      az etalon hero 390 px szeles (x=0), a J6-e 480 (x=-45) -- vagyis oldalankent 45 px-szel
      kilog a keperyobol. Az ok osszeadodik: a .row -30-a miatt a cikk-doboz 420, es a hero
      erre tesz meg +60-at. Asztali nezetben ezek adjak a helyes 1140-et, ezert nem torlom
      oket, hanem 992 px folott tartom meg. */
/* A fajsuly szamit: fentebb mar all egy `.item.item-page > #featured-magazine-image`
   szabaly -30 px-szel, azt egy puszta #id-s szelektor NEM tudja felulirni. */
.item.item-page > #featured-magazine-image {
  margin-left: -15px;
  margin-right: -15px;
}
#sp-main-body > .container > .container-inner > .row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 992px) {
  .item.item-page > #featured-magazine-image {
    margin-left: -30px;
    margin-right: -30px;
  }
  #sp-main-body > .container > .container-inner > .row {
    margin-left: -30px;
    margin-right: -30px;
  }
}

/* --- 2026-08-21, Krisz keresere: a Page Builder kontenere is a KOZOS lepcsot koveti ---
   Ugyanaz a keres, mint delelott a fejlecnel/lablecnel ("legyen egyforma"), es ugyanaz, amit
   Krisz mar egyszer jelzett a program-lapon ("a containerek nem egyforma szelesek").
   ELSO PROBALKOZAS, AMI NEM MUKODOTT: `max-width: none`, abban a hitben, hogy akkor a szulo
   `.container` korlatoz. Merve: 1920 px-en a doboz 1920 lett (x=0), mert a szuloje nem a
   `.container`, hanem a teljes szelessegu `.sppb-section` (`body.layout-fluid`). Ezert a lepcso
   itt KI VAN IRVA, ugyanazokkal az ertekekkel, mint a tobbi szekcionál (970 / 1170 / 1320).
   A `margin: auto` marad: enelkul a Page Builder tartalma balra ugrik. */
/* 8. PAGE BUILDER kontener-szelesseg (Krisz jelezte a program-lapon: "a containerek nem
      egyforma szelesek"). Ugyanaz a csalad, mint a fejlecnel es a szponzor-savnal, csak itt
      a Page Builder SAJAT kontenere szukult: .sppb-container-inner max-width 1110 px, az
      etalonon 1140. Merve a /hu/program-on: az addon az etalonon x=100 w=1080, a J6-on
      x=115 w=1050. */
/* Az etalonon NINCS .sppb-container-inner elem -- azt az UJABB Page Builder vezette be,
   es a portolaskor kapott egy 1110-es korlatot a program-lapon. Ezert nem eleg az altalanos
   szabaly, a specifikusabbat kell felulirni. Merve: container-inner 1140 -> sor 1170 ->
   oszlop 1140 -> addon 1080 @ x=100, azaz pontosan az etalon erteke. */
.sppb-container-inner,
.program-list-wrapper > .sppb-container-inner {
  /* KORABBI SAJAT HIBAM: a max-width onmagaban BALRA tolta a Page Builder tartalmat
     (1600 px-en x=0 volt x=245 helyett), ezert kell a kozepre-igazitas is. */
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
/* Az etalon Page Builder-lepcsoje merve volt: 1200 -> 1140, 1400 folott -> 1110.
   2026-08-21: ezt a kulon lepcsot LEVETTUK, l. a fenti megjegyzest. */

/* A KOZOS LEPCSO a Page Builder kontenerere (2026-08-21) -- ugyanazok az ertekek, mint a
   `#sp-header/.../#sp-main-body > .container` sorozatnal, hogy egy helyen lehessen valtoztatni. */
@media (min-width: 992px) {
  .sppb-container-inner,
  .program-list-wrapper > .sppb-container-inner,
  .author-list-wrapper > .sppb-container-inner,
  .exhibitor-list-wrapper > .sppb-container-inner {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .sppb-container-inner,
  .program-list-wrapper > .sppb-container-inner,
  .author-list-wrapper > .sppb-container-inner,
  .exhibitor-list-wrapper > .sppb-container-inner {
    max-width: 1170px;
  }
}
@media (min-width: 1400px) {
  .sppb-container-inner,
  .program-list-wrapper > .sppb-container-inner,
  .author-list-wrapper > .sppb-container-inner,
  .exhibitor-list-wrapper > .sppb-container-inner {
    max-width: 1320px;
  }
}


/* 9. A SOTETSZURKE ALSO SAV KORULI TERKOZ (Krisz: "a bottom sotetszurke alatt, felett nem
      kell a spaceing"). Merve az etalonhoz: #sp-bottom padding 0/0 (a J6-on 60/30 volt),
      #sp-footer padding 20/20 (a J6-on 0/0). A blokkok kozotti res mindket oldalon 0 volt,
      tehat nem margo, hanem a sav SAJAT belso terkoze adta a kulonbseget. */
#sp-bottom {
  padding-top: 0;
  padding-bottom: 0;
}
#sp-footer {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* 10. Az also savok BELSO doboza (a feher szponzor-lap es a sotetszurke sav) meg mindig
       15-15 px-szel keskenyebb volt, mint az etalonon: a kontener 1170, de a Bootstrap 5
       .container 15 px belso margot ad, es a benne levo .row nem huzza vissza negativ
       margoval (a regi sablonban visszahuzta). Merve: etalon .row x=55 w=1170,
       J6 x=70 w=1140. A kontener belso margojat vesszuk el, igy a sor a teljes 1170-et kapja. */
#sp-bottom-banners > .container,
#sp-bottom > .container,
#sp-footer > .container {
  padding-left: 0;
  padding-right: 0;
}

/* 11. A HAMBURGER IKON SZINE (Krisz: "latom a hamburgert, csak a sotet savon feketevel").
       Merve 988 px-en: az etalonon a hamburger IKON-FONT (span.lnr.lnr-menu) feher szinnel;
       a Helix Ultimate-ben viszont harom span, amiknek a HATTERSZINE fekete -- a szulo
       color: white ezen nem segit, mert nem betu, hanem doboz. Ezert a hattert allitjuk. */
#sp-header .burger-icon > span {
  background-color: #ffffff;
}

/* 12. A FEJLEC IKONJAINAK SORRENDJE (Krisz kerese: legyen forditott, mint a regin).
       Merve 988 px-en, a kozos flex-kontener #sp-header .sp-column.d-flex:
         NAV.sp-megamenu-wrapper (rejtett) | DIV.sp-module = zaszlo (x=750) |
         DIV.d-none.d-lg-flex (rejtett)    | A.offcanvas-toggler-secondary = hamburger (x=809)
       A zaszlot egy auto bal-margo tolja jobbra, a hamburger utana all. A cserehez KETTO
       kell egyszerre: a hamburger elore (order: -1) ES az auto-margo IS atkerul ra --
       kulonben a hamburger a kontener bal szelere ugrik (ezt hibaztam el ma haromszor). */
@media (max-width: 991.98px) {
  #sp-header .sp-column > a.offcanvas-toggler-secondary,
  #sp-header .sp-column > a.offcanvas-toggler {
    order: -1;
    margin-left: auto;
  }
  #sp-header .sp-column > .sp-module {
    margin-left: 0;
  }
}

/* 13. Krisz keresei (2026-08-15 14:09):
       a) a logo, a hamburger es a nyelvvalaszto fuggolegesen KOZEPEN alljon a fekete savon.
          Az elemek dobozai kitoltik az 50 px-es savot, tehat a sajat align-self-jukre
          allitjuk -- igy a menusor korabbi flex-start igazitasat NEM bantjuk. */
#sp-header .sp-column > .logo,
#sp-header .sp-column > .sp-module,
#sp-header .sp-column > a.offcanvas-toggler-secondary,
#sp-header .sp-column > a.offcanvas-toggler {
  align-self: center;
}
/*     b) a lablec belso dobozanak nincs szuksege felso keretre (merve: 1px rgba(255,255,255,.1)) */
#sp-footer .container-inner {
  border-top: 0;
}

/* 13/c. A LOGO fuggoleges kozepre igazitasa. A MERES ket dolgot mutatott meg:
        - a fejlec SAVJA 50 px (50..100), de a benne levo .row 64 px, es a sor a SAJAT
          magassagahoz igazit kozepre -- ezert all a logo 66..98 kozott, 7 px-szel lejjebb;
        - a szerkezetben van egy .container-inner is a .container es a .row kozott, ezert a
          korabbi 'container > row' szelektoraim NEM TALALTAK (negy probalkozas ment el erre).
        Ezert a sav magassagara huzzuk a kozbenso dobozokat, es nem a logot mozgatjuk. */
#sp-header > .container > .container-inner,
#sp-header > .container > .container-inner > .row,
#sp-header > .container > .container-inner > .row > [class*="col-"] {
  height: 50px;
  min-height: 0;
}
/* A magassag onmagaban keves: az oszlop sima blokk, tehat a benne levo .logo/.sp-column
   nem kerul kozepre attol, hogy az oszlop 50 px. Az oszlopot is flexbe tesszuk. */
#sp-header > .container > .container-inner > .row > [class*="col-"] {
  display: flex;
  align-items: center;
}
#sp-header .sp-column,
#sp-header .logo {
  width: 100%;
}