/* Nastavenie pre celý článok */
.article-content {
    max-width: 1000px;     
    margin: 0 auto;       
    padding: 5px;        
    text-align: left;     
    font-family: 'Open Sans', sans-serif; 
    font-size: 16px;      
    color: #242424;       
    line-height: 1.5em;  
    margin-top: 10px;    /* Zmenšená horná medzera */
    margin-bottom: 10px; /* Zmenšená spodná medzera */
}


/* Štýl pre H1 nadpisy */
/* Štýl pre H1 na väčších zariadeniach */
h1 {
    text-align: center;            /* Centrovanie nadpisu */
    font-size: 32px;               /* Jemnejšia veľkosť písma pre PC */
    font-weight: 300;              /* Ešte tenšie písmo */
    font-family: 'Lora', serif;    /* Luxusný serifový font, jemný */
    letter-spacing: 1px;           /* Väčší priestor medzi písmenami */
    text-transform: uppercase;     /* Veľké písmená pre dramatický efekt */
    line-height: 1.2;              /* Väčšie medzery medzi riadkami */
    margin-top: -20px;             /* Priblíženie k headeru */
    margin-bottom: 20px;           /* Priestor pod nadpisom */
    max-width: 50%;                /* Užší kontajner pre nadpis */
    margin-left: auto;             /* Centrovanie kontajnera */
    margin-right: auto;            /* Centrovanie kontajnera */
}



/* Štýl pre H1 na mobilných zariadeniach */
@media (max-width: 768px) {
    h1 {
        font-size: 24px;           /* Menšia veľkosť písma na mobilných zariadeniach */
        line-height: 1.2;          /* Menšia medzera medzi riadkami na mobilných zariadeniach */
        max-width: 90%;            /* Kontajner na mobilných zariadeniach je širší */
        margin-top: -25px;             /* Menšia horná medzera na mobilných zariadeniach */
    }
}

/* Štýl pre H2 nadpisy */
h2 {
    font-size: 24px;      /* Menšia veľkosť podnadpisov */
    color: #555;          /* Svetlejšia farba pre podnadpisy */
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: left;     /* Zarovnanie H2 na ľavo */
}

/* Štýl pre odseky */
.article-content p {
    text-align: left; 
    margin-bottom: 20px;  /* Priestor medzi odsekmi */
    font-size: inherit;   /* Zachovanie rovnakého formátu ako z .article-content */
    color: inherit;       /* Rovnaká farba textu */
}

/* Štýl pre obrázky */
.article-content img {
    max-width: 100%;      /* Obrázky sa prispôsobia veľkosti kontajnera */
    height: auto;         /* Zachovanie pomeru strán obrázka */
    display: block;
    margin: 20px auto;    /* Obrázky centrované */
    border-radius: 8px;   /* Jemné zaoblenie okrajov obrázka */
}

/* Citácie */
.article-content blockquote {
    font-style: italic;
    margin: 20px 0;
    padding-left: 20px;
    border-left: 4px solid #ccc;
    color: #666;
}

/* Linky */
.article-content a {
    color: #0073e6;
    text-decoration: none;
}

.article-content a:hover {
    text-decoration: underline;
}

#publish-date {
    text-align: right; /* Umiestnenie napravo */
    color: #999999; /* Svetlosivá farba pre dátum */
    font-size: 14px; /* Menšia veľkosť textu */
    margin-top: 10px; /* Priestor nad dátumom */
    margin-bottom: 0; /* Zrušenie spodného marginu */
}