.blockquotes-float-content_skms{
    float:left;
    max-width:350px;
    margin-right:30px;
    margin-bottom:30px;
}

/* Skrito besedilo za bralnike zaslona (dostopnost / SEO labela) */
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#listing {
    margin: 30px 0;
    text-align: center;
    clear: both;
}

#listing .page-link {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0 3px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#listing .page-link:hover {
    background-color: #f1f1f1;
    border-color: #999;
}

#listing .page-link.current {
    background-color: #B4925A; /* Gold color from the theme */
    border-color: #B4925A;
    color: #fff;
}

#listing .page-dots {
    display: inline-block;
    margin: 0 5px;
    color: #999;
}

@media only screen and (max-width: 1169px) {
    #listing .page-link {
        width: 14px !important;
        height: 14px !important;
        line-height: 14px !important;
        border-radius: 50% !important;
        font-size: 0 !important;
        color: transparent !important;
        padding: 0 !important;
        margin: 0 6px !important;
        vertical-align: middle !important;
        border: 2px solid #ccc !important;
        display: inline-block !important;
    }

    #listing .page-link.current {
        background-color: #49974d !important;
        border-color: #49974d !important;
    }

    #listing .page-dots {
        display: none !important;
    }

    .team-box-1.full-image-box .team-name-top {
        height: 30px !important;
        line-height: 30px !important;
        font-size: 13px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        top: 5px !important;
        left: 5px !important;
    }

    .team-box-1.full-image-box:hover .team-name-top {
        top: 5px !important;
        left: 5px !important;
    }
}

    .gallery {
        padding: 10px 0;
        clear: both;
    }

    .gallery .box, .gallery .lastbox {
        float: left;
        width: 162px;
        height: 110px;
        padding: 3px;
        margin: 3px;
    }

    .gallery .box a, .gallery .lastbox a {
        display: block;
        width: 158px;
        height: 110px;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .gallery img {
        padding: 0;
        margin: 0;
        border: none;
        background: transparent;
}

/* First news flex layout */
.first-news-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-align: left;
}

.first-news-img {
    flex: 0 0 350px;
    max-width: 350px;
}

.blog-box-1 img, 
.blog-box-3 img, 
.team-box-1 img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    max-height: 245px !important; /* Omejitev na polovico širine */
}


.team-box-1 img {
    max-height: 200px !important; /* Za sidebar, kjer je širina okoli 280px (0.5 * 280) */
}

/* Uporaba aspect-ratio kot omejitev: min-aspect-ratio 1/1.5 pomeni, da slika ne more biti ožja/daljša od tega */
/* Vendar aspect-ratio običajno fiksira razmerje. Mi želimo le MAKSIMALNO višino. */
/* Trenutni standardni CSS nima "max-aspect-ratio" ali "max-height: 1.5w". */
/* Najboljša približna rešitev je kombinacija spodnjih pravil: */

.blog-box-1, .blog-box-3, .team-box-1 {
    container-type: inline-size;
}

@container (min-width: 1px) {
    .blog-box-1 img, 
    .blog-box-3 img, 
    .team-box-1 img {
        max-height: 150cqw;
    }
}

.first-news-content {
    flex: 1;
    padding: 15px;
    min-width: 300px;
}

