/* melt.hu site-reteg -- a J3 sablon sajat custom.css-e, portolva.
   ================================================================
   FORRAS: sites/melt.hu/J3/public/templates/shaper_helixultimate/css/custom.css
   (1456 sor). A J6-ra a sablon FRISSEN telepult, tehat ures custom.css-szel
   indult -- a MELT teljes sajat arculata ebben az egy fajlban ult, es nem jott
   at semmi belole.

   MI HIANYZOTT NELKULE, MERVE (1440 px szeles ablak, computed style):
     menupont      Dosis 16px/500 uppercase   ->  Arial 14px/400 normal
     cikkcim (h2)  Dosis 24px uppercase       ->  system-ui 32px normal
     oldalcim (h1) Dosis 28,8px uppercase     ->  system-ui 36-40px normal
   Vagyis nem "egy kicsit mas volt", hanem a rendszer-alapertelmezes latszott.

   KET BLOKK SZANDEKOSAN KIMARADT a masolasbol:
   1. Az eredeti 1-26. sor: a Dosis LOKALIS @font-face-ei, amik mar a forrasban
      is ki voltak kommentelve (helyettuk a gstatic-os valtozat el, lentebb).
   2. Az eredeti 140-177. sor: harom 'Open Sans' @font-face, ami a
      https://melt.hu/templates/.../fonts/subset-OpenSans-*.woff2 fajlokra mutat.
      Ezek a fajlok az ELO oldalon SINCSENEK meg (a snapshot manifestje szerint
      csak a "shaper_helixultimate copy" mappaban vannak, a hasznalt sablonban
      nem), tehat 404-et adnak, es az egyetlen hivatkozo szabaly (lentebb,
      "font-family: Open Sans, Helvetica, Arial") ugyanugy a Helveticara esik
      vissza, mint az elesen. Halott kod, nem viselkedes-valtozas.

   A Dosis a Google CDN-jerol (fonts.gstatic.com) tolt, ahogy az elesen is.
   Ez elesites elott dontest kiván: a lokalis subset-Dosis-* fajlok megvannak a
   J3 sablon fonts/ mappajaban, tehat a kulso hivatkozas kivalthato.
*/

