@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap");

:root {
    --figcaption-content: "Изображение: ";
    --tblcaption-content: "Таблица: ";
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
    margin: 1em;
    font-family: Times, "Liberation Serif", serif;
    font-size: 14pt;
    font-weight: 400;
    line-height: 1.285em;
    color: #000;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
}
code {
    font-family: "Courier New", "Courier", monospace;
}
/* Kazalo */
#TOC h2 {
    font-weight:400;
}
#TOC ul {
    padding-left: 0;
    list-style-type:none;
}
#TOC ul ul {
    margin-left: 1em;
}
#TOC ul li {
    font-weight: 600;
    font-size: 1.175em;
}
#TOC ul li ul li {
    font-weight: 400;
    font-size: 1.1em;
}
#TOC ul li ul li ul li {
    font-weight: 400;
    font-size: 1em;
}
#TOC li ul {
    padding-top: .4em;
}
#TOC li {
    line-height: .975em;
    padding-bottom: .4em;
}
::marker {
    font-weight: bold;
}
a {
    text-decoration: none;
    color: #0000EE;
}
a:visited {
    color: #0000EE;
}
header a:visited, header a:hover, header:active {
    color: #fff;
}
h1,h2,h3,h4,h5 {
    font-weight: 600;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
    font-size: 1.55em;
    line-height: 1.5;
}
h2 {
    font-size: 1.25em;
}
h3 {
    font-size: 1.1em;
}
h4 {
    font-size: 1.05em;
}
h5 {
    font-size: 1em;
}
ol {
    margin-left: .3em;
}
/* V PDF gre vsako poglavje na novo stran */
/* @media print { */
h1 {
    page-break-before: always;
}
/* Razen h1 v heading */
header h1 {
    page-break-before: auto;
}
/* MD citati z znakom > */
blockquote {
/*    padding: 0ex 1em 1px 1em;*/
    border-left: 5px solid darkblue;
    background-color:lightgray;
    color: darkslategray;
    font-style: normal;
    display: block;
}
/* Specificne nastavitve za opozorila */
.warnbox {
    color:darkred;
    background-color: #ffdcd6;
    border-left: 5px solid #eb5951;
}
/* Specificne nastavitve za primere */
.infobox {
    color: darkslategray;
    background-color:whitesmoke;
    border-left: 5px solid darkgray;
}
/* Specificne nastavitve za namige */
.hintbox {
    color: darkgreen;
    background-color:#e3fae1;
    border-left: 5px solid #9ce68f;
}
/* Specificne nastavitve za video */
.videobox {
    color: midnightblue;
    background-color:lightcyan;
    border-left: 5px solid deepskyblue;
}
/* Razredi za prikaz opozoril, primerov in nasvetov */
.warnbox, .infobox, .hintbox, .videobox {
    padding: 1ex 1ex 1ex 6ex;
    margin-right: 10ex;
}
/* Vodilna ikona za opozorila, primere in nasvete */
/* .warnbox::before, .infobox::before, .hintbox::before {
    font-size: 200%;
    content: var(--box-icon);
    color: var(--box-color);
    padding: 5px;
} */
/* Naslovna vrstica za opozorila, primere in nasvete */
/* .warnbox::first-line, .infobox::first-line, .hintbox::first-line {
    padding-top: 5px;
    font-size: large;
    font-weight: bold;
} */
/* Naslovna vrstica za opozorila, primere in nasvete */
.warnbox > p:first-of-type::first-line, .infobox > p:first-of-type::first-line, .hintbox > p:first-of-type::first-line, .videobox > p:first-of-type::first-line {
    padding-top: 5px;
    font-size: 1.2em;
    font-weight: bold;
}
.warnbox > p:first-of-type:before {
    content:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' viewBox='0 0 16 16'><path d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z'/><path d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z'/></svg>");
    display:inline-block;
    width:2em;
    height:2.7em;
    vertical-align: middle;
    margin-left:-1.2em;
    padding-right:2em;
}
.hintbox > p:first-of-type:before {
    content:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' viewBox='0 0 16 16'><path d='M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z'/></svg>");
    display:inline-block;
    width:2em;
    height:2.7em;
    vertical-align: middle;
    margin-left:-1.2em;
    padding-right:2em;
}
.infobox > p:first-of-type:before {
    content:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' viewBox='0 0 16 16'><path d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/><path fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z'/></svg>");
    display:inline-block;
    width:2em;
    height:2.7em;
    vertical-align: middle;
    margin-left:-1.2em;
    padding-right:2em;
}
.videobox > p:first-of-type:before {
    content:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' class='bi bi-camera-reels-fill' viewBox='0 0 16 16'><path d='M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/><path d='M9 6a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/><path d='M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h7z'/></svg>");
    display:inline-block;
    width:2em;
    height:2.7em;
    vertical-align: middle;
    margin-left:-1.2em;
    padding-right:2em;
}
table.table {
    margin: 6px 0 18px 0 !important;
}
figure {
    padding: 4px;
    margin: auto;
    text-align: left;
}
figcaption {
    color: darkslateblue;
    font-style: italic;
    padding: 2px;
}
figcaption::before {
    content: var(--figcaption-content);
    font-weight: bold;
}
table caption {
    caption-side: bottom;
    color: darkslateblue;
    font-style: italic;
    padding-top: 1ex;
}
table caption::before {
    content: var(--tblcaption-content);
    font-weight: bold;
}
table {
    border-collapse: collapse;
}
thead {
    border-bottom: 3px double lightgray;
}
th {
    padding: 0.45em;
    background-color: #f2f0ee;
    text-transform: uppercase;
    font-weight:600;
}
th strong, td strong {
    font-weight:600;
}
th, td {
    border: 1px solid lightgray;
    line-height:1em;
}
td {
    padding: 1ex;
}