/*==========================================================
MIÖR Design Tokens
WCAG 2.2 AA
==========================================================*/

:root {

    /*======================================================
    Brand colors (Arculati színek)
    ======================================================*/

    --brand-green: #76B729;
    --brand-green-dark: #548E26;
    --brand-blue: #22365A;
    --brand-grey: #485156;

    /*======================================================
    Accessible UI colors
    ======================================================*/

    --ui-primary: #173152;
    --ui-primary-hover: #122743;

    --ui-success: #3D6F1E;
    --ui-success-hover: #2F5817;

    --ui-border: #D9E2EA;
    --ui-background: #F7F9FB;

    --ui-text: #243444;
    --ui-text-light: #667381;

    --white: #FFFFFF;

    /* Focus */

    --focus: #0F62FE;

    /* Radius */

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 22px;

    /* Shadows */

    --shadow-sm: 0 6px 18px rgba(0, 0, 0, .05);
    --shadow-md: 0 12px 35px rgba(0, 0, 0, .08);
    --shadow-lg: 0 20px 45px rgba(0, 0, 0, .10);

    /* Motion */

    --transition-fast: .2s ease;
    --transition: .25s ease;
    --transition-slow: .35s ease;

}

h1.title {

    max-width: 900px;

    margin-bottom: 24px;

    font-size: 3rem;

    font-weight: 800;

    color: var(--ui-text);
}

h2 {
    padding: 30px 0 10px;
}

nav#navbar-top {
    background: transparent;
}

nav#navbar-top .container {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.sf-menu.sf-style-default {
    margin-bottom: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

nav#navbar-main {
    background: transparent;
    padding: 10px 0 0;
}

@media (max-width: 1200px) {
    nav#navbar-main {
        padding: 10px 0;
    }
}

nav#navbar-main img {
    width: 350px;
    height: auto;
    padding: 0;
}

ul.sf-menu.sf-style-default li,
ul.sf-menu.sf-style-default.sf-navbar {
    background: transparent;
}

/*--------------------------------------------------------------
# MIÖR kiemelt információs sáv
--------------------------------------------------------------*/

.path-frontpage .mior-emergency-bar {
    background: var(--ui-primary);
    color: var(--white);
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
    position: relative;
    top: -20px;
    z-index: 2;
}

.path-frontpage nav#navbar-top .mior-emergency-bar {
    background: var(--ui-primary);
    color: var(--white);
    padding: 18px 0;
    border-radius: 10px;
}

.emergency-wrapper {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.emergency-phone {

    display: flex;
    align-items: center;
    gap: 20px;
}

.emergency-phone .icon {

    width: 72px;
    height: 72px;

    border-radius: 50%;

    background: var(--brand-green);

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

    font-size: 32px;
    color: var(--white);

    flex-shrink: 0;
}

.emergency-phone small {

    display: block;

    font-size: .8rem;

    letter-spacing: .12em;

    color: #bddc8f;

    font-weight: 700;
}

.emergency-phone .phone {

    font-size: 2rem;

    font-weight: 800;

    line-height: 1.1;
}

.emergency-phone .phone a {
    color: var(--white);
    text-decoration: none;
}

.emergency-phone span {

    display: block;

    opacity: .8;

    font-size: .9rem;
}

.emergency-actions {

    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.emergency-actions .btn {

    min-width: 250px;

    height: 58px;

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

    border-radius: 10px;

    font-weight: 700;

    transition: .25s;
}

.btn-report {

    background: var(--ui-success);
    color: var(--white);
}

.btn-report:hover {

    background: var(--ui-success-hover);
    color: var(--white);
}

.btn-contact {

    background: var(--white);
    color: var(--ui-primary);
}

.btn-contact:hover {

    background: #eef3f8;
    color: var(--ui-primary);
}

@media (max-width:991px) {

    .emergency-wrapper {

        flex-direction: column;
        align-items: stretch;
    }

    .emergency-actions {

        width: 100%;
        flex-direction: column;
    }

    .emergency-actions .btn {

        width: 100%;
        min-width: 0;
    }

    .emergency-phone {

        align-items: flex-start;
    }

    .emergency-phone .phone {

        font-size: 1.75rem;
    }
}

/* ==========================================================
   Superfish Desktop Navigation
========================================================== */

#block-mior-fonavigacio {
    margin-left: auto;
}

#superfish-main {

    display: flex;
    align-items: center;
    gap: 0;

    margin: 0;
    padding: 0;

    list-style: none;

    background: none;
}

/* ----------------------------------------------------------
   1. szint
---------------------------------------------------------- */

#superfish-main>li {

    position: relative;
}

#superfish-main>li>a {

    display: flex;
    align-items: center;
    gap: .45rem;

    height: 78px;

    padding: 0 1.35rem;

    font-size: 1rem;
    font-weight: 600;

    color: var(--ui-primary);

    text-decoration: none;

    transition: .25s;

    position: relative;
}

/* alsó animált csík */

#superfish-main>li>a::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 0;
    height: 3px;

    background: var(--ui-success);

    transition: .25s;

    transform: translateX(-50%);
}

#superfish-main>li:hover>a,
#superfish-main>li.sfHover>a,
#superfish-main>li.active-trail>a {

    color: var(--ui-success);
    background: transparent;
}

#superfish-main>li:hover>a::after,
#superfish-main>li.sfHover>a::after {

    width: 70%;
}


#superfish-main>li.active-trail>a::after {

    width: 0;
}

/* ----------------------------------------------------------
   Superfish nyíl
---------------------------------------------------------- */

.sf-sub-indicator {

    display: none;
}

.menuparent>a::before {

    content: "";

    width: 7px;
    height: 7px;

    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;

    transform: rotate(45deg);

    transition: .25s;
}

.menuparent.sfHover>a::before {

    transform: rotate(-135deg);
}

/* ----------------------------------------------------------
   Lenyíló menü
---------------------------------------------------------- */

#superfish-main ul {
    min-width: 290px;
    margin: 0;
    padding: 12px 0;
    border: none;
    border-radius: 16px;
    background: var(--white);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
    overflow: hidden;
    top:78px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#superfish-main ul li {

    width: 100%;
}

#superfish-main ul a {

    display: block;

    padding: 14px 24px;

    color: var(--ui-primary);

    font-weight: 500;

    text-decoration: none;

    transition: .2s;
}

#superfish-main ul a:hover {

    background: var(--ui-background);

    color: var(--ui-success);

    padding-left: 30px;
}

/* ----------------------------------------------------------
   Active
---------------------------------------------------------- */

#superfish-main .is-active {

    color: var(--ui-primary);
}

#superfish-main>li.active-trail>a {

    color: var(--ui-success);
}

ul.sf-menu.sf-style-default li:hover,
ul.sf-menu.sf-style-default li.sfHover,
ul.sf-menu.sf-style-default a.is-active,
ul.sf-menu.sf-style-default a:focus,
ul.sf-menu.sf-style-default a:hover,
ul.sf-menu.sf-style-default span.nolink:hover {
    background: transparent;
    outline: 0;
}

ul.sf-menu.sf-style-default li li,
ul.sf-menu.sf-style-default.sf-navbar>li>ul {
    background: transparent;
}

/* ----------------------------------------------------------
   Shadow kikapcsolása
---------------------------------------------------------- */

.sf-shadow ul {

    background-image: none !important;
}

/* ----------------------------------------------------------
   Focus (WCAG)
---------------------------------------------------------- */

#superfish-main a:focus-visible {

    outline: 3px solid #0F62FE;

    outline-offset: -3px;
}

header {

    background: var(--white);
    position: relative;

    z-index: 100;

    box-shadow: 0 4px 25px rgba(0, 0, 0, .05);
}

/*==========================================================
Hero
==========================================================*/

.highlighted aside.container {
    padding: 0;
}

.hero {

    position: relative;

    overflow: hidden;

    min-height: 620px;

    display: flex;
    align-items: center;

    background: #081b33;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}


/* háttérkép */

.hero-image {

    position: absolute;

    inset: 0;

    z-index: 1;
}

.hero-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* sötét átmenet */

.hero-overlay {

    position: absolute;

    inset: 0;

    z-index: 2;

    background:

        linear-gradient(90deg,
            rgba(7, 23, 44, .92) 0%,
            rgba(7, 23, 44, .88) 22%,
            rgba(7, 23, 44, .55) 42%,
            rgba(7, 23, 44, .10) 68%,
            rgba(7, 23, 44, 0) 100%);
}


/* tartalom */

.hero .container {

    position: relative;

    z-index: 5;
}

.hero-eyebrow {
    display: inline-flex;
    align-items: center;

    margin-bottom: 1.5rem;
    padding: .55rem 1rem;

    background: rgba(116, 183, 46, .18);
    border: 1px solid rgba(116, 183, 46, .35);
    border-radius: 999px;

    color: #d8f1b8;

    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hero-content {

    max-width: 560px;
    padding-left: 20px;
    color: var(--white);
}

.hero h1 {

    font-size: 4.4rem;

    font-weight: 800;

    line-height: 1.05;

    margin-bottom: 35px;
}

.hero p {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, .88);
    max-width: 460px;
}

.hero span {

    font-size: 1.2rem;

    line-height: 1.8;

    margin-bottom: 40px;

    font-weight: bold;
}


/* gomb */

.hero .btn {

    padding: 16px 34px;

    border-radius: 10px;

    font-size: 1rem;

    font-weight: 700;

    /* background: var(--ui-success); */

    border: none;
}

/* .hero .btn:hover {

    background: var(--ui-success-hover);
} */


/*==========================================================
Responsive
==========================================================*/

@media (max-width:991px) {

    .hero {

        min-height: 540px;

        padding: 80px 0;
    }

    .hero h1 {

        font-size: 3rem;
    }

}

@media (max-width:575px) {

    .hero {

        min-height: 480px;
    }

    .hero h1 {

        font-size: 2.4rem;
    }

    .hero p {

        font-size: 1rem;
    }

}

/*==========================================================
Service shortcuts
==========================================================*/

.service-shortcuts {

    background: transparent;
}

.section-title {

    font-size: 2rem;
    font-weight: 800;
    color: var(--ui-primary);
}

.section-link {

    color: var(--ui-primary);
    text-decoration: none;

    font-weight: 600;

    display: flex;
    align-items: center;
    gap: .5rem;

    transition: .25s;
}

.section-link:hover {

    color: var(--ui-success);
}


/*----------------------------------------*/

.service-card {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    text-align: center;

    text-decoration: none;

    background: var(--white);

    border: 1px solid var(--ui-border);

    border-radius: 18px;

    padding: 45px 30px;

    height: 100%;

    transition: .3s;

    color: #1d2d3b;

    position: relative;

    overflow: hidden;
}

.service-card::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 4px;

    background: var(--ui-success);

    transform: scaleX(0);

    transition: .3s;
}