/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: local('Dosis ExtraLight'), local('Dosis-ExtraLight'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzGnKuCLMItgT7kJx_E.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: local('Dosis ExtraLight'), local('Dosis-ExtraLight'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzGnKuCFMItgT7kJ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: local('Dosis Light'), local('Dosis-Light'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHDKeCLMItgT7kJx_E.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: local('Dosis Light'), local('Dosis-Light'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHDKeCFMItgT7kJ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v7/HhyaU5sn9vOmLzlmC_WoEoZKdbA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v7/HhyaU5sn9vOmLzloC_WoEoZK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: local('Dosis Medium'), local('Dosis-Medium'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzGbKOCLMItgT7kJx_E.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: local('Dosis Medium'), local('Dosis-Medium'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzGbKOCFMItgT7kJ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzG3L-CLMItgT7kJx_E.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzG3L-CFMItgT7kJ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHTLuCLMItgT7kJx_E.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHTLuCFMItgT7kJ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: local('Dosis ExtraBold'), local('Dosis-ExtraBold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHPLeCLMItgT7kJx_E.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: local('Dosis ExtraBold'), local('Dosis-ExtraBold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHPLeCFMItgT7kJ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: 'Linearicons';
  src:  url('../fonts/Linearicons.eot?eazrj3a');
  src:  url('../fonts/Linearicons.eot?eazrj3a#iefix') format('embedded-opentype'),
    url('../fonts/Linearicons.ttf?eazrj3a') format('truetype'),
    url('../fonts/Linearicons.woff?eazrj3a') format('woff'),
    url('../fonts/Linearicons.svg?eazrj3a#Linearicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

body.site.helix-ultimate {
	font-size: 16px;
}
/*	Menu	*/
.sp-megamenu-parent > li {
	padding: 20px 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	font-family: 'Dosis';
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
}
.sp-megamenu-parent > li > a {
	text-transform: uppercase;
	border-right: 1px solid #252525;
	line-height: 20px;
}
.sp-megamenu-parent > li:last-child > a {
	border-right: none;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	text-transform: uppercase;

}

/*	Offcanvas menu */

.offcanvas-menu {
	background-color: #2b4988;
	font-family: 'Dosis';
	text-transform: uppercase;
}
.offcanvas-menu .offcanvas-inner {
	padding: 50px 0 30px 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
	 display: block; 
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
	color: white;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
	color: white;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
	color: #ccc;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li {
	padding: 5px 15px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li:first-child {
	border-top: 1px solid rgba(255,255,255,0.1);
}
.offcanvas-menu .offcanvas-inner .sp-module .menu-child li {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 5px;
}
.offcanvas-menu .offcanvas-inner .sp-module .menu-child li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}
.offcanvas-menu .offcanvas-inner .sp-module .menu-child li:first-child {
	padding-top: 0px;
}
.logo-image-phone.d-inline-block.d-lg-none {
	max-height: 50px;
}

/*	Heading */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5rem;
	font-family: 'Dosis';
}
h1 {
	font-size: 1.8rem;
	line-height: 1.2;
	padding: 1.2%;
	background: #2b4988;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.article-details .article-header h1, .article-details .article-header h2 {
	font-size: 1.8rem;
}
/*	Main body */
#sp-main-body {
	padding: 15px 0;
}

/*	Right */
#sp-left .sp-module, #sp-right .sp-module {
	margin-top: 30px;
	border: none;
	padding: 0px;
	border-radius: 0px;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
	margin: 0 0 5px;
	padding-bottom: 0px;
	font-size: 16px;
	font-weight: 500;
	border-bottom: none;
	font-family: 'Dosis';
	text-transform: uppercase;
}
#sp-right table.acymailing_form {
	margin: auto;
	border: 0px !important;
	width: 100%;
}
#sp-right table.acymailing_form input[type="text"]{
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;

}
#sp-right table.acymailing_form .acysubbuttons input {
	width: 100%;
	font-size: 14px;
}
.btn-primary, .sppb-btn-primary {
	border-color: #2b4988;
	background-color: #2b4988;
}
.btn-primary:hover, .sppb-btn-primary:hover {
	border-color: #375dad;
	background-color: #375dad;
}

.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
	position: unset; 
	width: 100%;
	height: 100%;
	padding: 0px;
	max-width: 1170px;
	margin: 0 auto;
}

#sppb-addon-1539591098620{
	border-top: 5px solid #2b4988;
}
#sppb-addon-1539591098620 .sppb-carousel-inner .sppb-carousel-caption h2 {
	font-size: 46px;
	line-height: 56px;
	color: #fff;
	padding: 0px 40px 0px 40px;
	margin: 0px 0px 0px 0px;
	background-color: rgba(0,0,0,0.8);
	display: table;
	position: absolute;
	bottom: 8%;
	font-family: 'Dosis';
	font-weight: 500;
	text-transform: uppercase;
}

/*	Page title */
.sp-page-title {
	background: #2d82ba;
}
.com-sppagebuilder #sp-section-1 {
	margin: 0px auto 0 auto;
}
/*	Contacts	*/

/*.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;
}
.author-url > div {
	margin-bottom: 0px;
}
.contacts-row .author-image {
	margin-bottom: 10px;
}
.contact-category .author-image {
	border-radius: 0;
}
.author-name {
	text-align: center;
	font-weight: 600;
	color: #333;
}
.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;
}
.author-url > div {
	margin-bottom: 0px;
}
.mod-contacts .author-name, .mod-contacts .author-type, .contact-category .author-type {
	font-size: 20px;
	color: #1b1c1b;
	text-transform: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
}
.mod-contacts .author-type, .contact-category .author-type {
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.1em;
}
.contact-category .author-url > div:last-child {
	margin-bottom: 30px;
}
*/
.contacts-wrapper .figure-caption {
	font-size: 105%;
	font-weight: 400;
	line-height: 1.3em;
	color: #252525;
}
.contact-position {
	font-size: 80%;
	line-height: 1.1em;
	display: block;
}
.contact-image-wrapper {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.contact-image-wrapper .figure-img.img-fluid {
	width: 100%;
}
.contact-name {
	font-weight: 600;
	/*color: #333;*/
}


/*	Footer */
#sp-footer, #sp-bottom3 {
	font-family: 'Dosis';
    font-weight: 500;
    font-size: 18px;
    color: #fff;

}
#sp-footer {
	background-color: #1f3461 !important; 
}

