/* Koda velja samo za zaslone, ki so ožji od 767 slikovnih pik (mobilni telefoni) */
@media (max-width: 767px) {
    
    /* Razširitev celotne glave predloge */
    .header-inner, .header {
        display: block !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    .brand {
        display: block !important;
        text-align: center !important;
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Prisilno razširjanje slike čez celoten zaslon */
    .brand img {
        width: 100% !important;        /* Razširi sliko popolnoma do robov ekrana */
        min-width: 100% !important;    /* Prepreči predlogi, da bi jo pomanjšala */
        max-width: 100% !important;    
        height: auto !important;       /* Sorazmerno prilagodi višino, da se ne popači */
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    
    /* Povečanje splošnega besedila in mobilnega menija */
    body {
        font-size: 16px !important; 
    }
}

/* POPRAVEK KONTRASTA BARV ZA GOOGLE */

/* 1. Nastavitev temno modrega ozadja in BELIHA besedila za POPOLNOMA VSE gumbe v meniju */
.nav-pills > li > a {
    background-color: #0076a8 !important;
    color: #ffffff !important; /* Prisili besedilo v belo barvo */
}

/* 2. Nastavitev za aktivni gumb (npr. Domov), ko je kliknjen */
.nav-pills > .active > a, 
.nav-pills > .active > a:hover, 
.nav-pills > .active > a:focus {
    background-color: #00608a !important; /* Še malenkost temnejša modra za aktiven gumb */
    color: #ffffff !important;
}

/* 3. Barva gumbov, ko se nanje pomaknete z miško (hover) */
.nav-pills > li > a:hover, 
.nav-pills > li > a:focus {
    background-color: #00557a !important;
    color: #ffffff !important;
}

/* 4. Temnejša modra barva za navadne tekstovne povezave na strani (e-pošta info@...) */
a, a:link, a:visited {
    color: #0076a8 !important;
}

a:hover {
    color: #00557a !important;
}

/* POPRAVEK ZA GUMB NA VRH STRANI (KONTRAST IN IZGLED) */
#back-top a, #back-top, .to-top {
    background-color: #0076a8 !important; /* Temno modro ozadje za gumb */
    color: #ffffff !important;            /* Popolnoma belo besedilo za kontrast */
    padding: 6px 12px !important;         /* Doda prostor okoli besedila, da nastane lepa škatlica */
    border-radius: 4px !important;        /* Rahlo zaobljeni robovi gumba */
    display: inline-block !important;
    text-decoration: none !important;
}

/* Še malo temnejše ozadje, ko se z miško pomaknete na gumb za vrh */
#back-top a:hover {
    background-color: #00557a !important;
    color: #ffffff !important;
}

/* POPRAVEK ZA RAZMIK MED NOVICAMI ( Ravno pravšnje dihanje za Google ) */
.categories-module li, .latestnews li, .newsflash li {
    padding-top: 3px !important;    /* Močno zmanjšan razmak zgoraj */
    padding-bottom: 3px !important; /* Močno zmanjšan razmak spodaj */
    line-height: 1.3 !important;    /* Idealna višina vrstice, da je seznam spet krajši */
}