.service-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);

    border-color: var(--ui-success);

    color: inherit;
}

.service-card:hover::before {

    transform: scaleX(1);
}


/*----------------------------------------*/

.service-icon {

    font-size: 3rem;

    color: var(--brand-green);

    margin-bottom: 30px;

    transition: .3s;
}

.service-card:hover .service-icon {

    transform: scale(1.08);
}


/*----------------------------------------*/

.service-card h3 {

    font-size: 1.45rem;

    font-weight: 700;

    margin-bottom: 18px;

    color: var(--ui-primary);
}

.service-card p {

    color: var(--ui-text-light);

    line-height: 1.7;

    flex-grow: 1;

    margin-bottom: 35px;
}


/*----------------------------------------*/

.service-arrow {

    width: 52px;
    height: 52px;

    border-radius: 50%;

    border: 2px solid var(--brand-green);

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--ui-success);

    transition: .25s;
}

.service-card:hover .service-arrow {

    background: var(--ui-success);

    color: var(--white);
}


/*----------------------------------------*/

@media(max-width:991px) {

    .service-card {

        padding: 35px 25px;
    }

    .service-card h3 {

        font-size: 1.25rem;
    }

}

/*==========================================================
MIÖR videó
==========================================================*/

.mior-video {

    background: transparent;
}

.video-box {

    overflow: hidden;

    border-radius: 22px;

    background: var(--ui-primary);

    box-shadow: 0 15px 45px rgba(0, 0, 0, .08);
}

/*------------------------------------------------*/

.video-content {

    height: 100%;

    padding: 55px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    color: var(--white);
}

.video-label {

    display: inline-block;

    color: #8fd04c;

    font-size: .85rem;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;

    margin-bottom: 18px;
}

.video-content h2 {

    font-size: 2.2rem;

    font-weight: 800;

    margin-bottom: 24px;
}

.video-content p {

    color: rgba(255, 255, 255, .85);

    line-height: 1.8;

    margin-bottom: 35px;
}

/*------------------------------------------------*/

.btn-video {

    align-self: flex-start;

    display: flex;

    align-items: center;

    gap: .75rem;

    padding: 15px 28px;

    border-radius: 10px;

    background: var(--ui-success);

    color: var(--white);

    font-weight: 700;

    text-decoration: none;

    transition: .25s;
}

.btn-video:hover {

    background: var(--ui-success-hover);

    color: var(--white);
}

.btn-video i {

    font-size: 1.3rem;
}

/*------------------------------------------------*/

.video-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    min-height: 420px;

    background: #000;
}

.video-wrapper iframe {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}

/*------------------------------------------------*/

@media(max-width:991px) {

    .video-content {

        padding: 40px 30px;
    }

    .video-wrapper {

        min-height: 280px;
    }

}

.partner-card {

    display: flex;

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

    background: #fff;

    border: 1px solid var(--ui-border);

    border-radius: var(--radius-lg);

    min-height: 220px;

    transition: var(--transition);

    position: relative;

    overflow: hidden;

}

.partner-card:hover {

    transform: translateY(-5px);

    box-shadow: var(--shadow-md);

}

.partner-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: var(--brand-green);

    transform: scaleX(0);

    transition: var(--transition);

}

.partner-card:hover::before {

    transform: scaleX(1);

}

.partner-card img {

    max-width: 250px;

    max-height: 140px;

    width: auto;
    height: auto;

    transition: var(--transition);

}

.partner-card:hover img {

    transform: scale(1.05);

}

/*==========================================================
Section heading
==========================================================*/

.section-heading {

    max-width: 760px;

    margin: 0 auto 3.5rem;

    text-align: center;
}

.section-label {

    display: inline-flex;

    align-items: center;

    gap: .5rem;

    margin-bottom: 1rem;

    padding: .45rem 1rem;

    border-radius: 50px;

    background: rgba(118, 183, 41, .12);

    color: var(--ui-success);

    font-size: .875rem;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}

.node--type-article .views-field.views-field-field-cikk-galeria img {
    width: 100%;
    height: auto;
}

.section-label::before {

    content: "";

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: var(--brand-green);
}

.section-heading h2 {

    margin: 0 0 1.25rem;

    font-size: clamp(2.2rem, 3vw, 3rem);

    font-weight: 800;

    line-height: 1.15;

    color: var(--ui-primary);
}

.section-heading p {

    margin: 0 auto;

    max-width: 700px;

    font-size: 1.15rem;

    line-height: 1.8;

    color: var(--ui-text-light);
}

/*==========================================================
Footer
==========================================================*/

.site-footer {
    background: var(--ui-primary);
}

.site-footer .block {
    border: none;
    padding: 0;
    margin: 0;
}

.footer-logo img {
    max-width: 200px;
    height: auto;
}

footer.site-footer section p {
    color: var(--white);
}

/*==========================================================
Footer - Defibrillátor
==========================================================*/

.footer-defibrillator {

    display: flex;

    align-items: flex-start;

    gap: 24px;

    padding: 28px;

    background: rgba(255, 255, 255, .05);

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: var(--radius-lg);

    backdrop-filter: blur(8px);

    transition: var(--transition);
    flex-direction: column;
}

.footer-defibrillator:hover {

    background: rgba(255, 255, 255, .08);

    transform: translateY(-3px);
}

/*------------------------------------*/

.defi-icon {

    width: 74px;
    height: 74px;

    flex-shrink: 0;

    border-radius: 50%;

    background: var(--brand-green);

    display: flex;

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

    color: var(--white);

    font-size: 2rem;

    box-shadow: 0 10px 20px rgba(118, 183, 41, .25);
}

/*------------------------------------*/

.defi-label {

    display: inline-block;

    margin-bottom: 10px;

    color: #B8D98A;

    font-size: .8rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .08em;
}

.defi-content h3 {

    margin-bottom: 14px;

    font-size: 1.5rem;

    font-weight: 700;

    color: var(--white);
}

.defi-content p {

    margin-bottom: 22px;

    line-height: 1.7;

    color: rgba(255, 255, 255, .75);
}

/*------------------------------------*/

.defi-phone {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 22px;

    font-size: 1.2rem;

    font-weight: 700;
}

.defi-phone i {

    color: var(--brand-green);

    font-size: 1.25rem;
}

.defi-phone a {

    color: var(--white);

    text-decoration: none;

    transition: var(--transition);
}

.defi-phone a:hover {

    color: var(--brand-green);
}

/*------------------------------------*/

.defi-logo img {

    width: 130px;

    height: auto;

    display: block;
}

/*------------------------------------*/

@media(max-width:767px) {

    .footer-defibrillator {

        flex-direction: column;

        align-items: center;

        text-align: center;
    }

    .defi-phone {

        justify-content: center;
    }

}

/*==========================================================
Footer
==========================================================*/

.site-footer {

    background: var(--ui-primary);

    color: rgba(255, 255, 255, .85);

    margin-top: 6rem;

    padding: 4rem 0 1rem;

}

.site-footer a {

    color: rgba(255, 255, 255, .85);

    text-decoration: none;

    transition: var(--transition);

}

.site-footer a:hover {

    color: var(--brand-green);

}

/*----------------------------------------------------------
Grid
----------------------------------------------------------*/

.site-footer .region-footer-first {

    display: grid;

    grid-template-columns:
        1.35fr .9fr .9fr 1.25fr;

    gap: 3rem;

    align-items: start;
    width: 100%;
}

/*==========================================================
Első blokk
==========================================================*/

.footer-logo {

    margin-bottom: 2rem;

}

.footer-logo img {

    width: 220px;

    height: auto;

}

#block-mior-lablec-2 p {

    margin-bottom: 1rem;

    line-height: 1.8;

}

#block-mior-lablec-2 lead {
    display: block;
    margin: 2rem 0 1rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
}

/*==========================================================
Menük
==========================================================*/

.site-footer nav h2 {

    margin-bottom: 1.5rem;

    padding-bottom: .75rem;

    border-bottom: 1px solid rgba(255, 255, 255, .15);

    color: var(--white);

    font-size: 1.2rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .04em;

}

.site-footer ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.site-footer li {

    margin-bottom: .8rem;

}

.site-footer .nav {

    display: flex;

    flex-direction: column !important;

}

.site-footer .nav-link {

    display: inline-block;

    padding: 0;

    color: rgba(255, 255, 255, .85);

    transition: var(--transition);

}

.site-footer .nav-link:hover {

    color: var(--brand-green);

    transform: translateX(4px);

}