#sp-footer .container-inner {
	padding: 7px 0;
    font-size: 16px;
	border-top: none;
}
#sp-footer .menu li a {
	font-family: 'Dosis';
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.sp-scroll-up {
	bottom: 0px;
	background: #1f3461;
	border-radius: 2px;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
	color: #fff;
	background: #26417a;
}

/*	Modules */
.sppb-addon-content h3.sppb-addon-title, #sp-bottom .sp-module.banners-partners .sp-module-title {
	font-weight: 600;
	color: #252525;
	border-top: 1px solid #252525;
	padding-top: 0.5rem;
	font-size: 1.75rem;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.items-intro.clearfix {
	width: calc(100% + 30px);
	margin-left: -15px;
}
.items-intro.clearfix .row {
	margin: 0 0 1rem 0;
	width: 100%;
	padding: 0;
}
.items-intro.clearfix .row:last-child{
	margin-bottom: 0;
}
/*
.items-intro.clearfix .row article.item.intro-item:first-child{
	padding-left: 0;
}
.items-intro.clearfix .row article.item.intro-item:last-child{
	padding-right: 0;
}
*/
.entry-image.intro-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 66.6666%;
	position: relative;
	margin-bottom: 1.2rem;
}
#sppb-addon-1539788953984 .entry-image.intro-image {
	margin-bottom: 0;
}
.entry-image.intro-image img {
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.entry-header {
	font-family: "Source Sans Pro", lucida sans, arial, sans-serif;
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 0;
	position: relative;
}
.items-intro .entry-header h2 {
	margin: 0.3rem auto 0.2rem;
	max-height: 6rem;
	overflow: hidden;
	font-size: 1.5rem;
	line-height: 2rem;
	/* text-transform: uppercase; */
	font-weight: 600;
}
.items-intro .entry-header h2 a{
	color: #252525;
}
.article-summary {
	font-weight: normal;
	font-size: 14px;
}

address span.organization-name {
	text-transform: uppercase;
	font-weight: 600;
}


/*  Article */
.entry-header h1, .entry-header h2 {
	text-transform: uppercase;
}
.item.item-page .entry-header h2, #featured-magazine-image .entry-header h1{
	font-family: 'Dosis';
	margin: 0 0 15px 0;
	font-size: 30px;
}
.item.item-page .entry-header h2 {
		font-size: 2.3em;
}
.article-full-image.float-none {
	margin-bottom: 1rem;
}
.item.item-page .entry-header h1.item-page-with-normal-image {
	background-color: transparent;
	color: #252525;
	padding: 1.2% 0 0;
}
#featured-magazine-image .entry-header h1{
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	background: transparent;
}
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: 'Dosis';
	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: 'Dosis';
	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-wrapper::after{
	background: #e0e0e0;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 2.5em;
}
*/
.image-sub, .image-copyright{
	padding-top: 0.7em;
}
.image-copyright{
	color: #888;
}
article .table caption {
	font-family: 'Dosis';
	font-size: 1.4em;
}
/*	Sharing in article layout 	*/
.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 #2b4988;
}


.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;
}
#sp-main-body {
	padding: 30px 0;
}
.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;
}



.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.3em;
	font-weight: 600;
}
section#sp-page-title{
	display: none;
	padding: 0;
}
#featured-magazine-image {
	width: 100%;
	padding-bottom: 60%;
	background-repeat: no-repeat;
	background-size: cover;
	//background-attachment: fixed;
	background-position: center;
	position: relative;
}
#featured-magazine-image .entry-header {
	position: absolute;
	bottom: 0;
	color: white;
	width: 100%;
	padding: 1.5%;
	background-color: rgba(32,82,143,0.8);
}

.content-author{
	padding-bottom: 30px;
}
.author-image {
	width: 100%;
	margin: 0 auto 20px;
	border-radius: 0;
	overflow: hidden;
	padding-bottom: 60%;
	position: relative;
	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.author-url:hover .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;
}

.contacts-row .author-image {
	margin-bottom: 10px;
}
.author-name{
	text-align: center;
	font-weight: 600;
	color: #333;
}
.author-url > div {
	margin-bottom: 0px;
}
.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: #2b4988;
	border-color: #2b4988;
	font-size: 43px;
	color: white;
	line-height: 38px;
}
.author-social .fa.fa-globe:hover{
	color:#2b4988;
	background-color: white;
}
.author-social .fa.fa-safari{
	background-color: white;
	border: none;
	color: #2b4988;
	font-size: 40px
}
.author-social .fa.fa-safari:hover{
}

