@charset "ISO-8859-2";

:root {
    --color-logo-blue: #001489;
    --color-logo-mentha: #00D4AB;
    --color-black: #0D0F16;
    --color-white: #FFFFFF;
    --color-grey: #DEDEDE;
    --color-darkgrey: #2B2C30;
    --bs-heading-color: var(--color-logo-blue);
    --color-red: #dd0000;
} 
.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
}


body {
    background-image: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.5    em;
    color: var(--color-black);
}
h1, h2, h3, .cikkcim, .rovatnev, #cikk .cim, a.cim ul.cikkcimlista.roviden::before, ul.cikkcimlista.velemeny::before, ul.cikkcimlista.abszurd::before {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	line-height: 1.5em;
	letter-spacing: .1px;
}
a, .kulcsszavak .label, #cikk .megjelenes, #cikk .utolsomod, .cikklista .megjelenes, ul.cikkcimlista {
    color: var(--color-logo-blue);
}
ul.cikkcimlista li a, .cikkcim a {
    color: var(--color-black);
}
h2 {
    font-size: 1.3rem;
}
.cikklista.main h2 {
	font-size: 1.8rem;
}
.cikklista.sideview h2 {
	font-size: 1.35rem;
}
ul.cikkcimlista li {
	margin: var(--bs-gutter-y) 0 var(--bs-gutter-y) 0;
}
.video ul.cikkcimlista li {
    margin-top: 0;
}
.video ul.cikkcimlista li .leadkep {
    position: relative;
}
.video ul.cikkcimlista li .leadkep::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><svg version="1.1" id="svg1" width="2000" height="2000" viewBox="0 0 2000 2000" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs1" /><g id="g1"><g id="g2"><path style="display:inline;fill:%2300d4ab" d="M 964.27762,1981.2118 C 739.21758,1972.0709 523.50888,1884.8849 354.66667,1734.8167 336.29605,1718.4888 296.98442,1679.3906 279.44156,1660 147.67932,1514.3599 63.618359,1335.7941 36.052203,1142.9822 20.271827,1032.6061 23.230801,919.13108 44.708161,811.03094 100.88209,528.29556 279.23388,285.02968 533.52474,144.30145 776.66806,9.7424361 1071.2228,-13.84677 1334.8431,80.128447 1451.6384,121.76358 1562.741,187.62741 1656,270.51663 c 18.3706,16.32793 57.6822,55.42613 75.2251,74.8167 97.9721,108.29097 170.0479,235.41177 211.6058,373.21118 55.7316,184.79725 55.7469,383.60889 0.044,568.12219 -41.7163,138.1825 -113.5651,264.9183 -211.6494,373.3333 -17.5429,19.3906 -56.8545,58.4888 -75.2251,74.8167 -132.5313,117.7948 -295.8163,198.0093 -469.0414,230.4187 -47.3722,8.8631 -93.3681,13.9396 -145.6253,16.0726 -35.582,1.4524 -39.0347,1.4481 -77.05568,-0.096 z m 84.38908,-119.9025 c 83.9168,-4.567 158.2467,-18.851 235.9881,-45.35 90.7302,-30.9263 181.8153,-80.8994 256.0119,-140.4589 47.5182,-38.1442 99.3562,-89.9821 137.5003,-137.5004 43.6735,-54.4064 85.759,-123.9389 114.1932,-188.6667 86.9238,-197.8738 96.291,-420.55134 26.3255,-625.81301 -30.9691,-90.85563 -80.9508,-181.98005 -140.5187,-256.18696 -38.1441,-47.51826 -89.9821,-99.35622 -137.5003,-137.50037 -52.8669,-42.43759 -120.1789,-83.50851 -183.3334,-111.86212 -194.4076,-87.2806 -418.27857,-98.82833 -620.66663,-32.01528 -109.63466,36.19297 -204.32184,89.83546 -294,166.55784 -18.06663,15.45654 -72.03006,69.41998 -87.4866,87.4866 -76.72238,89.67816 -130.36487,184.36534 -166.55784,294 -46.23712,140.06007 -55.37063,290.7586 -26.50583,437.3333 8.9816,45.6083 28.02753,109.7549 44.93279,151.3334 31.84744,78.3286 75.18104,152.7099 125.45044,215.3333 38.14415,47.5183 89.98211,99.3562 137.50037,137.5004 63.93475,51.3221 142.61385,96.7847 220.96072,127.6764 111.69633,44.0411 238.36867,64.6273 357.70598,58.1325 z M 784,1002.6667 C 784,805.4 784.34797,644 784.77326,644 786.42451,644 1400,1001.7127 1400,1002.6754 c 0,0.9607 -613.58368,358.6579 -615.23173,358.6579 -0.42255,0 -0.76827,-161.4 -0.76827,-358.6666 z" id="path2" /></g></g></svg>');
	background-size: 120px;
	background-repeat: no-repeat;
	background-position: center;
}

