/*
Theme Name: SzGyF Intezmeny
Version: 3.0
Author: SzGyF
*/

:root {
	--col-bg: #FFF;
	--col-txt: #3B4545;
	--col-pri: #009999;
	--levendula: #CCF;
	--viola: #8B04A8;
	--szurke: #B5B5B4;
	--pad-cw: 1rem;
	--mrg-cw: -1rem;
	--pad-main: 1rem;

	--wp--style--block-gap: 1rem;
}

/* header { --col-pri:#009999; } */

@media (min-width:77em) {
	:root { --pad-cw: calc(50vw - 37.5rem); --mrg-cw: calc(37.5rem - 50vw); }
}
@media (max-width:62.49em) and (min-width:53em) {
	:root { --pad-main: calc(50vw - 25.5rem); }
}

body {
	margin:0; padding:0; font-family:'Nunito', sans-serif; font-size:16px; line-height:1.5; color:var(--col-txt); background:#FFF;
}

html body {
	min-height:100vh; min-width:20em;
	display:flex; flex-direction:column; align-items:center; justify-content:space-between;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4 {
	line-height:1.25; margin-top:0; margin-bottom:.75em; padding:0; font-weight:600; color:inherit;
}
h1,.h1 { font-size:2em; font-weight:500; }
h2,.h2 { font-size:1.5em; font-weight:500; }
h3,.h3 { font-size:1.125em; font-weight:500; }
h4,h5,h6,.h4 { font-size:1em; font-weight:700; }
.p { font-size:1em; font-weight:400; }

a { text-decoration:none; color:inherit; }
main a, section a, aside a { color:var(--col-pri); font-weight:700; }
main a:hover, section a:hover, aside a:hover { text-decoration:underline; color:var(--col-pri); }
h1 a, h2 a, h3 a { color:inherit; font-weight:inherit; text-decoration:none !important; }
h4 a, h5 a, h6 a { text-decoration:none !important; }
p, blockquote, figure, ul, ol { margin:0 0 1em; }
p:empty { margin:0; }
blockquote { padding-left:1.5rem; font-style:italic; position:relative; }
blockquote::before { content:'\201D'; font-size:2rem; position:absolute; top:0; left:0; }
ul, ol { padding:0 0 1em 1em; }
li ul, li ol { margin:0; padding-bottom:0; }
li:not(:last-child) { padding-bottom:.25em; }
:where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,p,blockquote,figure,ul,ol):last-child { margin-bottom:0; padding-bottom:0; }
small { font-size:.875em; }

