/* pp-site v1 - jelentkezem.hu megújult, mobilbarát megjelenés (ugyanaz az arculat: zöld, narancs, piros-narancs gomb) */
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap");
:root{--g:#aad307;--gd:#7d9c00;--gl:#f0f7d4;--o:#f7941d;--od:#e07b00;--cta:#da4300;--ctah:#b93800;--link:#cc3300;--line:#d9ddc9;--fg:#2b2b26;--mut:#6b6b60}
html{-webkit-text-size-adjust:100%}
body{font-family:Figtree,"Lucida Sans Unicode",Arial,sans-serif !important;font-size:15px !important;line-height:1.5;color:var(--fg);background:#aad307 linear-gradient(#6f9a00,#aad307 260px) no-repeat !important;margin:0 !important}
img{max-width:100%}
a{color:var(--link)}
.wrapper{width:auto !important;max-width:1000px;margin:0 auto !important;padding:0 12px !important;background:none !important;box-sizing:border-box}
.contentbg{display:none !important}
#container{width:auto !important;background:none !important;padding:0 !important;margin:0 !important;position:static !important}
/* felső sáv (belépés) */
.navbar{width:auto !important;height:auto !important;margin:0 -12px !important;padding:8px 12px !important;background:linear-gradient(#f9a43a,#e07b00) !important;box-sizing:border-box;border-radius:0 0 12px 12px;position:static !important}
.navbar form.login{margin:0 !important;padding:0 !important;width:auto !important;height:auto !important;float:none !important}
.navbar table,.navbar tbody,.navbar tr{display:flex !important;flex-wrap:wrap;gap:8px 14px;align-items:center;width:auto !important;border:0 !important;margin:0 !important;padding:0 !important}
.navbar td{display:flex !important;align-items:center;gap:6px;padding:0 !important;width:auto !important;float:none !important}
.navbar label,.navbar .navbar_lst,.navbar .navbar_lst a{color:#fff !important;font-size:13px !important;font-weight:600 !important;margin:0 !important}
.navbar a.regisztralj{color:#fff !important;font-weight:800 !important;font-size:15px !important;text-decoration:underline}
.navbar input[type=text],.navbar input[type=password]{width:150px !important;height:38px !important;box-sizing:border-box !important;border:0 !important;border-radius:8px !important;padding:0 10px !important;font-size:15px !important;background:#fff !important}
.navbar input[type=checkbox]{width:18px;height:18px;accent-color:var(--cta)}
span.belep,.navbar span.belep{background:var(--cta) !important;border-radius:8px !important;padding:0 !important;display:inline-block !important;height:auto !important;width:auto !important}
span.belep input,.login_btn{background:none !important;border:0 !important;color:#fff !important;font:inherit !important;font-weight:700 !important;font-size:15px !important;height:38px !important;padding:0 16px !important;cursor:pointer;box-shadow:none !important}
/* logó + menü */
#container h1{margin:14px 0 8px !important;float:none !important;height:auto !important;width:auto !important;position:static !important}
#container h1 a{display:block;width:282px;max-width:100%}
.mainnav{width:auto !important;height:auto !important;margin:0 !important;float:none !important;background:none !important}
.mainnav ul{display:flex !important;flex-wrap:wrap;gap:4px;margin:0 !important;padding:0 !important;list-style:none;width:auto !important;height:auto !important;background:none !important}
.mainnav li{float:none !important;width:auto !important;height:auto !important;margin:0 !important;background:none !important;padding:0 !important}
.mainnav a{display:block !important;width:auto !important;height:auto !important;background:rgba(240,247,212,.6) !important;color:var(--fg) !important;padding:11px 18px !important;border-radius:12px 12px 0 0;font-weight:700;font-size:15px;line-height:1.2;text-indent:0 !important;text-decoration:none}
.mainnav a.selected{background:var(--gl) !important}
.mainnav a span{display:inline !important;background:none !important;padding:0 !important;width:auto !important;height:auto !important;text-indent:0 !important;color:inherit !important;font-size:inherit !important}
/* tartalom */
#content{width:auto !important;float:none !important;background:var(--gl) !important;padding:20px 16px 24px !important;margin:0 !important;border-radius:0 14px 14px 14px;box-sizing:border-box;min-height:0 !important}
.contentb{width:auto !important;float:none !important;margin:0 !important;padding:0 !important}
#content h2,.contentb h2{font-family:inherit !important;font-size:21px !important;font-weight:800 !important;color:var(--fg) !important;margin:0 0 12px !important;line-height:1.25}
#content h3{font-weight:800}
.hasabok{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:auto !important;height:auto !important}
.hasabok>.hasab-1,.hasabok>.hasab-2,.hasabok>.hasab-3{float:none !important;width:auto !important;margin:0 !important;min-width:0}
.hasabok:has(>.hasab-3){grid-template-columns:1fr}
.hasab-3 .clearfix{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.hasab-3 .clearfix>.hasab-1,.hasab-3 .clearfix>.hasab-2{float:none !important;width:auto !important;margin:0 !important}
.proglst{width:auto !important;float:none !important;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-sizing:border-box}
.hasabok:has(>.hasab-3)>.hasab-1 .proglst{background:none;border:0;overflow:visible}
.proglst img{width:100% !important;height:auto !important;aspect-ratio:15/8;object-fit:cover;display:block}
.hasab-3 .proglst img{aspect-ratio:auto}
.lstbox,.proglst .lstbox{padding:12px 14px;width:auto !important}
.lstbox p{margin:0 0 8px !important}
.lstkieg{font-size:13px;color:var(--mut)}
.proglst ul li,.lst1,.lst2{float:none}
ul.clearfix li.clearfix{display:flex;gap:10px;align-items:stretch;background:#fff;border-radius:8px;margin:0 0 6px !important;overflow:hidden;width:auto !important}
ul.clearfix li.clearfix>a{display:flex;gap:10px;width:100%;color:var(--fg);text-decoration:none}
.megtobb{margin:8px 0 16px !important;text-align:right}
.megtobb a{font-weight:700}
.page{width:auto !important;float:none !important;margin:16px 0 0 !important;text-align:center}
/* szervezők */
ul.users{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;list-style:none;margin:0 !important;padding:0 !important;width:auto !important}
ul.users li{float:none !important;width:auto !important;margin:0 !important;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-sizing:border-box;text-align:center}
ul.users li img{width:100% !important;height:90px !important;object-fit:contain}
ul.users li h2{font-size:14px !important;margin:8px 0 0 !important}
/* keresés, űrlapok */
.kereso,.jolkeres{width:auto !important;float:none !important}
table.keresotbla,table.keresotbla tbody,table.keresotbla tr{display:flex !important;flex-wrap:wrap;gap:8px 12px;align-items:center;width:auto !important}
table.keresotbla td{display:block;padding:0 !important}
#content input[type=text],#content input[type=password],#content input[type=email],#content select,#content textarea{box-sizing:border-box;max-width:100%;min-height:44px;padding:9px 12px !important;font-family:inherit !important;font-size:16px !important;border:1.5px solid var(--line) !important;border-radius:10px !important;background:#fff !important;color:var(--fg)}
#content input:focus,#content select:focus,#content textarea:focus{border-color:var(--gd) !important;box-shadow:0 0 0 3px rgba(170,211,7,.35);outline:none}
.kinyitdiv,.kinyitmeg{width:auto !important;float:none !important;box-sizing:border-box;max-width:100%}
.kinyitmeg{background:#fff !important;border:1px solid var(--line) !important;border-radius:12px !important;padding:12px !important}
.kinyitmeg table,.kinyitmeg tbody,.kinyitmeg tr{display:block;width:auto !important}
.kinyitmeg td{display:block;padding:4px 0 !important;width:auto !important}
#content input[type=submit],#content .belep input,#content button{font-family:inherit;font-weight:700;font-size:16px;color:#fff !important;background:var(--cta) !important;border:0 !important;border-radius:10px !important;min-height:44px;padding:0 20px !important;cursor:pointer}
#content span.belep{background:none !important}
#content input[type=submit]:hover{background:var(--ctah) !important}
#content table{max-width:100%}
/* lábléc */
.footer{width:auto !important;float:none !important;display:flex !important;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;background:none !important;margin:16px 0 28px !important;padding:0 4px !important;font-size:13px}
.footer ul{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 !important;padding:0 !important;list-style:none;width:auto !important;float:none !important;background:none !important}
.footer li{float:none !important;border:0 !important;padding:0 !important;margin:0 !important;color:#33400a}
.footer a{color:#33400a !important;font-weight:600}
.footer .evszam{float:none !important;width:auto !important;margin:0 !important}
/* telefon */
@media (max-width:720px){
  #content{padding:16px 14px 20px !important;border-radius:0 12px 12px 12px}
  .navbar td{flex:0 0 auto}
  .navbar input[type=text],.navbar input[type=password]{width:140px !important}
  .mainnav a{padding:10px 12px !important;font-size:14px}
  .hasabok{grid-template-columns:1fr}
  .footer{justify-content:flex-start}
}
@media (min-width:861px){
  .hasabok:has(>.hasab-3){grid-template-columns:270px 1fr}
}

/* kiegészítések (v1.1) */
.mainnav,.mainnav ul,.mainnav li,.mainnav a,.footer,.footer ul,.footer li,.footer .evszam,#container h1,#container h1 a,.navbar *{position:static !important;left:auto;top:auto;right:auto;bottom:auto}
.navbar{position:relative !important}
ul.clearfix li h2,#content li h2{font-size:14px !important;font-weight:700 !important;margin:0 !important;line-height:1.3}
.hasabok .proglst:not(:has(li,img,p)){display:none}
.hasabok>div:not(:has(*)){display:none}
.footer .evszam img{max-width:100%;height:auto}
.navbar td,.navbar .navbar_lst{border:0 !important;background:none !important}
.navbar .navbar_lst{padding:0 !important}
.navbar tr{gap:8px 10px !important}.navbar td{white-space:nowrap}.navbar a.regisztralj{white-space:nowrap}
.kinyitmeg>div,.kinyitmeg div{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important}
.kinyitmeg{margin:0 0 14px !important;overflow-x:auto}
.kinyitmeg table{display:table !important;width:100% !important}.kinyitmeg tbody{display:table-row-group !important}.kinyitmeg tr{display:table-row !important}.kinyitmeg td{display:table-cell !important;padding:4px 6px 4px 0 !important}
.keresonav{display:none !important}
.osszetett-nyil{display:none !important}
.kinyit{margin:6px 0 12px !important}
.kinyitdiv>h2{display:none}
.kereso{background:none !important;padding:0 !important;margin:0 0 6px !important;height:auto !important}
.kinyitmeg label,.kinyitmeg td{font-size:14px !important;font-weight:600}
a.osszetett{font-size:14px !important;font-weight:700;color:var(--link)}
.progdata,.datasum,.progdata *{position:static !important}
.progdata,.datasum{float:none !important;width:auto !important;margin:0 !important;box-sizing:border-box}
.progdata{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px 14px !important;display:block;height:auto !important;overflow:visible !important}
.progdata table{width:100% !important}
.progdata>*:first-child{margin-top:0 !important}
.datasum{margin:0 0 14px !important;padding:8px 10px !important;border-radius:8px;background:var(--gl) !important;overflow:visible !important;height:auto !important}
.datasum>div{height:auto !important;overflow:visible !important}
a.btn,a.btn.popupnoscroll,a.btn.popup{display:inline-block !important;float:none !important;background:var(--cta) !important;background-image:none !important;color:#fff !important;font-weight:800;font-size:16px;padding:12px 22px !important;border-radius:10px !important;text-decoration:none !important;height:auto !important;width:auto !important;text-indent:0 !important;line-height:1.2;margin:0 0 12px !important;border:0;box-shadow:0 2px 0 rgba(0,0,0,.18)}
a.btn span{background:none !important;color:#fff !important;padding:0 !important;display:inline !important;text-shadow:none !important;font-size:16px !important}
a.btn:hover{background:var(--ctah) !important}
ul.users li a{display:block !important;overflow:visible !important;width:auto !important}
ul.users li img{width:auto !important;max-width:100% !important;height:90px !important;margin:0 auto;display:block;object-fit:contain}
@media (max-width:860px){.hasabok:has(>.hasab-3)>.hasab-3{order:-1}}
@media (max-width:720px){.navbar td:nth-child(1),.navbar td:nth-child(2){flex-direction:column;align-items:stretch;flex:1 1 40%;gap:3px}.navbar td:nth-child(3){align-self:flex-end}.navbar input[type=text],.navbar input[type=password]{width:100% !important}.navbar td:nth-child(n+4){font-size:13px;white-space:normal}}