/*==========================================================
Responsive
==========================================================*/

@media(max-width:1200px) {

    .site-footer .region-footer-first {

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

    }

}

@media(max-width:768px) {

    .site-footer .region-footer-first {

        grid-template-columns: 1fr;

    }

}

/* Logó */
.footer-logo {
    margin-bottom: 2.25rem;
}

.footer-logo img {
    width: 240px;
    height: auto;
}

/* Szervezet neve */
h2.footer-org-name {
    margin-bottom: 1.5rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Jelmondat */
.footer-tagline {

    margin-bottom: 2.5rem;

    font-size: 16px;
    line-height: 1.8;

    color: rgba(255, 255, 255, .88);

    max-width: 28ch;
}

/* Elérhetőségek cím */
.footer-title {

    display: block;

    margin: 0 0 1.5rem;

    font-size: 1.35rem;
    font-weight: 700;

    color: var(--white);
}

/* Elérhetőségek */
.footer-contact p {

    margin-bottom: 1rem;

    line-height: 1.8;

    color: rgba(255, 255, 255, .88);
}

.footer-contact strong {

    color: var(--white);
    font-weight: 700;
}

div#block-mior-copyright {
    display: flex;
    justify-content: flex-end;
}

.news-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid #e7edf5;
    transition: .25s ease;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
    margin-bottom: 20px;
}

.news-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .12);
}

.news-card-image {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.news-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s;
}

.news-card:hover .news-card-image img {
    transform: scale(1.05);
}

.news-category {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: .4rem .8rem;
    background: #005baa;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    border-radius: 100px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.news-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.5rem;
}

.news-meta {
    color: #7b8794;
    font-size: .875rem;
    margin-bottom: .75rem;
}

.news-title {
    font-size: 1.35rem;
    line-height: 1.35;
    margin-bottom: 1rem;
}

.news-title a {
    color: #1d3557;
    text-decoration: none;
}

.news-title a:hover {
    color: #005baa;
}

.news-excerpt {
    color: #5b6777;
    line-height: 1.7;
    margin-bottom: 1.5rem;

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

    overflow: hidden;
}

.news-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #005baa;
    font-weight: 600;
    text-decoration: none;
}

.news-link i {
    transition: .25s;
}

.news-link:hover i {
    transform: translateX(4px);
}

/*==================================================
MIŐR Dokumentumok
==================================================*/

.mior-documents {

    /* padding:70px 0 90px; */
}

.mior-documents .section-label,
.node--type-article .views-field.views-field-views-conditional-field {

    display: inline-block;

    margin-bottom: 18px;

    color: var(--brand-green);

    font-size: .85rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .12em;
}

.mior-documents .section-intro {

    /* max-width:760px; */

    margin-bottom: 55px;

    font-size: 1.2rem;

    line-height: 1.8;

    color: var(--ui-text-light);
}

/*------------------------------------*/

.document-list {

    display: flex;

    flex-direction: column;

    gap: 18px;
}

/*------------------------------------*/

.document-card {

    display: flex;

    align-items: center;

    gap: 28px;

    padding: 24px 30px;

    border: 1px solid var(--ui-border);

    border-radius: 18px;

    background: #fff;

    text-decoration: none;

    transition: .25s;
}

.document-card:hover {

    border-color: var(--brand-green);

    box-shadow: 0 14px 35px rgba(0, 0, 0, .08);

    transform: translateY(-3px);
}

/*------------------------------------*/

.document-card__icon {

    width: 62px;
    height: 62px;

    border-radius: 16px;

    background: #eef7e4;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-shrink: 0;

    color: var(--brand-green);

    font-size: 1.8rem;
}

/*------------------------------------*/

.document-card__content {

    flex: 1;
}

.document-card__content h3 {

    margin: 0 0 6px;

    font-size: 1.35rem;

    font-weight: 700;

    color: var(--ui-text);
}

.document-card__content p {

    margin: 0;

    color: var(--ui-text-light);

    line-height: 1.6;
}

/*------------------------------------*/

.document-card__action {

    width: 46px;
    height: 46px;

    border-radius: 50%;

    border: 2px solid var(--ui-border);

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--ui-text-light);

    transition: .25s;

    flex-shrink: 0;
}

.document-card:hover .document-card__action {

    background: var(--brand-green);

    border-color: var(--brand-green);

    color: #fff;
}

/*------------------------------------*/

.document-source {

    margin-top: 40px;

    padding-top: 30px;

    border-top: 1px solid var(--ui-border);

    color: var(--ui-text-light);
}

.document-source i {

    color: var(--brand-green);

    margin-right: 8px;
}

.document-source a {

    color: var(--ui-primary);

    font-weight: 600;

    text-decoration: none;
}

.document-source a:hover {

    text-decoration: underline;
}

/*==========================================================
Breadcrumb
==========================================================*/

nav[aria-label="breadcrumb"] {

    margin: 2rem 0;
}

nav[aria-label="breadcrumb"] .breadcrumb {

    display: flex;
    flex-wrap: wrap;
    align-items: center;

    margin: 0;
    padding: .75rem 1.25rem;

    background: #f7f9fc;

    border: 1px solid var(--ui-border);

    border-radius: 999px;

    width: fit-content;
}

ol.breadcrumb li:first-child a::before {
    display: none;
}

nav[aria-label="breadcrumb"] .breadcrumb-item {

    display: flex;
    align-items: center;

    font-size: .95rem;
    font-weight: 500;
}

nav[aria-label="breadcrumb"] .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #9aa8b6;
    border-right: 2px solid #9aa8b6;
    transform: rotate(45deg);
    margin: 0 10px 0 0;
    position: relative;
    top: 1px;
}

nav[aria-label="breadcrumb"] .breadcrumb-item a {

    color: var(--ui-text-light);

    text-decoration: none;

    transition: .25s;
}

nav[aria-label="breadcrumb"] .breadcrumb-item a:hover {

    color: var(--ui-primary);
}

nav[aria-label="breadcrumb"] .breadcrumb-item.active {

    color: var(--ui-text);

    font-weight: 700;
}

/*=========================================================
Oldal bevezető
=========================================================*/

.page-intro {

    margin: 2rem 0 3rem;
}

.page-intro__badge {

    display: inline-flex;

    padding: .55rem 1rem;

    border-radius: 999px;

    background: #edf6e6;

    color: var(--ui-success);

    font-size: .82rem;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;
}

.page-intro__lead {

    margin: 1.5rem 0 2rem;

    /* max-width:900px; */

    font-size: 1.25rem;

    line-height: 1.8;

    color: #5d6b7d;
}

/*==========================================================
Kapcsolat CTA
==========================================================*/

