/*
    Styles for when you print a page.
    Let's begin by stealing some defaults from Ontario.ca, 
    with a few modifications inspired by Andreas Hecht
*/
.show-for-print {
    display: none
}

@media print {
    @page {
        size: auto;
        margin: 10mm 10mm 10mm 10mm
    }

    html {
        background-color: #fff !important;
        margin: 0;
    }

    body {
        display: block;
        margin: 5mm;
        overflow: visible !important
    }

    h1 {
        font-size: 24pt
    }

    header h1 {
        font-size: 30pt
    }

    h2,
    h3,
    h4 {
        font-size: 14pt;
    }

    aside h2 {
        font-size: 18pt
    }

    .hide-for-print {
        display: none !important
    }

    .ontario-logo-print {
        -webkit-filter: invert(100);
        filter: invert(100)
    }

    .ontario-header__logo-container {
        left: 0;
        position: absolute
    }

    .header__logo-container img {
        width: 180px
    }

    .show-for-print {
        display: block
    }

    span.show-for-print {
        display: inline-block
    }

    a[href^="#"]:after {
        display: none
    }

    a[href^="/"]:after {
        content: " (https://www.ontario.ca"attr(href) ") ";
        font-size: 90%;
        padding-left: .675rem
    }

    a[href^="mailto:"]:after,
    a[href^=http]:after {
        content: " ("attr(href) ") "
    }

    a[href$=".gif"],
    a[href$=".gif"]:after,
    a[href$=".gif"]:visited,
    a[href$=".jpg"],
    a[href$=".jpg"]:after,
    a[href$=".jpg"]:visited,
    a[href$=".png"],
    a[href$=".png"]:after,
    a[href$=".png"]:visited {
        display: none
    }

    .no-wrap,
    a[href^=tel] {
        white-space: nowrap
    }

    a,
    blockquote,
    table,
    pre {
        page-break-inside: avoid
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    img {
        page-break-after: avoid;
        page-break-inside: avoid
    }

    ul,
    ol,
    dl {
        page-break-before: avoid
    }

    p,
    address,
    li,
    dt,
    dd,
    blockquote {
        font-size: 100%
    }

    a,
    a cite {
        color: #000 !important;
        text-decoration: unset !important
    }

    table {
        border: 2pt solid #ccc;
        overflow-x: unset;
        word-break: break-word
    }

    table th,
    td {
        border: 1pt solid #ccc;
        width: auto
    }

    table th {
        text-align: left
    }

    table thead {
        background: #fff
    }

    table thead th {
        color: #000
    }

    /* 
        Okay now let's write our own...
    */
    * {

        &:focus-visible,
        &:focus,
        &:visited,
        &:active,
        &:hover {
            box-shadow: unset !important;
            transform: unset !important;
            outline: unset !important;
        }
    }

    h1,
    .ontario-h1,
    h2,
    .ontario-h2,
    h3,
    .ontario-h3,
    h4,
    .ontario-h4,
    h5,
    .ontario-h5,
    h6,
    .ontario-h6,
    p,
    .ontario-accordion__content *,
    main dd,
    main li,
    .regular-page__description,
    [data-responsive-column-item],
    .custom-post-type-flex-item .ontario-card.custom-post-type-card {
        max-width: 100% !important;
    }

    footer,
    ontario-back-to-top,
    .ontario-back-to-top,
    .ontario-header__container,
    .breadcrumb-nav,
    .sidebar,
    .ontario-accordion__button--expand-all:not([data-master-button]),
    nav.back-button, #filter-form {
        display: none !important;
    }

    .print-header {
        text-align: center;
        margin: 0 auto 1rem;
        max-width: 72rem;
        width: 100%;
    }

    .breadcrumb-nav+.page-title {
        margin-top: 0;
    }

    .post-main__content {
        padding-top: 2rem;
    }

    .ontario-card__meta-list-item,
    .program-pill {
        padding-bottom: .5rem;
    }

    .program-pill {
        background-color: transparent !important;
        border: 0 solid transparent !important;
        display: block;
        text-align: left;
        font-weight: 400;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: list-item;
        list-style-type: disc;
        list-style-position: outside;
        color: black;
        margin-left: 2rem;
        margin-top: 0;
        padding-left: 0;
        padding-top: .25rem;
        line-height: 1.6;

        & .show-for-sr {
            position: static !important;
            clip: unset !important;
        }

        & [aria-hidden="true"] {
            display: none !important;
        }
    }

    .ontario-button {
        color: #fff !important;
    }

    .ontario-card__meta {
        background-color: transparent;
        border-top-color: black;
    }

    .ontario-accordion__content {
        display: block;
    }

    .ontario-accordion__button-icon--close {
        display: flex;
    }

    .ontario-accordion__button-icon--open {
        display: none;
    }

    .q-a,
    .guidelines {
        & .ontario-accordion__button .accordion-list-item__heading {
            font-weight: bold !important;
        }
    }

    .q-a {
        & .ontario-accordions__container {
            &:last-child {
                border-bottom: 0 solid transparent;
            }
        }
    }

    .guidelines {
        & .ontario-accordion__content {
            padding-left: 2.5rem;
        }
    }

    .ontario-alert {
        background-color: transparent !important;
        border-color: black !important;
    }

    .table-of-contents li {
        padding-bottom: .5rem;

        &::marker {
            color: unset;
        }
    }

    [data-responsive-columns] {
        display: block !important;
    }

    [data-responsive-column-item] {
        margin-bottom: 1rem;
    }

    .custom-post-type-flex-item .ontario-card.custom-post-type-card {
        border-left: 0 solid transparent !important;
        display: inline-block;
        height: auto;
        padding-left: 0;
    }

    .banner {
        background-color: transparent;
        color: unset;
    }

    .banner:before {
        display: none;
    }

    .custom-post-type-flex-container {
        display: block;
        max-height: unset;
    }

    .ontario-card {
        width: 100% !important;
        background-color: transparent;
        border: 0 solid transparent;
    }

    .ontario-card__description--eopg {
        margin-left: 0 !important;
    }

    .ontario-card__heading--eopg,
    .ontario-card__heading--eopg-all-updates a,
    .ontario-card__description--eopg-excerpt,
    .ontario-card__relationships {
        padding-left: 0 !important;
        margin-bottom: 0 !important;
        display: inline-block !important;
    }

    .ontario-card__container--eopg-home {
        flex-direction: column;
    }

    .ontario-card__heading a::after {
        position: relative !important;
    }
    .ontario-card__relationships {
        padding-bottom: 0 !important;
    }
    .ontario-card__relationship>div {
        margin-bottom: .5rem !important;
    }
    .quick-link {
        align-items: flex-end;
        flex-wrap: wrap;
    }
    .quick-link__text-wrap {
        margin-right: 1rem;
        line-height: unset;
    }
    .ontario-card__description--eopg-excerpt {
        max-height: none;
    }
}