.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-vimeo{
	color: #00adef;
	border-color: #00adef;
}
.author-social .fa.fa-vimeo:hover{
	background-color: #00adef;
	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: Open Sans, Helvetica, Arial, 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;
}

/*  Contact page  */
.com-contact.view-contact .contact-articles-wrapper{
	border-top: 2px solid #2b4988;
	margin-top: 1.7em;
	padding-top: 1.7em;
}
.com-contact.view-contact .author-image {
	padding-bottom: 100%;
	margin-bottom: 0;
}
.com-contact.view-contact .contact h1.page-header .contact-name {
}
.contact h1.page-header {
	font-family: 'Dosis';
	font-size: 1.8rem;
	margin: 0;
	border-bottom: none;
	color: #252525;
	background-color: transparent;
	padding: 0 0 1% 0;
	line-height: 1.2;
}
.com-contact.view-contact .author-type {
	text-align: left;
	margin-bottom: 15px;
	color: #444;
	font-family: 'Dosis';
	font-size: 1.1rem;
	font-weight: 300;
}
.com-contact.view-contact .author-desc{
	margin-top: 15px;
}
.items-intro article {
	margin-bottom: 1rem;
}
.sppb-column-addons #sppb-addon-1539788953984 {
	box-shadow: 0 0 0 0 #ffffff;
	margin: 0 0 0px 0!important;
}
.sp-page-builder .page-content #section-id-1539788953981 {
	padding-bottom: 0px!important;
}
ul.beszamolok {
	list-style-type: none;
	padding: 0;
}

/*  Articles on contact page  */
.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 {
	max-height: 4.68rem;
	overflow: hidden;
	margin-bottom: 0.3em;
}
.com-contact.view-contact .entry-header h2 {
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: 600;
}
.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;
}

/*  Banners   */
.bannergroup.featured-content-banner img, .bannergroup.content-banner img{
	margin-left: auto;
	margin-right: auto;
}
.moduletable.content-banner {
	padding-top: 10px;
}
.sp-module.side-banners {
	margin-top: 0;
}
.sp-module.side-banners .banneritem {
	margin-top: 10px;
}
.banneritem iframe{
	border: none;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
#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::after {
	content: 'hirdetés';
	color: #ccc;
	font-size: 0.8em;
	text-align: center;
	display: block;
}
.banners-partners .bannergroup::after{
	position: relative;
	top: -12px;
}
.sp-module.banners-partners{
	margin: 5px 0 0;
}
.banners-partners {
}
.banners-partners img{
	max-height: 70px;
	width: auto;
	border: 3px solid white;
	border-right-color:#ececec;
	border-bottom-color:#ececec;
	padding: 0 7px 7px 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 12px 10px 0;
}
.banners-partners .banneritem:last-child{
	padding-right: 0;
}
h3.banners-partners-head {
	font-family: 'Dosis';
	font-size: 1.3em;
	text-align: center;
	color: #9d9d9c;
	font-weight: 500;
	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;
}



/*	Bottom */
#sp-bottom {
	padding: 0px 0 0px;
	font-size: 14px;
	line-height: 1.6;
	background: transparent;
}
#sp-bottom .sp-module.banners-partners {
	margin-bottom: 0.5rem;
}

/*
 *	Slideshow
 */

/*	From jquery.maximage.css 	*/
.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

article .start-slideshow.lnr-magnifier::before {
	background-color: rgba(0,0,0,0.5);
	padding: 9px 9px 9px 10px;
	border-radius: 50%;
	cursor: pointer;
}
article .start-slideshow.lnr-magnifier {
	font-size: 18px;
	position: relative;
	right: 53px;
	float: right;
	top: 25px;
	color: #f5f5f5;
	width: 0;
	height: 0;
}
#popup-slideshow-wrapper .start-slideshow{
	display: none;
}

/*	Linearicons 	*/
.lnr {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Linearicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -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";
}


/* I wanted to center my loader */
#cycle-loader {
	height:32px;
	left:50%;
	margin:-8px 0 0 -8px;
	position:absolute;
	top:50%;
	width:32px;
	z-index:999;
	opacity: 0.2;
}

/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
#maximage {
	display:none;/* Only use this if you fade it in again after the images load */
	position:relative !important;
}
			
