/* A fejléc háttérképes sliderének konténere */
.container-header .container-topbar {
    position: relative;
    overflow: hidden;
}

/* Az állandó előtérkép */
.container-header .container-topbar::after {
    content: "";
    position: absolute;
    z-index: 100;
    left: 8%;
    bottom: 18%;
    width: 350px;
    aspect-ratio: 1 / 1;
    background-image: url("/images/header_overlay/overlay.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    opacity: 1.0;
    pointer-events: none;
}

/* Mobilnézet */
@media (max-width: 991px) {
    .container-header .container-topbar::after {
        width: 260px;
        left: 30%;
        bottom: 30%;
    }
}

@media (max-width: 767px) {
    .container-header .container-topbar::after {
        width: 180px;
        left: 25%;
        bottom: 30%;
    }
}

@media (max-width: 767px) {
    /* Ha a Cassiopeia rácsrendszerét használod mobilon */
    .site-grid {
        display: flex !important;
        flex-direction: column !important;
    }

    /* A menüt tartalmazó oldalsáv előre kerül (1. hely) */
    .container-sidebar-left,
    .container-sidebar-right {
        order: 1 !important;
    }

    /* A fő tartalom hátrébb kerül (2. hely) */
    .content-area,
    main {
        order: 2 !important;
    }
}


/* Alapszinek, elrendezesek beallitasa */

.site {
  background: #EDFEEC;
  background-image: url("../images/page.jpeg");
}

.container-header {
    z-index: 10;
    background-color: #EDFEEC;
    background-image: url("../images/page.jpeg");
}

.site-grid {
    background: #E0E0B2;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #0F960F;
    border-left: none;
    border-right: none;
    padding: 4px;
    margin: 10px auto 0;
    position: relative;
    cursor: auto;
    width: 97%;
    max-width: 1920px;
    z-index: auto !important;
}

.container-component,
.item-page,
.item-content {
    background: #FFFFEB;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    border: 1px solid #0F960F;
    padding: 20px;
    margin: 10px;
}

.items-more {
    background: #FFFFEB;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    border: 1px solid #0F960F;
    padding: 20px;
    margin: 10px;
}

.page-header {
    color: #0F960F;
    margin: 5px 10px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

.page-header a, .page-header a:link {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #0F960F;
}

.leader-postcontent a, .leader-postcontent a:link {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    color: #0F960F;
}

.leader-postcontent  a:hover, .leader-postcontent a.hover {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #BFFDC4;
}

body.wrapper-fluid .site-grid {
    grid-gap: 0 1em;
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end];
}

.card {
  background: revert;
  border: none;
}

.pagination {
    --pagination-padding-x: .75rem;
    --pagination-padding-y: .375rem;
    --pagination-margin: 0 5px 0 0;
    --pagination-font-size: 1rem;
    --pagination-color: #1C2126;
    --pagination-bg: #BFFDC4;
    --pagination-border-width: var(--border-width);
    --pagination-border-color: var(--border-color);
    --pagination-border-radius: var(--border-radius);
    --pagination-hover-color: var(--link-hover-color);
    --pagination-hover-bg: var(--tertiary-bg);
    --pagination-hover-border-color: var(--border-color);
    --pagination-focus-color: var(--link-hover-color);
    --pagination-focus-bg: var(--secondary-bg);
    --pagination-focus-box-shadow: 0 0 0 .25rem #01015640;
    --pagination-active-color: #fff;
    --pagination-active-bg: #0F960F;
    --pagination-active-border-color: #010156;
    --pagination-disabled-color: var(--secondary-color);
    --pagination-disabled-bg: var(--secondary-bg);
    --pagination-disabled-border-color: var(--border-color);
    padding-left: 0;
    list-style: none;
    display: flex;
}

/* ==============================================================
   FOOTER
   ============================================================== */
.footer {
   background: transparent;
   color: #0F960F;
   display: block;
}
.footer .grid-child {
    justify-content: space-between;
    align-items: center;
    /* padding: 2.5rem .5em; */
    padding: 0;
    display: block;
}

/* ==============================================================
   KERESODOBOZ 
   ============================================================== */
.search-leader {
    padding-bottom: 30px;
    padding-top: 10px;
}

.search-leader input[type="text"] {
    background: #EDFEEC;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #0F960F;
    margin: 0 auto;
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #323B43 !important;
}

/* ==============================================================
   GOMBOK SZINE
   ============================================================== */
.btn {
  background: #0F960F;
  color: #FFFFEB;
}

.btn:hover {
  background: #FFFFEB;
  color: #0F960F;
}

.icon-white:hover {
  color: #0F960F;
}

/* ==============================================================
   ARTISTEER VINTAGE MENÜ STÍLUS (.leader-vmenu-modul)
   ============================================================== */

ul.leader-vmenu-modul,
ul.leader-vmenu-modul * {
    box-sizing: border-box !important;
}

ul.leader-vmenu-modul {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    background: transparent !important;
}

/* ==========================================================================
   1. LEGFELSŐ SZINT (FŐMENÜ DOBOZOK)
   ========================================================================== */
ul.leader-vmenu-modul > li.nav-item {
    background-color: #0F960F !important;
    border-radius: 6px !important;
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    border-left: none !important;
    border-right: none !important;
    padding-block: 3px !important;
    margin: 0 0 6px 0 !important;
    width: 100% !important;
    position: relative !important;
}

ul.leader-vmenu-modul > li.nav-item > a {
    color: #FFFFEB !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    padding: 0 15px !important;
    min-height: 30px !important;
    line-height: 30px !important;
}

/* Főmenü HOVER állapot */
ul.leader-vmenu-modul > li.nav-item:hover {
    background-color: #FFFFEB !important;
    border-top: 1px solid #0F960F !important;
    border-bottom: 1px solid #0F960F !important;
    border-radius: 6px !important;
}

ul.leader-vmenu-modul > li.nav-item:hover > a {
    color: #000000 !important;
}

/* Főmenü NYITOTT / AKTÍV állapot (Sárga háttér, zöld szöveg) */
ul.leader-vmenu-modul > li.nav-item.menu-opened,
ul.leader-vmenu-modul > li.nav-item.active,
ul.leader-vmenu-modul > li.nav-item.current,
ul.leader-vmenu-modul > li.nav-item.active-parent {
    background-color: #FFFFEB !important;
    border-top: 1px solid #0F960F !important;
    border-bottom: 1px solid #0F960F !important;
    border-radius: 6px !important;
}

ul.leader-vmenu-modul > li.nav-item.menu-opened > a,
ul.leader-vmenu-modul > li.nav-item.active > a,
ul.leader-vmenu-modul > li.nav-item.current > a,
ul.leader-vmenu-modul > li.nav-item.active-parent > a {
    color: #0F960F !important;
}

/* Ha a szülő nyitva van, a szülő li keretét/hátterét nem engedjük az almenü alá terjedni */
ul.leader-vmenu-modul > li.nav-item.menu-opened {
    background-color: transparent !important;
    border: none !important;
}

/* Nyitott szülő esetén csak maga a legfelső <a> elem kapja a sárga dobozt */
ul.leader-vmenu-modul > li.nav-item.menu-opened > a {
    background-color: #FFFFEB !important;
    border-top: 1px solid #0F960F !important;
    border-bottom: 1px solid #0F960F !important;
    border-radius: 6px !important;
    padding-block: 3px !important;
}


/* ==========================================================================
   2. ALMENÜK RENDSZERE (#E0E0B2 HÁTTÉR, BAL/JOBB KERET NÉLKÜL)
   ========================================================================== */

ul.leader-vmenu-modul ul.mod-menu__sub {
    display: none !important;
    width: 100% !important;
    flex-direction: column !important;
    background-color: #E0E0B2 !important;
    border-bottom: 1px solid #0F960F !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 4px 0 6px 0 !important;
    list-style: none !important;
    overflow: hidden !important;
}

/* Nyitott almenü megjelenítése */
ul.leader-vmenu-modul li.menu-opened > ul.mod-menu__sub,
ul.leader-vmenu-modul li.active > ul.mod-menu__sub,
ul.leader-vmenu-modul li.current > ul.mod-menu__sub,
ul.leader-vmenu-modul li.active-parent > ul.mod-menu__sub {
    display: flex !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #0F960F !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    position: relative !important;
    display: block !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item:last-child {
    border-bottom: none !important;
}

/* Almenü linkek */
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item > a {
    color: #0F960F !important;
    font-weight: normal !important;
    text-decoration: none !important;
    display: block !important;
    padding: 8px 12px 8px 10px !important;
    border-radius: 0 !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item > a::before {
    content: url('../images/vmenusubitemicon.png') !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

/* Almenü HOVER */
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item:hover > a,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item a:hover {
    background-color: #FFFFEB !important;
    color: #000000 !important;
    border-radius: 0 !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item:hover > a::before,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item a:hover::before {
    content: url('../images/vmenuhoveredsubitemicon.png') !important;
}

/* Almenü AKTÍV / CURRENT */
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.active > a,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.current > a {
    background-color: #0F960F !important;
    color: #FFFFEB !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.active > a::before,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.current > a::before {
    content: url('../images/vmenuactivesubitemicon.png') !important;
}

/* ==========================================================================
   4. SPECIÁLIS AL-ALMENÜ SZÜLŐK (Pl. Mórahalom gomb)
   ========================================================================== */

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item > button.mod-menu__toggle-sub {
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: block !important;
    position: relative !important;
    border-radius: 0 !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item > button.mod-menu__toggle-sub .mod-menu__heading {
    color: #0F960F !important;
    display: block !important;
    padding: 8px 30px 8px 10px !important;
    font-weight: normal !important;
    border-radius: 0 !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item > button.mod-menu__toggle-sub .mod-menu__heading::before {
    content: url('../images/vmenusubitemicon.png') !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item > button.mod-menu__toggle-sub .icon-chevron-down {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #0F960F !important;
}


/* ==========================================================================
   5. ALMENÜ HOVER ÉS AKTÍV ÁLLAPOTOK (SZÖGLETES KIEMELÉS)
   ========================================================================== */

/* Almenü HOVER */
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item:hover > a,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item a:hover,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item:hover button.mod-menu__toggle-sub .mod-menu__heading {
    background-color: #FFFFEB !important;
    color: #000000 !important;
    border-radius: 0 !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item:hover > a::before,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item a:hover::before,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item:hover button.mod-menu__toggle-sub .mod-menu__heading::before {
    content: url('../images/vmenuhoveredsubitemicon.png') !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item:hover .icon-chevron-down {
    color: #000000 !important;
}

/* Almenü AKTÍV / CURRENT */
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.active > a,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.current > a,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.active button.mod-menu__toggle-sub .mod-menu__heading,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.current button.mod-menu__toggle-sub .mod-menu__heading {
    background-color: #0F960F !important;
    color: #FFFFEB !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.active > a::before,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.current > a::before,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.active button.mod-menu__toggle-sub .mod-menu__heading::before,
ul.leader-vmenu-modul ul.mod-menu__sub li.nav-item.current button.mod-menu__toggle-sub .mod-menu__heading::before {
    content: url('../images/vmenuactivesubitemicon.png') !important;
}


/* ==========================================================================
   6. HARMADIK SZINTŰ ALMENÜK (Pl. Mórahalom alattiak)
   ========================================================================== */

ul.leader-vmenu-modul ul.mod-menu__sub ul.mod-menu__sub {
    border-top: 1px solid #0F960F !important;
    border-bottom: 1px solid #0F960F !important;
    border-left: none !important;
    border-right: none !important;
    margin: 0 !important;
}

ul.leader-vmenu-modul ul.mod-menu__sub ul.mod-menu__sub li.nav-item > a {
    padding-left: 22px !important;
}