/* font setting */
	
/* content */
main .wrapper {
	display: grid;
	grid-template-columns: auto 360px;
	grid-column-gap: 40px;
	grid-template-areas:
		"breadcrumb breadcrumb"
		"content sidebar";
	}

#breadcrumb						{ grid-area: breadcrumb; }
aside							{ grid-area: sidebar; }
#content 						{ grid-area: content; }
#content h3 {
	font-family: 'ralewaysemibold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	}

#content img					{ max-width: 100%; height: auto; }

#case-details {
	background-color: #e2f0d4;
	padding: 20px;
	}

#case-details dl 				{ margin-bottom: 18px; }
#case-details dl dt 			{ font-weight: bold; text-transform: uppercase; }
#case-details dd span			{ display: inline-block; }
#case-details dd span a {
	color: transparent;	
	line-height: 1em;
	width: 16px;
	height: 16px;
	overflow: hidden;
	display: block; 
	}

#case-details dd span a::before {
	content: '\f05a';
	font-family: 'Font Awesome 5 Solid';
	font-size: 1em;
	color: #11467a;	
	}

#case-details .button a::after 	{ content: '\f019'; }


/* --------------------------------------- */
/* mediaqueries css */
/* --------------------------------------- */
@media only screen and (max-width: 960px) {

	main .wrapper {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		grid-template-areas:
			"breadcrumb"
			"content" 
			"sidebar";
		}

}

/* print */
@media print {


}