/* Nograd Modern beta1. Original template.css retained. */
/* Original header imagery with a crossfade every 18 seconds (36 second full cycle). */
.slider_images_main { isolation:isolate; overflow:hidden; }
.slider_images_main::before, .slider_images_main::after {
  content:""; position:absolute; inset:0; background-position:center; background-size:cover;
  pointer-events:none; z-index:0;
}
.slider_images_main::before { background-image:url('../img/slide1.jpg'); }
.slider_images_main::after { background-image:url('../img/slide2.jpg'); animation:nograd-header-fade 36s ease-in-out infinite; }
.slider_images_main > * { position:relative; z-index:1; }
@keyframes nograd-header-fade {0%,44%{opacity:0} 50%,94%{opacity:1} 100%{opacity:0}}
/* Partner logos: 4 on desktop, 2 on phones. */
#slider1_container.nograd-partners { position:relative; width:min(809px,100%); max-width:100%; height:150px; display:flex; align-items:center; margin:0 auto; overflow:hidden; }
#slides_images_content.nograd-partner-viewport { position:relative; flex:1 1 auto; min-width:0; width:auto; height:150px; left:auto; top:auto; overflow:hidden; cursor:default; }
.nograd-partner-track { display:flex; height:100%; transition:transform .45s ease; }
.nograd-partner-item { flex:0 0 25%; min-width:0; height:100%; display:flex; align-items:center; justify-content:center; padding:8px; box-sizing:border-box; }
.nograd-partner-item a { display:flex; align-items:center; justify-content:center; height:100%; }
.nograd-partner-item img { display:block; max-width:100%; max-height:110px; width:auto; height:auto; object-fit:contain; }
.nograd-partner-prev,.nograd-partner-next { flex:0 0 38px; width:38px; height:46px; border:0; background:rgba(0,51,90,.9); color:#fff; font-size:32px; cursor:pointer; z-index:2; border-radius:3px; }
.nograd-partner-prev:focus-visible,.nograd-partner-next:focus-visible,.mobile_menu_icon:focus-visible { outline:3px solid #cc2027; outline-offset:2px; }
/* Maintain desktop navigation and enable keyboard access. */
nav li.nograd-has-submenu:hover > ul,nav li.nograd-has-submenu:focus-within > ul { display:block !important; }
.mobile_menu_icon { border:0; cursor:pointer; }
@media(max-width:768px) {
  #nograd-main-nav { display:none; }
  #nograd-main-nav.active_menu { display:block !important; }
  .content_main_wrapper,.content_wrapper,.content_left_module,.content_right_module,.news_main_box,.slider_images_main { max-width:100%; box-sizing:border-box; }
  .slider_images_main { height:clamp(160px,32vw,360px); }
  img,iframe,video { max-width:100%; }
  .nograd-partner-item { flex-basis:50%; }
}
@media(min-width:769px) { #nograd-main-nav { display:block !important; } }
@media(prefers-reduced-motion:reduce) {
 .slider_images_main::after { animation:none; opacity:0; }
 .nograd-partner-track { transition:none; }
 html { scroll-behavior:auto; }
}

/* Joomla 4 migration: responsive article and module images */
.content_main_wrapper img,
.content_wrapper img,
.news_main_box img,
.content_left_module img,
.content_right_module img {
    max-width: 100%;
    height: auto;
}

/* Prevent oversized embedded media */
.content_main_wrapper iframe,
.content_wrapper iframe,
.news_main_box iframe {
    max-width: 100%;
}

/* Joomla 4 - kiemelt cikkek ketoszlopos elrendezese */

.blog-featured .blog-items.columns-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 25px;
}

.blog-featured .blog-items .blog-item {
    min-width: 0;
    display: block;
}

.blog-featured .blog-items .blog-item img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    .blog-featured .blog-items.columns-2 {
        grid-template-columns: 1fr;
    }
}

/* Joomla 4 - kezdolapi cikkek megjelenesenek finomitasa */

.blog-featured .blog-items .blog-item .item-title {
    float: none;
    width: 100%;
    margin: 25px 0 0 0;
    line-height: 1.2;
}

.blog-featured .blog-items .blog-item .item-title a {
    font-size: 20px;
    padding: 0;
    line-height: 1.2;
}

.blog-featured .blog-items .blog-item .article-info {
    clear: both;
    margin: 0 0 12px 0;
}

.blog-featured .blog-items .blog-item .item-image {
    display: block;
    float: none;
    width: 100%;
    height: 250px;
    margin: 0 0 5px 0;
    overflow: hidden;
    border: 1px solid #f3f0f0;
    box-sizing: border-box;
}

.blog-featured .blog-items .blog-item .item-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 600px) {
    .blog-featured .blog-items .blog-item .item-image {
        height: auto;
    }

    .blog-featured .blog-items .blog-item .item-image img {
        height: auto;
        object-fit: contain;
    }
}

/* Joomla 4 - kezdolapi cikkek haromsoros szoveges elonezete */

.blog-featured .nograd-article-excerpt {
    font-size: 14px;
    line-height: 1.45;
    max-height: 4.35em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.blog-featured .nograd-article-excerpt p {
    margin: 0;
}


/* Joomla 5 Smart Search – keresőgomb */
.com-finder button.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background-color: #00335a;
    color: #ffffff;
    border: 1px solid #00335a;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}

.com-finder button.btn-primary:hover {
    background-color: #005080;
    border-color: #005080;
}


/* Joomla 6 menu compatibility - 2026-11-01 */

/* Screen-reader text remains accessible but visually hidden. */
#nograd-main-nav .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Keep submenu toggle inside the existing menu item. */
#nograd-main-nav li.deeper {
    position: relative;
}

/* Style Joomla 6 submenu toggle without enlarging the menu. */
#nograd-main-nav .mod-menu__toggle-sub {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #003359;
    cursor: pointer;
    font-size: 12px;
    z-index: 2;
}

/* Preserve visible keyboard focus. */
#nograd-main-nav .mod-menu__toggle-sub:focus-visible {
    outline: 2px solid #cc2027;
    outline-offset: 2px;
}

/* Keep the dropdown visible when expanded via its toggle. */
#nograd-main-nav li.deeper:has(> .mod-menu__toggle-sub[aria-expanded="true"]) > ul {
    display: block !important;
}