/*****************  Printing  ***********************/
/* customized CSS for printing out readable content */

@media print {
	@page {
		margin-top: 0.75in;
		margin-left: 0.75in;
		margin-right: 0.5in;
		margin-bottom: 1.0in;
		@top-center {
			content: "Rephactor";
			font-size: 12pt;
		}
    	@bottom-left {
    		content: "Some interactive elements not shown";
    		font-size: 9pt;
    	}
	    @bottom-center {
        	content: "Page " counter(page) " of " counter(pages);
        	font-size: 12pt;
    	}
	    @bottom-right {
	    	content: "Copyright Rephactor.com";
	    	font-size: 9pt;
	    }
	}
	body {
		counter-reset: page;
	}
	div#reph-header-main.reph-header-main {
		min-height: 0;
		display:none !important;
	}
	#print-title {
	    font-size: 14pt;
	    font-weight: bold;
	    font-style: italic;
	    color: black;
	    display: block !important;
	}
	#reph-syllabus-container {
		display: none !important;
	}
	.topic-number {
		display: none !important;
	}
	#reph-topic img.reph-opener {
		display: none !important;
	}
	#reph-topic {
		margin: 0 !important;
		padding: 0 !important;
	}
	#reph-topic img.framed {
		break-inside: avoid;
		clear: both;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.reph-topic-title-bar {
		background-color: white !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		margin-bottom: 20px !important;
	}
	.reph-topic-title {
		font-size: 22pt !important;
	}
	.easter-egg-status {
		display: none !important;
	}
	#reph-topic-status {
		display: none !important;
	}
	#reph-topic-quotes {
		display: none !important;
	}	
	#reph-quick-check {
		display: none !important;
	}
	#reph-main-content {
		position: static;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
	}
	.section-head {
		background-color: white !important;
		border: 1px solid #ccc !important;
		margin: 18px 0 9px !important;
		break-inside: avoid;
		clear: both !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 
			0 2px 4px rgba(0, 0, 0, 0.06);
		border-radius: 6px;
		padding: 8px 12px;
	}
	.key-concept {
		background-color: white !important;
		break-inside: avoid;
	}
	.btw-sidebar {
		position: relative;
		margin-left: 2em;
		padding-left: 1em;
		background-color: white !important;
		border: 1px solid #B48EC5 !important;
		border-left: 30px solid #B48EC5 !important;
		break-inside: avoid;
		clear: both;
    }
    .btw-sidebar::before {
		content: "btw";
		font-family: "Garamond", "Times New Roman", Georgia, serif;
		position: absolute;
		left: -1.25em;              /* place outside the sidebar’s left edge */
		top: 0;                    /* align to the top of the sidebar */
		bottom: 0;                 /* stretch to the bottom */
		writing-mode: vertical-rl; /* vertical text, top-to-bottom */
		text-orientation: upright; /* keep letters upright */
		font-size: 2em;
		font-weight: 900;
		letter-spacing: -0.45em;
		color: black;
		display: flex;
		align-items: center;       /* center vertically within the sidebar */
		justify-content: center;   /* center horizontally in pseudo-element box */
	}
    .btw-image {
		display: none !important;
    }
	.common-error {
		background-color: white !important;
		break-inside: avoid;
	}
	.watch-this {
		display: none !important;
	}
	#reph-diy {
		display: none !important;
	}
	#reph-to-the-docs {
		display: none !important;
	}
	.rephactor-run-and-revise {
		display: none !important;
	}
	.reph-download-button {
		display: none !important;
	}
	.reph-run-and-revise-button {
		display: none !important;
	}
	.reph-footer-main {
		display: none !important;
	}
}