.page-help-card {

    display: flex;

    align-items: center;

    gap: 2.5rem;

    padding: 2rem 2.5rem;

    margin: 3rem 0 4rem;

    background: linear-gradient(135deg,
            #f8fbff 0%,
            #eef4fa 100%);

    border: 1px solid #d9e4ef;

    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(15, 39, 71, .06);
}

/*----------------------------------------*/

.page-help-card__icon {

    width: 88px;
    height: 88px;

    flex-shrink: 0;

    border-radius: 50%;

    background: var(--brand-green);

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 2rem;

    box-shadow: 0 15px 35px rgba(118, 183, 41, .25);
}

/*----------------------------------------*/

.page-help-card__content {

    flex: 1;
}

.page-help-card__label {

    display: inline-block;

    margin-bottom: .75rem;

    padding: .35rem .9rem;

    border-radius: 999px;

    background: #edf6e6;

    color: var(--ui-success);

    font-size: .78rem;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;
}

.page-help-card__content h2 {

    margin: 0 0 .8rem;

    font-size: 1.8rem;

    font-weight: 800;

    color: var(--brand-blue);
}

.page-help-card__content p {

    margin: 0;

    max-width: 680px;

    color: #5f6f82;

    font-size: 1.05rem;

    line-height: 1.8;
}

/*==========================================================
Kapcsolat CTA
==========================================================*/

.page-help-card {

    display: flex;

    align-items: center;

    gap: 2.5rem;

    padding: 2rem 2.5rem;

    margin: 3rem 0 4rem;

    background: linear-gradient(135deg,
            #f8fbff 0%,
            #eef4fa 100%);

    border: 1px solid #d9e4ef;

    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(15, 39, 71, .06);
}

/*----------------------------------------*/

.page-help-card__icon {

    width: 88px;
    height: 88px;

    flex-shrink: 0;

    border-radius: 50%;

    background: var(--brand-green);

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 2rem;

    box-shadow: 0 15px 35px rgba(118, 183, 41, .25);
}

/*----------------------------------------*/

.page-help-card__content {

    flex: 1;
}

.page-help-card__label {

    display: inline-block;

    margin-bottom: .75rem;

    padding: .35rem .9rem;

    border-radius: 999px;

    background: #edf6e6;

    color: var(--ui-success);

    font-size: .78rem;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;
}

.page-help-card__content h2 {

    margin: 0 0 .8rem;

    font-size: 1.8rem;

    font-weight: 800;

    color: var(--brand-blue);
}

.page-help-card__content p {

    margin: 0;

    max-width: 680px;

    color: #5f6f82;

    font-size: 1.05rem;

    line-height: 1.8;
}

/*----------------------------------------*/

.page-help-card__action {

    text-align: right;

    flex-shrink: 0;
}

.page-help-card__phone {

    display: block;

    text-decoration: none;

    color: var(--brand-blue);

    font-size: 2rem;

    font-weight: 800;

    transition: .25s;
}

.page-help-card__phone:hover {

    color: var(--ui-success);
}

.page-help-card__action small {

    display: block;

    margin-top: .35rem;

    color: #7d8b9b;

    font-size: .9rem;
}

/*=========================================================
Table
=========================================================*/

.table {

    margin: 0;
}

.table thead th {

    background: #203a61;

    color: #fff;

    border: none;

    padding: 18px 20px;

    font-size: .85rem;

    letter-spacing: .05em;

    text-transform: uppercase;

    font-weight: 700;
}

.table tbody td {

    padding: 18px 20px;

    border-color: #edf2f7;

    vertical-align: middle;
}

.table tbody tr:nth-child(even) {

    background: #f8fafc;
}

.table tbody tr {

    transition: .25s;
}

.table tbody tr:hover {

    background: #eef6ea;
}

/*=========================================================
Kapcsolódó információk
=========================================================*/

.related-links {

    margin-top: 4rem;
}

.related-links h2 {

    font-size: 2rem;

    margin-bottom: 2rem;

    font-weight: 800;

    color: var(--brand-blue);
}

.related-card {

    display: flex;

    align-items: center;

    gap: 1.5rem;

    padding: 1.4rem;

    margin-bottom: 1rem;

    border: 1px solid #dfe7ef;

    border-radius: 18px;

    background: #fff;

    text-decoration: none;

    transition: .25s;
}

.related-card:hover {

    transform: translateY(-3px);

    border-color: var(--ui-success);

    box-shadow: 0 14px 30px rgba(0, 0, 0, .08);
}

.related-icon {

    width: 58px;

    height: 58px;

    border-radius: 16px;

    background: #edf6e6;

    color: var(--ui-success);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    font-size: 1.6rem;
}

.related-content {

    flex: 1;
}

.related-content h3 {

    margin: 0 0 .35rem;

    font-size: 1.15rem;

    font-weight: 700;

    color: var(--brand-blue);
}

.related-content p {

    margin: 0;

    color: #667487;
}

.related-card>.bi {

    font-size: 1.6rem;

    color: #a4b4c6;

    transition: .25s;
}

.related-card:hover>.bi {

    color: var(--ui-success);

    transform: translateX(4px);
}

.field.field--name-field-archiv-tartalom.field--type-boolean.field--label-hidden.field__item {
    display: none;
}

/*==========================================================
MIÖR számokban
==========================================================*/

.mior-stats {

    margin: 4rem 0;
}

.stats-wrapper {

    display: flex;

    justify-content: space-between;

    align-items: center;

    background: #fff;

    border: 1px solid #dfe8f1;

    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(15, 39, 71, .06);
}

/*------------------------------------------------*/

.stat-item {

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 1rem;

    padding: 2rem 1.5rem;

    position: relative;

    transition: .25s;
}

.stat-item:not(.stat-item-last)::after {

    content: "";

    position: absolute;

    right: 0;

    top: 25%;

    width: 1px;

    height: 50%;

    background: #e6edf4;
}

.stat-item:hover {

    background: #f8fbfd;
}

/*------------------------------------------------*/

.stat-icon {

    width: 58px;

    height: 58px;

    border-radius: 50%;

    background: #edf6e6;

    color: var(--ui-success);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.6rem;

    flex-shrink: 0;

    transition: .25s;
}

.stat-item:hover .stat-icon {

    background: var(--brand-green);

    color: #fff;

    transform: scale(1.08);
}

/*------------------------------------------------*/

.stat-content {

    display: flex;

    flex-direction: column;
}

.stat-number {

    font-size: 2rem;

    font-weight: 800;

    line-height: 1;

    color: var(--brand-blue);
}

.stat-label {

    margin-top: .35rem;

    font-size: .9rem;

    color: #667487;

    white-space: nowrap;
}

/*------------------------------------------------*/

@media(max-width:991px) {

    .stats-wrapper {

        flex-wrap: wrap;
    }

    .stat-item {

        flex: 0 0 50%;
    }

    .stat-item::after {

        display: none;
    }

}

@media(max-width:576px) {

    .stat-item {

        flex: 0 0 100%;
    }

}

.views-field-views-conditional-field time {

    padding: .55rem 1.15rem;

    border-radius: 999px;

    background: #edf6e6;

    color: var(--brand-green);

    font-size: .9rem;

    font-weight: 700;

    letter-spacing: .04em;

    text-transform: none;
    border: 1px solid #6AB02250;
}

/* ==========================================================
   Hír galéria
   ========================================================== */

.view-galeria-hirek {
    position: sticky;
    top: 120px;
}

.view-galeria-hirek .view-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.view-galeria-hirek .views-row {
    margin: 0;
}

.view-galeria-hirek .news-gallery {
    display: block;
}

.view-galeria-hirek .news-gallery a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(25, 45, 70, .10);
    transition: all .25s ease;
}

.view-galeria-hirek .news-gallery a:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(25, 45, 70, .16);
}

.view-galeria-hirek .news-gallery img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform .4s ease;
}

.view-galeria-hirek .news-gallery a:hover img {
    transform: scale(1.06);
}

/* nagyító ikon */

.view-galeria-hirek .news-gallery a::after {
    content: "⌕";
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    color: #2d3e50;
    font-size: 20px;
    opacity: 0;
    transform: translateY(-8px);
    transition: .25s;
    backdrop-filter: blur(4px);
}

.view-galeria-hirek .news-gallery a:hover::after {
    opacity: 1;
    transform: none;
}

/* ha csak egy kép van */

.view-galeria-hirek .view-content:has(.views-row:only-child) img {
    aspect-ratio: 16/10;
}

.news-media-header {
    margin-bottom: 1.75rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e7eef5;
}

.news-media-label {
    display: inline-block;
    margin-bottom: .9rem;
    padding: .45rem 1rem;
    background: #eef7e4;
    color: #6ab023;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    border: 1px solid #6AB02250;
}

.news-media-header h3 {
    margin: 0 0 .6rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #24364b;
}

.news-media-header p {
    margin: 0;
    color: #6c7a89;
    font-size: .95rem;
    line-height: 1.6;
}

/* .sidebar .block {
    background: rgba(255, 255, 255, .75);

    backdrop-filter: blur(14px);

    -webkit-backdrop-filter: blur(14px);

    border: 1px solid rgba(255, 255, 255, .55);

    box-shadow:

        inset 0 1px 0 rgba(255, 255, 255, .8),

        0 12px 35px rgba(18, 38, 63, .08);

    border-radius: 10px;
} */

.sidebar .block {
    background: transparent;
    padding: 0;
    border: none;
}

.news-gallery img {
    width: 100%;
    max-height: 280px;
    object-fit: contain;

    object-position: top center;
    background: #f7f9fb;
    border-radius: 16px;
}

#block-mior-views-block-galeria-hirek-block-1 {
    background: rgba(255, 255, 255, .75);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, .55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8),

        0 12px 35px rgba(18, 38, 63, .08);
    border-radius: 10px;
    padding: 20px;
}

ul#superfish-main li,
ul#superfish-main li.active-trail {
    background: transparent !important;
}

ul#superfish-main li.active-trail {
    background: #3d6f1e05 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 1px solid #dae1e830;
    border-left: 1px solid #dae1e830;
    border-right: 1px solid #dae1e830;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#page {
    background: rgb(218, 225, 232);
}

#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
    background: transparent;
}

main#content {
    background: white;
    border-radius: 10px;
    padding: 50px 30px 80px 30px;
    margin: 0;
}

.path-frontpage div#main-wrapper {
    background: white;
    border-radius: 0;
    padding: 20px 50px;
}

.field--name-field-forras {
    display: flex;
    align-items: center;
    gap: .5rem;

    margin-top: 3rem;
    padding-top: 2rem;

    border-top: 1px solid #dfe8f2;

    font-size: 1rem;
}

.field--name-field-forras::before {

    content: "\f431";

    font-family: "bootstrap-icons";

    font-size: 18px;

    color: #74b72e;

    display: inline-block;

    line-height: 1;

}

.field--name-field-forras::after {
    content: "Forrás:";
    order: 1;

    font-weight: 600;
    color: #6b778c;
}

.field--name-field-forras a {
    order: 2;

    color: #24364d;
    font-weight: 700;
    text-decoration: none;
    transition: .25s;
}

.field--name-field-forras a:hover {
    color: #74b72e;
}


.node__content blockquote {
    margin: 2rem 0;
    padding: 1rem 1.5rem;

    background: #f8fcf4;
    border-left: 4px solid #76b82a;
    border-radius: 0 10px 10px 0;
}

.node__content blockquote p {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 500;
    color: #2d3c52;
    line-height: 1.5;
}

.info-steps {
    display: grid;
    gap: 20px;
    margin: 40px 0;
}

.info-step {

    display: flex;
    align-items: flex-start;
    gap: 20px;

    padding: 24px;

    background: #fff;
    border: 1px solid #dfe8f2;
    border-radius: 18px;

    transition: .25s ease;

}

.info-step:hover {

    transform: translateY(-3px);

    border-color: #cfe4b4;

    box-shadow: 0 14px 36px rgba(25, 49, 81, .08);

}

.step-icon {

    width: 60px;
    height: 60px;

    flex-shrink: 0;

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

    border-radius: 16px;

    background: #eef7e6;

    color: #74b72e;

}

.step-icon i {

    font-size: 28px;

}

.step-content {

    flex: 1;

}

.step-content h3 {

    margin: 0 0 10px;

    font-size: 1.25rem;
    font-weight: 700;

    color: #26364d;

}

.step-content p {

    margin: 0;

    color: #617086;

    line-height: 1.7;

}

