/*
 *  TLACOVA PODOBA STRANKY
 *
 *  Nacitava sa len pre media="print". Na obrazovke sa neuplatni nic z toho,
 *  co je tu nizsie.
 */

@page {
    margin: 16mm 14mm;
}

body {
    background: #fff;
    color: #1A1A1A;
    font-size: 11pt;
    font-weight: 300;
    line-height: 1.45;
    letter-spacing: 0;
}

a {
    color: #1A1A1A;
}

/*  Bootstrap pri tlaci dopisuje za kazdy odkaz jeho adresu a vsetko fixuje
 *  na ciernu s !important. Obe veci tu rusime.  */
a[href]:not(.video-facade)::after,
abbr[title]::after {
    content: "" !important;
}

/*  Navigacia, pata a vsetko, co sa da len klikat.  */
body > header,
footer,
nav,
.newsletter,
.modal,
.modal-backdrop,
#cookie_settings,
#lhc_status_container,
.head-link > a,
.breadcrumbs,
.helpdesk,
.team-formular,
.related-articles,
.article-nav,
.article-back,
.articles-categories,
.blog-social,
.owl-nav,
.owl-dots,
.mobile-menu-toggle,
.cart-menu,
form,
button,
input,
select,
textarea,
iframe,
video {
    display: none !important;
}

/*  Blok so sietami pod clankom nema vlastnu triedu, chyta sa cez pozadie.  */
#blog_article > .bg-blue {
    display: none !important;
}

.print-only {
    display: block;
}

span.print-only {
    display: inline;
}

/*  Hlavicka vytlacenej strany. Logo je modre, biele z webu by na papieri
 *  nebolo vidno.  */
.print-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10mm;
    border-bottom: 1px solid #BDBDBD;
    padding-bottom: 4mm;
    margin-bottom: 7mm;
}

.print-head img {
    width: 42mm;
    height: auto;
    max-width: none;
}

.print-head span {
    font-size: 10pt;
    color: #555 !important;
    white-space: nowrap;
}

/*  Mriezka a odsadenia sekcii na papieri nic neriesia.  */
.container {
    width: auto !important;
    max-width: none;
    padding: 0;
    margin: 0;
}

.row {
    margin: 0;
}

[class*="col-xs-"],
[class*="col-sm-"],
[class*="col-md-"],
[class*="col-lg-"] {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

/*  Odsadenie sekcii je na obrazovke vacsie nez cela horna marginala strany,
 *  a nasobia ho este specifickejsie pravidla pre prvu sekciu.  */
.padding-sm,
.padding-md,
.padding-lg,
section > .padding-md:first-child {
    padding: 0 0 6mm !important;
}

.margin-top,
.margin-bottom {
    margin: 0;
}

.bg-blue,
.bg-gray,
.bg-green,
.bg-white {
    background: none !important;
    color: inherit;
}

/*  Styri bodky pod nadpisom su ozdoba webu a maju byt svetle. Bootstrap ich
 *  pri tlaci prefarbuje na cierno a potom biju do oci.  */
.underline h1::before,
.underline h2::before,
.underline h3::before,
.underline h4::before {
    color: #BDBDBD !important;
}

.underline-green h1::before,
.underline-green h2::before,
.underline-green h3::before,
.underline-green h4::before {
    color: #75C921 !important;
}

/*  Sipka pred polozkou je polohovana absolutne od okraja kontajnera, ktory
 *  v tlaci nema odsadenie, a padala by na text.  */
#podpora_podstranka .support-wrap ul li::before {
    left: auto;
    margin-left: -18px;
}

/*  Clanok  */
.article-header {
    margin-bottom: 6mm;
}

.article-header h1 {
    font-size: 20pt;
    line-height: 1.2;
    color: #0D5EAF !important;
    margin: 0 0 3mm;
}

.article-meta {
    font-size: 9.5pt;
    color: #555 !important;
}

.article-meta .blog-article-author,
.article-meta .blog-article-date,
.article-meta .blog-article-sep,
.article-meta a {
    color: #555 !important;
    text-decoration: none;
}

.article-wrap {
    font-size: 11pt;
    orphans: 3;
    widows: 3;
}

.article-wrap h2,
.article-wrap h3,
.article-wrap h4 {
    color: #0D5EAF !important;
    page-break-after: avoid;
    break-after: avoid;
}

.article-wrap h2 {
    font-size: 15pt;
    margin: 8mm 0 2mm;
}

.article-wrap h3 {
    font-size: 13pt;
    margin: 6mm 0 2mm;
}

.article-wrap p {
    line-height: 1.45;
    margin-bottom: 3.5mm;
}

.article-wrap a {
    color: #1A1A1A;
    text-decoration: underline;
}

.article-wrap img {
    max-width: 100%;
    max-height: 75mm;
    width: auto;
    height: auto;
    margin-bottom: 5mm;
    page-break-inside: avoid;
    break-inside: avoid;
}

/*  V prehliadaci sa dlhy riadok roluje, na papieri by sa orezal.  */
.article-wrap pre {
    overflow: visible;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 9pt;
    line-height: 1.35;
    border: 1px solid #BDBDBD;
    padding: 3mm;
    margin: 0 0 4mm;
    page-break-inside: avoid;
    break-inside: avoid;
}

.article-wrap blockquote {
    border: 0;
    border-left: 3px solid #75C921;
    page-break-inside: avoid;
    break-inside: avoid;
}

.article-wrap table {
    page-break-inside: avoid;
    break-inside: avoid;
    font-size: 9.5pt;
}

.article-wrap th {
    background: none;
    border-bottom: 2px solid #1A1A1A;
}

.article-download {
    float: none;
    width: auto;
    margin: 0 0 5mm;
    background: none;
    page-break-inside: avoid;
    break-inside: avoid;
}

/*  Prehravacie tlacidlo nahradzuje adresa videa.  */
.article-wrap a.video-facade {
    background: none;
    width: auto;
    margin: 0 0 4mm;
    text-decoration: none;
    page-break-inside: avoid;
    break-inside: avoid;
}

.video-facade img {
    width: auto;
    max-width: 110mm;
    height: auto;
    margin-bottom: 1mm;
}

.video-facade::after {
    content: attr(href) !important;
    position: static;
    display: block;
    width: auto;
    height: auto;
    transform: none;
    border: 0;
    filter: none;
    font-size: 8.5pt;
    color: #555 !important;
    word-break: break-all;
}