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

body{
	-webkit-print-color-adjust: exact !important;
	print-color-adjust: exact; 
	line-height: 1.25;
	}

.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;}

/* link formatting */ 
footer a::after { 
	content: " (" attr(href) ") "; }
a:link, a:visited, a:hover, .link, .link:hover {
	font-weight: normal;
	color: #000;
	}	
footer a:link, footer a:visited {
	font-weight: normal;
	text-decoration: none;
	font-size: .85rem;
	}		

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


h1{ 
	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.3rem;
    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: .85rem;
	margin: 1rem 0 0 0;
	}	
/* last link (About the game) isn't shown because of relative path. This removes last pipe */ 	
footer li:nth-last-child(2)::after{
	content: '';
	}


table { border: none; }
td { padding: .15rem .5rem; }
td { 
	padding: .15rem .5rem; 
	font-weight: bold;
	}


.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-title {
    font-size: 2rem;
    line-height: 2rem;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #000;
    }
.banner {
	background-color: transparent;
    margin: 1rem 0 2rem 0;
    padding: 0;
    font-weight: normal;
    }    
.main-icons { 
	grid-gap: 1rem 2rem; 
	margin-bottom: 2rem;
	}
.main-icons > div img {
	width: 50%;
	margin-bottom: 0;
	}
.main-icons button { 
	padding: .5rem 0 0 0; 
	margin: 0;
	} 


/* GAME MENU ------------------------ */
.play-menu-new-game{ display: none; }
#saved-games-section h2{ padding-top: 0; }
#saved-games-section { margin-top: 1rem; }
#saved-games-wrapper {
	margin-top: .5rem;
	grid-gap: 1rem;
	}
#saved-games-wrapper .saved-game {
    box-shadow: none;
    border: 2px solid #ccc;
   	border-radius: 0;
    padding-bottom: 1rem;
    font-size: .95rem;
    break-inside: avoid;
	}	
.saved-game .delete-wrapper, .saved-game .continue-button{ display: none; }
.saved-game .progress {
	height: 1rem;
	margin-bottom: .5rem;
	}
.saved-game .score {
	margin: .5rem 0;
    font-size: 1.15rem;
    font-weight: normal;
	}	
.saved-game .quiz-attempts { margin: 0; }	
#delete-all-wrapper{ display:none; }


/* NEW GAME ----------------------------- */
#new-game .button-wrapper { display: none; }


/* QUIZ, PRE-QUIZ -------------------- */
.quiz-img-wrapper { grid-template-columns: 3.5fr 1fr; }
#quiz-section #card-wrapper {
	box-shadow: none;
	padding: 0 0 2rem 0;
	border: none;
	}
#quiz-section #progress-wrapper { display: none; }
#quiz-section #feedback-wrapper.wrong, #quiz-section #feedback-wrapper.correct{
	background-color: transparent;
	padding: 1rem 0 0 0;
	border-top: dotted 2px #ccc;
	}
.quiz-result-wrapper {
    border: 0;
    padding: 0;
	}
.quiz-summary{ display: block; }
.quiz-summary > img{ display: none; }
.detailed-quiz-results-wrapper { margin:0; }

/* NEW GAME ----------------- */
#skip-intro { display: none; }
.radio-wrapper { margin: 1rem 0 1.5rem 0; }
.radio-wrapper .container { margin: 1rem 0; }


/* DASHBOARD ----------------------- */
.dashboard-section button{ display: none; }
.dashboard-section .badge-feedback { margin: .25rem 0; }
.dashboard-section .img-right-wrapper .badge-feedback img {
	width: 2.5rem;
	min-height: 2.5rem;
	}
#dashboard #quiz-button{ display:none; }
.dashboard-section .badge-feedback { line-height: 1.15rem; }
.dashboard-section .level-status { margin: 0; }
.dashboard-section .img-right-wrapper { padding: 0; }
.dashboard-section .img-right-wrapper img {  width: 8rem; }
.dashboard-section.quiz-section .img-right-wrapper > div > img { width: 15rem; }