#arrow_left, #arrow_right {
	bottom: 50%;
	height: 40px;
	position: absolute;
	right: 30px;
	width: 40px;
	z-index: 1000;
	margin-bottom: -33px;
	font-size: 25px;
	text-decoration: none;
	background-color: rgba(0,0,0,0.4);
	color: #ccc;
	border-radius: 50%;
	line-height: 39px;
	cursor: pointer;
}

#arrow_left {
	left:30px;
}

#arrow_left:active, #arrow_left:hover{
	left:29px;
}
#arrow_right:active, #arrow_right:hover {
	right:29px;
}
#arrow_right.lnr-chevron-right::before {
	margin-left: 9px;
}
#arrow_left.lnr-chevron-left::before {
	margin-left: 6px;
}

.stop-slideshow.lnr.lnr-cross {
	font-size: 20px;
	color: #ccc;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	right: 30px;
	top: 30px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.stop-slideshow{
	cursor: pointer;
}
.lnr-cross::before {
	line-height: 30px;
	margin-left: 5px;
}

.youtube-video, video {
	left:0;
	position:absolute;
	top:0;
}

#popup-slideshow-outer {
	width: 100% !important;
	background-color: rgba(0,0,0,1);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
	display:none;
}
/*
#popup-slideshow-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	background-color: black;
	display: none;
	min-height: 20px;
	z-index: 100000;
}
*/
#popup-slideshow-wrapper {
	width: 1170px !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	z-index: 100000;
}


#popup-slideshow-wrapper .image-sub-wrapper {
	width: 100%;
	z-index: 100010;
	background-color: rgba(0,0,0,0.8);
	color: #ddd;
	position: absolute;
	bottom: 0;
	padding: 0.5em 1.25em 1.25em;
	font-size: 18px;
	box-sizing: border-box;
	border-top: none;
}

#popup-slideshow-wrapper .image-sub-wrapper::before {
	border-color: transparent transparent #aaa transparent;
	border-width: 0 0.29em 0.83em 0.29em;
	margin-left: -0.9em;
	margin-top: 0.8em;
}


#popup-slideshow-wrapper .image-copyright {
	color: #aaa;
	font-size: 0.9em;
	padding-top: 10px;
}

/* ---- A migracio sajat javitasai (nem a J3-bol jonnek) ---- */

/* HERO (carousel): a fooldalon a diavetito URESEN jott, ~490 px feher savkent.
   A markup es a kepek rendben voltak (a slide-ok <img>-jei 200-zal jonnek), es a
   40 CSS/JS eszkozbol egy sem hianyzott -- tehat nem betoltesi hiba. Az aktiv
   slide-ot viszont semmi nem tette lathatova: az alap-szabaly display:none, es a
   ".active" megjelenito parja az uj valtozatban nem er el ide. Ez a sor allitja
   vissza a Bootstrap-carousel eredeti viselkedeset. */
.sppb-carousel .sppb-carousel-inner > .sppb-item.active {
  display: block;
}

/* A TARTALOMSAV SZELESSEGE: a Bootstrap 5 alapertelmezese marad (1320 px 1400 px
   feletti ablakban), MINDENHOL egyformán -- fejlec, tartalom, lablec.
   Krisz dontese 2026-08-14 01:40, a sajat szavaival: "szebb a keskenyebb (eredeti),
   de ha a bootstrap igy adja ki, akkor a head, foot is. legyen akkora."
   Elozoleg a .container-t visszavettem az eredeti 1140-re (a J3 Bootstrap 4-en all,
   ott ez a legnagyobb fokozat), de akkor a page builder sajat kontenere 1320 maradt,
   es a tartalom szelesebb lett a fejlecnel -- Krisz ezt vette eszre. Ket ut volt:
   mindent 1140-re huzni, vagy mindent a keret szerinti 1320-on hagyni. A masodik
   gyozott: kevesebb sajat szabaly, es a sablon frissitese sem tori el.
   Ha valaha megis az eredeti savszelesseg kell, a modja: max-width 1140px a
   .container es a .sppb-row-container szelektorra, 1400 px feletti media-blokkban. */