@media only screen and (max-width: 767px) {
    .first-news-img {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .first-news-content {
        padding: 15px 0;
        /* Zunaj te poizvedbe ima min-width: 300px. Na 360 px telefonu je
           znotraj kartice na voljo okoli 280 px, zato bi blok silil cez rob
           zaslona. Nic hkrati poskrbi, da se prozni element sploh sme skrciti
           pod sirino svoje vsebine. */
        min-width: 0;
    }
}

.team-box-1.full-image-box .team-box-1-text-in {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(243, 243, 243, 0.9) !important;
    box-shadow: none !important;
    padding: 10px 15px !important;
    box-sizing: border-box;
    text-align: left;
}

.team-box-1.full-image-box .team-box-1-text-in h6,
.team-box-1.full-image-box .team-box-1-text-in p {
    text-align: left !important;
    color: #000000;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    margin-bottom: 0 !important;
    font-weight: 700;
}

.team-box-1.full-image-box .team-name-top {
    position: absolute;
    top: -1px;
    left: -10px;
    z-index: 3;
    height: 40px;
    width: 90%;
    font-family: 'Playball', cursive;
    line-height: 50px;
    font-size: 16px !important;
    letter-spacing: 1px;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
    background: #49974d; 
    -webkit-transition: top .3s, left .3s;
    -moz-transition: top .3s, left .3s;
    transition: top .3s, left .3s;
    text-align: left !important;
    vertical-align: center;
}

.team-name-top span {
    display: block;
    line-height: 40px;
}

.team-box-1.full-image-box:hover .team-name-top {
    top: 10px;
    left: 10px;
}

/* Napovednik brez slike: prikaz datuma in besedila brez prekrivanja slike */
.team-box-1.full-image-box.brez-slike {
    background: #fff;
    margin-bottom: 15px;
}
.team-box-1.full-image-box.brez-slike .team-name-top {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    line-height: normal;
    padding: 8px 15px;
    box-sizing: border-box;
}
.team-box-1.full-image-box.brez-slike:hover .team-name-top {
    top: 0;
    left: 0;
}
.team-box-1.full-image-box.brez-slike .team-box-1-text-in {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
}


/* Make team-box-1 link block and remove underline */
a.animsition-link:has(.team-box-1) {
    display: block;
    text-decoration: none;
    color: inherit;
}

a.animsition-link .team-box-1 h6 {
    color: #212121;
    transition: color 0.3s;
}

a.animsition-link:hover .team-box-1 h6 {
    color: #B4925A;
}

.button-shortcodes.text-padding-ms {
    padding: 5px 15px;
    width: 100%;
    height: 25px;
}

/* Poll styles */
.poll-results {
    margin: 20px 0;
}
.poll-item {
    margin-bottom: 15px;
}
.poll-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-weight: 600;
}
.poll-bar-bg {
    background: #e0e0e0;
    height: 12px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}
.poll-bar-fill {
    background: #49974d;
    height: 100%;
    border-radius: 6px;
    transition: width 1s ease-in-out;
}
.poll-meta {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
    font-style: italic;
}



.twelve.columns,
.section,
.white-section {
    overflow: visible !important;
}

/* Na ožjem ekranu (zložen prikaz) naj bo glavna vsebina takoj za glavo,
   pred stranskim stolpcem (Napovednik). */
@media only screen and (max-width: 767px) {
    main.cd-main-content > section.white-section > .container {
        display: flex;
        flex-direction: column;
    }
    main.cd-main-content > section.white-section > .container > .twelve.columns {
        order: 1;
    }
    main.cd-main-content > section.white-section > .container > .four.columns {
        order: 2;
    }
}

.napovednik-horizontal {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    background: #fdf8ef;
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none !important;
    transition: background 0.3s;
}

.napovednik-horizontal:hover {
    background: #f7f1e6;
}

.napovednik-horizontal-img {
    flex: 0 0 100px;
    max-width: 100px;
}

.napovednik-horizontal-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.napovednik-horizontal-content {
    flex: 1;
    padding: 10px 15px;
}

.napovednik-horizontal-content h6 {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    color: #212121;
    font-size: 16px;
}

.napovednik-horizontal:hover .napovednik-horizontal-content h6 {
    color: #B4925A;
}

.napovednik-horizontal-content .datum {
    font-size: 12px;
    color: #49974d;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.napovednik-horizontal-content p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px;
    line-height: 1.4;
    color: #666;
}


/* Zemljevid strani - drevesni (z zamiki) izpis v dveh stolpcih */
.zemljevidstrani {
    column-count: 2;
    column-gap: 50px;
}
.zs-skupina {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 28px 0;
}
.zs-naslov {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: bold;
    font-size: 22px;
    color: #1a1a1a;
    margin: 0 0 8px 0;
    padding-bottom: 6px;
    border-bottom: 2px solid #3d7a2f;
    text-transform: none;
}
.zs-drevo,
.zs-drevo ul {
    list-style: none;
    margin: 0;
    padding-left: 18px;
}
.zs-drevo li {
    position: relative;
    padding: 4px 0 4px 18px;
    color: #222;
}
/* navpična povezovalna črta med sorojenci */
.zs-drevo li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #3d7a2f;
}
/* zadnji element: navpična črta sega le do vodoravne povezave */
.zs-drevo li:last-child::after {
    bottom: auto;
    height: 14px;
}
/* vodoravna povezava do besedila */
.zs-drevo li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    width: 12px;
    height: 1px;
    background: #3d7a2f;
}
.zs-drevo a {
    color: #3d7a2f;
    text-decoration: none;
}
.zs-drevo a:hover {
    color: #2c5c22;
    text-decoration: underline;
}