.step-number {
    width: 44px;
    height: 44px;

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

    border-radius: 50%;

    background: #eef7e6;
    color: #74b72e;

    font-weight: 700;
    font-size: 1.2rem;

    flex-shrink: 0;
}

.info-step {

    transition: .25s;

}

.info-step:hover {

    transform: translateX(6px);

    border-color: #bfd99a;

    box-shadow: 0 14px 35px rgba(30, 55, 90, .08);

}

.photo-credit {
    display: flex;
    align-items: center;
    gap: .5rem;

    margin-top: .7rem;
    padding: 0 .25rem;

    font-size: .875rem;
    color: #667085;
}

.photo-credit strong {
    color: #2d3b50;
    font-weight: 600;
}

.photo-credit .bi-camera-fill::before {
    color: var(--brand-green);
    font-size: 20px;
}

.test-camera {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    display: inline-block !important;

    color: red !important;
    font-size: 24px !important;

    margin-right: 8px;
}


/* --------------------------------------------------
   KIEMELT LAKOSSÁGI TÁJÉKOZTATÓ
---------------------------------------------------*/
.site-alert {

    background: #fff;
    border-left: 5px solid #76b82a;

    box-shadow:
        0 10px 35px rgba(22, 39, 67, .08);

    position: relative;

    z-index: 200;

}

.site-alert-content {

    display: flex;
    align-items: center;
    gap: 24px;

    padding: 24px 0;

}

.site-alert-icon {

    width: 64px;
    height: 64px;

    min-width: 64px;

    border-radius: 20px;

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

    background: #f2f8ea;

    color: #76b82a;

    font-size: 30px;

}

.site-alert-text {

    flex: 1;

}

.site-alert-badge {

    display: inline-flex;

    padding: 7px 16px;

    /* margin-bottom: 14px; */

    border-radius: 30px;

    font-size: .78rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .12em;

    background: #f5f9ef;

    color: #4b7f20;

}

.site-alert h2 {
    margin: 0 0 8px;
    font-size: 2rem;
    font-weight: 700;
    color: #24364d;
    padding: 20px 0;
    line-height: 1rem;
}

.site-alert p {

    margin: 0;

    /* max-width: 900px; */

    color: #5f6f84;

    line-height: 1.8;

}

.site-alert-close {

    width: 48px;
    height: 48px;

    border: none;

    border-radius: 50%;

    background: #f5f7fa;

    color: #7b8796;

    transition: .25s;

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

    font-size: 20px;

}

.site-alert-close:hover {

    background: #24364d;

    color: #fff;

}

@media (max-width:992px) {

    .site-alert-content {

        align-items: flex-start;

    }

    .site-alert-close {

        margin-left: auto;

    }

}

@media (max-width:768px) {

    .site-alert-content {

        flex-direction: column;
        align-items: flex-start;

        gap: 18px;

    }

    .site-alert h2 {

        font-size: 1.5rem;

    }

    .site-alert-icon {

        width: 56px;
        height: 56px;

        font-size: 26px;

    }

    .site-alert-close {

        position: absolute;

        right: 15px;
        top: 15px;

    }

}


.hero {
    position: relative;
    overflow: hidden;
}

.hero-slideshow {

    position: absolute;
    inset: 0;

}

.hero-slide {

    position: absolute;
    inset: 0;

    opacity: 0;

    transition: opacity 1.2s ease;

}

.hero-slide.active {

    opacity: 1;
    z-index: 1;

}

.hero-slide img {

    width: 100%;
    height: 100%;

    object-fit: cover;

}

.hero-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(90deg,
            rgba(18, 34, 54, .82) 0%,
            rgba(18, 34, 54, .65) 35%,
            rgba(18, 34, 54, .15) 70%,
            rgba(18, 34, 54, .05) 100%);
}

.district-officer {

    padding: 90px 0;

}

.officer-photo {

    background: #fff;

    border-radius: 24px;

    padding: 20px;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);

}

.officer-photo img {

    width: 100%;

    display: block;

}

.officer-header {

    margin-bottom: 40px;

}

.officer-header .eyebrow {

    display: inline-flex;

    padding: 8px 18px;

    border-radius: 50px;

    background: #edf7df;

    color: #5d9628;

    font-size: .85rem;

    font-weight: 700;

    letter-spacing: .15em;

    text-transform: uppercase;

    margin-bottom: 18px;

}

.officer-header h1 {

    font-size: 3rem;

    font-weight: 800;

    color: #24354c;

    margin-bottom: 10px;

}

.district {

    font-size: 1.3rem;

    color: #66768d;

    margin: 0;

}

.contact-grid {

    display: grid;

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

    gap: 20px;

    margin-bottom: 35px;

}

.contact-card {

    display: flex;

    align-items: center;

    gap: 18px;

    background: #fff;

    padding: 24px;

    border-radius: 20px;

    border: 1px solid #e8edf3;

    transition: .3s;

}

.contact-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);

}

.contact-card i {

    font-size: 28px;

    color: #67a72d;

}

.contact-card small {

    display: block;

    color: #8b98a9;

    margin-bottom: 4px;

}

.contact-card a {

    font-size: 1.25rem;

    font-weight: 700;

    color: #24354c;

    text-decoration: none;

}

.officer-message {

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 26px;

    background: #edf7df;

    border-left: 5px solid #67a72d;

    border-radius: 18px;

}

.officer-message i {

    font-size: 32px;

    color: #67a72d;

}

.officer-message p {

    margin: 0;

    font-size: 1.15rem;

}

.services {

    padding: 90px 0;

    background: #f7f9fc;

}

.services h2 {

    margin-bottom: 40px;

    font-size: 2.2rem;

    font-weight: 800;

}

.service-card {

    background: #fff;

    padding: 35px;

    border-radius: 20px;

    height: 100%;

    transition: .3s;

    border: 1px solid #e7edf4;

}

.service-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);

}

.service-card i {

    font-size: 42px;

    color: #67a72d;

    margin-bottom: 20px;

}

.service-card i.bi.bi-arrow-right {
    font-size: 20px;
    color: #67a72d;
    position: relative;
    top: 10px;
}

.service-card h3 {

    font-size: 1.25rem;

    margin-bottom: 15px;

    font-weight: 700;

}

.service-card p {
    margin: 0;
    color: #66768d;
    line-height: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.district-map {

    padding: 90px 0;

}

.map-placeholder {

    height: 420px;

    background: #eef2f6;

    border-radius: 24px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 2rem;

    color: #9aa7b8;

    margin-top: 30px;

}

.office-card {

    background: #24354c;

    color: #fff;

    padding: 35px;

    border-radius: 24px;

}

.office-card h3 {

    margin-bottom: 25px;

    font-size: 2rem;

}

.office-card ul {

    padding: 0;

    margin: 0 0 30px;

    list-style: none;

}

.office-card li {

    padding: 14px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .15);

    display: flex;

    justify-content: space-between;

}

.office-card strong {

    display: block;

}

.district-header {

    padding: 100px 0 70px;

    text-align: center;

}

.section-badge {

    display: inline-flex;

    padding: 8px 20px;

    border-radius: 50px;

    background: #edf7df;

    color: #67a72d;

    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.district-header h1 {

    font-size: 3.3rem;

    font-weight: 800;

    margin-bottom: 20px;

    color: #24354c;

}

.district-header p {

    max-width: 760px;

    margin: auto;

    font-size: 1.2rem;

    color: #66768d;

}

.district-search {

    padding-bottom: 70px;

}

.district-search .form-control,
.district-search .form-select {

    height: 60px;

    border-radius: 16px;

    border: none;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);

}

.district-list {

    padding-bottom: 100px;

}

.officer-card {

    display: flex;

    background: #fff;

    border-radius: 26px;

    overflow: hidden;

    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);

    height: 100%;

    transition: .35s;

}

.officer-card:hover {

    transform: translateY(-6px);

}

.officer-image {

    width: 220px;

    background: #f7f9fc;

    display: flex;

    align-items: flex-end;

    justify-content: center;

}

.officer-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.officer-body {

    padding: 35px;

    flex: 1;

    display: flex;

    flex-direction: column;

}

.district-number {

    display: inline-flex;

    align-self: flex-start;

    padding: 6px 16px;

    border-radius: 50px;

    background: #edf7df;

    color: #67a72d;

    font-size: .8rem;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.officer-body h2 {

    font-size: 2rem;

    font-weight: 800;

    color: #24354c;

    margin-bottom: 20px;

}

.officer-contact {

    margin-bottom: 30px;

}

.officer-contact div {

    margin-bottom: 12px;

    font-size: 1rem;

    color: #5d6b7d;

}

.officer-contact i {

    width: 24px;

    color: #67a72d;

    margin-right: 8px;

}

.officer-body .btn {

    margin-top: auto;

}

@media (max-width:992px) {

    .officer-card {

        flex-direction: column;

    }

    .officer-image {

        width: 100%;

        height: 320px;

    }

}

#alert-header,
#block-mior-kiemeltfigyelmeztetes {
    padding: 0;
}

#alert-header section.full-width {
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
}

#alert-header section.full-width .container {
    width: 100%;
    max-width: 100%;
}

.organization-badge {
    position: relative;
    padding: 40px 50px;
    background: #f6f9fc;
    overflow: hidden;
    border-radius: 30px;
}

.organization-badge::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at 90% 15%,
    rgba(118,190,33,.08),
    transparent 40%);

    pointer-events:none;

}

.badge-card{

    position:relative;

    background:#fff;

    border-radius:36px;

    padding:50px;

    text-align:center;

    box-shadow:
    0 30px 60px rgba(15,23,42,.08);

}

.badge-card::before{

    content:"";

    position:absolute;

    inset:20px;

    border:1px dashed rgba(118,190,33,.25);

    border-radius:26px;

}

