/* Članak */
/* Poppins italic (samo ovde: <em> u tekstu članka) */
@font-face{font-family:"Poppins";font-style:italic;font-weight:400;font-display:swap;src:url("../../fonts/poppins-400i-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:italic;font-weight:400;font-display:swap;src:url("../../fonts/poppins-400i-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.post__head { display: flex; flex-wrap: wrap; align-content: flex-start; margin-top: 100px; }
.post__head > * { width: 100%; }
.post__title {
    margin-bottom: 20px;
    color: #1E1E1E;
    font-family: "Poppins", Sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -1px;
}
.post__line { margin-bottom: 20px; padding: 2px 0; }
.post__line::before { content: ""; display: block; border-top: 1px solid #D3D3D3; }
.post__head > .post__meta {
    width: auto;
    color: #1E1E1E;
    font-family: "Poppins", Sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
}
.post__meta--date, .post__meta--read { margin: 32px 0 20px; line-height: 1.65; align-self: flex-start; }
.post__meta--read { margin-left: 40px; }
.post__meta--date time, .post__meta--read span, .post__meta--author span { font-weight: 700; }
.post__meta--author { margin: 10px 0 0 40px; line-height: 1; align-self: center; }

.post__img { display: flex; min-height: 800px; margin-top: 32px; line-height: 0; }
.post__img img { display: inline-block; width: 100%; height: 800px; object-fit: cover; object-position: center center; }

.post__body {
    display: flow-root;
    max-width: 950px;
    margin: 64px auto 0;
    color: #1E1E1E;
    font-family: "Poppins", Sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -1px;
}
.post__body p { margin-bottom: .5em; }
.post__body h2 {
    margin: 0 0 .7em;
    color: #1e293b;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.3em;
}
.post__body img { display: inline; max-width: 100%; height: auto; font-weight: 600; }

@media (max-width: 1200px) {
    .post__title { font-size: 50px; line-height: 55px; }
    .post__body { max-width: 1600px; }
}
@media (max-width: 1024px) {
    .post__title { margin: 0 0 16px 8px; font-size: 30px; line-height: 30px; }
    .post__line { margin-bottom: 16px; }
    .post__head > .post__meta { width: 100%; margin: 0 0 10px 8px; font-size: 14px; }
    .post__head > .post__meta--author { margin-bottom: 0; font-size: 1rem; }
    .post__img { margin-top: 16px; }
    .post__body { margin-top: 30px; }
    .post__body h2 { font-size: 24px; }
    .post__body p { font-size: 14px; }
}
@media (max-width: 767px) {
    .post__img { min-height: 260px; }
    .post__img img { height: 260px; }
}