/* FEJLEC: a menu-sav nem torhet a masodik sorba. A J6 Helix a menu oszlopat
   'col-auto flex-auto'-kent adja, flex-basis: auto-val; a benne ulo sp-column
   viszont d-flex/justify-content-between, ami a teljes szuloszelesseget keri.
   A szukebb (1140 px-es) tartalomsavban ez tulcsordult, es a fejlec 60 px-rol
   124-re nott -- ket sor lett belole. A flex-basis 0-ra allitasa a maradek
   helyet osztja a menunek (1110 - 339 = 771 px), ami boven eleg a 735 px-es
   menusornak. Csak asztali szelessegen, mert alatta a mobil-fejlec sajat
   elrendezese szerint kell mukodnie. */
@media (min-width: 992px) {
  #sp-header .menu-with-social {
    flex: 1 1 0%;
    min-width: 0;
  }
}

/* A FEJLEC URES SOCIAL-DOBOZA: a Helix akkor is kirajzolja a .social-wrap
   tarolot, ha egyetlen ikon sincs benne (a retegben show_social_icons=0, mert
   az eredeti melt.hu fejlecen nincsenek kozossegi ikonok). Merve: 60x0 px --
   nulla magas, tehat lathatatlan, de a szelesseget elveszi a menu elol. A
   menusor 721 px-t ker, a maradek hely nelkule 691 px volt, es emiatt a menu
   ket sorba tort (a fejlec 60 helyett 128 px magas lett). */
/* Az !important nem kozmetika: a dobozon ott ul a Bootstrap 'd-flex' utility
   osztaly, ami maga is !important-tal allitja a display:flex-et -- egy sima
   display:none alatta marad. Merve: a szabaly elso, !important nelkuli
   valtozata utan a doboz tovabbra is 60x0 px-kent foglalta a helyet. */
#sp-header .social-wrap {
  display: none !important;
}

/* CIKK-OLDAL SZELESSEGE: a szoveg a BAL SZELEN kezdodik, a teljes hasabot hasznalva.
   Az eredeti (J3) oldalon a cikk szovege 75%-os hasabban all, elotte egy URES 25%-os
   savval -- a J3 sablon azt a szerzo-blokknak tartotta fenn, es a melt.hu cikkeinel
   sosem volt benne semmi (mind a negy cikk-tipusu oldalon megmertem: 214 px szeles,
   nulla tartalom). Eloszor reprodukaltam ezt a savot; Krisz 2026-08-14-en ugy dontott,
   hogy tudatosan elterunk az eredetitol es a szoveg a bal szelen kezdodik. Ezert itt
   MOST SEMMI nem all: a Helix alapertelmezett, teljes szelessegu cikk-hasabja marad.
   Ha valaha visszakellene a keskenyebb sorhossz, a modja: width 75% + margin-left 25%
   a body.com-content.view-article .article-details szelektorra, 576 px felett. */


/* HIRLISTA CIMEI: a betu es a nagybetus szedes mar egyezik (Dosis 20,8 px,
   uppercase), ket dolog ter el a J6 sablon alapstilusa miatt:
     sortav   J3 24,96 px (1,2)  ->  J6 32 px
     margo    J3 0 / 8 px        ->  J6 4,8 / 3,2 px
     link     J3 #2b4988 (a sablon link-szine)  ->  J6 orokolt sotet szurke
   A harom egyutt kb. 14 px-t ad hozza minden ketsoros cimhez. */
.items-intro .entry-header h2 {
  line-height: 1.2;
  margin: 0 0 8px;
}
/* A link-szin CSAK a hirlista-oldalra (view-category) vonatkozik. Elso valtozatom
   szukites nelkul allt itt, es atszivargott a FOOLDALI hirek rovatra is: a
   mod_articles_category_ext ugyanazt a .items-intro markupot adja, mint a
   blog-nezet. Merve: a fooldalon a cimek #2b4988 kekre valtak, mikozben az
   eredetin ott #252525 sotet all. Krisz vette eszre. */
body.view-category .items-intro .entry-header h2 a {
  color: #2b4988;
}
body.view-category .items-intro .entry-header h2 a:hover,
body.view-category .items-intro .entry-header h2 a:focus {
  color: #3958ad;
}


/* FOOLDALI HIREK ROVAT: egyforma magas kartyak, legfeljebb harom soros cimek.
   Krisz kerese 2026-08-14. A ket dolog OSSZEFUGG: a kartyak azert nem zarnak
   egy vonalban, mert a KEPEK arany szerint kulonboznek. Az eredeti (J3) oldalon
   a fooldali hir-kepek is 3:2 aranyban alltak (a .entry-image.intro-image
   padding-bottom: 66,66% trukkjevel, hatterkepkent); a J6-os modul viszont
   valodi <img>-et ad, natív aranyban -- merve 410x261, 410x180 es 410x300 kozott
   szort. Ezert eloszor a kepet kotom aranyhoz, es a cimet korlatozom harom sorra;
   a kartyak magassaga ettol magatol egy vonalba kerul. */
