@page { 
    size: auto;
    margin: 1.5cm 1cm 2cm 1cm; 
	} 

body{
	-webkit-print-color-adjust: exact !important;
	print-color-adjust: exact; 
	line-height: 1.25;
	font-size: .9rem;
	}

.button-wrapper, .split-wrapper, #bottom-button-wrapper, button.large{ display: none; }
.print-only{ display: block !important; }
.no-print, #header-wrapper{ display: none !important; }
#back-to-top{ display: none !important; }
#header-wrapper{ display: none; }
#previous{ display: none; }
#next-button, #skip{ display: none; }

button, button:hover, button.red, button.red:hover {
	background-color: transparent;
	font-weight: bold;
	color: #000;
	padding: .25rem;
	transform: scale(1);
	}

video {display: none;}

a:link, a:visited, a:hover, .link, .link:hover {
	font-weight: normal;
	color: #000;
	}	

.top-message-wrapper.show{ display: none; }
#outer-wrapper{ margin:0; }


h1{ 
	font-weight: normal;
	color: #000;
	padding:  0;
	margin: 0;
	font-size: 1.7rem; 
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing: normal;
    word-spacing: normal;
	}
h2 {
	font-size: 1.23rem;
    padding: .75rem 0 0.15rem 0;
	}
p + h2, ul + h2, .img-right-wrapper + h2{
	padding-top: 1rem;
	}	
h1 + h2 { padding-top: 1rem; }	
.toggle-box + h2 { padding-top: 1.5rem; }

ul { margin: 0.5rem 0 0.5rem 1rem; }
li{	padding: .15rem 0; }

hr{ font-size: 1.5rem; }

hr.dotted{ margin: 1rem 0 1rem 0; }




.img-right-wrapper img{ width: 12rem; }
.img-right-wrapper.small img { width: 8rem; }
.img-center-wrapper img{ width: 70%; }
.img-center-wrapper.small img{ width: 50%; }		


/* FOOTER */ 
footer li{
	padding:0;
	line-height: 1rem;
	}
footer{
	padding-top: .5rem;
	font-size: .8rem;
	margin: 1rem 0 0 0;
	}	
footer a::after { content: " (" attr(data-shorturl) ")"; }

footer.white{ border-top: solid 1px #000; }	
footer, footer ul, footer li, 
footer.white li, footer.white a:link, footer.white a:visited, footer.white a:hover, footer.white li::before{ color: #000; }



.toggle-box {
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: .75rem 0;
	margin: 1rem 0;
	}
.toggle-box.show{
	display: block;
	}
.toggle-title {
	padding: 0;
	color: #000;
	background-color: transparent;
	}
.toggle-title:hover{
	background-color: transparent;
	}	
.toggle-box .toggle-content-wrapper {
	border: none;
	padding-bottom: .5rem;
	}	
.toggle-box .arrow, .toggle-box.show .arrow {
	background-image: none;
	}	
.toggle-box + .toggle-box{
	border-top: none;
	margin-top: -1rem;
	}
.toggle-title.icon img { display: none; }
.toggle-title.icon { padding: 0; }




.icon-grid{
    grid-template-columns: 5rem auto;
    grid-gap: 1.5rem 1.5rem;
    padding: 1rem 0;
	}
.icon-grid.small {
	grid-template-columns: 3.5rem auto;
	grid-gap: .5rem .75rem;
	}	
.icon-grid.mini {
    grid-template-columns: 2.25rem auto;
    grid-gap: 1.5rem .75rem;
	}
.item-info-grid{
	grid-template-columns: 5rem auto;	
	break-inside: avoid;
	margin-top: .5rem;
	grid-gap: 1.5rem;
	}
.icon-grid .attention{ 
	background-color: transparent; 
	padding: 0;
	margin: -.5rem 0 .5rem 0;
	}


/* HOME -------------------- */
#home-logo{
	animation: none;
	width: 15rem;	
	padding: 0;
	}
.banner{
	color: #000;
	font-weight: normal;
	padding: 0;
	background-color: transparent;
	}
.main-icons { 
	display: flex;
	flex-wrap: wrap;
	color: #000;
	grid-gap: 1rem 2rem; 
	}
.main-icons > div{ width: min-content; }	
.main-icons > div img {
	width: 80%;
	margin-bottom: 0;
	}
.main-icons button { 
	padding: .5rem 0 0 0; 
	margin: 0;
	}