.badge-card img{

    width:100%;

    max-width:260px;

    height:auto;

    position:relative;

    z-index:2;

}

.organization-content{

    position:relative;

    z-index:2;

}

.organization-content h2{

    font-size:2.4rem;

    font-weight:800;

    color:#24364c;

    /* margin:20px 0; */

    line-height:1.2;
    padding: 0;

}

.organization-content p{

    font-size:1.15rem;

    color:#5d6d81;

    line-height:1.9;

    max-width:760px;

}

.organization-features{

    display:flex;

    gap:24px;

    margin:45px 0;

    flex-wrap:wrap;

}

.feature{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    border-radius:20px;

    padding:18px 24px;

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

}

.feature i{

    width:56px;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:16px;

    background:#76be21;

    color:#fff;

    font-size:24px;

}

.feature strong{

    display:block;

    color:#24364c;

    margin-bottom:4px;

}

.feature span{

    color:#748397;

    font-size:.95rem;

}

.organization-buttons{

    display:flex;

    gap:16px;

    flex-wrap:wrap;

}

.section-badge{

    display:inline-flex;

    align-items:center;

    padding:10px 18px;

    border-radius:999px;

    background:#eef7e5;

    color:#5d9f15;

    font-size:.8rem;

    font-weight:700;

    letter-spacing:.18em;

}

@media (max-width:992px){

.organization-badge{

    padding:70px 0;

}

.badge-card{

    padding:35px;

}

.organization-content{

    text-align:center;

}

.organization-features{

    justify-content:center;

}

.organization-buttons{

    justify-content:center;

}

}

.organization-buttons{

    display:flex;
    gap:18px;
    margin-top:40px;
    flex-wrap:wrap;

}

.btn-mior-primary,
.btn-mior-secondary{

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

    min-height:56px;

    padding:0 30px;

    border-radius:16px;

    font-weight:700;

    font-size:1rem;

    text-decoration:none;

    transition:.25s ease;

}

.btn-mior-primary{

    background:#76be21;
    color:#fff;

    border:2px solid #76be21;

    box-shadow:
    0 12px 28px rgba(118,190,33,.28);

}

.btn-mior-primary:hover{

    background:#5fa217;
    border-color:#5fa217;
    color:#fff;

    transform:translateY(-2px);

}

.btn-mior-secondary{

    background:#fff;

    color:#24364c;

    border:2px solid #dbe5ef;

}

.btn-mior-secondary:hover{

    background:#f3f7fb;

    border-color:#76be21;

    color:#76be21;

}

.media-video{

    margin-top:28px;
    padding-top:24px;

    border-top:1px solid #e7edf5;

}

.media-video-header{

    margin-bottom:14px;

}

.media-video-badge{

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

    padding:6px 14px;

    border-radius:999px;

    background:#ffeaea;

    color:#d93025;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;

}
.media-video{

    position:relative;
    overflow:hidden;
    border-radius:18px;

}

.media-video img{

    display:block;
    width:100%;

}

.play-button{

    position:absolute;

    left:50%;
    top:50%;

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

    width:72px;
    height:72px;

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

    border-radius:50%;

    background:rgba(255,255,255,.92);

    box-shadow:0 12px 30px rgba(0,0,0,.25);

}

.play-button i{

    font-size:34px;
    color:#ff0000;

}

/* ==========================================================
   BUTTONS
========================================================== */

.btn{

    --btn-bg:#76be21;
    --btn-bg-hover:#5ea018;
    --btn-color:#fff;
    --btn-border:#76be21;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.65rem;

    min-height:56px;

    padding:.95rem 2rem;

    border:2px solid var(--btn-border);
    border-radius:16px;

    background:var(--btn-bg);
    color:var(--btn-color);

    font-size:1rem;
    font-weight:700;
    line-height:1;

    text-decoration:none;

    transition:
        background-color .25s,
        border-color .25s,
        color .25s,
        transform .2s,
        box-shadow .25s;

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

}

.btn:hover{

    transform:translateY(-2px);

    text-decoration:none;

}

.btn:active{

    transform:translateY(0);

}

.btn:focus-visible{

    outline:0;

    box-shadow:
        0 0 0 4px rgba(118,190,33,.18);

}

.btn-primary{

    --btn-bg:#76be21;
    --btn-border:#76be21;
    --btn-color:#243444;

}

.btn-primary:hover{

    --btn-bg:#5ea018;
    --btn-border:#5ea018;

    color:#fff;

}

.btn-secondary{

    --btn-bg:#fff;
    --btn-border:#d9e3ef;
    --btn-color:#24364c;

}

.btn-secondary:hover{

    --btn-bg:#f6f9fc;
    --btn-border:#76be21;
    --btn-color:#76be21;

}

.btn-outline{

    --btn-bg:transparent;
    --btn-border:#76be21;
    --btn-color:#76be21;

}

.btn-outline:hover{

    --btn-bg:#76be21;
    --btn-color:#fff;

}

.btn-sm{

    min-height:44px;

    padding:.7rem 1.25rem;

    border-radius:12px;

    font-size:.92rem;

}

.btn-lg{

    min-height:64px;

    padding:1.15rem 2.5rem;

    font-size:1.1rem;

}

.sidebar-emergency{

    padding:28px;

    background:#20395d;

    color:#fff;

    border-radius:24px;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

}

.sidebar-badge{

    display:inline-flex;

    padding:7px 16px;

    margin-bottom:18px;

    border-radius:999px;

    background:rgba(118,190,33,.15);

    border:1px solid rgba(118,190,33,.35);

    color:#9fda4b;

    font-size:.75rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.12em;

    width: fit-content;

}

.sidebar-emergency h3{

    margin-bottom:14px;

    color:#fff;

    font-size:1.6rem;

    font-weight:700;

}

.sidebar-emergency p{

    color:rgba(255,255,255,.75);

    margin-bottom:30px;

}

.sidebar-phone{

    display:flex;

    align-items:center;

    gap:18px;

    padding:22px;

    margin-bottom:26px;

    background:rgba(255,255,255,.06);

    border-radius:18px;

}

.phone-icon{

    width:64px;
    height:64px;

    flex:0 0 64px;

    border-radius:50%;

    background:#76be21;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:1.5rem;

}

.sidebar-phone small{

    display:block;

    color:#a7d85d;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:.12em;

    margin-bottom:4px;

}

.sidebar-phone a{

    display:block;
    font-size: 32px !important;
    color:#fff;



    font-weight:800;



    text-decoration:none;


    font-size:2.3rem;

    line-height:1.05;

    letter-spacing:-.03em;

    word-break:normal;

}

.sidebar-phone span{

    color:rgba(255,255,255,.75);

    font-size:.9rem;

}

.sidebar-actions{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.sidebar-actions .btn{

    justify-content:center;

}

.sidebar-links{
    background:#fff;
    border-radius:22px;
    padding:32px;
    box-shadow:0 20px 50px rgba(28,44,70,.08);
}

.sidebar-links .sidebar-badge{
    display:inline-block;
    padding:.45rem 1rem;
    border-radius:999px;
    background:#eef7df;
    color:#72be17;
    font-weight:700;
    font-size:.78rem;
    letter-spacing:.12em;
    margin-bottom:1rem;
}

.sidebar-links h3{
    font-size:2rem;
    margin-bottom:1.5rem;
    font-weight:700;
}

.sidebar-links ul{
    list-style:none;
    padding:0;
    margin:0;
}

.sidebar-links li+li{
    margin-top:.75rem;
}

.sidebar-links a{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 18px;
    text-decoration:none;
    border-radius:14px;
    color:#27364f;
    background:#f7f9fc;
    transition:.25s;
}

.sidebar-links a:hover{
    background:#eef7df;
    transform:translateX(4px);
}

.sidebar-links i{
    color:#72be17;
    font-size:1.2rem;
}

.section-badge{

    display:inline-block;
    padding:.55rem 1rem;
    border-radius:999px;

    background:#eef7df;

    color:#72be17;

    font-size:.78rem;
    font-weight:700;
    letter-spacing:.12em;

    margin-bottom:1rem;

}

.contact-card,
.opening-card{

    background:#fff;

    border:1px solid #e8edf5;

    border-radius:22px;

    padding:2rem;

    margin-bottom:2rem;

}

.contact-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:1.5rem;

    margin-top:2rem;

}

.contact-item{

    display:flex;

    gap:1rem;

}

.contact-item i{

    width:52px;
    height:52px;

    border-radius:14px;

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

    background:#eef7df;

    color:#72be17;

    font-size:1.3rem;

    flex-shrink:0;

}

.contact-item small{

    display:block;

    color:#6f7b91;

    margin-bottom:.35rem;

}

.contact-item strong{

    color:#24344d;

}

.opening-hours{

    width:100%;

    margin-top:1rem;

}

.opening-hours td{

    padding:14px 0;

    border-bottom:1px solid #eef1f5;
    background: white;

}

.opening-hours td:last-child{

    text-align:right;
    font-weight:700;

}

.green-number-card{

    display:flex;

    align-items:center;

    gap:1.5rem;

    background:#22395d;

    color:#fff;

    border-radius:22px;

    padding:2rem;

}

.green-number-card .icon{

    width:70px;
    height:70px;

    border-radius:50%;

    background:#7cc714;

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

    font-size:2rem;

}

.green-number-card small{

    color:#b8dd6b;

    letter-spacing:.12em;

    font-weight:700;

}

.green-number-card .phone{

    font-size:2rem;

    font-weight:800;

    line-height:1.1;

}

.green-number-card a{

    color:#fff;

    text-decoration:none;

}

