/* Default styles for all screen sizes (mobile-first) */
/*	https://github.com/JulietaUla/Montserrat/tree/master/fonts/webfonts	*/
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 400;src: local('Montserrat Regular'), local('Montserrat-Regular'),url('fonts/montserrat-regular.woff2') format('woff2');}
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 700;src: local('Montserrat Bold'), local('Montserrat-Bold'),url('fonts/montserrat-bold.woff2') format('woff2');}
/* Global styles reset */
html, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
 { 	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 	display: block;}
ol, ul { 	list-style: none;}
table { 	border-collapse: collapse;	border-spacing: 0;}
* {margin: 0;padding: 0;box-sizing: border-box;}
/* em for margins */
h1, h2, h3 {font-family: 'Montserrat', Verdana, Geneva, sans-serif; font-size: 125%; color: #003E51; font-weight: 700;}
h1 {font-size: 2rem;}
h2 { font-size: 1.8rem;}
h3 { font-size: 1.5rem;}
h1, h2, h3 { margin-top: 1em;	 margin-bottom: 0.5em;
}
body {
line-height: 1.6;
font-family: 'Montserrat', Verdana, Geneva, sans-serif; font-style: normal; font-weight: 400; 
background: white;
color: #414141;
}
body.no-scroll {overflow: hidden;}
.skip {color: #00374d;}
#dimoverdiv, #sidemenucontainerdiv, #dropdowcontainer {display: none;}
#dimoverdiv {cursor:pointer; background-color:rgba(0,0,0,0.5); }
#scrollToTopButton { font-size: 1.2rem; border:none; background-color: #8399a4; color: white; cursor: pointer; opacity:0.9; width:3em; height:2em; }
#scrollToTopButton:hover { background-color: #8399a4; color:white; 		 }
#scrollToTopButton:focus { outline: solid 2px #00374d; }
#scrollToTopButton {position:fixed; z-index:1;}
.dropdown-content {position: absolute; z-index:2;}
#sidemenucontainerdiv {position:fixed; z-index:3;}
#dimoverdiv {position:fixed; z-index:9;}
.sectionspacer {margin-bottom: 6em;}
.dimf-hr-pacer {height:30px; border-radius: 0 0 50px 0; border-width:1px; background-color:white; color:#f4faf5;  border-top: none; border-left: none;}

@media (max-width: 319px) {
img, input, #sidemenucontainerdiv, #dropdowcontainer,.hideonsmscreenspan, .m4link, .landingh3r, .dropdown, .camp-poster-imgcont-div {display: none;}
h1, h2, h3 {font-size: 100%; margin:1em; }
h1 { font-size: 1.4rem;}
h2 { font-size: 1.2rem;}
h3 { font-size: 1.1rem;}
nav button {padding: 6px; margin:6px; margin-left:12px; min-height:3em; cursor: pointer;}
#scrollToTopButton { display: block; position: fixed; bottom: 1px!important; right: 1px!important; height:2em; opacity:0.5;}
#sidemenucontainerdiv a,
	.dropdown-content a {display:inline-block; margin-bottom:0.2em; min-width:60%; margin-left:12px;}
#sidemenucontainerdiv {background-color:white; width:100%; height:100%; position:static!important; top:1em; left:0; overflow:auto; padding-left: 0.2em; padding-bottom:3em;	}	
.sidemenutitlehrf {color:black; text-decoration-style:dotted; padding-left:1.4em; margin-top:0.3em;}
.overlmenusvg {width:1.4em; height:1.4em; vertical-align:bottom;}
	.dropbtn:after { background-image: url(imgs/drpdown.svg); background-size:cover; width: 0.9em; height: 0.5em; display: inline-block; content: ''; background-color:black; }
.contact-link {width: 100%; text-align:center; margin-bottom:3em;}
main section, footer, .top-banner {padding:1.2em;}
.skip {margin-left: 1.2em;}
.language-selector, .contact-link {float:right; }
.contact-link {margin-right:1em; }
footer a {color:white;text-decoration: none;} 
footer a:focus,
footer a:hover {text-decoration: underline;}
footer {background-color: #003145; color: white; padding:30px 12px; }
.foohi {padding-bottom: 15px; color: white!important; }
.footer-section ul { list-style: none; }
.footer-section ul li { margin-bottom: 10px; }
footer svg {fill: white; display:inline-block; margin-right: 0.5em; line-height: 2; top: .2em; position: relative; 		}footer path {fill: white;	}
.closesidemenubtn {display: block; float:right; font-size:16px; padding-top:0px; width:110px; height:2px!important; margin-top: -54px; cursor: pointer;}
nav:has(#opensidemenubtn:hover) .closesidemenubtn { background-color:lightgrey;}
nav:has(.closesidemenubtn:hover) #opensidemenubtn { background-color:lightgrey;}
} /* end of media-max-width-319*/



@media (min-width: 320px) {
.dropdown,
.m4link,
.contact-link {display: none;}
h1, h2, h3 {font-size: 100%; margin:1em; }
h1 { font-size: 1.4rem;}
h2 { font-size: 1.2rem;}
h3 { font-size: 1.1rem;}
.skip {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;
}
.skip:focus {position: fixed; left: 0.8em; top: 0.8em; width: 12em; height: 1.5em; background: #e8f3fd; background-color:#e8f3fd; outline-offset: 0.5em;
}
/* Top banner */
.top-banner {
background-color: #DFEEFC;
padding: 10px 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.langsel {color: #003145;	 text-decoration: none;	 }
.margok {padding-left: 5%!important; padding-right: 5%!important;}
/* Main navigation */
nav button {font-family: 'Montserrat', Verdana, Geneva, sans-serif; 
font-size:1.1rem;
background: none;
border: none;
color: white;
cursor: pointer;
padding: 0.4em 0;
height: 2em;
}
.main-nav {
height: 3.2em;
background-color: #003145;;
padding: 0.2em 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.overlmenusvg { width:1.4em; height:1.4em; display:inline-block; vertical-align: bottom; margin-bottom:0.1em;}
#opensidemenubtn {display: inline-block; padding-right: 0.5em;}
#sidemenucontainerdiv a:focus,
#sidemenucontainerdiv a:hover,
.dropdown-content a:focus,
.dropdown-content a:hover {
background-color: #e8f5e9; outline: solid 1px #003145; }
#sidemenucontainerdiv a { color:#003145; background-color: rgba(240, 246, 230, 0.3); width:80%; padding:0.2em 0.5em; display:block; text-decoration:none; font-size:1rem; margin-left:10px;}
#sidemenucontainerdiv {width:100%; height:100%;background-color:white;position:fixed!important; top:0; left:0; overflow:auto; padding-left: 1em; padding-bottom:5em;	}
.sidemenutitlehrf {color:white!important; margin-top: 1em; background-color: #003145!important; color:white!important; text-indent:0em!important;}
.sidemenutitlehrf:focus,
.sidemenutitlehrf:hover { background-color: #003145!important; color:#e8f5e9!important; outline:solid 2px yellow; outline-offset:3px; }
#dimoverdiv { top:0; right:0; height:1px; width:1px;	left: -10000px; overflow: hidden;		}
.closesidemenubtn {color: #003145; font-size: 3rem; position:fixed; top: 0em; right: 0.2em; padding: 0px!important; height:3rem!important; margin-top: 0px!important; }
/* Search bar & container */
.search-container { width: 100%; padding: 1em 0;}
.search-bar input {font-family: 'Montserrat', Verdana, Geneva, sans-serif;
font-size: 1em; width: 100%; height: 2.3em; padding: 0.5em; border-radius: 4px;
background: url('imgs/search-icon.png') white; background-position-x: 0; background-position-y: 50%; background-size: 50px; background-repeat: no-repeat;
box-sizing: border-box; border: 1px solid #e3e3e3; padding-left: 3em; }
/* javit - az nem m3link ki van kapcsolva -- nem biztos, hogy megfelel a magassaga*/
.search-container { width: 100%; position: relative; box-shadow:0 3px 3px rgba(50, 50, 50, 0.3); border-bottom: 10px solid white; min-height: 40px; }
.shadw { width: 100%; position: relative; box-shadow:0 3px 3px rgba(50, 50, 50, 0.3); border-bottom: 10px solid white; min-height: 60px; }
/* Landing */
.image-section,
.landingCardContnr {max-width: 90%;}	
.image-section img {width: 100%;height: auto;border-radius: 8px;max-height: 400px;object-fit: cover;	
	margin-left: 25px; margin-top: 50px; /* javit */
}
.landingh3r {
	background: #E8F5E9; background: linear-gradient(-120deg, rgba(232, 245, 233, 1) 32%, rgba(254, 254, 255, 1) 100%); padding: 20px;
min-height:500px;
}
.landingCardContnr {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px; margin-left:0; margin-top: 50px;
}
.landingCardContnr a {font-size:1.2em;background: white;padding: 15px;border-radius: 8px;text-decoration: none; color: #003145; text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
display: flex; align-items: center; justify-content: center;
min-height: 90px;
transition: transform 0.2s, box-shadow 0.2s;
}
.landingCardContnr a:focus,
.landingCardContnr a:hover { color: #003149; border: solid 2px #00374d; text-decoration: underline; padding:10px; }
/* Main content */
main section {border:solid 1px #f4faf5;}
main section img {width: 100%;  height: auto;}
#main { padding-bottom: 4em; }
main a {color: #00121a; text-decoration:underline; text-decoration-style: dotted; text-underline-offset: 0.1em;}	
main a:focus, main a:hover {color: #00374d;}
main ul li { margin-bottom: 1.1em; line-height: 1.6em; margin-left: 1em; text-indent:-1em; padding-left: 1em;}


.camp-poster-imgcont-div {width: 100%; height:auto; padding: 3em;}


.oldveg-kep-contain {display: block; width: 100%; height: auto; 	}
.oldveg-kep {margin: 30px auto;	width: auto; background-image: url("imgs/kfenyedcimer.png"); background-size:auto; height:120px; background-position:center bottom; background-repeat: no-repeat; opacity: 0.7; }	
.flexWrapContainer {display: flex; flex-wrap: wrap;}
.felflexoszlopMin600 {flex: 100%; padding: 2rem; box-sizing: border-box; }
.felflexoszlopMin768 {flex: 100%; padding: 1.5rem; box-sizing: border-box; }
.felflexoszlopMin950 {flex: 100%; padding: 1rem; box-sizing: border-box; }
#scrollToTopButton { display: block; bottom: 15px!important; right: 15px!important; width:3em; height:2em; opacity:0.5; 	padding: 6px 2px; 	border-radius: 6px; }
/* Footer */
footer a {color:white;text-decoration: none;} 
footer a:focus,
footer a:hover {text-decoration: underline;}
footer {background-color: #003145; color: white; padding:30px 24px; max-width:100%; min-height:50px; }
.foohi {padding-bottom: 15px;  }
.foohi a {margin:1em; color: white; font-weight: 700; font-size: 1.2rem;  }
.footer-section ul { list-style: none; }
.footer-section ul li { margin-bottom: 10px; }
footer svg {fill: white; display:inline-block; margin-right: 0.5em; line-height: 2; top: .2em; position: relative;} footer path {fill: white;	}
}/* end of media-min-width-320	*/
@media (min-width: 400px) {
.landingCardContnr {margin-left:20px;}
.footer-section ul li not(.foohi) { margin-left: 30px; }
}/* end of media-min-width-400	*/
@media (min-width: 500px) {
.footer-section ul li not(.foohi) { margin-left: 40px; }
}/* end of media-min-width-500	*/
@media (min-width: 600px) {
#sidemenucontainerdiv {width:65%;}
#dimoverdiv {top:0; right:0; left:64%; height:100%;	width: 36%;	}
.closesidemenubtn { position:fixed; top: 0em; right: 37%; }
.footer-section ul li not(.foohi) { margin-left: 50px; }
footer {padding:30px 44px; }
.dropdown { position: relative; display: inline-block; margin-left: auto;}	
.dropbtn:after { background-image: url(imgs/drpdown.svg); background-size:cover; width: 0.9em; height: 0.5em; display: inline-block; content: '';}
.dropbtn {padding-left: 0.5em; background-color: #003145; color: white; border-radius: 4px 4px 0 0; }
.dropdown-content {
position: absolute;
right:2px; top: 2.6em;
background-color: white;
min-width: 13em;
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
border-radius: 0 0 10px 10px;
overflow: hidden;
padding-bottom:1.5em;
}
.dropdown-content a {
color: #003145;
padding: 12px 16px;
text-decoration: none;
display: block;
transition: background 0.2s;
}
.twotablisthrefsinul a {margin-left: 4em;}



.felflexoszlopMin600 {flex: 50%;}

}/* end of media-min-width-600	*/
@media (min-width: 650px) {
.margok {padding-left: 8%!important;	padding-right: 8%!important;}
.sidemenutitlehrf {padding-left:2em!important;}
#sidemenucontainerdiv a:not(.sidemenutitlehrf) {padding-left:3em;}
}/* end of media-min-width-650	*/
/* Styles for screens 768px and wider (tablets and up) */
@media (min-width: 768px) {
.margok {padding-left: 13%!important;	padding-right: 13%!important;}
.image-section img { display: block; width: 80%; margin: 1.5em auto 3em auto; }
.image-section, .landingCardContnr { max-width: 70%; margin:auto; }
.landingCardContnr {padding-bottom: 3em;}
main section { padding:0.2em; }

#scrollToTopButton { display: block; position: fixed; bottom: 30px; right: 30px; 
	padding: 6px 18px; 
	border-radius: 6px; 
}
/* Search bar & container */
.search-container {display: flex;justify-content: space-between;align-items: center;}
.search-bar {width: 50%; flex: 0 0 20em; padding: 0;}
.contact-link {display: flex; }
.contact-link a {color: #003145; text-decoration: none;}
.contact-link a:focus, .contact-link a:hover { 	color: #003145; text-decoration: underline; outline-offset: 3px;	 }
.mnav-link {color: #003145;	 text-decoration: none;	 padding: 20px 20px 10px 20px; margin-bottom:-10px;	font-size: 1.2rem;}
.mnav-link:focus, .mnav-link:hover {color: #00121a;	background-color: #f0f0f0;}
.felflexoszlopMin768 {flex: 50%;}



/* Footer */
footer { padding: 2em 1em 2em 2em; display: grid; grid-template-columns: repeat(auto-fit, minmax(14em, 1fr)); gap: 3em;}

}/* end of media-min-width-768	*/
@media (min-width: 950px) {
h1, h2, h3 { margin:1em; }
h1 { font-size: 1.8rem;}
h2 { font-size: 1.4rem;}
h3 { font-size: 1.2rem;}
.margok {padding-left: 15%!important;	padding-right: 15%!important;}
#sidemenucontainerdiv {width:50%;}
#dimoverdiv {top:0; right:0; left:50%; height:100%;	width: 50%;	}
.closesidemenubtn { position:fixed; top: 0em; right: 52%; }
.search-bar {width: 60%; flex: 0 0 30em; padding: 0;}
.search-container { box-shadow: none; border: none; min-height: 10px; padding: 0.8em 0 1em 0; }
.m4link {display: flex;	justify-content: space-between; }
.hideonsmscreenspan {display:none;}
.image-section img { display: block; width: 70%; margin: 1.5em auto 3em auto; }
main section { padding:1.2em; max-width: 100%;}
.camp-poster-imgcont-div {padding: 4em 20%;}
.felflexoszlopMin950 {flex: 50%;}

}/* end of media-min-width-950	*/
/* Styles for screens 1200px and wider (desktops and up) */
@media (min-width: 1200px) {
.margok {padding-left: 18%!important;	padding-right: 18%!important;}
#sidemenucontainerdiv {width:40%;}
#dimoverdiv {top:0; right:0; left:40%; height:100%;	width: 60%;	}
.closesidemenubtn { position:fixed; top: 0em; right: 62%; }
.hideonsmscreenspan {display:inline-block;}
#scrollToTopButton { display: block; position: fixed; bottom: 40px!important; right: 12%!important; 
	padding: 6px 18px; 
	border-radius: 6px; 
}
.search-container {margin-bottom: 0px; padding-bottom: 0px;}
mnav-link { padding: 10px 20px 10px 20px; }
.landingh3r {	display: flex; gap: 20px; align-items: flex-start;	flex: 0 0 35%;		}
.landingCardContnr, .image-section {max-width:40%;}
.grid3x3 { display: grid; grid-template-columns: repeat(3, 1fr)!important; gap: 25px; margin-left:0; margin-top: 50px; }
.image-section img { width: 99%; border-radius: 8px; max-height: 400px;object-fit: fill;	margin-left: 5px; margin-top: 2em;
	/* to prevent too long lines -- main section */	 { max-width: 50em;}
}/* end of media-min-width-1200	*/