/**********************************************************************
* MARSH LADIES CHOIR - PRINT STYLESHEET
* - August 2026, Print Stylesheet
*
* Retains the normal site styling but removes screen-only elements
* and backgrounds for printing.
**********************************************************************/

/**********************************************************************
* PAGE
* white background with margin
**********************************************************************/
@page {
    margin: 5mm 5mm;
}
html,
body {
    background: var(--colour-white);
}

/**********************************************************************
* HIDE SCREEN-ONLY ELEMENTS
* do not display
**********************************************************************/
/* Social media icons */
.social-menu {
    display: none;
}
/* Main navigation */
.page-menu {
    display: none;
}
/* Home-page rotating banner */
#slideBanner {
    display: none;
}
/* Page banners */
#page-banner {
    display: none;
}
/* Right-hand sidebar */
.page-content .page-aside {
    display: none;
}
.page-footer {
    display: none;
}

/**********************************************************************
* PAGE LAYOUT
* with the aside removed, let main content use the full page.
.page-content {
    display: block;
}
**********************************************************************/

/**********************************************************************
* PAGE CONTAINER
* remove screen-only width restrictions and shadow.
**********************************************************************/
.page-container {
    max-width: none;
    min-width: 0;
    margin: 0;
    box-shadow: none;
}

/**********************************************************************
* BRAND LOGO
* adjust to hover style for print
**********************************************************************/
.page-header {
    background-color: var(--colour-brand);
    margin-left: 0.6em;
    margin-right: 0.6em;
}

.page-logo.add-link {
    background-color: transparent;
}

.page-logo.add-link h1 {
    color: var(--colour-white);
}

.page-logo.add-link h1 span {
    color: var(--colour-page);
}

.page-logo.add-link h1 small {
    color: var(--colour-white);
}

/**********************************************************************
* TEXT
* adjust font style for print
**********************************************************************/
.content-card p {
    font-size: 1.2em;
    line-height: 1.3;
}

/**********************************************************************
* CARDS
* adjust style for print
**********************************************************************/
.addlinebot {
    padding-bottom: 0;
}

/**********************************************************************
* PAGINATION
* keep cards together when printing
.content-card {
    break-inside: avoid;
    page-break-inside: avoid;
}
.content-card img {
    break-before: avoid;
    page-break-before: avoid;
}
**********************************************************************/
.content-card h2,
.content-card h3 {
    break-after: avoid;
    page-break-after: avoid;
}
/**********************************************************************
* LINKS
* remove decorative link indicators
**********************************************************************/
.add-link::after {
    display: none;
}