/*
Theme Name: Newspaper Child
Theme URI: https://tagdiv.com
Template: Newspaper
Author: tagDiv
Author URI: https://themeforest.net/user/tagDiv/portfolio
Description: Premium WordPress template, clean and easy to use.
Tags: black,white,one-column,two-columns,fixed-layout
Version: 12.7.6.1780412225
Updated: 2026-06-02 14:57:05

*/

/*
 Nyitó lap kimelet kategóriák gombok
 */
.info-category-box {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  background: #fff;
  border-radius: 28px;
  padding: 15px 5px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.08);
  text-align: center;
}

.info-category-box a {
  text-decoration: none;
  color: #111827;
  display: block;
}

.info-category-box .icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.info-category-box h3 {
  font-size: 14px;
  font-weight: 800;
  margin: 0;
  color: #111827;
}

.info-category-box p {
  font-size: 10px;
  line-height: 1.45;
  margin: 0;
  color: #374151;
}

.info-category-box .orange { color: #ff6b1a; }
.info-category-box .blue { color: #3498db; }
.info-category-box .pink { color: #d63384; }
.info-category-box .green { color: #16a085; }
.info-category-box .purple { color: #4f46e5; }

.info-category-box a:hover {
  transform: translateY(-4px);
}

.info-category-box a {
  transition: 0.25s ease;
}

@media (max-width: 1024px) {
  .info-category-box {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 400px) {
  .info-category-box {
    grid-template-columns: repeat(2, 1fr);
    padding: 25px 15px;
    gap: 25px 10px;
  }
}



/*
==================================================
INFOKÁRTYA TALÁLATI LISTA
==================================================
*/

.infokartya-results {
    margin: 10px 0;
    overflow: visible !important;
}


/*
==================================================
GRID
==================================================
*/

.infokartya-results-grid {

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 24px;

    overflow: visible !important;
}


/*
==================================================
KÁRTYA
==================================================
*/

.infokartya-card {

    position: relative;

    background: #ffffff;

    border-radius: 18px;

    overflow: visible !important;

   box-shadow:
        0 18px 45px rgba(0,0,0,.30) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.infokartya-card:hover {
    box-shadow:
        0 26px 60px rgba(0,0,0,.32),
        0 10px 22px rgba(0,0,0,.18) !important;
}

/*
==================================================
LINK
==================================================
*/

.infokartya-card-link {

    display: block;

    border-radius: 18px;

    overflow: hidden;

    text-decoration: none;
}


/* ==================================================
   KÉP
   ================================================== */

.infokartya-card-image {
    border-radius: 18px;
    overflow: hidden;
}

.infokartya-card-image img {
    display: block;
    width: 100%;
    height: auto;

    /* Böngésző renderelési hiba elkerülése */
    transform: translateZ(0);
    backface-visibility: hidden;

    transition: transform .35s ease;
}

.infokartya-card:hover .infokartya-card-image img {
    transform: translateZ(0) scale(1.03);
}


/*
==================================================
NINCS TALÁLAT
==================================================
*/

.infokartya-no-result {

    text-align: center;

    padding: 40px;

    background: #ffffff;

    border-radius: 18px;

    box-shadow:
        0 10px 25px rgba(0,0,0,.08);

    font-size: 16px;

    color: #666666;
}


/*
==================================================
TABLET
==================================================
*/

@media (max-width: 1024px) {

    .infokartya-results-grid {

        grid-template-columns:
            repeat(3, minmax(0, 2fr));

        gap: 18px;
    }
}


/*
==================================================
MOBIL
==================================================
*/

@media (max-width: 767px) {

    .infokartya-results-grid {

        grid-template-columns:
            repeat(2, minmax(0, 2fr));

        gap: 12px;
    }

    .infokartya-card,
    .infokartya-card-link,
    .infokartya-card-image {

        border-radius: 12px;
    }
}

/* ==========================================================
   INFÓKÁRTYA GRID – TELJES KÉP MEGJELENÍTÉSE
   ========================================================== */

.infokartya-results-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: start;
    gap: 20px;
}

.infokartya-results-grid .infokartya-card {
    width: 100%;
    height: auto !important;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    transition: transform 0.2s ease;
}

.infokartya-results-grid .infokartya-card:hover {
    transform: translateY(-3px);
}

.infokartya-results-grid .infokartya-card.is-map-active {
    border-radius: 20px;
    box-shadow:
        0 0 0 4px rgba(255, 130, 28, 0.25),
        0 12px 30px rgba(0, 0, 0, 0.18);
}

.infokartya-results-grid .infokartya-card-link {
    display: block;
    width: 100%;
    height: auto !important;
    margin: 0;
    padding: 0;
    color: inherit;
    text-decoration: none !important;
    line-height: 0;
}

.infokartya-results-grid .infokartya-card-image {
    position: static !important;
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    border-radius: 20px;
}

.infokartya-results-grid .infokartya-card-image img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 20px;
    transform: none;
}

/* Ne nagyítsa a képet hoverkor */
.infokartya-results-grid
.infokartya-card:hover
.infokartya-card-image img {
    transform: none !important;
}

/* ==========================================================
   RESZPONZÍV
   ========================================================== */

/* 4 oszlop */
@media (max-width: 1200px) {
    .infokartya-results-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* 3 oszlop */
@media (max-width: 992px) {
    .infokartya-results-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* 2 oszlop */
@media (max-width: 640px) {
    .infokartya-results-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
}

/* 1 oszlop */
@media (max-width: 480px) {
    .infokartya-results-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   INFÓKÁRTYA FAQ
   ========================================================== */

.infokartya-faq {

    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
    overflow: hidden;

}

/* ----------------------------------
   Egy elem
---------------------------------- */

.infokartya-faq .faq-item {

    border-bottom: 1px solid #ececec;
    transition: background .2s ease;

}

.infokartya-faq .faq-item:last-child {

    border-bottom: none;

}

/* ----------------------------------
   Kérdés
---------------------------------- */

.infokartya-faq .faq-question {

    width: 100%;
    padding: 12px 30px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    border: 0;
    background: #fff;

    cursor: pointer;

    text-align: left;

    font-family: 'Catamaran', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.35;

    color: #1c1c1c;

    transition: all .25s ease;

}

.infokartya-faq .faq-question:hover {

    background: #fafafa;
    color: #f47a20;

}

/* ----------------------------------
   Válasz
---------------------------------- */

.infokartya-faq .faq-answer {

    display: none;

    padding: 0 30px 28px;

    font-family: 'Catamaran', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;

    color: #666;

}

.infokartya-faq .faq-item.active .faq-answer {

    display: block;

}

/* ----------------------------------
   Nyíl
---------------------------------- */

.infokartya-faq .faq-icon {

    width: 18px;
    height: 18px;

    margin-left: 25px;

    flex-shrink: 0;

    border-right: 2px solid #777;
    border-bottom: 2px solid #777;

    transform: rotate(45deg);

    transition: all .25s ease;

}

.infokartya-faq .faq-item.active .faq-icon {

    transform: rotate(-135deg);
    margin-top: 8px;

}

.infokartya-faq .faq-question:hover .faq-icon {

    border-color: #f47a20;

}

/* ----------------------------------
   Nyitott elem
---------------------------------- */

.infokartya-faq .faq-item.active {

    background: #fff;

}

.infokartya-faq .faq-item.active .faq-question {

    color: #000;

}

/* ----------------------------------
   Mobil
---------------------------------- */

@media (max-width:992px){

    .infokartya-faq .faq-question{

        padding:22px;

        font-size:23px;

    }

    .infokartya-faq .faq-answer{

        padding:0 22px 22px;

        font-size:17px;

    }

}

@media (max-width:640px){

    .infokartya-faq{

        border-radius:14px;

    }

    .infokartya-faq .faq-question{

        padding:18px;

        font-size:20px;

        line-height:1.4;

    }

    .infokartya-faq .faq-answer{

        padding:0 18px 18px;

        font-size:16px;

        line-height:1.7;

    }

    .infokartya-faq .faq-icon{

        width:15px;
        height:15px;

        margin-left:16px;

    }

}
/* ----------------------------------
   Térkép
---------------------------------- */
/* ==========================================================
   INFÓKÁRTYA – BEÁGYAZOTT TÉRKÉP
   ========================================================== */

.ik-showmap {
    width: 100%;
    margin: 16px 0 0;
    padding: 16px;

    background: #ffffff;
    border: 1px solid #e3e8f0;
    border-radius: 20px;

    box-shadow:
        0 10px 30px rgba(16, 38, 80, 0.06);

    box-sizing: border-box;
}


/* ==========================================================
   TÉRKÉP FEJLÉC
   ========================================================== */

.ik-showmap__header {
    display: flex;
    align-items: center;
    gap: 12px;

    margin: 0;
    padding: 0 4px 14px;
}

.ik-showmap__header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 34px;
    height: 34px;

    color: #e6007e;
}

.ik-showmap__header-icon svg {
    display: block;

    width: 28px;
    height: 28px;

    fill: currentColor;
}

.ik-showmap__title {
    margin: 0;
    padding: 0;

    color: #102650;

    font-family: "Catamaran", sans-serif;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.2;

    text-transform: uppercase;
}


/* ==========================================================
   TÉRKÉP KERET
   ========================================================== */

.ik-showmap__map-wrapper {
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 420px;
    min-height: 420px;

    background: #f2f5f8;
    border-radius: 16px;

    box-sizing: border-box;
}

.ik-showmap__iframe {
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;
    min-height: 420px;

    margin: 0;
    padding: 0;

    border: 0;
}


/* ==========================================================
   FINOM FELSŐ ÁTMENET A GOMBOK OLVASHATÓSÁGÁHOZ
   ========================================================== */

.ik-showmap__top-overlay {
    position: absolute;
    z-index: 2;

    top: 0;
    left: 0;
    right: 0;

    height: 90px;

    pointer-events: none;

    background: linear-gradient(
        to bottom,
        rgba(9, 28, 58, 0.15) 0%,
        rgba(9, 28, 58, 0.05) 45%,
        rgba(9, 28, 58, 0) 100%
    );
}


/* ==========================================================
   ÚTVONALTERVEZÉS GOMB – BAL FELSŐ SAROK
   ========================================================== */

.ik-showmap__route {
    position: absolute;
    z-index: 10;

    top: 16px;
    left: 16px;
    right: auto;
    bottom: auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 44px;
    padding: 10px 17px;

    color: #ffffff;
    background: #950051;
    border: 0;
    border-radius: 999px;

    box-shadow:
        0 7px 20px rgba(149, 0, 81, 0.3);

    font-family: "Catamaran", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    box-sizing: border-box;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.ik-showmap__route:hover,
.ik-showmap__route:focus,
.ik-showmap__route:focus-visible {
    color: #ffffff;
    background: #770041;

    box-shadow:
        0 9px 25px rgba(149, 0, 81, 0.38);

    text-decoration: none;

    transform: translateY(-1px);
}

.ik-showmap__route:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.95);
    outline-offset: 3px;
}

.ik-showmap__route-icon {
    display: block;
    flex: 0 0 auto;

    width: 19px;
    height: 19px;

    fill: currentColor;
}


/* ==========================================================
   TELJES KÉPERNYŐ GOMB – JOBB FELSŐ SAROK
   ========================================================== */

.ik-showmap__fullscreen {
    position: absolute;
    z-index: 10;

    top: 16px;
    right: 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    margin: 0;
    padding: 0;

    color: #102650;
    background: rgba(255, 255, 255, 0.97);

    border: 1px solid rgba(16, 38, 80, 0.12);
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(16, 38, 80, 0.2);

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    box-sizing: border-box;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.ik-showmap__fullscreen:hover,
.ik-showmap__fullscreen:focus,
.ik-showmap__fullscreen:focus-visible {
    color: #950051;
    background: #ffffff;
    border-color: rgba(149, 0, 81, 0.22);

    box-shadow:
        0 7px 22px rgba(16, 38, 80, 0.27);

    transform: translateY(-1px);
}

.ik-showmap__fullscreen:focus-visible {
    outline: 3px solid rgba(149, 0, 81, 0.25);
    outline-offset: 3px;
}


/* ==========================================================
   TELJES KÉPERNYŐ SVG IKONOK
   ========================================================== */

.ik-showmap__fullscreen-icon {
    display: block;

    width: 24px;
    height: 24px;

    fill: currentColor;
    pointer-events: none;
}

.ik-showmap__fullscreen-icon--expand {
    display: block;
}

.ik-showmap__fullscreen-icon--compress {
    display: none;
}

.ik-showmap__fullscreen.is-fullscreen
.ik-showmap__fullscreen-icon--expand {
    display: none;
}

.ik-showmap__fullscreen.is-fullscreen
.ik-showmap__fullscreen-icon--compress {
    display: block;
}


/* ==========================================================
   SZABVÁNYOS TELJES KÉPERNYŐS ÁLLAPOT
   ========================================================== */

.ik-showmap__map-wrapper:fullscreen {
    width: 100%;
    height: 100%;
    min-height: 100%;

    margin: 0;
    padding: 0;

    background: #ffffff;
    border-radius: 0;
}

.ik-showmap__map-wrapper:fullscreen
.ik-showmap__iframe {
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

.ik-showmap__map-wrapper:fullscreen
.ik-showmap__route {
    position: fixed;

    top: 20px;
    left: 20px;
    right: auto;
    bottom: auto;
}

.ik-showmap__map-wrapper:fullscreen
.ik-showmap__fullscreen {
    position: fixed;

    top: 20px;
    right: 20px;
}

.ik-showmap__map-wrapper:fullscreen
.ik-showmap__top-overlay {
    position: fixed;
}


/* ==========================================================
   SAFARI TELJES KÉPERNYŐS ÁLLAPOT
   ========================================================== */

.ik-showmap__map-wrapper:-webkit-full-screen {
    width: 100%;
    height: 100%;
    min-height: 100%;

    margin: 0;
    padding: 0;

    background: #ffffff;
    border-radius: 0;
}

.ik-showmap__map-wrapper:-webkit-full-screen
.ik-showmap__iframe {
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

.ik-showmap__map-wrapper:-webkit-full-screen
.ik-showmap__route {
    position: fixed;

    top: 20px;
    left: 20px;
    right: auto;
    bottom: auto;
}

.ik-showmap__map-wrapper:-webkit-full-screen
.ik-showmap__fullscreen {
    position: fixed;

    top: 20px;
    right: 20px;
}

.ik-showmap__map-wrapper:-webkit-full-screen
.ik-showmap__top-overlay {
    position: fixed;
}


/* ==========================================================
   TABLET NÉZET
   ========================================================== */

@media (max-width: 1024px) {

    .ik-showmap__map-wrapper {
        height: 380px;
        min-height: 380px;
    }

    .ik-showmap__iframe {
        min-height: 380px;
    }
}


/* ==========================================================
   MOBIL NÉZET
   ========================================================== */

@media (max-width: 767px) {

    .ik-showmap {
        margin-top: 16px;
        padding: 10px;

        border-radius: 16px;
    }

    .ik-showmap__header {
        gap: 9px;

        padding:
            3px
            4px
            11px;
    }

    .ik-showmap__header-icon {
        width: 30px;
        height: 30px;
    }

    .ik-showmap__header-icon svg {
        width: 25px;
        height: 25px;
    }

    .ik-showmap__title {
        font-size: 21px;
    }

    .ik-showmap__map-wrapper {
        height: 330px;
        min-height: 330px;

        border-radius: 13px;
    }

    .ik-showmap__iframe {
        min-height: 330px;
    }

    .ik-showmap__top-overlay {
        height: 82px;
    }

    .ik-showmap__route {
        top: 11px;
        left: 11px;

        min-height: 40px;
        padding: 9px 13px;

        gap: 6px;

        font-size: 13px;
    }

    .ik-showmap__route-icon {
        width: 17px;
        height: 17px;
    }

    .ik-showmap__fullscreen {
        top: 11px;
        right: 11px;

        width: 42px;
        height: 42px;

        border-radius: 10px;
    }

    .ik-showmap__fullscreen-icon {
        width: 21px;
        height: 21px;
    }

    .ik-showmap__map-wrapper:fullscreen
    .ik-showmap__route,
    .ik-showmap__map-wrapper:-webkit-full-screen
    .ik-showmap__route {
        top: 12px;
        left: 12px;
    }

    .ik-showmap__map-wrapper:fullscreen
    .ik-showmap__fullscreen,
    .ik-showmap__map-wrapper:-webkit-full-screen
    .ik-showmap__fullscreen {
        top: 12px;
        right: 12px;
    }
}


/* ==========================================================
   NAGYON KESKENY MOBIL
   ========================================================== */

@media (max-width: 420px) {

    .ik-showmap__route {
        padding: 9px 11px;
    }

    .ik-showmap__route span {
        font-size: 12px;
    }

    .ik-showmap__fullscreen {
        width: 40px;
        height: 40px;
    }

    .ik-showmap__fullscreen-icon {
        width: 20px;
        height: 20px;
    }
}

/* ==========================================================
   INFÓKÁRTYA – ELÉRHETŐSÉGI LISTA
   ========================================================== */

.ik-contact-list {
    width: 100%;
    margin-top: 16px;

    background: #ffffff;
    border: 1px solid #e4e8ee;
    border-radius: 16px;

    overflow: hidden;
    box-sizing: border-box;
}

.ik-contact-list__item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    column-gap: 12px;

    padding: 11px 14px;

    border-bottom: 1px solid #e9edf2;

    box-sizing: border-box;
}

.ik-contact-list__item:last-child {
    border-bottom: 0;
}

.ik-contact-list__icon {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;

    width: 28px;
    height: 28px;

    padding-top: 1px;

    color: #ef007f;
}

.ik-contact-list__icon svg {
    display: block;

    width: 23px;
    height: 23px;

    fill: currentColor;
}

.ik-contact-list__icon--youtube {
    color: #ff0000;
}

.ik-contact-list__icon--facebook {
    color: #1877f2;
}

.ik-contact-list__content {
    min-width: 0;
}

.ik-contact-list__label {
    margin: 0 0 2px;

    color: #102650;

    font-family: "Catamaran", sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.15;
}

.ik-contact-list__value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    min-width: 0;

    color: #102650;

    font-family: "Catamaran", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;

    word-break: break-word;
}

.ik-contact-list__link {
    text-decoration: none;
}

.ik-contact-list__link:hover,
.ik-contact-list__link:focus {
    color: #950051;
    text-decoration: none;
}

.ik-contact-list__link span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ik-contact-list__external-icon {
    flex: 0 0 auto;

    width: 16px;
    height: 16px;

    fill: currentColor;
}

@media (max-width: 767px) {

    .ik-contact-list {
        margin-top: 12px;
        border-radius: 13px;
    }

    .ik-contact-list__item {
        grid-template-columns: 30px minmax(0, 1fr);
        column-gap: 9px;

        padding: 10px 11px;
    }

    .ik-contact-list__icon {
        width: 25px;
        height: 25px;
    }

    .ik-contact-list__icon svg {
        width: 21px;
        height: 21px;
    }

    .ik-contact-list__label {
        font-size: 14px;
    }

    .ik-contact-list__value {
        font-size: 13px;
    }
}

/* =========================================================
   NEXTGEN GALLERY – MODERN MEGJELENÉS
   Albumok + galéria thumbnail-ek
   ========================================================= */


/* =========================================================
   1. ALBUMOK
   ========================================================= */

/*
 * Egy album teljes szélessége:
 * 240 px kép
 * + 2 x 4 px padding
 * + 2 px border
 * = 250 px
 *
 * Ehhez jön 6 px jobb oldali térköz.
 */


/* Egy album kártyája */
.ngg-album-compact {
    display: inline-flex !important;
    flex-direction: column !important;
    vertical-align: top !important;

    width: 250px !important;

    margin: 0 6px 14px 0 !important;
    padding: 4px 4px 10px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #e4e4e4 !important;
    border-radius: 8px !important;

    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.05),
        0 5px 12px rgba(0, 0, 0, 0.05) !important;

    overflow: hidden !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}


/* Album hover */
.ngg-album-compact:hover {
    transform: translateY(-2px) !important;

    border-color: #d0d0d0 !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.08),
        0 8px 18px rgba(0, 0, 0, 0.09) !important;
}


/* =========================================================
   ALBUM KÉP DOBOZA
   ========================================================= */

.ngg-album-compactbox {
    width: 240px !important;
    height: 160px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    background: #f3f3f3 !important;

    border: 0 !important;
    border-radius: 5px !important;

    box-shadow: none !important;
}


/* NextGEN belső kép-link */
.ngg-album-compact .ngg-album-link {
    display: block !important;

    width: 240px !important;
    height: 160px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 5px !important;

    line-height: 0 !important;
}


/* Album kép */
.ngg-album-compact .ngg-album-link img,
.ngg-album-compact img.Thumb {
    display: block !important;

    width: 240px !important;
    height: 160px !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    border: 0 !important;
    border-radius: 5px !important;

    box-shadow: none !important;

    transition:
        transform 0.35s ease,
        filter 0.35s ease !important;
}


/* Album kép finom zoom */
.ngg-album-compact:hover img.Thumb {
    transform: scale(1.03) !important;

    filter: brightness(0.96);
}


/* =========================================================
   ALBUM CÍME
   ========================================================= */

.ngg-album-compact h4 {
    margin: 10px 5px 3px !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}


/* Album cím link */
.ngg-album-compact h4 a.ngg-album-desc {
    display: block !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #222222 !important;

    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;

    text-decoration: none !important;

    transition: color 0.2s ease !important;
}


/* Album cím hover */
.ngg-album-compact:hover h4 a.ngg-album-desc {
    color: #751816 !important;

    text-decoration: none !important;
}


/* =========================================================
   ALBUM – FÉNYKÉPEK SZÁMA
   ========================================================= */

.ngg-album-compact .ngg-album-gallery-image-counter {
    margin: 2px 5px 0 !important;
    padding: 0 !important;

    color: #888888 !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
}


/* Fényképszám */
.ngg-album-compact .ngg-album-gallery-image-counter strong {
    color: #751816 !important;

    font-weight: 700 !important;
}


/* =========================================================
   2. GALÉRIÁN BELÜLI THUMBNAILEK
   ========================================================= */


/*
 * A NextGEN külső thumbnail doboza.
 * A 6 px jobb oldali margin adja a képek közötti rést.
 */

.ngg-gallery-thumbnail-box {
    margin: 0 6px 12px 0 !important;
    padding: 0 !important;
}


/* Thumbnail kártya */
.ngg-gallery-thumbnail {
    margin: 0 !important;
    padding: 4px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #e4e4e4 !important;
    border-radius: 8px !important;

    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.05),
        0 5px 12px rgba(0, 0, 0, 0.05) !important;

    overflow: hidden !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}


/* Thumbnail hover */
.ngg-gallery-thumbnail:hover {
    transform: translateY(-2px) !important;

    border-color: #d0d0d0 !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.08),
        0 8px 18px rgba(0, 0, 0, 0.09) !important;
}


/* Thumbnail link */
.ngg-gallery-thumbnail > a {
    position: relative !important;

    display: block !important;

    width: 240px !important;
    height: 160px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 5px !important;

    line-height: 0 !important;

    text-decoration: none !important;
}


/* Thumbnail kép */
.ngg-gallery-thumbnail img {
    display: block !important;

    width: 240px !important;
    height: 160px !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    border: 0 !important;
    border-radius: 5px !important;

    box-shadow: none !important;

    transition:
        transform 0.35s ease,
        filter 0.35s ease !important;
}


/* Finom zoom */
.ngg-gallery-thumbnail:hover img {
    transform: scale(1.03) !important;

    filter: brightness(0.96);
}


/* =========================================================
   THUMBNAIL – DESCRIPTION A KÉP ALJÁN
   ========================================================= */

.ngg-gallery-thumbnail > a::after {
    content: attr(data-description) !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;

    display: block !important;

    width: 100% !important;

    padding: 6px 8px !important;

    box-sizing: border-box !important;

    background: rgba(0, 0, 0, 0.58) !important;

    color: #ffffff !important;
    font-family: "Roboto Condensed", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    text-align: center !important;

    border-radius: 0 0 5px 5px !important;

    pointer-events: none !important;

    z-index: 2 !important;

    transition: background-color 0.3s ease !important;
}


/* Ha nincs Description, semmi ne jelenjen meg */
.ngg-gallery-thumbnail > a[data-description=""]::after {
    display: none !important;
}


/* =========================================================
   3. NEXTGEN GALÉRIA KONTÉNER
   ========================================================= */

.ngg-galleryoverview {
    width: 100% !important;

    margin-top: 15px !important;

    overflow: visible !important;
}


/* =========================================================
   4. TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .ngg-album-compact {
        margin-right: 6px !important;
    }

    .ngg-gallery-thumbnail-box {
        margin-right: 6px !important;
    }

}


/* =========================================================
   5. MOBIL
   ========================================================= */

@media (max-width: 600px) {

    /* Album */

    .ngg-album-compact {
        display: flex !important;

        width: 250px !important;

        margin: 0 auto 18px auto !important;
    }


    /* Galéria thumbnail */

    .ngg-gallery-thumbnail-box {
        float: none !important;

        width: 250px !important;

        margin: 0 auto 18px auto !important;
    }


    .ngg-gallery-thumbnail {
        width: 250px !important;
    }

}

.ik-section-title {
    display: flex;
    align-items: center;
    gap: 14px;

    font-family: Catamaran, sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;

    color: #14213d;
    text-transform: uppercase;
}

.ik-section-title__icon {
    display: block;

    width: 28px;
    height: 28px;

    object-fit: contain;
    flex-shrink: 0;
}

.ik-description-label {
    font-family: Catamaran, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
    text-transform: uppercase !important;
    color: var(--footer) !important;
}

/* =====================================================
   SZOLGÁLTATÁS
   ===================================================== */

.ik-subject-of-service {
    display: block !important;

    width: 100%;
    height: auto !important;
    min-height: 0 !important;

    margin: 0.8em 0 1.2em;
    padding: 0.9em 1em;

    box-sizing: border-box;

    background: #f7f8fa;

    border: none;
    border-left: 4px solid #1677d2;
    border-radius: 6px;
}


/* CÍM */

.ik-subject-of-service__header {
    display: block;

    margin: 0 0 0.25em 0;
    padding: 0;

    height: auto !important;
    min-height: 0 !important;
}

.ik-subject-of-service__label {
    display: block;

    margin: 0;
    padding: 0;

    color: #1677d2;

    font-size: 1.05em;
    font-weight: 800;
    line-height: 1.25;
}


/* SZÖVEG */

.ik-subject-of-service__value {
    display: block;

    margin: 0;
    padding: 0;

    height: auto !important;
    min-height: 0 !important;

    color: #263442;

    font-size: 1.05em;
    font-weight: 500;
    line-height: 1.45;
}
/* =====================================================
   KEDVEZMÉNY
   ===================================================== */

.ik-discount {
    display: block;

    margin: 1.2em 0;
    padding: 1em 1.2em 1em 1.4em;

    background: #ffffff;

    border: 1px solid #ead8e2;
    border-left: 6px solid #e5006d;
    border-radius: 8px;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);

    color: #202b38;

    box-sizing: border-box;
}

.ik-discount__label {
    display: block;

    margin: 0 0 0.25em 0;
    padding: 0;

    color: #e5006d;

    font-size: 0.95em;
    font-weight: 800;
    line-height: 1.2;

    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ik-discount__value {
    display: block;

    margin: 0;
    padding: 0;

    color: #17233d;

    font-size: 1.05em;
    font-weight: 500;
    line-height: 1.45;
}

/* Mobil menü – bejelentkezés elrejtése */

#td-mobile-nav .td-menu-login-section {
	display: none !important;
}
.td-menu-login-section {
    display: none !important;
}

/* =====================================================
   KEDVEZMÉNYKUPON – FELHASZNÁLÓI ÜDVÖZLŐ
   ===================================================== */

.dc-user-welcome {
    box-sizing: border-box;

    width: 100%;
    margin: 18px 0 28px;
    padding: 24px 28px;

    background: #f7f9fc;

    border: 1px solid #e1e6ee;
    border-left: 4px solid #ff6500;
    border-radius: 8px;
}


/* =====================================================
   CÍM
   ===================================================== */

.dc-user-welcome__title {
    margin: 0 0 14px;

    color: #1b2a41;

    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
}


/* =====================================================
   SZÖVEG
   ===================================================== */

.dc-user-welcome__text {
    color: #444;

    font-size: 15px;
    line-height: 1.65;
}

.dc-user-welcome__text p {
    margin: 0 0 10px;
}

.dc-user-welcome__text p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   GOMBOK
   ===================================================== */

.dc-user-welcome__actions {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 18px;
}


.dc-user-welcome__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding: 9px 18px;

    border-radius: 6px;

    background: #ff6500;

    color: #fff !important;

    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}


.dc-user-welcome__button:hover {
    background: #e95c00;

    color: #fff !important;

    transform: translateY(-1px);
}


/* Másodlagos gomb */

.dc-user-welcome__button--secondary {
    background: #546174;
}

.dc-user-welcome__button--secondary:hover {
    background: #414c5c;
}


/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {

    .dc-user-welcome {
        margin: 12px 0 20px;
        padding: 18px 20px;
    }

    .dc-user-welcome__title {
        font-size: 16px;
    }

    .dc-user-welcome__text {
        font-size: 14px;
        line-height: 1.6;
    }

    .dc-user-welcome__actions {
        flex-direction: column;
    }

    .dc-user-welcome__button {
        width: 100%;
    }
}

/* =====================================================
   PROFILE BUILDER – GOMBOK
   ===================================================== */

/* Belépés */
#wppb-login-wrap input[type="submit"],
#wppb-login-wrap .button,

/* Regisztráció */
#wppb-register-user input[type="submit"],
#wppb-register-user .submit,

/* Profil / jelszó módosítás */
.wppb-user-forms input[type="submit"],
.wppb-user-forms button[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding: 9px 18px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #ff6500 !important;

    color: #fff !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    cursor: pointer;

    box-shadow: none !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
	font-family: Verdana, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}


/* Hover */
#wppb-login-wrap input[type="submit"]:hover,
#wppb-login-wrap .button:hover,
#wppb-register-user input[type="submit"]:hover,
#wppb-register-user .submit:hover,
.wppb-user-forms input[type="submit"]:hover,
.wppb-user-forms button[type="submit"]:hover {
    background: #e95c00 !important;

    color: #fff !important;

    transform: translateY(-1px);
}

/* =====================================================
   PROFILE BUILDER – BEVITELI MEZŐK
   ===================================================== */

#wppb-login-wrap input[type="text"],
#wppb-login-wrap input[type="email"],
#wppb-login-wrap input[type="password"],
#wppb-register-user input[type="text"],
#wppb-register-user input[type="email"],
#wppb-register-user input[type="password"],
.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="password"] {
    box-sizing: border-box;

    min-height: 38px;

    padding: 8px 11px;

    background: #fff !important;

    border: 1px solid #d9dee6 !important;
    border-radius: 6px !important;

    color: #333;

    box-shadow: none !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Aktív mező */
#wppb-login-wrap input:focus,
#wppb-register-user input:focus,
.wppb-user-forms input:focus {
    outline: none !important;

    border-color: #ff6500 !important;

    box-shadow: 0 0 0 2px rgba(255, 101, 0, 0.10) !important;
}

#wppb-login-wrap a {
    color: #e95c00;
    text-decoration: none;
}

#wppb-login-wrap a:hover {
    color: #c94e00;
    text-decoration: underline;
}

/* =========================================================
   INFÓKÁRTYA – KEDVEZMÉNYKUPON HASZNÁLATI ÚTMUTATÓ
   ========================================================= */


/* =========================================================
   ALAPBEÁLLÍTÁSOK
   ========================================================= */

.ik-guide{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:26px 22px 70px;

  font-family:Arial, Helvetica, sans-serif !important;
  font-size:16px;
  font-weight:400;
  line-height:1.65;

  color:#333f4d;
}

.ik-guide,
.ik-guide *{
  font-family:Arial, Helvetica, sans-serif !important;
  box-sizing:border-box;
}

.ik-guide p{
  margin:0 0 19px;

  text-align:justify;
  text-justify:inter-word;
}

.ik-intro{
  margin:0 0 28px;

  font-size:17px;
  line-height:1.6;
  font-weight:400;

  color:#334d68;

  text-align:justify;
  text-justify:inter-word;
}

.ik-guide strong{
  color:#0a356a;
  font-weight:700;
}

.ik-guide a{
  color:inherit;
}


/* =========================================================
   FELSŐ – 4 LÉPÉSES FOLYAMAT
   ========================================================= */

.ik-process{
  display:grid;
  grid-template-columns:220px repeat(4,1fr);
  align-items:stretch;

  margin:28px 0 48px;

  background:#f7f8fa;

  border:1px solid #e7ebef;
  border-radius:9px;

  overflow:hidden;
  box-shadow:none;
}


/* Folyamat bevezető */

.ik-process-lead{
  padding:30px 25px;

  display:flex;
  align-items:center;

  font-size:24px;
  line-height:1.15;
  font-weight:700;

  color:#0a356a;

  text-align:left;
}


/* Egy folyamatlépés */

.ik-process-step{
  position:relative;

  min-height:175px;

  padding:23px 12px 24px;

  text-align:center;
}


/* Nyilak */

.ik-process-step:not(:last-child)::after{
  content:"›";

  position:absolute;

  right:-8px;
  top:62px;

  font-size:40px;
  line-height:1;
  font-weight:300;

  color:#b7c3cf;

  z-index:2;
}


/* Felső ikon + szám */

.ik-topicon{
  height:56px;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  margin-bottom:7px;
}


/* Számozás */

.ik-num{
  width:42px;
  height:42px;

  border-radius:50%;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:21px;
  font-weight:700;

  color:#073d74;
  background:#c9ecff;
}


/* 2. lépés */

.ik-process-step:nth-child(3) .ik-num{
  background:#c8f0df;
  color:#087b73;
}


/* 3. lépés */

.ik-process-step:nth-child(4) .ik-num{
  background:#ffe6a8;
  color:#a85d00;
}


/* 4. lépés */

.ik-process-step:nth-child(5) .ik-num{
  background:#ffd0d7;
  color:#a9162c;
}


/* SVG ikonok */

.ik-svgicon{
  width:42px;
  height:42px;
}


/* Lépés címe */

.ik-process-title{
  color:#0a356a;

  font-size:19px;
  line-height:1.18;
  font-weight:700;

  text-align:center;
}


/* Lépés leírása */

.ik-process-sub{
  margin-top:7px;

  font-size:14px;
  line-height:1.38;
  font-weight:400;

  color:#526579;

  text-align:center;
}


/* =========================================================
   RÉSZLETES LÉPÉSEK
   ========================================================= */

.ik-section{
  position:relative;

  min-height:74px;

  padding:10px 0 20px 78px;
}

.ik-section + .ik-section{
  margin-top:20px;
}


/* Nagy számozás */

.ik-section-num{
  position:absolute;

  left:0;
  top:8px;

  width:54px;
  height:54px;

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:27px;
  font-weight:700;

  background:#c9ecff;
  color:#0a4a88;
}


/* 2. lépés */

.ik-section.step2 .ik-section-num{
  background:#c8f0df;
  color:#087b73;
}


/* 3. lépés */

.ik-section.step3 .ik-section-num{
  background:#ffe6a8;
  color:#a85d00;
}


/* 4. lépés */

.ik-section.step4 .ik-section-num{
  background:#ffd0d7;
  color:#a9162c;
}


/* Lépés címe */

.ik-title{
  margin:3px 0 12px;

  color:#0a356a;

  font-size:24px;
  line-height:1.2;
  font-weight:700;
}


/* Szöveg olvasható szélessége */

.ik-section p{
  max-width:820px;

  text-align:justify;
  text-justify:inter-word;
}


/* =========================================================
   SZÖVEG + ILLUSZTRÁCIÓ
   ========================================================= */

.ik-two{
  display:grid;

  grid-template-columns:minmax(0,1fr) 300px;

  gap:42px;

  align-items:center;
}

.ik-art{
  display:flex;

  align-items:center;
  justify-content:center;

  min-height:180px;
}

.ik-art svg{
  max-width:100%;
  height:auto;
}


/* =========================================================
   INFORMÁCIÓS DOBOZOK
   ========================================================= */

.ik-box{
  display:flex;

  gap:16px;
  align-items:flex-start;

  margin:22px 0 34px;
  padding:18px 20px;

  background:#f7f8fa;

  border:1px solid #e7ebef;
  border-radius:8px;

  box-shadow:none;
}


/* Minden doboz egységes világosszürke */

.ik-bluebox,
.ik-greenbox,
.ik-redbox,
.ik-orangebox{
  background:#f7f8fa;
}


/* Doboz ikon */

.ik-box .ik-box-icon{
  flex:0 0 46px;

  width:46px;
  height:46px;

  display:flex;
  align-items:center;
  justify-content:center;
}

.ik-box .ik-box-icon svg{
  width:42px;
  height:42px;
}


/* Doboz címe */

.ik-box h3{
  margin:0 0 7px;

  color:#0a356a;

  font-size:18px;
  line-height:1.25;
  font-weight:700;

  text-align:left;
}


/* Minden dobozcím egységes */

.ik-redbox h3,
.ik-greenbox h3,
.ik-orangebox h3,
.ik-bluebox h3{
  color:#0a356a;
}


/* Doboz törzsszöveg */

.ik-box p{
  max-width:none;

  margin:0;

  font-size:15px;
  line-height:1.55;
  font-weight:400;

  color:#40556b;

  text-align:justify;
  text-justify:inter-word;
}


/* =========================================================
   ALSÓ KÉT INFORMÁCIÓS DOBOZ
   ========================================================= */

.ik-bottom{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:18px;

  margin-top:22px;
}

.ik-bottom .ik-box{
  height:100%;

  margin:0;

  padding:20px 22px;
}

.ik-bottom .ik-box p{
  font-size:14px;
  line-height:1.55;

  text-align:justify;
  text-justify:inter-word;
}

.ik-bottom .ik-box h3{
  font-size:18px;
}


/* =========================================================
   NFC DOBOZ
   ========================================================= */

.ik-nfc-box{
  margin-top:14px;
}


/* =========================================================
   KIEMELÉSEK
   ========================================================= */

.ik-note-strong{
  font-weight:700;
  color:#0c356c;
}

.ik-final-strong{
  font-weight:700;
  color:#0d2f5a;
}


/* =========================================================
   TABLET – 900 PX ALATT
   ========================================================= */

@media(max-width:900px){

  .ik-guide{
    padding-top:22px;
  }


  /* -------------------------------------------------------
     Folyamatábra – 2 × 2
     ------------------------------------------------------- */

  .ik-process{
    grid-template-columns:1fr 1fr;

    grid-template-areas:
      "lead  lead"
      "step1 step2"
      "step3 step4";

    margin-bottom:40px;
  }

  .ik-process-lead{
    grid-area:lead;

    display:block;

    min-height:auto;

    padding:22px 20px 18px;

    text-align:center;
  }

  .ik-process-step:nth-child(2){
    grid-area:step1;
  }

  .ik-process-step:nth-child(3){
    grid-area:step2;
  }

  .ik-process-step:nth-child(4){
    grid-area:step3;
  }

  .ik-process-step:nth-child(5){
    grid-area:step4;
  }

  .ik-process-step{
    min-height:165px;

    padding:20px 15px 23px;
  }

  .ik-process-step:not(:last-child)::after{
    display:none;
  }


  /* -------------------------------------------------------
     Illusztráció a szöveg alá
     ------------------------------------------------------- */

  .ik-two{
    grid-template-columns:1fr;

    gap:16px;
  }

  .ik-art{
    min-height:130px;
  }


  /* -------------------------------------------------------
     Alsó dobozok
     ------------------------------------------------------- */

  .ik-bottom{
    grid-template-columns:1fr;
  }

}


/* =========================================================
   MOBIL – 620 PX ALATT
   ========================================================= */

@media(max-width:620px){

  .ik-guide{
    width:100%;

    padding:16px 14px 42px;

    font-size:16px;
    line-height:1.58;
  }


  /*
   * Mobilon nem használunk sorkizárást.
   * Keskeny kijelzőn a magyar szövegben túl nagy
   * szóközök keletkeznének.
   */

  .ik-guide p{
    margin-bottom:17px;

    text-align:left;
  }

  .ik-intro{
    margin-bottom:22px;

    font-size:17px;
    line-height:1.5;

    text-align:left;
  }


  /* -------------------------------------------------------
     Folyamatábra
     Cím felül, alatta 2 × 2 lépés
     ------------------------------------------------------- */

  .ik-process{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);

    grid-template-areas:
      "lead  lead"
      "step1 step2"
      "step3 step4";

    margin:22px 0 36px;

    border-radius:8px;
  }

  .ik-process-lead{
    grid-area:lead;

    display:block;

    width:100%;

    padding:20px 12px 16px;

    font-size:22px;
    line-height:1.12;

    text-align:center;
  }

  .ik-process-step{
    min-width:0;
    min-height:155px;

    padding:16px 7px 19px;
  }

  .ik-topicon{
    height:50px;

    gap:7px;

    margin-bottom:6px;
  }

  .ik-num{
    width:38px;
    height:38px;

    font-size:20px;
  }

  .ik-svgicon{
    width:36px;
    height:36px;
  }

  .ik-process-title{
    font-size:18px;
    line-height:1.15;

    text-align:center;
  }

  .ik-process-sub{
    margin-top:6px;

    font-size:12.5px;
    line-height:1.32;

    text-align:center;
  }


  /* -------------------------------------------------------
     Részletes lépések
     ------------------------------------------------------- */

  .ik-section{
    padding:68px 0 18px;
  }

  .ik-section + .ik-section{
    margin-top:14px;
  }

  .ik-section-num{
    top:4px;
    left:0;

    width:50px;
    height:50px;

    font-size:25px;
  }

  .ik-title{
    margin-bottom:10px;

    font-size:22px;
    line-height:1.2;
  }

  .ik-section p{
    max-width:none;

    text-align:left;
  }


  /* -------------------------------------------------------
     Illusztrációk
     ------------------------------------------------------- */

  .ik-two{
    gap:10px;
  }

  .ik-art{
    min-height:110px;
  }


  /* -------------------------------------------------------
     Információs dobozok
     ------------------------------------------------------- */

  .ik-box{
    gap:12px;

    margin:18px 0 28px;
    padding:15px 14px;

    border-radius:7px;
  }

  .ik-box .ik-box-icon{
    flex-basis:38px;

    width:38px;
    height:38px;
  }

  .ik-box .ik-box-icon svg{
    width:34px;
    height:34px;
  }

  .ik-box h3{
    margin-bottom:5px;

    font-size:17px;
    line-height:1.25;
  }

  .ik-box p{
    font-size:14px;
    line-height:1.48;

    text-align:left;
  }


  /* -------------------------------------------------------
     Alsó információs blokkok
     ------------------------------------------------------- */

  .ik-bottom{
    grid-template-columns:1fr;

    gap:14px;

    margin-top:18px;
  }

  .ik-bottom .ik-box{
    padding:16px 15px;
  }

  .ik-bottom .ik-box h3{
    font-size:17px;
  }

  .ik-bottom .ik-box p{
    font-size:14px;
    line-height:1.48;

    text-align:left;
  }

}

