@media print {

    body {
        background: white !important;
        color: black !important;
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 12pt;
        line-height: 1.5;
        margin: 0;
        padding: 0;
    }

    .navbar,
    .site-footer,
    .custom-video-wrapper,
    .custom-video-caption,
    .navbar-expand-lg,
    .bg-body-tertiary,
    header,
    footer,
    nav,
    figure,
    video,
    details {
        display: none !important;
    }

    .content{
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0;
        margin: 0 0 1.5rem 0;
        width: 100% !important;
    }

    h2, h2, h3, h4 {
        color: black !important;
        page-break-after: avoid;
        page-break-before: avoid;
    }

    a {
        color: black !important;
        text-decoration: underline;
    }

    img {
        max-width: 100% !important;
        width: 50% !important;
        filter: none !important;
        box-shadow: none !important;
    }

    table,
    #custom-runeterra-table {
        width: 100% !important;
        border: 1px solid #000 !important;
        border-collapse: collapse !important;
        background-color: transparent !important;
        color: black !important;
        font-size: 11pt;
        box-shadow: none !important;
    }

    table th,
    table td,
    #custom-runeterra-table th,
    #custom-runeterra-table td {
        border: 1px solid #000 !important;
        padding: 6px;
        background-color: transparent !important;
        color: black !important;
        box-shadow: none !important;
    }

    form,
    input,
    textarea,
    button,
    select {
        display: none !important;
    }

    .lore-note {
        background: none !important;
        border-left: 3px solid #444 !important;
        color: black !important;
    }

    @page {
        margin: 1in;
    }
}