/* kbjg.hu arculat — Cassiopeia, 2026-11-10 */
:root{--cassiopeia-color-primary:#000049;--cassiopeia-color-link:#000049;--cassiopeia-color-hover:#27277b;--body-color:#5f5f5f;--body-bg:#fff;--body-font-family:Arial,Helvetica,sans-serif;--body-font-size:14px;--body-line-height:1.5}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#5f5f5f;background:#fff}
a{color:#000049}a:hover{color:#24248c}a:focus-visible,button:focus-visible{outline:3px solid #000049;outline-offset:3px}
.container-header{display:flex;flex-direction:column;background:#fff;color:#333;box-shadow:none;margin:0 auto 18px}
.container-header>.grid-child{order:0;max-width:none;width:100%;min-height:155px;padding:0 max(2%,calc((100% - 1280px)/2));background:#fff url('/images/kbjg-arculat/c3a522928c10f7401f2d.jpeg') repeat-x center top;background-size:auto 155px}
.container-header .navbar-brand{margin:0;padding:0}.container-header .brand-logo{display:block;width:150px;height:150px;border-radius:10px;background:#fff url('/images/kbjg-arculat/703d1a1927b168d306be.png') center/contain no-repeat}.container-header .brand-logo img{visibility:hidden;width:150px;height:150px}
.container-header>.container-topbar{order:1;padding:0 max(2%,calc((100% - 1280px)/2));background:#f7f7f7;color:#333;border-bottom:1px solid #ddd;min-height:48px}
.container-topbar>.mod-menu{margin:0;gap:0;max-width:1280px;flex-wrap:wrap}.container-topbar .metismenu>li{border-right:1px solid #eee;padding:0}.container-topbar .metismenu>li>a,.container-topbar .metismenu>li>button{color:#333;font-size:12px;text-transform:uppercase;font-weight:400;padding:15px 12px;line-height:18px}.container-topbar .metismenu>li>button.mm-toggler-link{padding:15px 8px}.container-topbar .metismenu .mm-toggler:after{border-color:#777 transparent transparent}.container-topbar .metismenu ul{background:#fff;box-shadow:0 4px 12px #0002;z-index:1001}.container-topbar .metismenu ul a,.container-topbar .metismenu ul button{color:#000049;font-size:14px;text-transform:none}.container-topbar .metismenu a:hover,.container-topbar .metismenu button:hover{background:#ececf1;color:#000049}
.site-grid{width:96%;max-width:1280px;margin:0 auto;column-gap:16px;row-gap:0}
@media(min-width:992px){.site-grid{grid-template-columns:[full-start] 180px [main-start] minmax(0,1fr) [main-end] 260px [full-end]}.container-sidebar-left{grid-column:full-start/main-start;grid-row:1/5}.container-component{grid-column:main-start/main-end;grid-row:1/5;min-width:0}.container-sidebar-right{grid-column:main-end/full-end;grid-row:1/5}}
.container-sidebar-left,.container-sidebar-right{align-self:start;margin-top:0;min-width:0}.container-sidebar-left{padding-right:12px;border-right:1px solid #d6d6de}.container-sidebar-right{padding-left:14px;border-left:1px solid #d6d6de}
.sidebar-left.card,.sidebar-right.card{border:0;border-radius:0;box-shadow:none;margin:0 0 24px}.sidebar-left .card-body,.sidebar-right .card-body{padding:0}.sidebar-left .card-header,.sidebar-right .card-header{background:#fff;border:0;border-radius:0;padding:0 0 12px;color:#222;font-size:20px;line-height:1.3;font-weight:400;text-transform:uppercase}
.sidebar-left:has(#mod-menu1)>.card-header{display:none}#mod-menu1{display:flex;flex-direction:column;gap:5px;margin:0;padding:0}#mod-menu1>li{padding:0}#mod-menu1>li>a{display:block;width:100%;padding:5px 10px;color:#fff;background:#29b6fe;border-radius:5px 5px 18px 5px;font-size:18px;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}#mod-menu1>li>a:hover{filter:brightness(.92)}#mod-menu1>.active>a{color:#000049}
#mod-menu1 .item-154>a,#mod-menu1 .item-159>a,#mod-menu1 .item-164>a{background:#31d518}#mod-menu1 .item-160>a,#mod-menu1 .item-165>a{background:#f6540b}#mod-menu1 .item-161>a,#mod-menu1 .item-166>a{background:#fde422;color:#393300}#mod-menu1 .item-157>a,#mod-menu1 .item-162>a,#mod-menu1 .item-169>a{background:#f542ff}#mod-menu1 .item-156>a{background:#fde422;color:#393300}
.blog-featured>.page-header{display:none}.blog-items{display:block}.blog-item{margin:0 0 30px}.item-title,.com-content-article>.page-header h1{margin:0 0 18px;padding:10px 12px;background:#000049;color:#fff;font-size:20px;font-weight:400;line-height:1.35;border-radius:5px 5px 20px 5px}.item-title a{color:#fff;text-decoration:none}.item-title a:hover{color:#fff;text-decoration:underline}.item-content{min-width:0}.item-content p{margin-bottom:16px}.item-content img,.com-content-article img{max-width:100%;height:auto}.article-info{font-size:12px;color:#888}.article-info dd{margin:0 0 3px}.article-info-term{display:none}.mod-breadcrumbs__wrapper{font-size:12px}.breadcrumb{padding:4px 0!important;background:transparent;margin-bottom:12px}.container-component main{min-width:0}.com-content-article table{max-width:100%}.com-content-article{overflow-wrap:anywhere}.pagination{flex-wrap:wrap}.footer{background:#f6f6f6;color:#555}
.kbjg-partners img{display:block;margin:0 auto 22px;max-width:100%;height:auto}.kbjg-side-block{margin-bottom:30px}.kbjg-side-block h3{font-size:20px;color:#222;text-transform:uppercase;font-weight:400;line-height:1.35;margin:0 0 15px}.kbjg-side-block img{max-width:100%;height:auto}.kbjg-side-block p{margin:0 0 14px}.kbjg-foundation{text-align:center}.kbjg-foundation img{width:150px;margin:0 auto 18px}.kbjg-kreta{display:flex;gap:8px;align-items:center;justify-content:center}.kbjg-kreta a{flex:1}.kbjg-kreta img{width:100%}.kbjg-project-links{list-style:none;padding:0}.kbjg-project-links li{margin:0 0 8px}.kbjg-project-links a{text-decoration:none}.kbjg-project-links a:hover{text-decoration:underline}
@media(min-width:768px) and (max-width:991.98px){.site-grid{grid-template-columns:160px minmax(0,1fr);gap:16px}.container-sidebar-left{grid-column:1;grid-row:1/4}.container-component{grid-column:2;grid-row:1/3}.container-sidebar-right{grid-column:2;grid-row:3;border-left:0;padding-left:0}#mod-menu1>li>a{font-size:16px}}
@media(max-width:767.98px){.site-grid{display:flex;flex-direction:column;width:94%;gap:18px}.container-header>.grid-child{min-height:115px;background-size:auto 115px}.container-header .brand-logo,.container-header .brand-logo img{width:112px;height:112px}.container-header>.container-topbar{padding:0 3%}.container-topbar .metismenu>li>a,.container-topbar .metismenu>li>button{font-size:11px;padding:10px 8px}.container-sidebar-left,.container-component,.container-sidebar-right{width:100%;padding:0;border:0}.container-sidebar-left{order:0}.container-component{order:1}.container-sidebar-right{order:2}#mod-menu1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#mod-menu1>li>a{font-size:15px;height:100%;padding:7px 10px}.item-title{font-size:19px}.kbjg-partners{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.kbjg-partners a,.kbjg-partners>img{max-width:110px}.kbjg-partners img{margin:0}.container-header .metismenu.mod-menu .mm-collapse{position:static;width:100%;max-width:100%}.container-header .metismenu>li{position:relative}}

/* Fejléc és felső menü szélesség, Cassiopeia felülírások. */
header.container-header{width:100%;align-self:stretch}.container-header>.container-topbar{width:100%}.container-header .container-topbar>.mod-menu{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;width:100%;margin:0}.container-header .container-topbar .mod-menu>li{display:flex;align-items:center;padding:0}.container-header .container-topbar .mod-menu>li>button,.container-header .container-topbar .mod-menu>li>a{color:#333!important;padding:14px 10px;font-size:12px;text-transform:uppercase}.container-header .container-topbar .mod-menu>li>button.mm-toggler-link{padding:14px 7px}.container-header .container-topbar .mod-menu ul li>a,.container-header .container-topbar .mod-menu ul li>button{color:#000049!important;text-transform:none}.container-header .container-topbar .mod-menu .mm-toggler:after{border-top-color:#666}.container-header .container-topbar .mod-menu>li>ul{top:100%;left:0}.container-header .container-topbar .mod-menu>li{position:relative}.container-header .container-topbar .mod-menu ul{min-width:240px}.container-header .container-topbar .mod-menu>li>ul>li{display:flex;flex-wrap:wrap}.container-header .container-topbar .mod-menu ul ul{max-width:100%}

/* Keskeny asztali nézetben is három oszlop. */
@media(min-width:768px) and (max-width:991.98px){.site-grid{grid-template-columns:145px minmax(0,1fr) 210px;gap:12px}.container-sidebar-left{grid-column:1;grid-row:1/5}.container-component{grid-column:2;grid-row:1/5}.container-sidebar-right{grid-column:3;grid-row:1/5;border-left:1px solid #d6d6de;padding-left:12px}}
.article-info .createdby,.article-info .category-name,.article-info .hits{display:none}.blog-featured .item-content .article-info{margin-bottom:16px}
@media(max-width:767.98px){.container-header .container-topbar>.mod-menu{display:block}.container-header .container-topbar .mod-menu>li{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;border-bottom:1px solid #e5e5e5}.container-header .container-topbar .mod-menu>li>a,.container-header .container-topbar .mod-menu>li>button:not(.mm-toggler-link){flex:1;text-align:left;min-height:42px;height:auto;justify-content:space-between}.container-header .container-topbar .mod-menu>li>button.mm-toggler-link{min-height:42px;height:auto}.container-header .container-topbar .mod-menu ul{position:static!important;flex-basis:100%;width:100%;min-width:0;box-shadow:none}.container-header .container-topbar .mod-menu .mm-collapse:not(.mm-show){display:none!important}.container-header .container-topbar .mod-menu .mm-show{display:block!important;height:auto!important}.container-header .container-topbar .mod-menu>li>ul{margin:0}.container-header .container-topbar .mod-menu ul li{display:block!important;width:100%}.container-header .container-topbar .mod-menu ul li>a,.container-header .container-topbar .mod-menu ul li>button{min-height:38px;padding:9px 12px}.container-header .container-topbar .mod-menu ul ul{padding-left:15px}}