main, aside { line-height:1.75; width:100%; padding:1em 0 2em; }
main { background:#FFF; max-width:54em; }
aside { background:#EEE; padding:1em 0; }

img, iframe { max-width:100% !important; }
img { height:auto; vertical-align:top; }

input:not([type=hidden]), textarea, select, button, .wp-element-button, .button, .button-i {
	border-radius:5px; font-weight:400; font-family:inherit; color:inherit; line-height:1.25; font-size:inherit;
	padding:.25em .5em; background:#FFF;
}
input:not([type=hidden]), textarea, select { border:1px solid #EEE; }
select { padding-right:.25em; }

input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; appearance:none; }

table { max-width:100%; }
table:not(:last-child) { margin-bottom:2em; }

.wp-block-columns { gap:1em; margin:0 auto 1em; }
.wp-block-columns .wp-block-columns:last-child { margin-bottom:0; }

.wp-block-buttons { gap:1em; }
button, input[type=submit], .wp-element-button, .button {
	margin:0; padding:.5em 1em; border:0; background:var(--col-pri); color:#FFF; cursor:pointer;
}
button:hover, input[type=submit]:hover, .wp-element-button:hover, .button:hover {
	background:var(--col-pri); color:#FFF; text-decoration:none;
}

.post-list { display:flex; gap:1em; flex-direction:column; list-style:none; margin:0; padding:0; }
.post-item { display:flex; gap:1em; flex-wrap:wrap; color:inherit; line-height:1.5; min-width:20em; }
.post-item:hover { transform:scale(1.025); text-decoration:none; color:inherit; }
.post-item:hover .post-title { color:var(--col-pri); }
.post-item > * { flex:1 1; min-width:13em; max-width:100%; }
.post-item .post-thumb img { max-height:100%; width:100%; object-fit:cover; }
body .post-list .post-desc { font-weight:400; }
.post-list:not(:last-child) { margin-bottom:2em; }

.post-item:not(:empty), .shadow-box { transition:transform .2s; padding:1em; background:#FFF; box-shadow:.25em .25em 1em #00000022; }
.post-item:empty { padding:0 1em; }
.post-list.no-box .post-item { background:none; padding:.5em; margin:-.5em; transform:none; }
.post-list.no-box .post-item:not(:hover) { box-shadow:none; }

.post-list.grid { flex-direction:row; flex-wrap:wrap; justify-content:flex-start; }
.post-list.grid .post-item { flex:1 1; flex-direction:column; }

.post-item .post-title, .post-item .post-desc {
	max-height:7.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.post-item .post-desc { -webkit-line-clamp:4; }

.post-list.date .post-text { display:flex; gap:0 2em; flex-wrap:wrap; align-items:center; }
.post-list.date h4 { margin:0; }
.post-list.date .post-date { flex:1 1; margin:0; text-align:right; }

.post-list.sbs { max-width:51em; }
.post-list.mirror .post-item { flex-direction:row-reverse; }

@media (max-width:34.99em) {
	.post-item { min-width:100%; }
}

@media (min-width:62.5em) {
	aside .post-item { padding:.5em; }
	aside .post-item > * { min-width:8em; }
	aside .post-item .post-desc { display:none; }
	aside .post-item .post-title { -webkit-line-clamp:4; margin-bottom:0; }

	.post-list.sbs .post-thumb { flex:.5 2; }
}



.calendar-wrap { display:flex; flex-wrap:wrap; gap:var(--wp--style--block-gap); }
.calendar-wrap:not(:last-child) { margin-bottom:2em; }
.calendar { width:100%; flex:1 1; min-width:18em; }
.calendar td { text-align:center; }
.calendar a { display:block; background:#000; color:#FFF; border-radius:5px; }

.wp-block-gallery { align-items:center !important; justify-content:center !important; }
/* .wp-block-gallery .wp-block-image { display:block !important; width:auto !important; flex:0 0 auto !important; margin:0 !important; } */
.wp-block-gallery .size-thumbnail, .wp-block-gallery.icons .wp-block-image { width:auto !important; text-align:center; }
.wp-block-gallery .size-thumbnail img, .wp-block-gallery.icons .wp-block-image img {
	width:8em !important; height:4em !important; object-fit:contain; margin:0 auto;
}

.wp-block-gallery.icons a { text-decoration: none; }
.wp-block-gallery.icons a:hover img { color:var(--col-pri); transform:scale(1.075); } 
.wp-block-gallery.icons img { transition:all .2s; }

.wp-block-gallery.maxfill {
	align-items:stretch !important; flex-wrap:nowrap; gap:0 !important; padding:0; margin:0;
}
.wp-block-gallery.maxfill > * { flex:1 1 !important; }

.wp-block-gallery.maxfill a { text-decoration:none; position:relative; transition:all .2s; }
.wp-block-gallery.maxfill a figcaption {
	position:absolute !important; display:block; padding:.5em .25em !important; opacity:0;
	font-size:1rem !important; background:#00000080 !important; color:#FFF !important;
}
.wp-block-gallery.maxfill a:hover { transform:scale(1.05); z-index:1; }
.wp-block-gallery.maxfill a:focus figcaption, .wp-block-gallery.maxfill a:hover figcaption { opacity:1; }

.wp-block-image figcaption, .image-caption { 
	color:inherit !important; background:none !important; text-align:center; position:static !important;
	font-size:.875em !important; font-weight: 600 !important; line-height:1.15; text-shadow:none !important;
	padding:1em 0 !important;
}
.image-caption { margin-top:-.5em; }

.wp-block-image:not(:last-child) { margin-bottom:1em; }
.is-layout-flex > .wp-block-image { margin-bottom:0; }

.aligncenter { margin:0 auto 1em; display:block; }
.alignleft { float:left; margin-right:.5em; margin-bottom:1em; }
.alignright { float:right; margin-left:.5em; margin-bottom:1em; }
.screen-reader-text { display:none; }

.hidden { display:none !important; }
.cw { max-width:75rem; margin-left:auto; margin-right:auto; padding-left:.5rem; padding-right:.5rem; }

*, *::before, *::after { box-sizing:border-box; }

.ico-menu { display:inline-block; width:1em; height:4px; margin:calc(.5em - 2px) 0; position:relative; }
.ico-menu:before, .ico-menu:after { content:''; position:absolute; left:-2px; width:100%; }
.ico-menu, .ico-menu:before, .ico-menu:after { border:2px solid; border-width:2px 0; transition:all .2s ease; }
.ico-menu:before { left:0; top:-.375em; }
.ico-menu:after { left:0; bottom:-.375em; }
.open .ico-menu { transform:rotate(45deg); }
.open .ico-menu:before { top:-2px; }
.open .ico-menu:after { transform:rotate(-90deg); bottom:-2px; }

.search-form { margin:0; }
.search-input { position:relative; margin:0; padding:0; }
.search-input button {
	position:absolute; top:1px; bottom:1px; right:1px; border:0; padding:.25em;
	text-align:center; background:none; color:inherit;
}
.search-input button .fas { font-size:1.25em; width:auto; display:inline-block; color:var(--szurke); }
.search-input input { display:block; margin:0 0 1em; padding-right:1.5em; width:100%; }
.search-input input:focus { outline:0; }

.checkbox { position:relative; display:inline-block; line-height:1.25; padding:1px; }
.checkbox span { display:flex; gap:.5em; }
.checkbox span::before, .checkbox input {
	min-width:1.25em; max-width:1.25em; height:1.25em; background:#FFF; border:1px solid #EEE; color:#FFF;
}
.checkbox input { position:absolute; top:0; left:0; }
.checkbox > span::before { content:''; text-align:center; line-height:1.25; border-radius:5px; }
.checkbox.radio span::before { border-radius:50%; }
.checkbox > input { z-index:-1; opacity:0; }
.checkbox > input:checked ~ span::before { background:var(--col-pri); content:'\2713'; }
.checklist .checkbox { display:block; margin:.25em 0; }

.field { display:flex; align-items:center; gap:.5em; margin-bottom:.5em; }
.field > *:last-child { flex:1 1; }

.date-interval { display:flex; gap:.5em; flex-wrap:wrap; }
.date-interval > div { display:flex; gap:.5em; white-space:nowrap; align-items:center; }

.pagination { margin:1em 0; }
.pagination .nav-links, #content .dataTables_paginate , #content .dataTables_paginate > span {
	display:flex; justify-content:center; align-items:center; text-align:center; gap:.375em; flex-wrap:wrap; padding:0;
}
.pagination .page-numbers, #content a.paginate_button { 
	min-width:3em; padding:0 .25em; background:var(--szurke); color:#FFF !important; font-weight:400; border-radius:5px;
	text-decoration:none; font-size:1.125em; line-height:30px; border:0; margin:0;
}
.pagination a.page-numbers:hover, #content a.paginate_button:hover { background:var(--col-pri); }
.pagination .page-numbers.current, #content a.paginate_button.current { background:var(--levendula); }
.pagination .page-numbers.dots, #content .dataTables_paginate .ellipsis { background:none; color:inherit !important; min-width:0; padding:0; }
.pagination .page-numbers.next, .pagination .page-numbers.prev,
#content .paginate_button.next, #content .paginate_button.previous {
	background:none; color:var(--col-pri) !important; min-width:1.5em;
}
.pagination .sym { font-size:2em; line-height:1; }

.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover,
#content .paginate_button.next:hover, #content .paginate_button.previous:hover { color:#FFF !important; }

header, footer, #content { width:100%; }
ul.menu, ul.menu li, ul.nav-lang { margin:0; padding:0; list-style:none; }
.menu a { display:block; padding:.5em 1em; }
header > nav, header .nav-other, footer nav { display:flex; justify-content:flex-end; position:relative; }
header { padding:0; color:#FFF; background:var(--col-pri); }
header .logo { display:flex; align-items:center; max-width:12em; height:4em; }
header .logo img { width:auto; height:100%; padding:.25em 0; object-fit:contain; object-position:left; }
header .pad { flex:1 1; }
header .menu { display:flex; justify-content:flex-end; position:relative; }
header .search-input input { margin:0 0 0 auto; width:8em; border:0; color:var(--col-pri); }

header .menu a { display:flex; align-items:center; justify-content:center; height:100%; }
header .menu a:hover { background:#FFF; color:var(--col-pri); }

header .nav-lang { align-self:center; }

footer { margin:0 auto; padding:2em 0 0; color:#FFF; background:var(--szurke); }
footer nav { justify-content:space-between; align-items:flex-start; gap:2em; flex-wrap:wrap; }
footer nav > .menu { flex:1 1; display:flex; justify-content:flex-end; gap:1em; text-align:right; }
footer nav > .menu > li { flex-direction:column; align-items:flex-end; }
footer nav > .menu .sub-menu {padding-left: 0; }
footer .logo { display: flex; align-items: center; gap:1em; }
footer .logo span { width:12em; }
footer .logo img { width:3rem; min-width:3rem; padding:.25em 0; }
footer .menu { text-transform:uppercase; font-weight:600; flex-wrap:wrap; }
.nav-lang { white-space:nowrap; }
.nav-lang li { display: inline-block; text-transform:uppercase; padding:0; }
.nav-lang li:not(.current-lang) a { font-weight:700; }
.nav-lang li:not(:last-child)::after { content:' / '; }
.footer-area { width:100%; padding:0; background:#EEE; display:flex; flex-direction:column; }
.footer-area > * { padding:1em var(--pad-cw); }
.footer-area > *:nth-child(odd) { background:var(--levendula); }

.navbar-toggle { display:none; }
.copyright { text-align:left; padding:2em 0 1em; font-size:.875em; }
#content { flex:1 1; display:flex; justify-content:center; gap:0 1rem; }

#szechenyi-2020, #szechenyi-2020 img { max-height:160px; }
#szechenyi-2020 { position:fixed; z-index:5000; bottom:0; right:0; }
#szechenyi-2020 .close {
  display:block; position:absolute; z-index:1; top:.25em; left:.125em; font-size:1.5em;
  line-height:1; text-align:center; width:1.25em; background:#FFF; color:var(--col-txt); border-radius:100%;
	padding:.125em 0;
}
#szechenyi-2020.eco { display:none; }

footer nav .menu > li > a { font-weight:700; font-size:.75em; }
footer nav .menu a[href="#"] { pointer-events:none; }
footer nav .sub-menu a { font-size:.625em; }

@media (max-width:74.99em) {
	.navbar-toggle { 
		display:inline-flex; font-size:2rem; padding:0 .25em; width:1.5em; line-height:1; position:relative;
		align-items:center;
	}
	header .menu { position:absolute; z-index:10; flex-direction:column; background:var(--col-pri); top:100%; right:0; padding:1px; width:20em; max-width:100%; text-align:center; }
	header .menu:not(.open) { display:none; }
	header .menu > li > a { width:100%; }
	footer nav .menu > li { min-width:40%; }
}
@media (max-width:49.99em) {
	header .menu { width:100%; }
	footer nav .menu { flex-direction:column; }
}
@media (min-width:35em) {
	header .search-input input { line-height:4em; height:4em; border-radius:0; width:100%; }
	header .search-input button { top:3px; }
	header .nav-other { width:12em; }
	header .nav-other .search-form { flex:1 1; }
}
@media (max-width:34.99em) {
	header > nav { padding-bottom:2.5em; gap:0 .5em; }
	header .nav-other { position:absolute; bottom:.5em; right:.5em; }
	header .search-input input { width:100%; max-width:15em; }
	footer nav > .menu { min-width:100%; text-align:center; }
}

@media (min-width:62.5em) {
	aside { max-width:20em; }
}
@media (max-width:62.49em) {
	#content { flex-direction:column; align-items:center; justify-content:flex-start; }
}

.breadcrumb { margin-bottom:1em; color:var(--szurke); }
.breadcrumb a { font-weight:400; text-decoration:underline; color:inherit; }

.post-image { text-align:center; }
.post-image img { display:block; object-fit:contain; margin:1em auto; max-height:35em; }
.post-date { text-transform:uppercase; font-size:.875em; white-space:nowrap; }
h1 + .post-date { margin-top:-2em; margin-bottom:2em; }
h4 + .post-date { margin-top:-.5em; margin-bottom:.5em; }
.post-more { text-align:right; margin-top:.5em; }
.post-meta { display:flex; gap:1em 2em; margin-bottom:2em; flex-wrap:wrap; }
.post-meta span { display:flex; align-items:center; gap:.5em; }
.post-meta .far { font-size:1.25em; width:1.25em; text-align:center; margin-right:.25em; }
.post-related { display:flex; flex-wrap:wrap; gap:.25em 1em; margin:2em 0 1em; }
.post-related h3 { margin:.25em 0; }
.post-related div { display:flex; align-items:flex-start; flex-wrap:wrap; gap:.5em 1em; }

.post-head .post-desc { font-weight:700; margin-bottom:1em; }

#content.search-form { position:relative; }
.results .filter-toggle { padding:.25em 1em; margin-bottom:1em; }
.results .filter-toggle.inactive { background:var(--szurke); }
.result-filter .close { position:absolute; top:.125em; right:.375em; font-size:1.5em; }
.result-filter > button[type=submit] { margin-top:2em; }
.result-filter h3 { margin-top:1.5em; }
.result-filter p { line-height:1.25; font-size:.75em; }
.form-clear { display:inline-block; padding:.25em; color:var(--levendula); }
.result-num { font-size:1.5em; text-align:center; margin-bottom:1rem; }
.list-item { margin-bottom:2em; position:relative; }

.results article { display:flex; gap:.5rem; flex-direction:column; }
.results article h2 { margin-bottom: 0; }
.results .post-desc { line-height:1.5; }
.results .post-info { display:flex; justify-content: space-between; gap:1em; }

.sub-pages h3 { margin:0; }
.sub-pages a { padding:.25em 0; }
.sub-pages .current a { font-weight:600; }
@media (max-width:62.49em) {
	#content.has-sub-pages.is-child .sub-pages { display:none; }
	#content.has-sub-pages.is-parent { flex-direction:column-reverse; }
	.sub-pages h3 { font-size:1.125em; color:var(--col-pri); font-weight:700; }
	.sub-pages a:hover { text-decoration:underline !important; }
	aside { margin:0 -1em; padding:1em var(--pad-main); width:calc(100% + 2em); }
}
@media (min-width:62.5em) {
	.sub-pages a { margin:0 -1rem 0 var(--mrg-cw); padding:.5rem 1rem .5rem var(--pad-cw); }
	.sub-pages a:hover { background:#FFF; color:var(--col-pri); }
}

#content .dataTables_wrapper:not(:last-child) { margin-bottom:2em; }
#content .dataTables_filter { float:left; text-align:left; margin:5px 10px; }
#content .dataTables_info { padding:0; margin:5px 10px; }
#content .dataTables_length, #content .dataTables_paginate { margin:8px 10px; line-height:30px; }
#content .dataTables_length select { appearance:none; color:#FFF; background:var(--col-pri); border:0; text-align:center; }
#content div.dt-buttons { float:right !important; margin:0; line-height:1.5em; }
#content div.dt-buttons > .dt-button { padding:0; margin:0; background:none; border:0; color:var(--col-pri); font-size:1.5em; }
#content table.dataTable>tbody>tr.child span.dtr-title::after { content:':'; }
#content .dataTable.dtr-inline.collapsed td.dtr-control { color:var(--col-pri); font-weight:700; }
#content .dataTable.dtr-inline.collapsed td.dtr-control::before { color:inherit; }
#content .dataTable.dtr-inline.collapsed td.dtr-control:hover { text-decoration:underline; }

#content .dataTable th, #content .dataTable td { border:0; min-width:10em; }
#content .dataTable .odd { background: #eee; }
#content .dataTable .dtr-details > li { display:flex; flex-wrap:wrap; gap:0 1em; }

.services-map { width:100%; }
.services-map.open { height: 400px; max-height:100vh; }
.services-filter > span { text-transform:uppercase; min-width:12em; font-size:.875em; display:inline-block; }

@media (min-width:62.5em) {
	.result-filter .close, .results .filter-toggle { display:none; }
	.results { flex:1 1; }
}
@media (max-width: 62.49em) {
	main .search-form { flex-direction:column; }
	.result-filter {
		position:absolute; z-index:100; top:0; left:0; margin:0; width:100%;
		transition:left .5s ease; padding:3em 1em 1em; max-width:20em;
	}
	.result-filter:not(.open) { left:-20em; }
}

.wpcf7 { padding:.5em 1em; background:#EEE; max-width:30em; margin:0 auto 1em; border-radius:5px; }
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit) { width:100%; }

body.home #content, body.home main { max-width:none; padding:0; }

body.home article > * { margin:0 !important; padding:2rem .5rem; background:#FFF; display:flex; }
body.home article > *:nth-child(even) { background-color: #EEE; }
@media (min-width:75em) {
	body.home article > * { padding:2rem calc(50vw - 37.5rem); }
}

@media (min-width:45em) and (max-width:62.5em) {
	body.home .wp-container-core-columns-is-layout-1 { flex-wrap:wrap !important; }
	body.home .wp-container-core-columns-is-layout-1 > .wp-block-column { flex-basis:40% !important; flex-grow:1 !important; }
	body.home .wp-container-core-columns-is-layout-5 { flex-wrap:wrap !important; }
	body.home .wp-container-core-columns-is-layout-5 > .wp-block-column { flex-basis:40% !important; flex-grow:1 !important; }
}

.wp-block-columns > .wp-block-column.maxfill { margin:-2rem -.5rem 0; }
.wp-block-column.maxfill > .wp-block-gallery.maxfill { height:100%; }
@media (min-width:782px) {
	.wp-block-columns > .wp-block-column.maxfill { margin:-2rem 0 -2rem -.5rem; }
}

p a::after, main li a::after, table a::after { font-family:'Font Awesome 6 Free'; content:'\00a0\f0c1'; font-weight:900; }
p a[target="_blank"]::after, main li a[target="_blank"]::after, table a[target="_blank"]::after { content:'\00a0\f08e'; }
main a[target="_blank"][href^="mailto:"]::after, main a[href^="tel:"]::after, .no-link a::after { content:none; }
main a[target="_blank"][href^="mailto:"]::before { font-family:'Font Awesome 6 Free'; content:'\f0e0\00a0'; font-weight:400; }
main a[href^="tel:"]::before { font-family:'Font Awesome 6 Free'; content:'\f095\00a0'; font-weight:900; }

#content:not(.has-sub-pages):not(.has-sidebar) { background:#FFF; }

@media (min-width:62.5em) {
  body {  background: linear-gradient(90deg, #EEE 50%, #FFF 50%); }
	body.single { background: linear-gradient(90deg, #FFF 50%, #EEE 50%); }
	body.single-document { background:#FFF; }
	main:last-child { padding-left:2em; }
	main:first-child { padding-right:2em; }
}
@media (max-width:62.49em) {
	main { max-width:50em; }
}

.results .post-desc {
	max-height:4.5em; overflow:hidden;
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
}

body .leaflet-attribution-flag { display:none !important; }

.wp-block-table.no-border td, .wp-block-table.no-border th { border:0; }
.wp-block-table.no-border td:first-child, .wp-block-table.no-border th:first-child { padding-left:0; }
.wp-block-table.no-border td:last-child, .wp-block-table.no-border th:last-child { padding-right:0; }

.wp-block-table img { max-height:6em; object-fit:contain; max-width:8em !important; }

.toggle-next::after { font-family:'Font Awesome 6 Free'; font-weight:900; content:'\f0d7'; padding-left:.5em; display:inline-block; }
.toggle-next.open::after { content:'\f0d8'; }
.toggle-next:not(.open) + .toggled { display:none; }

/* joomla compatibiliy stuff */

/* enlarge small images */
.wp-block-image .aligncenter.size-full, .wp-block-image .aligncenter.size-full img,
.single .post-image img, .single p > img { width:100%; }

/* spacing between images */
.single p > img + img { margin-top:1em; }