.water-border{
	background-color: transparent;
	color: #000;
	margin: 0;
	padding: 0;
	}
.water-border:before{ background-image: none; }
.water-border:after{ background-image: none; }







#rank-header img { 
	width: 3rem; 
	height: 3rem; 
	}
.rank-title { 
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.15rem;
	margin: 0; 
	font-weight: bold;
	}

.opening-text { 
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem; 
	}
.badge-feedback img, .expertise-feedback img { 
	animation: none; 
	width: 5rem;
	}



.panel .heading { 
	font-family: unset;
	color: #000;
	text-transform: unset;
	background-color: transparent;
	padding: 0 0 1rem 0;
	}
.panel .heading img { display: none; }
.panel .content, .panel .block {
	background-color: transparent;
	padding: 0;
	}	





/* PLAYER SUMMARY -------------------- */
#player-summary{ 
	margin: 0;
	padding:0; 
	}
#player-summary.toggle-box, #player-summary .toggle-box {
	border: none;
	}
#player-summary, #dashboard #player-summary{
	margin: 0;
	}
#player-summary > .toggle-title{
	color: #000;
	font-weight: normal;
	background-color: transparent;
	padding: 0;
	}
#player-summary.toggle-box .arrow,
#player-summary.toggle-box.show .arrow{
	background-image: none;
	}	

#player-summary.toggle-box .toggle-content-wrapper{
	background-color: transparent;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	}

#player-summary #summary-all-levels-complete{ grid-column: 1 / 3; }
#player-summary #summary-all-levels-complete img { 
	width: 3.5rem;
	min-height: 3.5rem; 
	}
#player-summary #summary-all-levels-complete.section{ 
	padding: .75rem 0 0 0; 
	font-weight: bold;
	}

#player-summary .section{
	padding: 1rem 0 0rem 0;
	border-radius: 0;
	margin: 0;
	}
#player-summary .section:first-of-type{ border: none; }
#player-summary .choose-detail-level{ display: none; }	
#player-summary .section.toggle-box .toggle-title.arrow, #player-summary .section.toggle-box .toggle-title.arrow:hover{
	background-image: none;
	color: #000;
	font-size: 1.1rem;
	font-weight: normal;
	padding: .25rem 0;
	}	
#player-summary .section.toggle-box .toggle-content-wrapper{
	border: none;
	padding: 0;
	display: block;
	}	

#player-summary.toggle-box > .toggle-content-wrapper{ 
	display: grid;
	grid-template-columns: 1fr 1fr;
	}
#player-summary #expertise{ 
	grid-column: 1 / 3; 
	margin: 1rem 0 0 0;
	padding: 0;
	justify-content: left;
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.15rem;
	color: #000;
	font-weight: normal;
	}
#player-summary #expertise img { width: 3.5rem; }	

#player-summary .badge-feedback img{ width: 2.55rem; }	
#player-summary .badge-feedback { 
	grid-gap: .5rem;
	font-size: .9rem;
	line-height: 1.15rem; 
	}
#player-summary .badge-feedback .title{ margin: 0; }

#player-summary #player-summary-quiz-section.section{
	grid-column: 1 / 3;
	margin-top: 1rem;	
	}
#player-summary .quiz-result-wrapper{
	border: none;
	padding: .9rem 0;
	border-bottom: 2px dotted #ccc;
	font-size: .9rem;
	}
#player-summary .quiz-result-wrapper:last-of-type{ border: none; }
.detailed-quiz-results-wrapper .question-answer-wrapper{
	page-break-inside: avoid;
	margin: .75rem 0;
	}
.detailed-quiz-results-wrapper .answer-status { 
	padding: .3rem .5rem; 
	margin: .5rem 0 .3rem 0;
	}