/* CSS Document */

:root {
/* light contrast */
	--bxrad: 		3px;							/* box border radius */
	--bxpad: 		15px;							/* box padding */
	--bxmarg: 		15px 0 35px 0;							/* box top-bottom margin */
	--bxback: 		rgba(0,0,0,0.05);				/* box background */
	--bxbrdr: 		dotted 1px rgba(0,0,0,0.25);	/* box border */
	
/* dark contrast */
	--bxbackw: 		rgba(255,255,255,0.15);					/* box dark background */
	--bxbrdrw: 		dotted 1px rgba(255,255,255,0.25);		/* box dark border */
	--bxcolorw: 	#fff;									/* box dark font color */			
}

* { scroll-margin-top: 200px !important; }

div.bbbl { 

	padding: var(--bxpad); 

	border-radius: var(--bxrad); 

	display: block;	clear: both;

	margin: var(--bxmarg);

	font-size: 0.75rem; 

	background: var(--bxback);

	color: inherit;	

	border: var(--bxbrdr);

	max-width: none;

}

div.bbbl:before {

	content: 'Page Summary';

	position: relative;

	text-transform: uppercase;

	letter-spacing: 0.125rem; 

	font-size: 0.65rem;

	border-bottom: var(--bxbrdr);

	padding: 5px 5px 15px 5px;

	display: block;

	font-weight: bold;

}

div.bbbl li { padding: 5px 0; line-height: 1.25; }



.whitetxt div.bbbl { background: var(--bxbackw); color: var(--bxcolorw); border: var(--bxbrdrw); }

.whitetxt div.bbbl:before { border-bottom: var(--bxbrdrw) }