main, header, footer {
	background-color: transparent;
	width: 1100px;
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0;
    height: auto;
}
header {
    background: none;
    border-bottom: none;
}
#header .logo {
    background-image: url(gondola2025.svg);
    height: 45px;
    margin: 2em auto 2em;
    float: none;
}
#header .icons {
    display: none;
}
main {
    background-color: transparent;
}

#content #panel2 {
    width: 350px;
}
#panel2 span.banner {
	 margin-bottom: 0;
}
article img {
    max-width: 100%;
}

ul.cikkcimlista li article .idopont {
    float: right;
    background-color: transparent;
    color: var(--color-logo-blue);
}
ul.cikkcimlista li .rovatnev a {
	display: inline-block;
	padding: 1px 10px;
	background-color: var(--color-logo-blue);
	color: white;
	font-size: .7em;
	font-weight: normal;
	text-transform: uppercase;
}
#cikk .megjelenes, .rovatnev {
	border-bottom-color: transparent;
    border-bottom-width: 0;
    border-bottom-style: none;
}

.cikklista.roviden li:not(:last-child) article, .cikklista.inverse li:not(:last-child) article {
    border-bottom: 1px solid var(--color-grey);
    padding-bottom: .75em;
}
.cikklista h2.cim {
	margin-bottom: 0;
}
.roviden h2.cim, .cikklista.oldalsavcikkek h2.cim {
	font-size: 1rem;
}
.roviden h2.cim a {
    color: var(--color-black);
}
/*
.cikklista.sideview div.leadkep {
	width: 48%;
	float: left;
	margin-right: 2%;
}*/
.cikklista.sideview article .right {
    align-content: center;
}
.cikklista.inverse {
	background: var(--color-logo-blue);
	padding: 1em;
    margin-bottom: var(--bs-gutter-y);
    margin-top: var(--bs-gutter-y);
}
.cikklista.abszurd.inverse {
	background-color: var(--color-red);
}
.cikklista.inverse h3, .cikklista.inverse ul.cikkcimlista li a {
    color: white;
}
.cikklista.video h2.cim a {
	color: white;
	background: black;
	display: block;
	padding: 2px .5em;
}
.cikklista.inverse ul.cikkcimlista li {
    margin: calc(var(--bs-gutter-y) / 2) 0;
}
.cikklista.inverse ul.cikkcimlista {
	margin: 1em 1em;
}
.cikklista.oldalsavcikkek ul.cikkcimlista li {
    margin-bottom: var(--bs-gutter-y);
    margin-top: var(--bs-gutter-y);
}
.cikklista.roviden ul.cikkcimlista li {
    margin-bottom: calc(var(--bs-gutter-y) / 2);
    margin-top: calc(var(--bs-gutter-y) / 2);
}
.cikklista.inverse ul.cikkcimlista li h2 {
    font-size: 1rem;
}
#panel2 ul.cikkcimlista {
    margin-bottom: 0;
}
.cikklista h3 {
	margin-top: var(--bs-gutter-y);
}
.cikklista.inverse h3 {
	margin-top: 0;
    font-size: 1.5rem;
}
.cikklista li .lead {
    font-size: 1rem;
}
/*
.cikklista.oldalsavcikkek ul.cikkcimlista li:last-child,
.cikklista.roviden ul.cikkcimlista li:last-child {
	margin-bottom: 0;
}*/
/*
.cikklista.roviden ul.cikkcimlista li {
    margin-bottom: calc(var(--bs-gutter-y) / 2);
    margin-top: calc(var(--bs-gutter-y) / 2);
}*/
#panel2 #partnerek ul li {
    background-color: transparent;
    width: calc((100% - 10px) / 3);
}
.kulcsszavak {
    margin: 40px 0px 10px;
}
.kulcsszavak ul li::before {
    color: var(--color-logo-mentha);
    display: none;
}
.kulcsszavak ul li {
    margin: 2px .5em;
}
.kulcsszavak .separator.top {
	margin-bottom: 5px;
	width: 100%;
	margin: 10px 0;
}
.kulcsszavak .separator {
    border-top-color: var(--color-grey);
}
.banner ins img {
	max-width: 100%;
	height: auto;
}
#cikk .cim {
    color: var(--color-black);
    margin: 0 0 .5em;
}
blockquote {
	font-style: italic;
	text-align: left;
	font-size: 1.3em;
}
blockquote::before {
	content: ' ';
	position: absolute;
	left: -4em;
	top: 0px;
	background-image: url("quote.svg");
	background-position: center;
	background-size: cover;
	width: 50px;
	height: 50px;
	font-size: 1em;
}
blockquote {
	margin: 2.5em 4em;
}
#cikk .lead {
    line-height: 1.4em;
    clear: both;
}
#cikk {
    margin-bottom: 5em;
}
article.cikk-full .szoveg a {
	text-decoration: underline;
	color: var(--color-black);
	text-decoration-color: var(--color-logo-blue);
}
article.cikk-full .szoveg a:hover {
	color: var(--color-logo-blue);
}
article.cikk-full h2 {
    margin: 1em 0 .7em 0;
}
#cikk .megjelenes, #cikk .utolsomod {
    border-color: var(--color-logo-blue);
}
#cikk .megjelenes {
	border-bottom: 1px solid var(--color-grey);
	padding-bottom: .5em;
	margin-bottom: 1em;
}
#cikk .szerzo {
    clear: none;
}
#cikk .ikonok {
	width: auto;
	margin: 2px 0;
	float: right;
}