/* =====================================================
   VIDEÓ BORÍTÓ
   ===================================================== */

.video-cover {
    position: relative;

    display: block !important;

    width: 100% !important;

    aspect-ratio: 16 / 9;

    margin: 1em 0;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    cursor: pointer;

    overflow: hidden;

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;
}


/* =====================================================
   LEJÁTSZÁS IKON
   ===================================================== */

.video-cover::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 6em;
    height: 6em;

    transform: translate(-50%, -50%);

    background-image:
        url('https://infokartya.hu/wp-content/uploads/2026/09/video_play.png');

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    pointer-events: none;
}


/* =====================================================
   VIDEÓ
   ===================================================== */

.video-container {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    margin: 1em 0;

    overflow: hidden;

    background-color: #000;
}


.video-container video {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    background-color: #000;
}

/* ==========================================================
   PROGRAMOK ÉS ESEMÉNYEK
   ========================================================== */

.ik-programok {
    width: 100%;
    margin: 0;
}


/* ==========================================================
   FŐ DOBOZ
   ========================================================== */

.ik-programok__content {
    position: relative;

    display: grid;

    /*
     * Bal oldal szélesebb,
     * középső ikonrész keskenyebb,
     * jobb oldalon a fotó.
     */

    grid-template-columns:
        minmax(350px, 1.35fr)
        minmax(190px, 0.68fr)
        minmax(330px, 1.15fr);

    min-height: 330px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #eeeeee;
    border-radius: 14px;

    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.07);
}