.section-divider{

    margin:5rem 0;

}

/*--------------------------------------------------------------
# Jogszabály kategóriák
--------------------------------------------------------------*/

.regulation-categories{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    margin-top:3rem;
}

.regulation-card{
    display:flex;
    align-items:center;
    gap:1.5rem;

    padding:1.75rem;

    background:#fff;

    border:1px solid #d8e3f0;
    border-radius:22px;

    text-decoration:none;
    color:inherit;

    transition:all .25s ease;
}

.regulation-card:hover{

    transform:translateY(-4px);

    border-color:#72be17;

    box-shadow:
        0 20px 45px rgba(34,57,93,.08);

    text-decoration:none;
}

.regulation-card .icon{

    width:72px;
    height:72px;

    flex-shrink:0;

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

    background:#eef7df;

    border-radius:18px;

    color:#72be17;

    font-size:2rem;
}

.regulation-card .content{

    flex:1;
}

.regulation-card h3{

    margin:0 0 .45rem;

    font-size:2rem;
    font-weight:700;

    color:#27364f;
}

.regulation-card p{

    margin:0;

    color:#67768d;

    font-size:1rem;
    line-height:1.6;
}

.regulation-card .arrow{

    width:52px;
    height:52px;

    flex-shrink:0;

    border-radius:50%;

    border:1px solid #d8e3f0;

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

    color:#8ea1ba;

    font-size:1.2rem;

    transition:.25s;
}

.regulation-card:hover .arrow{

    color:#72be17;
    border-color:#72be17;

    transform:rotate(45deg);
}

.section-intro{

    max-width:850px;

    margin:1.5rem 0 3rem;

    font-size:1.35rem;
    line-height:1.8;

    color:#5d6d84;
}

/*--------------------------------------------------------------
# Jogszabály lista
--------------------------------------------------------------*/


.document-list{
    list-style:none;
    margin:0;
    padding:0;
    /* border-top:1px solid #dbe4ef; */
}

.document-list li{
    border-bottom:1px solid #dbe4ef;
}

.document-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    text-decoration: none;
    color: #24344d;
    transition: .25s;
    padding: 20px;
}

.document-list a:hover{

    color:#76be21;

}

.document-list a:focus-visible{

    outline:3px solid #76be21;
    outline-offset:6px;
    border-radius:6px;

}

.document-list .title{

    flex:1;

    font-size:1.05rem;
    line-height:1.7;

    font-weight:500;

}

.document-list .action{

    display:flex;
    align-items:center;
    gap:.5rem;

    color:#7d8ca3;

    white-space:nowrap;

    font-size:.95rem;

    transition:.25s;
}

.document-list a:hover .action{

    color:#76be21;

}

.document-list a:hover .action i{

    transform:translateX(3px);

}

.document-list .action i{

    transition:.25s;

}

@media (max-width:768px){

    .document-list a{

        flex-direction:column;
        gap:.75rem;

    }

    .document-list .action{

        font-size:.9rem;

    }

}

/*--------------------------------------------------------------
# Bemutatkozás blokk
--------------------------------------------------------------*/

.mior-about{

    padding:90px 0;

}

.mior-about .about-box{

    background:#ffffff;
    border-radius:32px;
    padding:60px;
    box-shadow:0 18px 50px rgba(23,39,67,.08);

}

.mior-about h2{

    font-size:3rem;
    font-weight:800;
    color:#243854;
    margin:24px 0 30px;

    line-height:1.1;

}

.mior-about p{

    font-size:1.18rem;
    line-height:1.9;
    color:#59697f;

    margin-bottom:24px;

}

.mior-about .btn{

    margin-top:10px;

}


/*-----------------------------------
Kiemelt üzenet
-----------------------------------*/

.mission-box{

    background:#243b63;

    color:#fff;

    border-radius:28px;

    padding:48px;

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    position:relative;

    overflow:hidden;

}

.mission-label{

    display:inline-block;

    align-self:flex-start;

    padding:.55rem 1.25rem;

    border-radius:999px;

    background:rgba(125,201,24,.12);

    border:1px solid rgba(125,201,24,.35);

    color:#9FE53B;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.16em;

    text-transform:uppercase;

    margin-bottom:30px;

}

.mission-box blockquote{

    margin:0;

    font-size:2.15rem;

    line-height:1.28;

    font-weight:800;

    color:#fff;

}

.mission-icon{

    margin-top:40px;

    font-size:4rem;

    color:#7BC414;

    opacity:.9;

}


/*-----------------------------------
Reszponzív
-----------------------------------*/

@media (max-width:992px){

    .mior-about .about-box{

        padding:40px;

    }

    .mior-about h2{

        font-size:2.2rem;

    }

    .mission-box{

        margin-top:20px;

        text-align:center;

    }

    .mission-label{

        align-self:center;

    }

}

/*--------------------------------------------------------------
# Elektronikus ügyintézés
--------------------------------------------------------------*/

.mior-coming-soon{

    padding:0;

}

.coming-box{


    margin-bottom:50px;

}

.coming-box h1{

    margin:22px 0 28px;

    font-size:3rem;

    font-weight:800;

    color:#243854;

}

.coming-box .lead{

    font-size:1.35rem;

    color:#243854;

    font-weight:500;

    margin-bottom:28px;

}

.coming-box p{

    color:#617185;

    line-height:1.9;

    font-size:1.08rem;

}

/*----------------------------------*/

.status-card{

    background:#243854;

    color:#fff;

    border-radius:28px;

    padding:45px;

    height:100%;

    position:relative;

    overflow:hidden;

}

.status-card::after{

    content:"";

    position:absolute;

    right:-80px;

    bottom:-80px;

    width:220px;

    height:220px;

    background:rgba(124,198,27,.08);

    border-radius:50%;

}

.status-icon{

    width:78px;

    height:78px;

    border-radius:20px;

    background:#7bc61b;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2rem;

    color:#fff;

    margin-bottom:30px;

}

.status-card h2{

    color:#fff;

    font-size:2rem;

    margin-bottom:18px;

}

.status-card p{

    color:rgba(255,255,255,.82);

    margin-bottom:30px;

}

.status-card ul{

    list-style:none;

    margin:0;

    padding:0;

}

.status-card li{

    display:flex;

    gap:12px;

    align-items:flex-start;

    margin-bottom:18px;

    color:#fff;

}

.status-card li i{

    color:#7bc61b;

    margin-top:2px;

}

/*----------------------------------*/

.coming-contact{

    background:#eef4f9;

    border-radius:24px;

    padding:45px 55px;

}

.coming-contact h2{

    font-size:2rem;

    color:#243854;

    margin-bottom:15px;

}

.coming-contact p{

    margin:0;

    color:#617185;

}

/*----------------------------------*/

@media(max-width:992px){

    .coming-box{

        padding:40px;

    }

    .coming-box h1{

        font-size:2.3rem;

    }

    .coming-contact{

        padding:35px;

        text-align:center;

    }

    .coming-contact .btn{

        margin-top:25px;

    }

}

.accordion-header {
    padding: 0;
}

.accordion-button:hover {
    z-index: 2;
    background: #76be2050;
}

.accordion-button:not(.collapsed) {
    color: var(--white);
    background-color: #20395d;
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.footer-contact p {
    line-height: 5px !important;
}

/* ==========================================
   Cookie banner
========================================== */

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
     background: #243b63;
}

#sliding-popup {
    width: 300px !important;
    max-width: calc(100% - 30px);
    bottom: 20px !important;
    left: 20px !important;
    right: auto !important;
    border: 0;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
    font-family: inherit;
    z-index: 99999;
}

#sliding-popup .popup-content {
    padding: 0 0 30px;
    color: #fff;
}

#sliding-popup h2 {
    margin: 0 0 15px;
    font-size: 1.45rem;
    line-height: 1.3;
    color: #fff;
    font-weight: 700;
}

#sliding-popup p {
    margin-bottom: 20px;
    color: rgba(255,255,255,.85);
    line-height: 1.7;
}

/* ==========================================
   További információk
========================================== */

.find-more-button {
    background: none;
    border: 0;
    padding: 0;
    color: #98d11f;
    font-weight: 600;
    cursor: pointer;
}

.find-more-button:hover {
    text-decoration: underline;
}

/* ==========================================
   Checkbox lista
========================================== */

.eu-cookie-compliance-category {
    margin-bottom: 12px;
}

.eu-cookie-compliance-category label {
    color: #fff;
    margin-left: 8px;
    cursor: pointer;
}

.eu-cookie-compliance-category input[type="checkbox"] {
    accent-color: #7dc61d;
}

/* ==========================================
   Gombok
========================================== */

#popup-buttons,
.eu-cookie-compliance-buttons,
.eu-cookie-compliance-categories-buttons{

    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:14px;

    width:100%;
    margin-top:25px;

}

/* Kiválasztott cookie-k */

.eu-cookie-compliance-save-preferences-button {
    display: block !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: underline;
    cursor: pointer;
    text-shadow: none;
    box-sizing: content-box;
    box-shadow: none;
}

.eu-cookie-compliance-save-preferences-button:hover {
    color:#9ad929 !important;
    text-decoration: underline;
}

#sliding-popup button{

    min-width:0 !important;

    max-width:none !important;

    white-space:normal !important;

}

/* Összes cookie */
.agree-button {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 22px !important;
    border: none !important;
    border-radius: 14px !important;
    background: #78c21d !important;
    color: var(--ui-text) !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    text-align: center;
    text-shadow: none;
    box-shadow: none;
}

.agree-button:hover {
    background: #6ab012 !important;
    transform: translateY(-2px);
}

/* ==========================================
   Rejtett gomb
========================================== */