#cikk .cim {
    font-size: 2rem;
}
#cikk .leadkepblokk {
	width: 100%;
	padding: 1em 0;
}
.leadkepblokk .fotos {
	position: absolute;
	right: 0;
	bottom: 5px;
	font-size: 0.8em;
	color: var(--color-darkgrey);
	text-shadow: none;
}
#cikk .szoveg p, #cikk .szoveg > div {
	font-size: 1.1em;
	line-height: 1.5;
}
#cikk .szoveg p {
    margin: 0 0 1em 0;
}
#cikk .szoveg > div.utolsomod {
    font-size: .9rem;
}


.socialicons {
	color: var(--color-grey);
	display: flex;
	align-items: center;
}
.socialicons .socialicon:first-child {
    margin-left: .5em;
}
.socialicon {
	width: 35px;
	height: 35px;
	display: inline-block;
	/* border-color: var(--color-grey); */
	/* border-width: 1px; */
	/* border-style: solid; */
	background-size: contain;
	margin: 0 4px;
}
.socialicon:hover {
	background-color: #000;
}
.socialicon.facebook {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23888888"><path d="M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z"/></svg>');
}
.socialicon.tiktok {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23888888"><path d="M544.5 273.9C500.5 274 457.5 260.3 421.7 234.7L421.7 413.4C421.7 446.5 411.6 478.8 392.7 506C373.8 533.2 347.1 554 316.1 565.6C285.1 577.2 251.3 579.1 219.2 570.9C187.1 562.7 158.3 545 136.5 520.1C114.7 495.2 101.2 464.1 97.5 431.2C93.8 398.3 100.4 365.1 116.1 336C131.8 306.9 156.1 283.3 185.7 268.3C215.3 253.3 248.6 247.8 281.4 252.3L281.4 342.2C266.4 337.5 250.3 337.6 235.4 342.6C220.5 347.6 207.5 357.2 198.4 369.9C189.3 382.6 184.4 398 184.5 413.8C184.6 429.6 189.7 444.8 199 457.5C208.3 470.2 221.4 479.6 236.4 484.4C251.4 489.2 267.5 489.2 282.4 484.3C297.3 479.4 310.4 469.9 319.6 457.2C328.8 444.5 333.8 429.1 333.8 413.4L333.8 64L421.8 64C421.7 71.4 422.4 78.9 423.7 86.2C426.8 102.5 433.1 118.1 442.4 131.9C451.7 145.7 463.7 157.5 477.6 166.5C497.5 179.6 520.8 186.6 544.6 186.6L544.6 274z"/></svg>');
}
.socialicon.rss {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23888888"><path d="M96 128C96 110.3 110.3 96 128 96C357.8 96 544 282.2 544 512C544 529.7 529.7 544 512 544C494.3 544 480 529.7 480 512C480 317.6 322.4 160 128 160C110.3 160 96 145.7 96 128zM96 480C96 444.7 124.7 416 160 416C195.3 416 224 444.7 224 480C224 515.3 195.3 544 160 544C124.7 544 96 515.3 96 480zM128 224C287.1 224 416 352.9 416 512C416 529.7 401.7 544 384 544C366.3 544 352 529.7 352 512C352 388.3 251.7 288 128 288C110.3 288 96 273.7 96 256C96 238.3 110.3 224 128 224z"/></svg>');
}
.socialicon.googlenews {
    background-image: url('data:image/svg+xml,<svg fill="%23888888" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M21.267 21.2a.614.614 0 0 1-.613.613H3.344a.614.614 0 0 1-.612-.613V8.115a.614.614 0 0 1 .613-.613h17.309a.614.614 0 0 1 .613.613V21.2zm-3.032-3.42v-1.195a.08.08 0 0 0-.08-.08h-5.373v1.361h5.373a.082.082 0 0 0 .08-.083v-.003zm.817-2.587v-1.201a.08.08 0 0 0-.079-.082h-6.19v1.362h6.189a.079.079 0 0 0 .08-.078v-.004.003zm-.817-2.588V11.4a.08.08 0 0 0-.08-.08h-5.373v1.361h5.373a.082.082 0 0 0 .08-.079v.004zM8.15 14.045v1.226h1.77c-.145.748-.804 1.292-1.77 1.292a1.976 1.976 0 0 1 0-3.95 1.77 1.77 0 0 1 1.253.49l.934-.932a3.14 3.14 0 0 0-2.187-.853 3.268 3.268 0 1 0 0 6.537c1.89 0 3.133-1.328 3.133-3.197a3.941 3.941 0 0 0-.052-.619l-3.08.006zM2.27 7.654a.616.616 0 0 1 .613-.613h12.154l-1.269-3.49a.595.595 0 0 0-.743-.383L.368 7.775a.594.594 0 0 0-.323.775l2.225 6.112V7.654za.616.616 0 0 1 .613-.613h12.154l-1.269-3.49a.595.595 0 0 0-.743-.383L.368 7.775a.594.594 0 0 0-.323.775l2.225 6.112V7.654zm21.312-.31-8.803-2.37.751 2.067h5.584a.614.614 0 0 1 .613.613v8.794l2.247-8.366a.592.592 0 0 0-.392-.739zm-4.496-1.675V2.795a.61.61 0 0 0-.611-.608H5.524a.61.61 0 0 0-.616.605v2.837l8.39-3.052a.594.594 0 0 1 .743.39l.544 1.497 4.501 1.205z"/></svg>');
}