/* ==========================================================
   BAL OLDALI SZÖVEG
   ========================================================== */

.ik-programok__text {
    position: relative;
    z-index: 3;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        34px
        24px
        34px
        32px;
}


/* ----------------------------------------------------------
   KECskemét és térsége
   ---------------------------------------------------------- */

.ik-programok__eyebrow {
    margin: 0 0 11px;

    color: #f15a24;

    font-size: 13px;
    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 1.3px;

    text-transform: uppercase;
}


/* ----------------------------------------------------------
   Éves programajánló
   ---------------------------------------------------------- */

.ik-programok__title {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #172f43;

    font-size: clamp(
        32px,
        3vw,
        36px
    );

    font-weight: 700;

    line-height: 1.03;

    letter-spacing: -1px;
}


/* ----------------------------------------------------------
   Leírás
   ---------------------------------------------------------- */

.ik-programok__description {
    width: 100%;
    max-width: 500px;

    margin: 0 0 24px !important;

    color: #4d5963;

    font-size: 16px;

    line-height: 1.5;
}


/* ==========================================================
   ÉVES RENDEZVÉNYNAPTÁR GOMB
   ========================================================== */

.ik-programok__button {
    display: inline-flex;

    align-items: center;
    justify-content: space-between;

    align-self: flex-start;

    gap: 24px;

    min-width: 235px;

    box-sizing: border-box;

    padding:
        13px
        17px;

    color: #ffffff !important;

    background:
        linear-gradient(
            90deg,
            #ff681c 0%,
            #f04423 100%
        );

    border-radius: 8px;

    font-size: 14px;
    font-weight: 700;

    line-height: 1.2;

    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.ik-programok__button-arrow {
    display: block;

    flex: 0 0 auto;

    font-size: 21px;
    font-weight: 400;

    line-height: 1;
}


.ik-programok__button:hover {
    color: #ffffff !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 7px 18px
        rgba(240, 68, 35, 0.25);
}


/* ==========================================================
   KÖZÉPSŐ KATEGÓRIÁK
   ========================================================== */

.ik-programok__categories {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    align-content: center;

    gap:
        26px
        14px;

    padding:
        30px
        10px;
}


/* ----------------------------------------------------------
   Egy kategória
   ---------------------------------------------------------- */

.ik-programok__category {
    color: #293e4e;

    font-size: 13px;
    font-weight: 600;

    line-height: 1.25;

    text-align: center;
}


.ik-programok__category-title {
    white-space: nowrap;
}


/* ==========================================================
   KATEGÓRIA IKONOK
   ========================================================== */

.ik-programok__icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    margin:
        0 auto 9px;

    color: #f15a24;

    background: #fff1e9;

    border-radius: 50%;
}