.items-intro .article-intro-image img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}
.items-intro .entry-header h2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* A sor legyen flex, hogy a kartyak egyforma magasra nyuljanak, es a kartya
   maga oszlop, hogy a tartalom felulrol toltson -- kulonben a rovidebb bevezeto
   melle also szokoz kerul, es a kepek megint elcsusznak. */
.items-intro .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.items-intro .row > article.item {
  display: flex;
  flex-direction: column;
}

/* A HIREK ROVAT CIME FUSSON VEGIG, mint a PARTNEREINK felett (Krisz, 2026-08-14).
   Merve a fooldalon: a PARTNEREINK cime mindket oldalon block, 1110 px szeles, es a
   border-top-ja vegigfut. A HIREK cime a J6-on inline-block lett, ezert a vonal csak
   a szo folott, 69 px-en latszott. Az eredetin ez is 1110 px. */
.sppb-addon-content > h3.sppb-addon-title,
.sppb-addon-module h3.sppb-addon-title {
  display: block;
  width: 100%;
}

/* A DATUM ALATTI TOBBLET-TERKOZ a cikkoldalon (Krisz, 2026-08-14).
   A Helix egy .article-can-edit dobozt tesz a datum ala a szerkesztes-ikonnak.
   Nalunk ez URES (merve: 619x0 px), de 10 px also margoja van -- ennyivel lett
   nagyobb a datum es a szoveg kozotti tavolsag, mint az eredetin (ott 0 px).
   Csak akkor vesszuk el a margot, ha tenylegesen ures: ha egy szerkeszto be van
   jelentkezve es ott az ikon, maradjon a hely. */
.article-can-edit {
  margin-bottom: 0 !important;
}
/* A datum ALATT kisebb terkoz legyen, mint FELETTE (Krisz, 2026-08-14).
   Merve a cikkoldalon: felette 16 px (a cim also margoja), alatta 10 px jott a
   Helix ures szerkesztes-dobozabol. Az eredetin alatta 0 px all. A ket ertek
   kozott 8 px-et hagyunk: latszik a tagolas, de kisebb a felso terkoznel.
   Az elso valtozatom :not(:has(*))-gal probalta elkerulni, hogy a szerkeszto
   ikonja alol is elvegye a helyet -- a doboz viszont akkor sem ures technikailag,
   ezert a margot most feltetel nelkul vesszuk el, es a helyet a datum sajat also
   margoja adja. */
.article-date {
  margin-bottom: 8px;
}

/* A HIREK LISTA LAPOZOJA KOZEPRE (Krisz, 2026-08-14).
   Az eredetin a szamlalo ("1. oldal / 11") a lapozo FOLOTT all, kozepen, es alatta
   a szamok szinten kozepen. A J6 Helix a szamlalot 'float-md-end'-del jobbra teszi,
   a szamokat pedig balra hagyja. A float elvetele visszaadja a normal sorrendet
   (a szamlalo a HTML-ben elobb all), a flex-kozepre igazitas pedig a szamokat. */
body.view-category .com-content-category-blog__navigation {
  text-align: center;
}
body.view-category .com-content-category-blog__counter {
  float: none !important;
  padding-right: 0;
}
body.view-category .com-content-category-blog__pagination ul.pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* LETOLTESI LINKEK: a SZOVEG ne ikon-fonttal jelenjen meg (Krisz, 2026-08-14, /beszamolok).
   A cikkekben a fajl-linkek J3-bol hozott markupja: <a class="icon-pdf"><i class="fa fa-file"></i> Eves
   beszamolo 2019.</a>. A Joomla 4+ az icon-* osztalyokat a Font Awesome-ra kepezi le, es a
   font-family-t MAGARA az elemre teszi -- a J6-on ezert allt az egesz linkszoveg
   "Font Awesome 6 Free" 900-as sulyban (merve). A J3-ban ugyanez az osztaly hattérkepes
   ikon volt, a szoveget nem erintette. Az ikont a linkben allo <i> adja, azt nem bantjuk. */