.eu-cookie-withdraw-button {
    display: none !important;
}

/* ==========================================
   Mobil
========================================== */

@media (max-width:768px){

    #sliding-popup{

        width:auto !important;

        left:10px !important;
        right:10px !important;

        bottom:10px !important;

        max-width:none;

    }

    #sliding-popup .popup-content{

        padding:22px;

    }

}

.eu-cookie-compliance-categories-buttons {
    margin: 0 0 1em 0;
    max-width: 100%;
    float: none;
}

.eu-cookie-compliance-buttons {
    float: none;
    margin: 0;
    max-width: 100%;
}

/*==================================================
  ADATKEZELÉS ÉS JOGI TÁJÉKOZTATÓK
==================================================*/

.mior-legal-documents{

    padding:40px 0 80px;

}


.legal-list{

    display:flex;

    flex-direction:column;

    gap:22px;

    margin-top:40px;

}

.legal-card{

    display:flex;

    align-items:center;

    gap:24px;

    padding:28px;

    border:1px solid #d9e4f2;

    border-radius:20px;

    text-decoration:none;

    transition:.25s;

    background:#fff;

}

.legal-card:hover{

    border-color:rgb(114, 190, 23);;

    transform:translateY(-2px);

    box-shadow:0 15px 35px rgba(32,56,93,.08);

}

.legal-card__icon{

    width:72px;

    height:72px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:#edf8dd;

}

.legal-card__icon i{

    font-size:34px;

    color:var(--bs-secondary);

}

.legal-card__content{

    flex:1;

}

.legal-card__content h3{

    margin:0 0 6px;

    font-size:2rem;

    font-weight:700;

    color:var(--ui-text);

}

.legal-card__content p{

    margin:0;

    font-size:1.05rem;

    color:#61708d;

}

.legal-card__action{

    width:52px;

    height:52px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #d9e4f2;

    border-radius:50%;

    color:#7c8ea8;

    transition:.25s;

}

.legal-card:hover .legal-card__action{

    background:rgb(114, 190, 23);

    border-color:rgb(114, 190, 23);

    color:#fff;

}

.legal-card__action i{

    font-size:1.2rem;

}

@media (max-width:991px){

    .legal-box{

        padding:30px;

    }

    .legal-card{

        align-items:flex-start;

    }

}

@media (max-width:767px){

    .legal-card{

        gap:18px;

        padding:22px;

    }

    .legal-card__icon{

        width:60px;

        height:60px;

    }

    .legal-card__icon i{

        font-size:28px;

    }

    .legal-card__content h3{

        font-size:1.45rem;

    }

    .legal-card__content p{

        font-size:1rem;

    }

    .legal-card__action{

        display:none;

    }

}

@media (max-width: 1199px) {
  #superfish-main-toggle,
  a.sf-depth-1.menuparent.sf-with-ul::before {
    display: none !important;
  }
}

/*======================================
=            Hamburger button          =
======================================*/

.navbar-toggler{

    width:56px;
    height:56px;

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

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

    background:#fff;

    transition:.25s;

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

}

.navbar-toggler:hover{

    border-color:var(--bs-secondary);
    background:#edf8dd;

}

.navbar-toggler:focus{

    outline:none;

    border-color:var(--bs-secondary);

    box-shadow:
        0 0 0 3px rgba(118,188,33,.25);

}

.navbar-toggler-icon{

    background-image:none;

    position:relative;

    width:24px;
    height:18px;

}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon{

    border-top:2px solid #2d3e5f;

}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after{

    content:"";

    position:absolute;

    left:0;
    width:24px;

}

.navbar-toggler-icon::before{

    top:6px;

}

.navbar-toggler-icon::after{

    top:14px;

}

@media (max-width:1199px){

.navbar-collapse{

    margin :24px 0;

    background:#fff;

    border-radius:24px;

    padding:18px;

    box-shadow:0 15px 40px rgba(33,49,77,.08);

}

}

@media (max-width:1199px){

.sf-accordion{

    gap:8px;

}

.sf-accordion li{

    margin:0;

}

.sf-accordion a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:16px 20px;

    border-radius:16px;

    color:var(--bs-primary);

    text-decoration:none;

    font-weight:600;

    font-size:1.05rem;

    transition:.25s;

}

.sf-accordion a:hover{

    background:#edf8dd;

    color:var(--bs-primary);

}

.sf-accordion .active-trail>a,
.sf-accordion .is-active{

    background:var(--bs-secondary);

    color:#fff;

}

}

.sf-accordion ul{

    margin:10px 0 16px;

    padding-left:16px;

}

.sf-accordion ul a{

    background:#f6f8fb;

    font-size:.95rem;

    padding:14px 18px;

    border-radius:12px;

}

.navbar-collapse{

    transition:.35s ease;

}

.sf-accordion .active-trail>a{

    background:#76bc21;

    color:#fff;

}

.sf-accordion a:focus{

    outline:none;

    box-shadow:

        0 0 0 3px rgba(118,188,33,.25);

}

ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li {
    float: left;
    width: 100%;
}

ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
    color: var(--ui-text);
}

/*======================================
=        Empty state - Karrier         =
======================================*/

.mior-empty-state{

    display:flex;
    align-items:center;
    gap:2.5rem;

    padding:3rem;

    margin:2rem 0;

    background:#fff;

    border:1px solid #d9e4f2;

    border-radius:28px;

    box-shadow:0 20px 50px rgba(24,48,86,.05);

}

.mior-empty-state__icon{

    width:120px;
    height:120px;

    flex-shrink:0;

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

    border-radius:24px;

    background:linear-gradient(
        135deg,
        #edf8dd,
        #f7fbf1
    );

}

.mior-empty-state__icon i{

    font-size:3rem;

    color:var(--bs-secondary);

}

.mior-empty-state h2{

    margin:.75rem 0 1rem;

    font-size:2rem;

    font-weight:700;

    color:var(--ui-text);

}

.mior-empty-state p{

    margin-bottom:1rem;

    max-width:700px;

    color:#5d6b84;

    line-height:1.75;

}

.mior-empty-state .btn{

    margin-top:.5rem;

}

/*======================================
=            MIÖR Pagination           =
======================================*/

.pagination{

    justify-content:center;

    align-items:center;

    gap:.5rem;

    margin:3rem 0 1rem;

}

.pagination .page-item{

    margin:0;

}

.pagination .page-link{

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:48px;

    height:48px;

    padding:0 1rem;

    border:1px solid #d9e4f2;

    border-radius:14px;

    background:#fff;

    color:var(--ui-text);

    font-weight:600;

    text-decoration:none;

    transition:all .25s ease;

    box-shadow:0 4px 12px rgba(30,50,80,.04);

}

.pagination .page-link:hover{

    background:#edf8dd;

    border-color:var(--bs-secondary);

    color:var(--bs-primary);

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(30,50,80,.08);

}

.pagination .page-item.active .page-link{

    background:var(--bs-secondary);

    border-color:var(--bs-secondary);

    color:#fff;

    box-shadow:0 10px 25px rgba(118,188,33,.30);

}

.pagination .page-item.disabled .page-link{

    opacity:.45;

    cursor:not-allowed;

    pointer-events:none;

    background:#f8fafc;

}

.pagination .page-link:focus{

    outline:none;

    box-shadow:
        0 0 0 3px rgba(118,188,33,.25);

}

/* Első/utolsó lap nyilak */

.pagination .page-link span[aria-hidden]{

    font-size:1.2rem;

    line-height:1;

}

/* Mobil */

@media (max-width:575.98px){

    .pagination{

        gap:.35rem;

        flex-wrap:wrap;

    }

    .pagination .page-link{

        min-width:42px;

        height:42px;

        border-radius:12px;

        font-size:.95rem;

    }

}

@media (max-width:992px){

.mior-empty-state{

    flex-direction:column;

    text-align:center;

    padding:2rem;

}

}

@media (max-width:1199px){

.emergency-actions {
    justify-content: flex-end;
}

div#sidebar_second {
    width: 100%;
    margin-top: 20px;
    padding: 0;
}

}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .mission-box blockquote {
    font-size: 25px;
}

}



@media (max-width:768px){

.contact-card {
    flex-direction: column;
}

    .table-responsive {
    max-width: 300px;
}

.site-footer__top .region:nth-child(2n+1) {
    padding-right: 0;
    margin: 0;
}

}

@media (max-width:575px){

.contact-card a {
    font-size: 1rem;
}

        .legal-card {
    flex-direction: column;
}

.legal-card__content h3 {
    font-size: 1.5rem;
}

    .regulation-card {
    flex-direction: column;
}

    .related-card {
    flex-direction: column;
}

    .regulation-card h3 {
    font-size: 1.5rem;
}
.page-node-636 main#content {
    padding: 50px 0 80px 0;
}

h1.title {
    font-size: 2rem;
}

.site-footer {
    padding: 4rem 1rem 1rem;
}

.path-frontpage main#content {
    padding: 0;
}

.path-frontpage div#main-wrapper {
    background: white;
    border-radius: 0;
    padding: 20px 0;
}

div#block-mior-content, div#block-mior-content .view-content.row {
    margin: 0;
    display: flex;
    justify-content: center;
}

div#block-mior-content .section-heading.text-center.mb-5 {
    padding: 0 15px;
}

.mission-box blockquote {
    font-size: 20px;
}

div#main {
    padding: 0 30px;
}

div#views-bootstrap-frontpage-page-1 {
    padding: 0;
}

.contact-item {
    flex-direction: column;
}

.contact-card, .opening-card {
    max-width: 300px;
}

.page-node-682 main#content {
    padding: 30px 10px 80px 10px;
}
}