/* ----------------------------------------------------------
   INLINE SVG
   ---------------------------------------------------------- */

.ik-programok__icon svg {
    display: block;

    width: 24px;
    height: 24px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==========================================================
   JOBB OLDALI FOTÓ
   ========================================================== */

.ik-programok__photo {
    position: relative;

    min-width: 0;
    min-height: 330px;

    overflow: hidden;
}


/* ----------------------------------------------------------
   Fehér íves átmenet
   ---------------------------------------------------------- */

.ik-programok__photo::before {
    content: "";

    position: absolute;
    z-index: 2;

    left: -55px;
    top: -10%;

    width: 105px;
    height: 120%;

    background: #ffffff;

    border-radius:
        0 55% 55% 0;
}


/* ----------------------------------------------------------
   Fotó
   ---------------------------------------------------------- */

.ik-programok__photo img {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    /*
     * Finoman balra helyezzük,
     * hogy a Cifrapalota és a torony
     * megfelelő helyre kerüljön.
     */

    object-position:
        48% center;

    image-rendering: auto;
}


/* ==========================================================
   NARANCS DEKORÁCIÓ
   ========================================================== */

.ik-programok__orange-shape {
    position: absolute;
    z-index: 3;

    right: -80px;
    bottom: -120px;

    width: 290px;
    height: 290px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #ff9c35 0%,
            #ff5722 100%
        );
}


