/* ===== CITY HERO START ===== */


/* ==========================================================
   HERO PODSTRON MIAST
========================================================== */

.city-page .city-hero {

    position: relative;

    overflow: hidden;

    padding:
        74px
        0
        78px !important;
}


/* nie uzywamy ukladu video z glownej */
.city-page .city-hero-container {

    display: block !important;

    max-width: 1280px;
}


/* tekst zajmuje szeroki obszar */
.city-page .city-hero-content {

    width: 100%;

    max-width: 1100px;

    margin: 0 auto;
}


/* ==========================================================
   MALY NAGLOWEK
========================================================== */

.city-page .city-hero-kicker {

    margin:
        0
        0
        17px;

    color:
        #C1272D;

    font-size:
        clamp(18px, 1.8vw, 24px);

    line-height:
        1.2;

    font-weight:
        900;
}


/* ==========================================================
   H1
========================================================== */

.city-page .city-hero-title {

    max-width:
        1080px;

    margin:
        0
        0
        28px !important;

    color:
        #075E3C !important;

    font-size:
        clamp(42px, 5vw, 72px) !important;

    line-height:
        .98 !important;

    letter-spacing:
        -0.045em;

    font-weight:
        950 !important;
}


.city-page .city-hero-title span {

    display:
        inline;

    color:
        #075E3C;
}


/* ==========================================================
   OPIS
========================================================== */

.city-page .city-hero-description {

    max-width:
        1000px;

    padding:
        24px
        28px;

    border-left:
        6px solid #C1272D;

    border-radius:
        16px;

    background:
        #FDB913;

    box-shadow:
        0 15px 32px
        rgba(92, 70, 0, .14);
}


.city-page .city-hero-description p {

    margin:
        0
        0
        10px !important;

    color:
        #075E3C !important;

    font-size:
        clamp(17px, 1.55vw, 21px) !important;

    line-height:
        1.55 !important;

    font-weight:
        700 !important;
}


.city-page .city-hero-description p:last-child {

    margin-bottom:
        0 !important;
}


/* ==========================================================
   PRZYCISKI Z GLOWNEJ STRONY
========================================================== */

.city-page .city-hero-actions,
.city-page .city-hero .hero-actions,
.city-page .city-hero .hero-buttons {

    margin-top:
        28px !important;
}


/* ==========================================================
   TELEFON
========================================================== */

@media (max-width: 800px) {

    .city-page .city-hero {

        padding:
            48px
            0
            54px !important;
    }


    .city-page .city-hero-title {

        font-size:
            clamp(34px, 10vw, 50px) !important;

        line-height:
            1.04 !important;
    }


    .city-page .city-hero-description {

        padding:
            20px
            20px;
    }

}


/* ===== CITY HERO END ===== */


/* ===== KIELCE LOCAL SEO START ===== */


/* ==========================================================
   CALA SEKCJA
========================================================== */

.city-page-kielce .city-local-seo {

    position: relative;

    padding:
        72px 0 !important;
}


/* pasek Litwy */
.city-page-kielce .city-local-seo::before {

    content: "";

    position: absolute;

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

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #FDB913 0%,
            #FDB913 33.333%,
            #006A44 33.333%,
            #006A44 66.666%,
            #C1272D 66.666%,
            #C1272D 100%
        );
}


/* ==========================================================
   NAGLOWEK
========================================================== */

.city-page-kielce .city-local-heading {

    max-width:
        1000px;

    margin-bottom:
        34px;
}


.city-page-kielce .city-local-heading h2,
.city-page-kielce .city-seo-copy h2 {

    color:
        #075E3C !important;

    font-weight:
        950 !important;
}


.city-page-kielce .city-local-heading p {

    max-width:
        920px;

    color:
        #234d3d;

    font-size:
        17px;

    line-height:
        1.65;
}


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

.city-page-kielce .city-local-grid {

    display:
        grid;

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

    gap:
        18px;

    align-items:
        start;
}


/* ==========================================================
   KARTY
========================================================== */

.city-page-kielce .city-local-card {

    height:
        auto !important;

    min-height:
        0 !important;

    padding:
        28px;

    border-radius:
        16px;

    background:
        linear-gradient(
            145deg,
            #064D35 0%,
            #075E3C 100%
        );

    box-shadow:
        0 13px 27px
        rgba(5, 74, 48, .13);
}


.city-page-kielce .city-local-card h3 {

    margin:
        0 0 16px;

    color:
        #ff3b43;

    font-size:
        23px;

    line-height:
        1.18;

    font-weight:
        900;
}


.city-page-kielce .city-local-card p,
.city-page-kielce .city-road-list li {

    color:
        #FFD84D;

    font-size:
        15px;

    line-height:
        1.65;
}


.city-page-kielce .city-road-list {

    margin:
        18px 0 0;

    padding-left:
        20px;
}


.city-page-kielce .city-road-list li {

    margin-bottom:
        13px;
}


.city-page-kielce .city-road-list strong {

    color:
        #FFE875;
}


/* ==========================================================
   MIEJSCOWOSCI
========================================================== */

.city-page-kielce .city-place-list {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        20px;
}


.city-page-kielce .city-place-list span {

    padding:
        8px 11px;

    border-radius:
        8px;

    background:
        #FDB913;

    color:
        #075E3C;

    font-size:
        13px;

    font-weight:
        850;
}


/* ==========================================================
   WEZLY I MOP
========================================================== */

.city-page-kielce .city-route-box,
.city-page-kielce .city-mop {

    display:
        flex;

    flex-direction:
        column;

    gap:
        4px;

    margin-top:
        11px;

    padding:
        12px 14px;

    border-left:
        4px solid #C1272D;

    border-radius:
        8px;

    background:
        rgba(253, 185, 19, .10);
}


.city-page-kielce .city-route-box strong,
.city-page-kielce .city-mop strong {

    color:
        #FFE066;

    font-size:
        15px;
}


.city-page-kielce .city-route-box span,
.city-page-kielce .city-mop span {

    color:
        #FFD84D;

    font-size:
        13px;
}


.city-page-kielce .city-local-small {

    margin-top:
        18px !important;

    font-size:
        14px !important;
}


/* ==========================================================
   DLUGSZY TEKST SEO
========================================================== */

.city-page-kielce .city-seo-copy {

    max-width:
        1120px;

    margin-top:
        46px;

    padding:
        31px;

    border-radius:
        16px;

    background:
        rgba(7, 94, 60, .07);

    border-left:
        6px solid #FDB913;
}


.city-page-kielce .city-seo-copy h2 {

    margin-top:
        0;

    font-size:
        clamp(28px, 3vw, 40px);
}


.city-page-kielce .city-seo-copy p {

    color:
        #244c3d;

    font-size:
        16px;

    line-height:
        1.75;
}


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

@media (max-width: 900px) {

    .city-page-kielce .city-local-grid {

        grid-template-columns:
            1fr;
    }

}


/* ==========================================================
   TELEFON
========================================================== */

@media (max-width: 600px) {

    .city-page-kielce .city-local-seo {

        padding:
            54px 0 !important;
    }


    .city-page-kielce .city-local-card {

        padding:
            22px 19px;
    }


    .city-page-kielce .city-seo-copy {

        padding:
            23px 19px;
    }

}


/* ===== KIELCE LOCAL SEO END ===== */