/* Levi navigacijski meni strukture (inc_levo_struktura.php):
   poudarek trenutne strani in poti do nje (prednamikov). */
.levo-struktura {
    margin-bottom: 20px;
}
.levo-struktura .zs-drevo {
    padding-left: 0;
}
.levo-struktura .zs-drevo li.current > a {
    color: #B4925A; /* zlata barva teme */
    font-weight: 700;
}
.levo-struktura .zs-drevo li.active-trail > a {
    color: #2c5c22;
    font-weight: 700;
}

/* Blag prehod med AJAX zamenjavo osrednje vsebine (js/ajax-navigacija.js) */
#glavna-vsebina {
    transition: opacity 0.15s ease;
}
#glavna-vsebina.ajax-nalaganje {
    opacity: 0.4;
}

/* Mali koledarček napovedi v levem stolpcu (inc_koledar_napovedi.php) */
.koledar-napovedi {
    margin-bottom: 18px;
    transition: opacity 0.15s ease;
}
.koledar-napovedi.koled-nalaganje {
    opacity: 0.4;
}
.koled-glava {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.koled-izbira {
    display: flex;
    gap: 4px;
    flex: 1;
    justify-content: center;
}
.koled-izbira select {
    font-size: 12px;
    padding: 2px 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    color: #3d7a2f;
    font-weight: 700;
    cursor: pointer;
}
/* Nedelje rdeče (glava + dnevi); pravilo je za koled-ima namenoma pozneje v datoteki, da prevlada) */
.koled-tabela th.koled-nedelja {
    color: #c0392b;
}
.koled-nav {
    background: #3d7a2f;
    color: #fff;
    border: 0;
    width: 26px;
    height: 26px;
    line-height: 24px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
}
.koled-nav:hover {
    background: #2c5c22;
}
.koled-tabela {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.koled-tabela th {
    font-size: 11px;
    font-weight: 700;
    color: #888;
    text-align: center;
    padding: 3px 0;
}
.koled-tabela td {
    height: 30px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    border: 1px solid #eee;
    font-size: 12px;
}
.koled-tabela td.koled-prazno {
    border: 0;
    background: transparent;
}
.koled-dan .koled-stevilka {
    color: #444;
}
.koled-dan.koled-danes {
    outline: 2px solid #B4925A;
    outline-offset: -2px;
}
.koled-dan.koled-ima {
    background: #f2f6ef;
    font-weight: 700;
}
.koled-dan.koled-ima .koled-stevilka {
    color: #3d7a2f;
}
/* Nedeljski datumi rdeči (prevlada nad zelenim za dneve z napovedmi) */
.koled-dan.koled-nedelja .koled-stevilka {
    color: #c0392b;
}
.koled-znacka {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    background: #B4925A;
    color: #fff;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 700;
    box-sizing: border-box;
}

/* GDPR piškotni baner (inc_piskotki.php) */
.piskotki-baner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11000;
    background: #2e3233;
    color: #fff;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.25);
    transform: translateY(100%);
    transition: transform 0.35s ease;
}
.piskotki-baner.piskotki-viden {
    transform: translateY(0);
}
.piskotki-vsebina {
    max-width: 1100px;
    margin: 0 auto;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.piskotki-besedilo {
    margin: 0;
    flex: 1 1 320px;
    font-size: 13px;
    line-height: 1.5;
    color: #e8e8e8;
}
.piskotki-besedilo a {
    color: #d8c39a;
    text-decoration: underline;
}
.piskotki-gumbi {
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
}
.piskotki-gumb {
    height: 40px;
    padding: 0 18px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}
.piskotki-nujni {
    background: transparent;
    color: #fff;
    border-color: #6d7375;
}
.piskotki-nujni:hover {
    background: rgba(255, 255, 255, 0.12);
}
.piskotki-sprejmi {
    background: #B4925A;
    color: #fff;
    border-color: #B4925A;
}
.piskotki-sprejmi:hover {
    background: #967a4b;
    border-color: #967a4b;
}
@media only screen and (max-width: 600px) {
    .piskotki-vsebina {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .piskotki-gumbi {
        justify-content: stretch;
    }
    .piskotki-gumb {
        flex: 1 1 0;
    }
}

/* Koledar novic: dan z novico je povezava (klik odpre novico) */
.koled-dan-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.koled-dan-link:hover .koled-stevilka {
    text-decoration: underline;
}

/* Seznam 7 novic pod koledarjem (3 novejše / trenutna / 3 starejše) */
.novic-seznam {
    list-style: none;
    margin: 12px 0 0 0;
    padding: 0;
}
.novic-seznam li {
    border-top: 1px solid #eee;
}
.novic-seznam li:first-child {
    border-top: 0;
}
.novic-link {
    display: block;
    padding: 7px 6px;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
    transition: background 0.15s ease;
}
.novic-link:hover {
    background: #f2f6ef;
}
.novic-datum {
    display: block;
    font-size: 11px;
    color: #888;
    margin-bottom: 2px;
}
.novic-naziv {
    display: block;
    font-size: 13px;
    line-height: 1.3;
    color: #3d7a2f;
}
.novic-trenutna .novic-link {
    background: #3d7a2f;
}
.novic-trenutna .novic-link:hover {
    background: #33701f;
}
.novic-trenutna .novic-naziv,
.novic-trenutna .novic-datum {
    color: #fff;
}

/* Anketna gumba (Pošlji / Rezultati) – segmentiran par z ikonama, poenotena višina */
.anketa-gumbi {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
}
.anketa-gumb {
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    box-sizing: border-box;
    padding: 0 6px;
    margin: 0 !important;
    float: none !important;
    border: 1px solid transparent;
    color: #fff;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.anketa-gumb svg {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}
.anketa-gumb--poslji {
    background: #005a9c;
    border-color: #005a9c;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none;
}
.anketa-gumb--poslji:hover {
    background: #003f6e;
    border-color: #003f6e;
    color: #ffe;
}
.anketa-gumb--rezultati {
    background: #49974d;
    border-color: #49974d;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.anketa-gumb--rezultati:hover {
    background: #33703a;
    border-color: #33703a;
    color: #ffe;
}

/* Poenotena višina z anketnima gumboma za "Celotni seznam napovedi" */
.gumb-seznam-napovedi {
    height: 40px !important;
    line-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
    display: block;
    text-align: center;
}

/* Kartice blokov v levem stolpcu (Napovednik, Misel dneva, Božja beseda, Anketa)
   – vsak blok kot zaokrožena celota z rahlim 3D dvigom. */
.post-sidebar .sidebar-card {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 16px 18px 18px;
    margin-bottom: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 14px rgba(0, 0, 0, 0.09);
}

/* Separator naj vedno da vsaj malo razmika (privzeto ima padding-top v layout.css). */
.separator-sidebar {
    min-height: 5px;
}

/* Razmik med spodnjima banerjema v levem stolpcu (Youtube, ŠOM MS) */
.post-sidebar .big-button {
    margin-top: 14px;
}

/* Članek (novica / napoved / stran): belo ozadje osrednje vsebine,
   vodilna slika plava levo (~pol širine), tekst jo obliva. */
.clanek-belo {
    background: #fff !important;
}
.clanek-belo::after {
    content: "";
    display: block;
    clear: both;
}
.clanek-belo > a[data-fancybox],
.clanek-belo .content-lead-media {
    float: left;
    width: 50%;
    max-width: 50%;
    margin: 6px 26px 14px 0;
}
.clanek-belo > a[data-fancybox] img,
.clanek-belo .content-lead-media img {
    width: 100%;
    height: auto;
    display: block;
}
.clanek-belo .gallery {
    clear: both;
}
@media only screen and (max-width: 600px) {
    .clanek-belo > a[data-fancybox],
    .clanek-belo .content-lead-media {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 0 16px 0;
    }
}

/* Navigacija med novicami (novejša / starejša) */
.novica-nav {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e2e2e2;
}
.novica-nav a {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 48%;
    padding: 12px 16px;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    text-decoration: none;
    color: #3d7a2f;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.novica-nav a:hover {
    background: #f2f6ef;
    border-color: #3d7a2f;
}
.novica-nav-nasl {
    text-align: right;
    align-items: flex-end;
}
.novica-nav .nn-oznaka {
    font-size: 12px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.novica-nav .nn-naziv {
    font-weight: 700;
}
.novica-nav .nn-disabled {
    flex: 1 1 0;
}
@media only screen and (max-width: 600px) {
    .novica-nav {
        flex-direction: column;
    }
    .novica-nav a {
        max-width: 100%;
    }
    .novica-nav-nasl {
        text-align: left;
        align-items: flex-start;
    }
}

/* Baner "Spletne povezave župnij" (slog prej inline v index.php) */
.zupnije-banner {
    display: block;
    background: #B4925A;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.3s;
}
.zupnije-banner:hover {
    background: #967a4b;
    color: #fff;
}

/* Modalno okno (Spletne povezave župnij) */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.55);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px;
}
.modal-overlay.odprt {
    display: flex;
}
.modal-okno {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    max-width: 440px;
    max-height: 85vh;
    overflow: auto;
    padding: 24px;
    position: relative;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.modal-zapri {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: 0;
    font-size: 28px;
    line-height: 1;
    color: #999;
    cursor: pointer;
    padding: 0;
}
.modal-zapri:hover {
    color: #333;
}

/* Gumba pod novicami (Celotni seznam novic / Arhiv vseh novic) – v vrsto, z ikonama, enako visoka */
.novice-gumbi {
    display: flex;
    gap: 12px;
    margin-top: 30px;
    clear: both;
}
.novice-gumb {
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 48px;
    box-sizing: border-box;
    margin: 0 !important;
    float: none !important;
}
.novice-gumb svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}
@media only screen and (max-width: 480px) {
    .novice-gumbi {
        flex-direction: column;
    }
}

/* Povezave v vsebini naj bodo zelene (barva grba škofije), ne modre.
   Velja le za navadne povezave brez razreda (gumbi/meni imajo svoje barve). */
.cd-main-content a:not([class]) {
    color: #3d7a2f;
}
.cd-main-content a:not([class]):hover {
    color: #2c5c22;
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    .zemljevidstrani {
        column-count: 1;
    }
}

.cd-sitemap-trigger {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 20px;
    color: #2e3233;
    z-index: 102;
    text-decoration: none;
}
.cd-sitemap-trigger:hover {
    color: #888;
}
/* Vse tri ikone v glavi (iskanje, zemljevid strani, meni) poravnaj vodoravno v isto vrsto.
   Privzeti vertical-align: baseline jih zamakne, ker imata iskanje/meni ikono narisano prek
   absolutno pozicioniranih ::before/::after (prazen <span>), zemljevid pa pravo pisavno ikono. */
.cd-header-buttons li {
    vertical-align: middle;
}

/* ===== Noga (footer): kontakti (uredljivo prek strani id_strani=1773) in povezave ===== */
.noga-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
    justify-content: center;
}
.noga-logo {
    flex: 0 0 auto;
}
.noga-logo img {
    width: auto;
    max-height: 130px;
    max-width: 130px;
}
.noga-kontakt {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    flex: 0 1 auto;
    justify-content: center;
}
.noga-blok {
    min-width: 150px;
}
.noga-blok h6 {
    color: #fff;
    padding-bottom: 14px;
    text-align: left;
    text-transform: uppercase;
}
.noga-blok p,
.noga-blok a,
.noga-blok li {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    text-transform: none;
    letter-spacing: normal;
}
.noga-blok a:hover {
    text-decoration: underline;
}
.noga-povezave {
    flex: 0 0 auto;
}
.noga-povezave-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.noga-povezave-list li {
    margin-bottom: 6px;
}

/* Mobilno / manjši zasloni: bloki se zlagajo pod sebe in centrirajo */
@media only screen and (max-width: 767px) {
    .noga-flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 30px;
    }
    .noga-kontakt {
        justify-content: center;
        text-align: center;
    }
    .noga-blok h6 {
        text-align: center;
    }
    .noga-logo img {
        margin: 0 auto;
    }
}

/* ===== Glava: ureditev glavnega menija ===== */
/* Notranje strani (ne domača): grb v glavi pomanjšan za 50 % */
.notranja-stran .cd-logo img {
    width: 45px;
}

@media only screen and (min-width: 1024px) {
    /* Brez hamburgerja: "Domov" skrijemo – domov je klik na grb */
    .cd-primary-nav > li.domov-item {
        display: none;
    }
    /* Prikaži največ prvih 5 glavnih izbir.
       Otrok 1 = .nav-on-left-logo (skrit), otrok 2 = .domov-item (skrit),
       torej so vidni otroci 3–7 (5 izbir), 8. in naprej skrijemo. */
    .cd-primary-nav > li:nth-child(n+8) {
        display: none !important;
    }
    /* Meni poravnamo levo – takoj za grbom, brez odvečnega prostora. */
    .cd-primary-nav {
        float: left;
        padding-left: 0;
        margin-left: 150px;
    }
    /* Prvi vidni izbiri odvzamemo levi rob, da se stisne tik ob grb
       (otroka 1 in 2 sta skrita, prvi viden je 3.). */
    .cd-primary-nav > li:nth-child(3) {
        margin-left: 0;
    }
    /* Notranje strani: grb je pomanjšan, zato meni približamo bolj levo. */
    .notranja-stran .cd-primary-nav {
        margin-left: 105px;
    }
}

/* Glavne izbire spustimo nekoliko niže LE na dovolj širokem oknu (meni v eni vrsti).
   Pri ožjem oknu se meni prelomi v dve vrsti – tam naj ostanejo pri vrhu (kot prej). */
@media only screen and (min-width: 1280px) {
    .notranja-stran .cd-primary-nav {
        padding-top: 20px;
    }
}

/* Notranje strani (ne domača): brez velikega hero-ja, le odmik pod fiksno glavo */
.notranja-glava-spacer {
    padding-top: 70px;
    padding-bottom: 0;
}
@media only screen and (min-width: 1024px) {
    .notranja-glava-spacer {
        padding-top: 95px;
    }
}

/* Popravek napovedi na mobilnem/tabličnem: škatle brez slike (datum v normalnem
   toku) ne smejo dobiti absolutnega/fiksnega datuma iz splošnega pravila za
   škatle s sliko – sicer se datum in naslov prekrivata. */
@media only screen and (max-width: 1169px) {
    .team-box-1.full-image-box.brez-slike .team-name-top {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        line-height: normal !important;
        padding: 8px 15px !important;
        box-sizing: border-box !important;
    }
}

/* Drobtinice (breadcrumbs) na podstraneh */
.breadcrumbs {
    padding: 8px 0 0;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #777;
}
.breadcrumbs a {
    color: #3368c6;
    text-decoration: none;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumbs .bc-sep {
    color: #aaa;
    margin: 0 6px;
}
.breadcrumbs .bc-current {
    color: #555;
    font-weight: 600;
}

/* ===== Hamburger ločljivost (<1024px): napis ob grbu + manjši grb ===== */
/* Napis "Škofija Murska Sobota" je privzeto skrit (na desktopu ga ni). */
.cd-logo-text {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .cd-logo {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        top: 0; /* grb čisto na vrh, ko je hamburger */
    }
    .cd-logo-text {
        display: inline-block;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 1.15;
        color: #3368c6; /* modra iz grba */
        white-space: nowrap;
    }
    /* V hamburgerju grb dodatnih ~10 % manjši */
    .cd-logo img {
        width: 81px; /* domača: 90 -> 81 */
    }
    .notranja-stran .cd-logo img {
        width: 40px; /* notranje strani: 45 -> 40 */
    }
}

/* Na telefonu v glavi samo grb. Napis "Škofija Murska Sobota" je nowrap in ob
   grbu vzame okoli 110 px -- skupaj z iskanjem in hamburgerjem na desni je
   glava pretesna. Na tablici (768-1023 px) prostora je, zato napis ostane. */
@media only screen and (max-width: 767px) {
    .cd-logo-text {
        display: none;
    }

    /* Odmiki v karticah se na ozkem zaslonu sestevajo: 10 px obrobe kartice,
       10 px zunanjega in 30 px notranjega odmika pomeni 50 px na vsaki strani.
       Na 360 px telefonu je besedilu ostalo 230 px. Tu jih zmanjsamo, tako da
       ostane okoli 280 px.

       Vsota notranjega in zunanjega odmika mora ostati enaka tudi ob prehodu
       miske (izvirni par je 30+10 in 40+0), sicer kartica ob dotiku poskoci in
       masonry postavitev se razide. */
    .blog-box-3 {
        border-width: 5px;
    }
    .blog-box-1 {
        margin: 5px;
        padding: 15px;
    }
    .blog-box-1:hover {
        margin: 0;
        padding: 20px;
    }
}

/* Napovednik: naslov seznama mora biti jasno dominanten nad zelenimi datumi.
   Zeleni datum naredimo manj vpadljiv (manjši, tanjši, brez okrasne pisave). */
.post-sidebar h4.napovednik-naslov {
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 14px;
    border-bottom: 2px solid #e2e2e2;
}

/* Poenoten prikaz blokov v levem stolpcu (Napovednik, Misel dneva, Božja beseda, Anketa) */
.post-sidebar .sidebar-naslov {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21.6px; /* +20 % glede na prejšnjih 18px */
    line-height: 1.2;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: none;
    margin: 0 0 14px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e2e2;
}
.post-sidebar .sidebar-blok {
    padding: 0;
    border: 0;
    margin-bottom: 0;
}
.team-box-1.full-image-box.brez-slike .team-name-top {
    font-family: 'Lato', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    padding: 4px 12px !important;
}
.team-box-1.full-image-box.brez-slike .team-name-top span {
    line-height: 1.5 !important;
}

/* ---------------------------------------------------------------------------
   Trak pasic na naslovnici (v4/js/pasice.js).
   Nadomesca Owl Carousel; stevilo vidnih pasic mora ostati usklajeno s
   funkcijo steviloVidnih() v pasice.js -- 3 na namizju, 1 na telefonu.
   --------------------------------------------------------------------------- */
.pasice-trak {
    position: relative;   /* izhodisce za gumba levo/desno */
    overflow: hidden;
}

/* Gumba za rocno premikanje. Ustvari ju pasice.js, zato ju brez JS ni. */
.pasice-gumb {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    color: #B4925A;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    transition: background 0.2s ease, color 0.2s ease;
}

.pasice-gumb:hover,
.pasice-gumb:focus {
    background: #B4925A;
    color: #fff;
    outline: none;
}

.pasice-gumb svg {
    width: 18px;
    height: 18px;
    display: block;
    margin: 0 auto;
}

.pasice-gumb-prej { left: 0; }
.pasice-gumb-nasl { right: 0; }

.pasice-seznam {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    will-change: transform;
}

.pasice-seznam > li {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 0;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .pasice-seznam > li {
        flex-basis: 100%;
        max-width: 100%;
    }
}

/* Pasice imajo fiksno sirino 250 px; brez tega bi jih flex raztegnil. */
.pasice-seznam > li img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Puscica na koncu povzetka novice oz. napovedi.
   Prej je bila <div> za odstavkom, torej blokovni element v svoji vrstici;
   zdaj je <span> znotraj <p> in stoji takoj za besedilom. Fiksna visina
   vrstice (enaka kot v body) poskrbi, da povecanje pisave ob prehodu miske
   -- .blog-box-1:hover .link nastavi 20 px -- odstavka ne razmakne. */
.blog-box-1 p .link {
    display: inline;
    line-height: 24px;
    vertical-align: baseline;
}

/* Stolpec z delezem glasov v anketi je prosojen gif velikosti 1x1, ki ga
   raztegneta atributa width in height. Globalni height:auto iz layout.css bi
   visino vzel iz naravnega razmerja 1:1, zato bi iz stolpca nastal kvadrat --
   tu jo povrnemo na zapisanih 8 px. */
.anketa-stolpec {
    height: 8px;
}

/* Mreza novic in napovedi: kartice zlozi v stolpce v4/js/masonry.js.
   Razred masonry-aktiven doda skripta, zato brez JS veljajo float pravila iz
   layout.css -- postavitev je takrat manj lepa (praznine pod nizjimi
   karticami), a se stran vseeno izpise. */
.blog-grid-masonry.masonry-aktiven > a {
    /* Povezava ovija kartico; ker ta lebdi, mora ovoj ostati brez visine,
       sicer bi vsak od njih prispeval eno prazno vrstico. */
    display: block;
    height: 0;
}
.blog-grid-masonry.masonry-aktiven .blog-box-3 {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    /* layout.css kartice zamakne za piksel, da se pri float postavitvi
       robovi ne podvojijo; tu polozaj racunamo sami. */
    margin-left: 0;
    transform: none;
}