/* ==========================================================
   ÉLMÉNYEK EGÉSZ ÉVBEN KÁRTYA
   ========================================================== */

.ik-programok__calendar {
    position: absolute;
    z-index: 4;

    right: 24px;
    bottom: -12px;

    width: 145px;
    min-height: 155px;

    box-sizing: border-box;

    padding:
        20px
        15px
        22px;

    background: #ffffff;

    border-radius:
        10px 10px 0 0;

    box-shadow:
        0 8px 25px
        rgba(0, 0, 0, 0.16);

    text-align: center;

    transform:
        rotate(3deg);
}


/* ----------------------------------------------------------
   Kártya felső két füle
   ---------------------------------------------------------- */

.ik-programok__calendar::before,
.ik-programok__calendar::after {
    content: "";

    position: absolute;

    top: -9px;

    width: 10px;
    height: 25px;

    background: #f1eee9;

    border-radius: 6px;
}


.ik-programok__calendar::before {
    left: 30px;
}


.ik-programok__calendar::after {
    right: 30px;
}


/* ==========================================================
   NAP / ÉLMÉNY IKON
   ========================================================== */

.ik-programok__calendar-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    color: #f15a24;
}


.ik-programok__calendar-icon svg {
    display: block;

    width: 34px;
    height: 34px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2.2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==========================================================
   ÉLMÉNYEK EGÉSZ ÉVBEN SZÖVEG
   ========================================================== */

.ik-programok__calendar-text {
    margin-top: 10px;

    color: #17384d;

    font-family:
        "Dancing Script",
        "Segoe Script",
        "Brush Script MT",
        cursive;

    font-size: 24px;
    font-weight: 600;

    line-height: 1.05;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .ik-programok__content {
        grid-template-columns:
            minmax(330px, 1.1fr)
            minmax(300px, 0.9fr);
    }


    /*
     * Tableten az ikonos középső rész
     * eltűnik.
     */

    .ik-programok__categories {
        display: none;
    }


    .ik-programok__text {
        padding:
            32px
            28px;
    }

}


/* ==========================================================
   MOBIL
   ========================================================== */

@media (max-width: 700px) {

    .ik-programok__content {
        display: flex;

        flex-direction: column;

        min-height: 0;
    }


    /* ------------------------------------------------------
       SZÖVEG
       ------------------------------------------------------ */

    .ik-programok__text {
        padding:
            28px
            24px;
    }


    .ik-programok__eyebrow {
        margin-bottom: 9px;

        font-size: 11px;

        letter-spacing: 1.1px;
    }


    .ik-programok__title {
        margin-bottom: 12px !important;

        font-size: 32px;

        line-height: 1.05;
    }


    .ik-programok__description {
        max-width: none;

        margin-bottom: 20px !important;

        font-size: 15px;
    }


    /* ------------------------------------------------------
       GOMB
       ------------------------------------------------------ */

    .ik-programok__button {
        width: 100%;
        min-width: 0;

        padding:
            14px
            17px;
    }


    /* ------------------------------------------------------
       KATEGÓRIÁK
       ------------------------------------------------------ */

    .ik-programok__categories {
        display: none;
    }


    /* ------------------------------------------------------
       FOTÓ
       ------------------------------------------------------ */

    .ik-programok__photo {
        min-height: 260px;
    }


    /*
     * Mobilon az íves fehér elválasztás
     * nem szükséges.
     */

    .ik-programok__photo::before {
        display: none;
    }


    .ik-programok__photo img {
        object-position:
            center center;
    }


    /* ------------------------------------------------------
       NARANCS DEKORÁCIÓ
       ------------------------------------------------------ */

    .ik-programok__orange-shape {
        right: -100px;
        bottom: -130px;

        width: 270px;
        height: 270px;
    }


    /* ------------------------------------------------------
       ÉLMÉNYEK KÁRTYA
       ------------------------------------------------------ */

    .ik-programok__calendar {
        right: 15px;
        bottom: -10px;

        width: 125px;
        min-height: 140px;

        padding:
            17px
            10px
            20px;
    }


    .ik-programok__calendar-icon svg {
        width: 30px;
        height: 30px;
    }


    .ik-programok__calendar-text {
        margin-top: 8px;

        font-size: 21px;
    }

}

/* ==========================================================
   CSATLAKOZZ PARTNERKÉNT
   Pasztell zsályazöld változat
   ========================================================== */

.ik-partner {
    width: 100%;
    margin: 0;
}


/* ==========================================================
   FŐ DOBOZ
   ========================================================== */

.ik-partner__content {
    display: grid;

    grid-template-columns:
        minmax(0, 58%)
        minmax(0, 42%);

    min-height: 365px;

    overflow: hidden;

    /*
     * Halvány zsályazöld háttér
     */
    background: #f3f7f2;

    border: 1px solid #e2ebe0;
    border-radius: 14px;

    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.06);
}