.article-details a[class^="icon-"],
.article-details a[class*=" icon-"] {
  font-family: inherit;
  font-weight: inherit;
}



/* EGYFORMA MAGAS HIR-KARTYAK a fooldalon (Krisz, 2026-08-14).
   A kepet mar aranyhoz kotottuk; ami meg elcsusztatja a kartyakat, az a cim (1-3 sor)
   es a bevezeto eltero hossza. A cim helyet haromsornyira foglaljuk le akkor is, ha
   rovidebb, a bevezetot pedig negy sorban vagjuk. Csak a FOOLDALI modulban -- a
   hirlista-oldalon a teljes bevezeto latszik, ahogy az eredetin is. */
.sppb-addon-module .items-intro .entry-header h2 {
  min-height: calc(3 * 28.8px);
}
.sppb-addon-module .items-intro .article-summary {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* HAMBURGER (offcanvas) MENU: kisebb betu es szorosabb sorok, mint az eredetin
   (Krisz kerese 2026-08-14 -- ez tehat NEM paritas, hanem tudatos elteres).
   Merve 480 px szeles ablakban:
     eredeti (J3)   16 px betu, 2 px link-padding, 40 px tetel-magassag
     J6 alapbol     18 px betu, 10 px link-padding, 50 px tetel-magassag
     ez a szabaly   14 px betu, 2 px link-padding, ~34 px tetel-magassag
   Ha meg mindig nagy, a font-size es a padding az a ket ertek, amit allitani kell. */
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > span {
  font-size: 14px;
  line-height: 18px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* A HIR-KARTYAK MINDEGYIKE EGYFORMA MAGAS legyen, ne csak soronkent (Krisz, 2026-08-14).
   A kepet aranyhoz kotottuk, a cimnek harom sort foglaltunk -- ami meg maradt, az a
   bevezeto eltero hossza: az elso sorban 412 px, a masodikban 436 px magas kartyak
   jottek ki. A bevezetot ezert nem csak vagjuk negy sorban, hanem le is foglaljuk azt a
   negy sort. (Az eredetin sem egyforma mind a hat -- ott 442 es 421 all --, ez tehat
   szandekos elteres az eredetitol, Krisz kerese szerint.) */
.sppb-addon-module .items-intro .article-summary {
  min-height: calc(4 * 21px);
}

/* A FOMENU JOBBRA, a tartalmi sav jobb szelevel egy vonalban (Krisz, 2026-08-14).
   A J6 Helix a menut tarto oszlopot 'justify-content: space-between'-tel adja: a menu
   balra kerul, a jobb oldalon pedig a kozossegi ikonok es a kereso allnanak -- azokat
   viszont kikapcsoltuk, ezert ott ures hely maradt. Merve: a menu jobb szele 1224 px-nel
   allt, a fejlec-konténer szele 1275-nel, tehat 51 px-szel beljebb. A flex-end a menut a
   sav szelehez tolja. Csak asztali szelessegen -- alatta a mobil-fejlec sajat rendje el. */
@media (min-width: 992px) {
  /* Az !important itt is kell: a dobozon a Bootstrap 'justify-content-between'
     utility-osztaly ul, ami maga is !important-tal jon -- ugyanaz a minta, mint a
     fejlec ures social-dobozanal. Merve: nelkule a szabaly nem hatott, a computed
     ertek space-between maradt. */
  #sp-header .menu-with-social > .sp-column {
    justify-content: flex-end !important;
  }
  #sp-header .sp-megamenu-parent > li:last-child > a {
    padding-right: 0;
  }
  /* A menu-wrapper es a nav is space-between-tel jon, es bennuk a menu az egyetlen
     lathato elem -- ezert balra tapadt akkor is, amikor a kulso oszlop mar jobbra
     igazitott. Merve: a menu jobb szele 1224 px-nel allt a sav 1275-os szele helyett. */
  #sp-header .menu-wrap,
  #sp-header .sp-megamenu-wrapper {
    justify-content: flex-end !important;
  }
  #sp-header ul.sp-megamenu-parent {
    margin-left: auto;
    margin-right: 0;
  }
  /* Az ures modul-doboz ugyanugy helyet foglal, mint a social-wrap: 0 szeles, de a
     margoja eltolja a menut a sav szeletol. */
  #sp-header .header-modules:not(:has(*)) {
    display: none !important;
  }
}