@media (max-width: 992px ) {
	html {
		scrollbar-gutter: auto!important;
	}
	.oscn-navigation .oscn-brand {
		width: 100%;
		overflow-x: hidden;
	}
	#toggle {
		display: inherit;
		width: 9rem;
		position: absolute!important;
		right: 0;
		top: 0;
		font-weight: normal;
		color: #FFFFFF;
		z-index: 200;
		text-decoration: none;
	}
	.navigation .row {
		visibility: hidden;
	}
	.navigation.toggled .row {
		visibility: visible;
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.nav-menu-open { padding-right: 0px!important; }
	.navigation.toggled { width: auto; }
	.navigation.toggled:after, .nav_panel:before {
		content: none!important;
	}
	.nav_panel {
		width: 100%;
		z-index: 50;
	}
	.nav_panel h3 {
		padding-right: 2.5rem;
	}
	.nav_panel h3:after {
		top: 1.25rem;
	}
	.nav-menu-open .navigation button {
		font-size: 1.25rem;
		line-height: 1.75rem;
		flex-basis: 100%!important;
	}
	
	.toggled .sub_panel.open {
		transform: none;
		right: 0;
		width: 100%;
		z-index: 100;
	}
	.toggled .nav_panel h2 {
		position: absolute;
		top: 0;
	}
	.toggled #aoc h2,.toggled #administrative-office h2 {
		font-size: 1.8rem;
		width: 400px;
		line-height: 2rem;
		padding-top: 1rem;
	}
	.toggled .panel_container {
		padding-top: 2rem;
	}
	
	/* .navigation button:focus, .navigation button:hover { */
		/* outline: none; */
		/* text-decoration: underline; */
	/* } */
	/* .has_sub_panel h3:hover { */
		/* text-decoration: underline; */
	/* } */
}

@media only screen and (min-width: 992px) {
	.nav_container, 
	.oscn-content,
	.content-width	{
		max-width: 992px;
		margin-left: auto;
		margin-right: auto;
	}

	#toggle { display: none; }
	.navigation .row {
		visibility: visible;
		/*width: 32rem; ISSUE WITH RENDERING*/
		width: 38rem;
		float: right;
		position: relative;
	}

	button {
		border-left: 1px solid white;
		border-right: 1px solid white;
	}
	
	button.courts {
		background-color: rgba(0,0,0,0.04);
		background-color: #033a5c;
	}
	.nav-menu-open button.courts {
		background-color: rgba(0,0,0,0.04);
		background-color: #efefef;		
	}

	button.dockets {
		background-color: rgba(0,0,0,0.08);
		background-color: #033758;		
	}
	.nav-menu-open button.dockets {
		background-color: rgba(0,0,0,0.08);
		background-color: #e5e5e5;	
	}

	button.legal-research {
		background-color: rgba(0,0,0,0.12);
		background-color: #033554;	
	}
	.nav-menu-open button.legal-research {
		background-color: rgba(0,0,0,0.12);
		background-color: #dbdbdb;		
	}
	
	button.administrative-office, button.aoc, button.administrative-office-of-the-courts {
		background-color: rgba(0,0,0,0.16);
		background-color: #033251;		
	}
	.nav-menu-open button.administrative-office, .nav-menu-open button.aoc, .nav-menu-open button.administrative-office-of-the-courts {
		background-color: rgba(0,0,0,0.16);
		background-color: #d1d1d1;
	}
	
	/*
	.navigation button span {
	   transition: all .2s ease-in-out; 
	}
	.navigation button:hover span {
		transform: scale(1.1);
		z-index: 100;
	}
	*/	
	
}
@media only screen and (min-width: 1280px) {
	.nav_container,
	.oscn-content,
	.content-width {
		max-width: 1280px;
	}
}

@media (max-width: 576px ) {
	.nav_panel {
		width: 100%;
		z-index: 50;
	}
	.navigation.toggled {
		width: 100%!important;
	}
}


@media print {
	footer {
		display: none !important;
	}
	#site-navigation {
		display: none !important;
	}
	.oscn-abbreviation {
		display: none;
	}
	.oscn-full-name {
		visibility: visible;
		color: black;
	}
}