/* ==========================================================
   BAL OLDAL
   ========================================================== */

.ik-partner__left {
    display: flex;
    flex-direction: column;
    justify-content: center;

    box-sizing: border-box;

    padding:
        38px
        42px
        38px
        34px;
}


/* ==========================================================
   FŐCÍM
   ========================================================== */

.ik-partner__title {
    width: 100%;
    max-width: 560px;

    margin: 0 0 16px !important;
    padding: 0 !important;

    color: #172f43;

    font-size: 29px;
    font-weight: 750;

    line-height: 1.08;
    letter-spacing: -0.5px;

    text-align: left;
}


/* ==========================================================
   LEÍRÁS
   ========================================================== */

.ik-partner__description {
    width: 100%;
    max-width: 590px;

    margin: 0 0 27px !important;

    color: #4d5963;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.5;

    text-align: left;
}


/* ==========================================================
   ELŐNYÖK
   ========================================================== */

.ik-partner__benefits {
    display: flex;

    align-items: center;

    gap: 28px;

    width: 100%;

    margin:
        0
        0
        30px;
}


/* ==========================================================
   EGY ELŐNY
   ========================================================== */

.ik-partner__benefit {
    display: flex;

    align-items: center;

    gap: 9px;

    min-width: 0;
}


/* ==========================================================
   IKON
   ========================================================== */