footer {
	display: block;
	background: none;
	height: auto;
	background-color: var(--color-darkgrey);
    padding: 3em 2em 1em;
}
footer nav ul {
	list-style: none;
	display: flex;
	margin: 0 auto;
	max-width: 100%;
	justify-content: flex-end;
}
footer nav ul li a, footer nav ul li a:visited, footer .copyright {
	text-transform: none;
	font-size: 1em;
	color: var(--color-grey);
}
footer .copyright {
    margin-top: 2em;
    font-size: .8em;
}






.responsive-menu-container {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between; /* Pushes menu items to left, more icon to right */
    align-items: center;
    position: relative; /* For positioning the dropdown */
    width: calc(100% - 20px);
}

.main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping by default */
    overflow: hidden; /* Hide overflow items that are not explicitly moved */
    justify-content: space-between;
}

.main-menu li {
    flex-shrink: 0; /* Prevent items from shrinking */
    white-space: nowrap; /* Ensure text stays on one line */
    border-bottom: 1px solid transparent;
}
.main-menu li:hover {
    border-bottom-color: var(--color-logo-blue);
}

.main-menu a {
	display: block;
	padding: 8px 20px;
	text-decoration: none;
	color: var(--color-black);
	margin-right: 5px;
	transition: background-color 0.3s ease;
	font-size: 1.1em;
	font-weight: bold;
}
/*
.main-menu a:hover {
    background-color: var(--color-grey);
}*/

/* More menu styles */
.more-menu-wrapper {
    position: relative;
    margin-left: 10px; /* Space between last visible item and '+' */
}

.more-toggle {
	background-color: transparent;
	color: white;
	border: none;
	padding: 8px;
	cursor: pointer;
	font-size: 1em;
	display: none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z"/></svg>');
	width: 1.2em;
	height: 1.2em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
/*
.more-toggle:hover {
    background-color: var(--color-grey);
}*/

.more-items-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(100% + 5px); /* Position below the toggle button */
    right: 0;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    min-width: 150px;
    z-index: 1000;
    display: none; /* Hidden by default */
    flex-direction: column; /* Stack items vertically */
}

.more-items-list.visible {
    display: flex; /* Show when 'visible' class is added by JS */
}

.more-items-list li {
    width: 100%; /* Ensure each dropdown item takes full width */
}

.more-items-list a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: var(--color-black);
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #555; /* Separator for dropdown items */
    white-space: nowrap;
    font-size: 1.1em;
    font-weight: bold;
}

.more-items-list li:last-child a {
    border-bottom: none; /* No border for the last item */
}
/*
.more-items-list a:hover {
    background-color: #666;
}*/


.rovat h1.rovatnev {
	text-transform: uppercase;
}


@media only screen and (max-device-width: 500px) {
    .cikklista h2.cim, #cikk .cim, #cikk .megjelenes, #cikk .szerzo, #cikk .lead, #cikk .szoveg, h3 {
        margin-left: 5px;
        margin-right: 5px;
    }
    #content #panel2 {
        width: 100%;
        margin-right: 0;
    }
    .row {
        margin: 0;;
    }
}