.panel .heading {
	background-color: var(--asu-maroon);
	padding: 1rem;
	color: #fff;
	text-transform: uppercase;
	font-family: var(--special-font);
	font-size: 1.5rem;
	line-height: 1.75rem;
	word-spacing: 0.2rem;
    letter-spacing: .1rem;
	display: flex;
	grid-gap: 1rem;
	border-radius: 0;
	border-radius: .75rem .75rem 0 0;	
	}
.panel .content{ 
	background-color: #efefef;
	padding: 1rem;
    border-radius: 0 0 .75rem .75rem;	
	}
.panel .content h2{
	color: var(--asu-maroon);
    font-weight: bold;
    padding-top: 0;
	}
.panel .close-icon {
	width: 2.5rem;
	aspect-ratio: 1;
	margin: 0 0 0 auto;
	}
.panel .block{
    border-radius: 0.75rem;
    margin-bottom: 1rem;
	}

img.wide-panel-image{
	width: 100%;
	border-radius: .5rem;
	margin: 1rem 0;
	}	





/* TOGGLE BOXES ---------------------------------- */

.panel .toggle-box{
	border-top: dotted 2px #bbb;
	border-bottom: dotted 2px #bbb;
	padding: 0;
	}
.panel .toggle-box + .toggle-box { 
	border-top: none; 
	}
.panel .toggle-title{ 
	background-color: transparent; 
	padding-left: 0;
	padding-right: 0;
	}
.panel .toggle-title:hover{ background-color: transparent; }	
.panel .toggle-box .toggle-content-wrapper{	
	border: none; 
	padding: 0 0 1.5rem 0;
	}



#add-remove-upgrade-panel .feedback div:last-child{ margin-bottom: 1rem; }    
#add-remove-upgrade-panel .img-right-wrapper img.round{ background-color:#fff; }
#add-remove-upgrade-panel .cost-wrapper.hidden{ display:none; }

#add-remove-upgrade-panel .water-savings-impact{
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: .75rem;
	padding: .75rem 0 2rem 0;
	}
#add-remove-upgrade-panel .img-right-wrapper.small .water-savings-impact img{ width: 2rem; }


@media print, (min-width:580px) {

	.panel .heading { 
		border-radius: 0;
		padding: 1.25rem 1.25rem 1.25rem 1.75rem; 
		font-size: 2rem;
		line-height: 2.5rem;
		}
	.panel .content{ 
		margin: 0;
		padding: 3rem; 
		}
	.panel .block{
		background-color: #fff;
		padding: 2rem;
		}


	.panel .purchased-feedback, 
	.panel .upgrade-max-reached-feedback, 
	.panel .removed-feedback{ margin: -1rem auto 2rem auto; }	

}    




@media print {
	.panel .toggle-box .toggle-content-wrapper{	padding: 0 0 .75rem 0; }

	 #panel-action-feedback-wrapper { display: none; }

}