.ik-partner__benefit-icon {
    display: flex;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    width: 39px;
    height: 39px;

    /*
     * Tompa zsályazöld
     */
    color: #6f9274;
}


/* ==========================================================
   SVG IKONOK
   ========================================================== */

.ik-partner__benefit-icon svg {
    display: block;

    width: 31px;
    height: 31px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.9;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==========================================================
   ELŐNY SZÖVEGE
   ========================================================== */

.ik-partner__benefit-text {
    color: #293e4e;

    font-size: 13px;
    font-weight: 700;

    line-height: 1.25;

    white-space: nowrap;
}


/* ==========================================================
   GOMB
   ========================================================== */

.ik-partner__button {
    display: inline-flex;

    align-items: center;
    justify-content: space-between;

    align-self: flex-start;

    gap: 24px;

    min-width: 225px;

    box-sizing: border-box;

    padding:
        13px
        17px;

    /*
     * A CTA marad az Infókártya narancssárga
     */
    color: #ffffff !important;

    background:
        linear-gradient(
            90deg,
            #ff681c 0%,
            #f04423 100%
        );

    border-radius: 8px;

    font-size: 14px;
    font-weight: 700;

    line-height: 1.2;

    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.ik-partner__button-arrow {
    display: block;

    flex: 0 0 auto;

    font-size: 21px;
    font-weight: 400;

    line-height: 1;
}


.ik-partner__button:hover {
    color: #ffffff !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 7px 18px
        rgba(240, 68, 35, 0.24);
}


/* ==========================================================
   JOBB OLDALI FOTÓ
   ========================================================== */

.ik-partner__photo {
    position: relative;

    min-width: 0;
    min-height: 365px;

    overflow: hidden;
}


/* ==========================================================
   FOTÓ
   ========================================================== */

.ik-partner__photo img {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    /*
     * A hölgy megfelelő pozícióban marad
     */
    object-position: 65% center;
}


/* ==========================================================
   FINOM ÁTMENET A KÉP BAL SZÉLÉN

   Fontos:
   itt is ugyanazt a zsályazöld háttérszínt használjuk,
   ezért nincs fehéres/narancsos törés a kép előtt.
   ========================================================== */

.ik-partner__photo::before {
    content: "";

    position: absolute;
    z-index: 2;

    left: 0;
    top: 0;
    bottom: 0;

    width: 45px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(243, 247, 242, 0.82) 0%,
            rgba(243, 247, 242, 0) 100%
        );
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1050px) {

    .ik-partner__content {
        grid-template-columns:
            minmax(0, 60%)
            minmax(0, 40%);

        min-height: 350px;
    }


    .ik-partner__left {
        padding:
            32px
            28px;
    }


    .ik-partner__title {
        font-size: 27px;
    }


    .ik-partner__description {
        margin-bottom: 24px !important;
    }


    .ik-partner__benefits {
        gap: 18px;

        margin-bottom: 27px;
    }


    .ik-partner__benefit {
        gap: 7px;
    }


    .ik-partner__benefit-icon {
        width: 34px;
        height: 34px;
    }


    .ik-partner__benefit-icon svg {
        width: 27px;
        height: 27px;
    }


    .ik-partner__benefit-text {
        font-size: 11px;
    }


    .ik-partner__photo {
        min-height: 350px;
    }

}


/* ==========================================================
   MOBIL
   ========================================================== */

@media (max-width: 700px) {

    .ik-partner__content {
        display: flex;

        flex-direction: column;

        min-height: 0;
    }


    /* ------------------------------------------------------
       BAL OLDAL
       ------------------------------------------------------ */

    .ik-partner__left {
        padding:
            29px
            23px
            31px;
    }


    /* ------------------------------------------------------
       FŐCÍM
       ------------------------------------------------------ */

    .ik-partner__title {
        max-width: none;

        margin-bottom: 14px !important;

        font-size: 27px;

        line-height: 1.08;

        letter-spacing: -0.4px;
    }


    /* ------------------------------------------------------
       LEÍRÁS
       ------------------------------------------------------ */

    .ik-partner__description {
        max-width: none;

        margin-bottom: 24px !important;

        font-size: 15px;

        line-height: 1.5;
    }


    /* ------------------------------------------------------
       ELŐNYÖK
       ------------------------------------------------------ */

    .ik-partner__benefits {
        display: grid;

        grid-template-columns:
            repeat(3, 1fr);

        gap: 10px;

        width: 100%;

        margin-bottom: 27px;
    }


    .ik-partner__benefit {
        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 7px;

        text-align: center;
    }


    /* ------------------------------------------------------
       MOBIL IKONOK
       ------------------------------------------------------ */

    .ik-partner__benefit-icon {
        width: 36px;
        height: 36px;
    }


    .ik-partner__benefit-icon svg {
        width: 29px;
        height: 29px;

        stroke-width: 1.9;
    }


    .ik-partner__benefit-text {
        font-size: 10.5px;

        line-height: 1.25;

        white-space: normal;
    }


    /* ------------------------------------------------------
       GOMB
       ------------------------------------------------------ */

    .ik-partner__button {
        width: 100%;
        min-width: 0;

        padding:
            14px
            17px;
    }


    /* ------------------------------------------------------
       FOTÓ
       ------------------------------------------------------ */

    .ik-partner__photo {
        min-height: 280px;
    }


    .ik-partner__photo img {
        object-position:
            63% center;
    }


    /*
     * Mobilon egymás alatt vannak az elemek,
     * ezért nincs szükség az oldalirányú átmenetre.
     */

    .ik-partner__photo::before {
        display: none;
    }

}


/* ==========================================================
   KISEBB MOBIL
   ========================================================== */

@media (max-width: 430px) {

    .ik-partner__left {
        padding:
            26px
            19px
            28px;
    }


    .ik-partner__title {
        font-size: 25px;
    }


    .ik-partner__description {
        font-size: 14px;
    }


    .ik-partner__benefits {
        gap: 6px;

        margin-bottom: 24px;
    }


    .ik-partner__benefit-icon {
        width: 34px;
        height: 34px;
    }


    .ik-partner__benefit-icon svg {
        width: 27px;
        height: 27px;
    }


    .ik-partner__benefit-text {
        font-size: 10px;
    }


    .ik-partner__photo {
        min-height: 245px;
    }

}

/* ==========================================================
   FŐOLDAL – AKTUÁLIS HÍREK
   ========================================================== */


/* ==========================================================
   HÍREK SORA
   ========================================================== */

.home_news .td_block_inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;

    margin-left: -7.5px !important;
    margin-right: -7.5px !important;
}


