/*
 * Print style sheet.
 */


/*
 * General.
 */

body {
	padding: 0px;  margin: 0px;
	font-family: var(--fontList);  font-size: var(--fontMasterSize);
	background-color: var(--themeColour0);
	color: var(--ljmuDarkColour);
}

h1 , h2 , h3 {
	color: var(--themeColour1);  background-color: Initial;
	font-weight: Bold;
}

header.wide .banner {
	background-image: None !important;
	padding: Revert;
	min-height: Revert;
	print-color-adjust: Exact;
}
header.wide .banner h1 span {
	font-size: Revert;	
}

header div.tableOfContentsContainer.pinline {
	border-bottom: 0px;
}

.sideBanner {
	background-image: None !important;
	padding-left: Revert;
}


/*
 * Hide some navigation header and footer elements.
 */
.container-header .container-generalLinks ,
.container-header .container-search ,
.container-header .activate-menu ,
#navigationMainMenu ,
.footerNavigation ,
.container-footer ul ,
.tableOfContentsContainer .buttonRow {
	display: None !important;
}


/*
 * Force accordions and tabs to fully show contents. 
 */
.accordion .ui-accordion-content {
	display: Block !important;
}
.tabbedSection .container {
	display: Block !important;
}


/*
 * Force some elements to be printed using style of screen render, eg. with background colours.
 */

.container-header ,
.container-footer , 
.accordion .ui-accordion-header ,
.tabbedSection .tabs , 
.list-contents li ,
.list-downloads li , 
a.button {
	print-color-adjust: Exact;
}


/* 
 * Make interactive / dynamic / collapsable elements more readible.
 */

.tabbedSection .container {  /* Dash separator between tab sections. */
	border-top: 5px Dashed var(--themeColour0Mid3);
}
.tabbedSection .container:first-of-type {
	border-top: Revert;
}
.tabbedSection .container::before {
	display: Block;
	content: '[ TAB CONTENT STARTS ]';
	color: var(--themeColour0Mid3);
	margin-top: 0.5em;  margin-bottom: 0.5em;
}
.tabbedSection .container::after {
	display: Block;
	content: '[ TAB CONTENT ENDS ]';
	color: var(--themeColour0Mid3);
	margin-top: 0.5em;  margin-bottom: 0.5em;
}