@media screen and (min-width: 0px) and (max-width: 768px) 
{
	#mobile-search { display: block; color:#004685; font-weight:bolder;}  /* show it on small screens */
}

@media screen and (min-width: 769px) and (max-width: 5000px) 
{
	#mobile-search { display:none; }   /* hide it elsewhere */
}
body a:focus, body a:hover
{
	color:#004685;
	font-weight:bolder;
	text-decoration:underline !important;
	text-decoration-color: #00a2b2 !important;
}
.logo a:hover, .logo a:focus
{
	outline: 2px solid #004685 !important;
	outline-offset: 3px;
}
.center-tbl a:focus, .center-tbl a:hover
{
	color:white !important;
	text-decoration:underline !important;
	text-decoration-color: white !important;
	outline: 2px solid white !important;
	outline-offset: 3px;
}	
.social-list a:hover, .social-list a:focus
{
	color:black !important;
	text-decoration:none !important;
	outline:none !important;
}

.btn:focus, .btn:hover {
	border-color: white; !important;
	border-width:thick; !important;
	color:white; !important;
}

.btn-md a:focus, .btn-md a:hover {
	color:white; !important;
	font-weight:bolder;  !important;
}

.btn-xl a:focus, .btn-xl a:hover {
	color:white; !important;
	font-size:24px; !important;
}

.btn btn-md main-bg a:focus, .btn btn-md main-bg a:hover {
	color:#A80000; !important;
}

/*SIDEBAR*/
.widget-head a:focus, .widget-head a:hover
{
	color:#007A85 !important;
	font-weight:bold;
	text-decoration:underline !important;
	text-decoration-color: #004685 !important;
}
/*TABS*/
.tabs-style-bg .active a:focus, .tabs-style-bg .active a:hover
{
	color:white !important;
	font-weight:bold;
	text-decoration:underline !important;
	text-decoration-color: white !important;
}
/*FOOTER*/
footer a:focus, footer a:hover
{
	color:white !important;
	font-weight:600;
	text-decoration:underline !important;
	text-decoration-color: white !important;
	outline: 2px solid white !important;
	outline-offset: 3px;
}
footer col-md-3 tags hover-effect a:focus, footer col-md-3 tags hover-effect a:hover
{
	background-color:white;	
}
/*NAV*/
.nav {
	color: #000;
	display: block;
	position: static;
	font-size:14px !important;
}

.nav-item a:focus
{
	color:#004685 !important;
	text-decoration:underline !important;
	text-decoration-color: #004685 !important;
}
.nav-item a:hover
{
	color:#004685 !important;
	text-decoration:underline !important;
	text-decoration-color: #004685 !important;
}
.nav-item .titles
{
	margin-bottom: 10px;
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 15px;
	font-stretch:expanded;
	line-height: 1.5;
	box-sizing: border-box;
	display:block;
	background-color:teal;
	color:white;
	padding: 5px;
}
/*MEGA MENU*/

	/* mega menu list */
	.nav-menu {
		display: block;
		/*position: relative;*/
		list-style: none;
		margin: 0;
		padding: 0;
	}

	/* a top level navigation item in the mega menu */
	.nav-item {
		list-style: none;
		display: inline-block;
		padding: 0;
		margin: 0;
		font-size:14px;
		font-weight:bolder;
	}

	/* first descendant link within a top level navigation item */
	.nav-item > a {
		position: relative;
		display: inline-block;
		padding: 0.5em 2em;
		margin: 0 0 -1px 0;
		border: 1px solid transparent;
	}

	/* focus/open states of first descendant link within a top level 
	   navigation item */
	.nav-item > a:focus,
	.nav-item > a.open {
		border: 1px solid #dedede;
	}

	/* open state of first descendant link within a top level 
	   navigation item */
	.nav-item > a.open {
		background-color: #fff;
		border-bottom: none;
		z-index: 1;
	}

	/* sub-navigation panel */
	.sub-nav {
		position:absolute;
		display: none;
		margin-top: -1px;
		border: 1px solid #dedede;
		background-color: #fff;
		width:900px;
		top: 80px;
		left: 150px;
		z-index:999;
		border-top:4px solid teal;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

	/* sub-navigation panel open state */
	.sub-nav.open {
		display: block;
	}

	/* list of items within sub-navigation panel */
	.sub-nav ul {
		display: inline-block;
		vertical-align: top;
		margin: 0 1em 0 0;
		padding: 0px 0px 0px 8px;
		height:100%;
	}

	/* list item within sub-navigation panel */
	.sub-nav li {
		list-style-type: none;
		margin: 0;
		padding: 5px;
	}
	
	.sub-nav ul li ul li {
		width: 100%;
	}
	
	.sub-nav-group{
		width:100%;
		display: table;
	}
	
	/*Skip to Main Content*/
	.skip-link:focus
	{
		font-size:1em!important;
	}
	.screen-reader-text
	{
		clip:rect(1px,1px,1px,1px);
		position:absolute!important;
		height:1px;
		width:1px;
		overflow:hidden
	}
	.screen-reader-text:focus
	{
		background-color:#f1f1f1;
		border-radius:3px;
		box-shadow:0 0 2px 2px rgba(0,0,0,.6);
		clip:auto!important;
		color:#21759b;
		display:block;
		font-size:14px;
		font-size:.875rem;
		font-weight:700;
		height:auto;
		left:5px;
		line-height:normal;
		padding:15px 23px 14px;
		text-decoration:none;
		top:5px;
		width:auto;
		z-index:100000
	}
	
	/*Search*/
	.search-bar-container .scontainer.no-height
	{
		width: 100%;
		padding: 10px 0 80px;
	}
	.search-bar-container .search-wrapper {
		position: relative;
		width: 990px;
		margin-top: 20px;
	}
	.center-block {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.search-bar-container div.search-form-wrapper {
		float: left;
		width: calc(100% - 240px);
		outline: 2px solid #ADADAD;
	}
	label.screen-read {
		position: absolute;
		opacity: 0;
	}
	label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-weight: 700;
	}
	.search-bar-container div.search-form-wrapper input {
		width: 100%;
		height: 54px;
		padding: 10px 0 10px 15px;
		border: none;
		font-size: 20px;
		outline: 0;
		background-color: #F1F1F1;
	}
	input[type="search"] {
		-webkit-appearance: none;
	}
	input[type="search"] {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.search-bar-container input.search {
		border: none;
		font-size: 0;
		float: left;
		display: block;
		height: 54px;
		outline: 2px solid gray;
		background: url(https://www.luzerne.edu/images/search100w.png) no-repeat center center gray;
			/*background-size: auto auto;*/
		position: relative;
		-webkit-background-size: 22px;
		-moz-background-size: 22px;
		-o-background-size: 22px;
		background-size: 22px;
		padding: 0 60px 0 0;
	}
	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	/* Large desktop */
	@media (min-width: 1200px) { 
	.search-bar-container .search-wrapper{
		width: 990px;
		padding-left:15px;
	}}
	
	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) { 
	.search-bar-container .search-wrapper{
		width: 890px;
		padding-left:15px;
	} }
	
	/* Landscape phone to portrait tablet */
	@media (max-width: 767px) { 
	.search-bar-container .search-wrapper{
		width: 690px;
		padding-left:15px;
	} }
	
	/* Landscape phones and down */
	@media (max-width: 480px) { 
	.search-bar-container .search-wrapper{
		width: 450px;
		padding-left:15px;
	}
	}