/* ==========================================================
   EGY HÍR
   ========================================================== */

.home_news .td_module_wrap {
    display: flex !important;

    float: none !important;

    width: 33.333333% !important;

    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
    padding-bottom: 0 !important;

    margin-bottom: 15px !important;

    box-sizing: border-box !important;

    clear: none !important;
}


/* ==========================================================
   TELJES KÁRTYA
   ========================================================== */

.home_news .td-module-container {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    min-height: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid #e4e9ec !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;

    box-shadow:
        0 5px 18px
        rgba(23, 47, 67, 0.07);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.home_news .td-module-container:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 24px
        rgba(23, 47, 67, 0.11);
}


/* Newspaper alsó elválasztó */

.home_news .td-module-container::before {
    display: none !important;
}


/* ==========================================================
   KÉP KONTÉNER

   FONTOS:
   Newspaper eredeti:
   flex: 0 0 100%

   EZ OKOZTA A HIBÁT.
   ========================================================== */

.home_news .td-image-container {
    display: block !important;

    flex: 0 0 auto !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    order: 0 !important;

    overflow: hidden !important;
}


/* ==========================================================
   KÉP
   ========================================================== */

.home_news .td-module-thumb {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


.home_news .td-image-wrap {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 0 !important;

    /*
     * Egységes képarány
     * 62.5% = 16:10
     */

    padding-bottom: 62.5% !important;

    margin: 0 !important;

    overflow: hidden !important;
}


/* ==========================================================
   HÁTTÉRKÉP
   ========================================================== */

.home_news .entry-thumb {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    transition:
        transform 0.35s ease;
}


.home_news
.td-module-container:hover
.entry-thumb {
    transform: scale(1.025);
}


/* ==========================================================
   META / SZÖVEGES RÉSZ
   ========================================================== */

.home_news .td-module-meta-info {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;

    /*
     * FONTOS:
     * a kép után következik,
     * és kitölti a maradék helyet
     */

    flex: 1 1 auto !important;

    width: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    height: auto !important;

    margin: 0 !important;

    padding:
        15px
        17px
        16px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 0 !important;

    text-align: left !important;

    overflow: visible !important;

    opacity: 1 !important;
    visibility: visible !important;

    order: 1 !important;
}


/* ==========================================================
   CÍM
   ========================================================== */

.home_news .entry-title,
.home_news .entry-title.td-module-title {
    display: block !important;

    margin:
        0
        0
        8px !important;

    padding: 0 !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    letter-spacing: -0.2px;

    opacity: 1 !important;
    visibility: visible !important;
}


.home_news .td-module-title a {
    color: #172f43 !important;

    font-size: inherit !important;
    font-weight: inherit !important;

    text-decoration: none !important;

    box-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition:
        color 0.2s ease;
}


.home_news
.td_module_wrap:hover
.td-module-title a {
    color: #f15a24 !important;
}


/* ==========================================================
   KIVONAT
   ========================================================== */

.home_news .td-excerpt {
    display: -webkit-box !important;

    overflow: hidden !important;

    margin:
        0
        0
        12px !important;

    padding: 0 !important;

    color: #66727c !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.45 !important;

    column-count: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


/* Üres kivonat ne foglaljon helyet */

.home_news .td-excerpt:empty {
    display: none !important;
}


/* ==========================================================
   TOVÁBB OLVASOM
   ========================================================== */

.home_news .td-read-more {
    display: block !important;

    /* mindig a kártya aljára kerül */
    margin: auto 0 0 !important;

    padding: 12px 0 0 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ==========================================================
   GOMB – NORMÁL ÁLLAPOT
   ========================================================== */

.home_news .td-read-more a,
.home_news .td-read-more:hover a {
    display: inline-flex !important;

    align-items: center !important;

    gap: 7px;

    margin: 0 !important;

    padding:
        7px
        12px !important;

    background-color: #ffffff !important;

    border: 1px solid #f15a24 !important;
    border-radius: 6px !important;

    color: #f15a24 !important;

    font-family: inherit !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: none !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


/* ==========================================================
   GOMB – HOVER
   ========================================================== */

.home_news .td-read-more a:hover,
.home_news .td-read-more:hover a:hover {
    background-color: #f15a24 !important;

    border-color: #f15a24 !important;

    color: #ffffff !important;
}


/* ==========================================================
   NYÍL
   ========================================================== */

.home_news .td-read-more a::after {
    content: "→";

    display: inline-block;

    color: currentColor !important;

    font-size: 17px;
    font-weight: 600;

    line-height: 1;

    transition:
        transform 0.2s ease;
}


.home_news .td-read-more a:hover::after {
    color: #ffffff !important;

    transform: translateX(3px);
}

/* ==========================================================
   DÁTUM / SZERZŐ / KOMMENT ELREJTÉSE
   ========================================================== */

.home_news .td-author-date,
.home_news .td-post-date,
.home_news .td-module-date,
.home_news .td-post-author-name,
.home_news .td-module-comments,
.home_news .td-post-comments {
    display: none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media
(min-width: 768px)
and
(max-width: 1018px) {

    .home_news .td_module_wrap {
        width: 33.333333% !important;
    }


    /*
     * Newspaper tablet:
     * padding-bottom:100%
     * felülírása
     */

    .home_news .td-image-wrap {
        padding-bottom: 62.5% !important;
    }


    .home_news .td-module-meta-info {
        padding:
            14px
            15px
            15px !important;
    }


    .home_news .entry-title,
    .home_news .entry-title.td-module-title {
        margin-bottom: 8px !important;

        font-size: 17px !important;
    }


    .home_news .td-excerpt {
        font-size: 13px !important;
    }


    .home_news .td-read-more a {
        font-size: 13px !important;
    }

}


/* ==========================================================
   MOBIL
   ========================================================== */

@media
(max-width: 767px) {

    .home_news .td_block_inner {
        display: block !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .home_news .td_module_wrap {
        display: block !important;

        float: none !important;

        width: 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;

        margin-bottom: 20px !important;
    }


    .home_news
    .td_module_wrap:last-child {
        margin-bottom: 0 !important;
    }


    .home_news .td-module-container {
        min-height: 0 !important;
        height: auto !important;
    }


    .home_news .td-image-container {
        flex:
            0
            0
            auto !important;
    }


    .home_news .td-image-wrap {
        padding-bottom: 62.5% !important;
    }


    .home_news .td-module-meta-info {
        min-height: 0 !important;

        padding:
            14px
            15px
            15px !important;

        text-align: left !important;
    }


    .home_news .entry-title,
    .home_news .entry-title.td-module-title {
        margin-bottom: 8px !important;

        font-size: 17px !important;

        line-height: 1.3 !important;
    }


    .home_news .td-excerpt {
        margin-bottom: 12px !important;

        font-size: 13px !important;
    }


    .home_news .td-read-more {
        margin-top: 4px !important;

        padding-top: 8px !important;
    }

}