/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S    */
/*  State of Delaware - Delaware Courts 2015  */
/*  Developed by Matt Campbell & Ben Kaminski  */





/*  G E N E R A L   S T Y L E S  */

#main_header h1, #main_content h1 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						400;
	color:								#3b6cb4 !important;
	font-size:							45px;
}

#main_header h2, #main_content h2 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						500;
	color:								#3b6cb4 !important;
	margin-top:							0px;
}

#courts_sidebar h2 {
	color:								#393939;
	text-transform:						uppercase;
	letter-spacing: 					2px;
	font-weight: 						600;
	font-size:							23px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#main_content {
		border-left: 					0px solid #e3e5e2;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#main_content {
		border-left: 					0px solid #e3e5e2;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#main_content {
		border-left: 					1px solid #e3e5e2;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#main_content {
		border-left: 					1px solid #e3e5e2;
}}

#main_content a, #main_content a:link, #main_content a:active, #main_content a:visited {
	color: 								#3774ba;
	text-decoration: 					none;
	font-weight: 						none;
	-o-transition:						.5s;
	-ms-transition:						.5s;
	-moz-transition:					.5s;
	-webkit-transition:					.5s;
	transition:							.5s;
}

#main_content a:hover {
    text-decoration: 					underline;
    font-weight: 						none;
    color: 								#23387d;
}

#main_content ul, #main_content ol  {
	font-size:      					0.9em;
	line-height:    					2.1em;
	margin-top:      					1.0em;
	margin-bottom:      				1.0em;
}

.float_left {
	float:								left;
	margin-right:						10px;
}

.float_right {
	float:								right;
	margin-left:						10px;
}

.figure_left {
	float: 								left;
	width: 								50%;
	border: 							1px solid #ddd;
	border-radius: 						4px;
	margin: 							0.5em;
	padding: 							0.3em;
}

.figure_right {
	float: 								right;
	width: 								50%;
	border: 							1px solid #ddd;
	border-radius: 						4px;
	margin: 							0.5em;
	padding: 							0.3em;
}

.figure_center {
	text-align:							center;
	width: 								50%;
	border: 							1px solid #ddd;
	border-radius: 						4px;
	margin: 							0.5em;
	padding: 							0.3em;
}

.figure_left p, .figure_right p, .figure_center p {
	text-align: 						center;
	font-style: 						italic;
	font-size: 							smaller;
	text-indent: 						0;
}

img.scaled {
	width: 								100%;
}

hr.dashed {
	-moz-border-bottom-colors: 			none;
    -moz-border-left-colors: 			none;
    -moz-border-right-colors: 			none;
    -moz-border-top-colors: 			none;
    border-image: 						none;
    border: 							dashed #e3e5e2;
    border-width:						2px 0 0; 
	height:								2px;
    margin-top: 						10px;
    margin-right:						20px;
    margin-bottom: 						10px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.container-lg {
		max-width:						100%;
		margin-left: 					auto;
    	margin-right: 					auto;
    	padding-left: 					0px;
    	padding-right: 					0px;
    	margin-bottom:					-22px;
	}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.container-lg {
		max-width:						100%;
		margin-left: 					auto;
    	margin-right: 					auto;
    	padding-left: 					0px;
    	padding-right: 					0px;
    	margin-bottom:					-22px;
	}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container-lg {
		max-width:						100%;
		margin-left: 					auto;
    	margin-right: 					auto;
    	padding-left: 					0px;
    	padding-right: 					0px;
    	margin-bottom:					-22px;
	}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container-lg {
		max-width:						1800px;
		margin-left: 					auto;
    	margin-right: 					auto;
    	padding-left: 					0px;
    	padding-right: 					0px;
    	margin-bottom:					-22px;
	}}



/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.container-lg h2 {
		color:							#3b6cb4;
		font-size:						35px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					300;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.container-lg h2 {
		color:							#3b6cb4;
		font-size:						35px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					300;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container-lg h2 {
		color:							#3b6cb4;
		font-size:						28px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					300;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container-lg h2 {
		color:							#3b6cb4;
		font-size:						35px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					300;
}}

.container-lg h3 {
	color:								#1f242a; /*changed from #fbaa27 for ADA */
	text-transform:						uppercase;
	font-size:							21px;
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						700;
	margin-bottom:						-12px;
}

.container-lg h4 {
	color:								#1f242a;
	font-size:							50px;
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						900;
}

.container-lg h5 {
	color:								#1f242a;
	font-size:							25px;
	margin-bottom:						5px;
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						300;
}

a.link-active, a.link-active:link, a.link-active:visited {
	text-decoration: 					none !important;
}

a.link-active:hover {
	text-decoration: 					none !important;
}

a i[class^="circle-pic"], a i[class*=" circle-pic"] {
    display: 							block;
}

i[class^="circle-pic"], i[class*=" circle-pic"] {
    border-radius: 						50%;
    display: 							block;
    font-size: 							0;
    height: 							85px;
    margin-bottom: 						20px;
    margin-left: 						auto;
    margin-right: 						auto;
    position: 							relative;
    text-align: 						center;
    width: 								85px;
    float:								left;
    margin-right:						10px;
}

i[class^="circle-pic"]::after, i[class*=" circle-pic"]::after {
    border-radius: 						50%;
    border-style: 						solid;
    border-width: 						2px;
    content:							"";
    height: 							100%;
    left: 								0px;
    pointer-events: 					none;
    position: 							absolute;
    top: 								0px;
    transform: 							scale(0.9);
    transition-duration: 				225ms;
    transition-property: 				all;
    transition-timing-function: 		cubic-bezier(0.5, -0.7, 0.67, 0.7);
    width: 								100%;
    z-index: 							-1;
}

i[class^="circle-pic"]::before, i[class*=" circle-pic"]::before {
    color: 								#fff;
    font-size: 							40px;
    font-style: 						normal;
    font-weight: 						normal;
    line-height: 						100px;
    margin: 							0;
    text-align: 						center;
    text-transform: 					none;
}

.link-active i[class^="circle-pic"]:hover::after, .link-active i[class*=" circle-pic"]:hover::after, .link-active span:hover > i[class^="circle-pic"]::after, .link-active span:hover > i[class*=" circle-pic"]::after, .link-active h2:hover > i[class^="circle-pic"]::after, .link-active h2:hover > i[class*=" circle-pic"]::after, .link-active h4:hover > i[class^="circle-pic"]::after, .link-active h4:hover > i[class*=" circle-pic"]::after, .link-active h5:hover > i[class^="circle-pic"]::after, .link-active h5:hover > i[class*=" circle-pic"]::after, .link-active h6:hover > i[class^="circle-pic"]::after, .link-active h6:hover > i[class*=" circle-pic"]::after {
    transform: 							scale(1.13);
    transition-timing-function: 		cubic-bezier(0.4, 0.25, 0.14, 1.73);
    text-decoration: 					none !important;
}

.link-active h2 {
	font-size:							20px;
	margin-bottom:						2px;
	font-weight:						500;
}

.container-lg p.description {
	font-size:							14px !important;
}

i[class^="small-circle-pic"], i[class*=" small-circle-pic"] {
    border-radius: 						50%;
    display: 							block;
    float: 								left;
    font-size:							0;
    height: 							40px;
    margin-right: 						20px;
    position: 							relative;
    text-align: 						center;
    width: 								40px;
}

i[class^="small-circle-pic"]::before, i[class*=" small-circle-pic"]::before {
    color: 								#fff;
    font-size: 							18px;
    font-style: 						normal;
    font-weight: 						normal;
    line-height: 						43px;
    margin: 							0;
    text-align: 						center;
    text-transform: 					none;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	p.subhead {
		color:							inherit;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					300 !important;
		font-size:						25px !important;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	p.subhead {
		color:							inherit;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					300 !important;
		font-size:						28px !important;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	p.subhead {
		color:							inherit;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					300 !important;
		font-size:						28px !important;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	p.subhead {
		color:							inherit;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif  !important;
		font-weight: 					300  !important;
		font-size:						30px  !important;
}}


/* ############################################################################################## */





/* HEADING FOR SECTIONS OF THE COURTS WEBSITE */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#heading_home {
		height:							185px;
		width:							100%;
		padding-left:					10px;
		background-color:				#3a6bb4;
	}
	
	#heading_home h1 {
		color:							#ffffff !important;
		font-size:						38px !important;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#heading_home {
		height:							120px;
		width:							100%;
		padding-left:					35px;
		background-color:				#3a6bb4;
	}

	#heading_home h1 {
		color:							#ffffff !important;
		font-size:						45px !important;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#heading_home {
		height:							120px;
		width:							100%;
		padding-left:					40px;
		background-color:				#3a6bb4;
	}

	#heading_home h1 {
		color:							#ffffff !important;
		font-size:						50px !important;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#heading_home {
		height:							120px;
		width:							100%;
		padding-left:					40px;
		background-color:				#3a6bb4;
	}

	#heading_home h1 {
		color:							#ffffff !important;
		font-size:						50px !important;
}}


/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#heading_slim {
		height:							120px;
		width:							100%;
		padding-left:					10px;
		background-color:				#3a6bb4;
		border-bottom:					1px solid #ffffff;
	}
	
	#heading_slim h1 {
		color:							#ffffff !important;
		font-size:						36px !important;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#heading_slim {
		height:							75px;
		width:							100%;
		padding-left:					35px;
		background-color:				#3a6bb4;
		border-bottom:					1px solid #ffffff;
	}

	#heading_slim h1 {
		color:							#ffffff !important;
		font-size:						35px !important;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#heading_slim {
		height:							75px;
		width:							100%;
		padding-left:					40px;
		background-color:				#3a6bb4;
		border-bottom:					1px solid #ffffff;
	}

	#heading_slim h1 {
		color:							#ffffff !important;
		font-size:						35px !important;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#heading_slim {
		height:							75px;
		width:							100%;
		padding-left:					40px;
		background-color:				#3a6bb4;
		border-bottom:					1px solid #ffffff;
	}

	#heading_slim h1 {
		color:							#ffffff !important;
		font-size:						35px !important;
}}

.heading_logo {
	margin-top:							-15px;
	padding-left: 						20px;
}

.slim_logo {
	margin-top:							8px;
	padding-left: 						20px;
}

.foot-logo {
	margin-left: 						-10px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.public_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#caffb0;
	}

	.public_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.public_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#caffb0;
	}

	.public_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.public_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#caffb0;
	}

	.public_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.public_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#caffb0;
	}

	.public_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.jurors_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#fee17a;
	}

	.jurors_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.jurors_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#fee17a;
	}

	.jurors_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.jurors_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#fee17a;
	}

	.jurors_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.jurors_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#fee17a;
	}

	.jurors_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.attorney_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#a6e7fc;
	}

	.attorney_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.attorney_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#a6e7fc;
	}

	.attorney_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.attorney_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#a6e7fc;
	}

	.attorney_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.attorney_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#a6e7fc;
	}

	.attorney_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.media_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#c3c4f9;
	}

	.media_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.media_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#c3c4f9;
	}

	.media_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.media_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#c3c4f9;
	}

	.media_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.media_highlight {
		width:							100%;
		padding-left:					20px;
		background-color:				#c3c4f9;
	}

	.media_highlight h2 {
		color:							#2f4659 !important;
		font-size:						30px !important;
		padding-top:					15px;
		padding-bottom:					15px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.where_go {
		margin-right:					25px;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.where_go {
		margin-right:					25px;
		float:							right;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.where_go {
		margin-right:					25px;
		float:							right;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.where_go {
		margin-right:					25px;
		float:							right;
}}
/* ############################################################################################## */





/* TABBED MENU HOMEPAGE */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	.nav-tabs > li {
    	float: 							none;
    	margin-bottom: 					0px;
    	padding:						0px !important;
	}
	.nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						20px 38px !important;
   		text-transform: 				uppercase;
   		font-family:					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						25px !important;
	}
	.nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					2px solid #eeeeee;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					1px;
    	cursor: 						default;
    	color:							#3b6cb4 !important;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:link, .nav-tabs > li.active > a:active, .nav-tabs > li.active > a:visited  {
		color: 							#ffffff !important;
		background-color: 				#fbaa27 !important;
    	border-color: 					#fbaa27 #fbaa27 transparent !important;
	}

	.nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	.nav-tabs > li {
    	float: 							left;
    	margin-bottom: 					-2px;
    	padding:						0px !important;
	}
	.nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						20px 20px !important;
   		text-transform: 				uppercase;
   		font-family:					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						18px !important;
	}
	.nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					none;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					1px;
    	cursor: 						default;
    	color:							#3b6cb4 !important;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:link, .nav-tabs > li.active > a:active, .nav-tabs > li.active > a:visited  {
		color: 							#ffffff !important;
		background-color: 				#fbaa27 !important;
    	border-color: 					#fbaa27 #fbaa27 transparent !important;
	}

	.nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	
	.nav-tabs > li {
    	float: 							left;
    	margin-bottom: 					-2px;
    	padding:						0px !important;
	}
	
	.nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						20px 28px !important;
   		text-transform: 				uppercase;
   		font-family:					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						25px !important;
	}
	
	.nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					none;
	}
	
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					1px;
    	cursor: 						default;
    	color:							#3b6cb4 !important;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:link, .nav-tabs > li.active > a:active, .nav-tabs > li.active > a:visited  {
		color: 							#ffffff !important;
		background-color: 				#fbaa27 !important;
    	border-color: 					#fbaa27 #fbaa27 transparent !important;
	}

	.nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	
	.nav-tabs > li {
    	float: 							left;
    	margin-bottom: 					-2px;
    	padding:						0px !important;
	}
	
	.nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						25px 40px !important;
   		text-transform: 				uppercase;
   		font-family:					"Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						25px !important;
	}
	
	.nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					none;
	}
	
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					1px;
    	cursor: 						default;
    	color:							#3b6cb4 !important;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:link, .nav-tabs > li.active > a:active, .nav-tabs > li.active > a:visited {
		color: 							#ffffff !important;
		background-color: 				#fbaa27 !important;
    	border-color: 					#fbaa27 #fbaa27 transparent !important;
	}

	.nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
/* ############################################################################################## */





/* S I D E   B A R   N A V I G A T I O N */

.courts_nav {
	background-color: 					#ffffff !important;
}

button {
  	display: 							inline-block;
  	margin: 							0 0em;
  	border: 							none;
  	background: 						none;
}

button span {
  display: 								block;
}

.grid-button {
  padding: 								2rem;
  cursor: 								pointer;
  user-select: 							none;
  outline: 								none;
}

.grid-button .grid {
  width: 								1rem;
  height: 								1rem;
  background: 							#393939;
  color: 								#393939;
  /* Not in use when the colors are specified below */
  transition: 							0.3s;
}

.grid-button.disappear .grid {
  -webkit-transform: 					rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
  transform: 							rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
}

.grid-button.rearrange .grid {
  box-shadow: 							-1.25rem -1.25rem, 0rem -1.25rem, 1.25rem -1.25rem, -1.25rem 0rem, 1.25rem 0rem, -1.25rem 1.25rem, 0rem 1.25rem, 1.25rem 1.25rem;
}

.grid-button.rearrange.disappear .grid {
  box-shadow: 							0rem -1rem, 0rem -2rem, 1rem 0rem, -2rem 0rem, 2rem 0rem, -1rem 0rem, 0rem 2rem, 0rem 1rem;
}

.nav courts_nav > li > a:hover,
.nav courts_nav > li > a:focus {
	text-decoration: 					none;
	background-color: 					#ffffff !important;
}

.nav courts_nav > li > a {
    display:							block;
    padding: 							10px 5px !important;
    position: 							relative;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 						0px;
}
/* ADA changes */
.panel-heading a {
	color: #336699;
}
.panel-heading a:hover {
	text-decoration: underline; 
}
/* end ADA changes*/

.panel {
    background-color: 					#fff;
    border-radius: 						4px;
    box-shadow: 						0 0px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 						20px;
}

#HomeMenu {
	list-style: 						none outside none;
}

#HomeMenu > li {
	line-height:						2.2;
	margin-left:						-20px;
	margin-right:						20px;
	margin-bottom:						5px;
	border-bottom:						1px solid #e3e5e2;
	
}

.toplevel a, .toplevel a:link, .toplevel a:active, .toplevel a:visited, .toplevel a:hover {
	text-decoration: 					none;
}

#HomeMenu a, #HomeMenu a:link, #HomeMenu a:active, #HomeMenu a:visited {
	color: 								#3774ba;
	text-decoration: 					none;
	font-weight: 						none;
	-o-transition:						.5s;
	-ms-transition:						.5s;
	-moz-transition:					.5s;
	-webkit-transition:					.5s;
	transition:							.5s;
}

#HomeMenu a:hover {
    color: 								#fbaa27 !important;
    text-decoration: 					none;
    font-weight: 						none;
}
/* ############################################################################################## */





/* A G E N C Y   C A R O U S E L   S T Y L E S */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#CourtsCarousel .carousel-caption h2 {
		font-family: 					'Source Sans Pro', sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						18px;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#CourtsCarousel .carousel-caption h2 {
    	font-family: 					'Source Sans Pro', sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						25px;
    	background-color: 				#3b6cb4;
    	padding: 						15px 30px 30px 30px;
    	opacity:						0.9;
    	border-radius: 					15px;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
	#CourtsCarousel .carousel-caption h2 {
    	font-family: 					'Source Sans Pro', sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						25px;
    	background-color: 				#3b6cb4;
    	padding: 						15px 30px 30px 30px;
    	opacity:						0.9;
    	border-radius: 					15px;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#CourtsCarousel .carousel-caption h2 {
    	font-family: 					'Source Sans Pro', sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						25px;
    	background-color: 				#3b6cb4;
    	padding: 						15px 30px 30px 30px;
    	opacity:						0.9;
    	border-radius: 					15px;
    	
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.agency_control {
    	position: 						absolute;
    	top:							50%;
    	color:							#ffffff;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.agency_control {
    	position: 						absolute;
    	top:							50%;
    	color:							#ffffff;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.agency_control {
    	position: 						absolute;
    	top:							50%;
    	color:							#ffffff;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.agency_control {
    	position: 						absolute;
    	top:							50%;
    	color:							#ffffff;
}}

.carousel {
	border:								2px solid #3a6bb4;
}
/* ############################################################################################## */





/* PARALLAX REDUX */
#courtsParallax { 
	background: 						url('/img/courts_welcome_main.jpg') 50% 0% fixed; 
	background-repeat: 					no-repeat;
	min-height: 						918px;  
	margin: 							0 auto; 
	width: 								100%; 
	position: 							relative; 
	padding: 							200px 0;
}
.parallaxHeading {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	color:								#ffffff;
	font-weight:						300;
	font-size:							78px;
}
.parallaxInfo {
	display:							table-cell;
    position:							relative;
    padding-left: 						30px;
    padding-right: 						30px;
    background-color:					#363636;
    opacity:							0.9;
    -moz-opacity:						0.9;
    border-radius:						0px 15px 15px 0px;
    margin-top: 						-100px;
}
.welcome {
	max-width:							90%;
	color:								#ffffff;
	font-size:							20px;
	margin-bottom:						15px;
}
@media (max-width: 767px) {
#courtsParallax { 
	min-height: 						980px;  
}
.parallaxHeading {
	font-size:							45px;
}
.welcome {
	font-size:							16px;
}
.parallaxInfo {
    margin-top: 						-150px;
    position:							absolute;
}}
.parallaxLinks {
	color: 								white;
	font-weight: 						bold;
}
.parallaxLinks:hover {
	text-decoration: 					underline;
}
/* ############################################################################################## */





/* C O U R T    I N I T I A T I V E S */

.content_block {
	padding:							25px;
}

p.initiatives { 
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						700;
	text-transform:						uppercase;
	color: 								#bebfc0;
	font-size:							15px;
	margin-bottom:						-25px;
}
/* ############################################################################################## */





/* S E A R C H   S E C T I O N */

#collapseDirection {
	width:								100%;
}

.search-slidedown form .field-wrap {
    position: 							relative;
    width: 								100%;
}

.search-slidedown .field-wrap a i {
    bottom: 							0;
    color: 								#fff;
    cursor: 							pointer;
    display: 							block;
    font-size: 							20px;
    height: 							20px;
    left: 								0;
    margin: 							auto;
    position: 							absolute;
    right: 								0;
    top: 								0;
    width: 								20px;
    z-index: 							1;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.search-slidedown form input {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	background: 					#fff none repeat scroll 0 0;
    	border-color: 					#9ea4a8;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					2px;
    	float: 							left;
    	font-size: 						24px;
    	font-weight: 					300;
    	height: 						60px !important;
   	 	padding: 						0;
   	 	position: 						relative;
    	text-indent: 					18px;
    	width: 							80%;
    	color: 							#bbb;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.search-slidedown form input {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	background: 					#fff none repeat scroll 0 0;
    	border-color: 					#9ea4a8;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					2px;
    	float: 							left;
    	font-size: 						24px;
    	font-weight: 					300;
    	height: 						60px !important;
   	 	padding: 						0;
   	 	position: 						relative;
    	text-indent: 					18px;
    	width: 							80%;
    	color: 							#bbb;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.search-slidedown form input {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	background: 					#fff none repeat scroll 0 0;
    	border-color: 					#9ea4a8;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					2px;
    	float: 							left;
    	font-size: 						24px;
    	font-weight: 					300;
    	height: 						60px !important;
   	 	padding: 						0;
   	 	position: 						relative;
    	text-indent: 					18px;
    	width: 							90%;
    	color: 							#bbb;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.search-slidedown form input {
    	-moz-border-bottom-colors: 		none;
    	-moz-border-left-colors: 		none;
    	-moz-border-right-colors: 		none;
    	-moz-border-top-colors: 		none;
    	background: 					#fff none repeat scroll 0 0;
    	border-color: 					#9ea4a8;
    	border-image: 					none;
    	border-style: 					solid;
    	border-width: 					2px;
    	float: 							left;
    	font-size: 						24px;
    	font-weight: 					300;
    	height: 						60px !important;
   	 	padding: 						0;
   	 	position: 						relative;
    	text-indent: 					18px;
    	width: 							90%;
    	color: 							#bbb;
}}



/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.search-slidedown .field-wrap a {
    	background-color: 				#32b847;
    	border-bottom-right-radius:		4px;
    	border-top-right-radius: 		4px;
    	display: 						block;
    	float: 							left;
    	height: 						60px;
    	position: 						relative;
    	width: 							20%;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.search-slidedown .field-wrap a {
    	background-color: 				#32b847;
    	border-bottom-right-radius:		4px;
    	border-top-right-radius: 		4px;
    	display: 						block;
    	float: 							left;
    	height: 						60px;
    	position: 						relative;
    	width: 							20%;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.search-slidedown .field-wrap a {
    	background-color: 				#32b847;
    	border-bottom-right-radius:		4px;
    	border-top-right-radius: 		4px;
    	display: 						block;
    	float: 							left;
    	height: 						60px;
    	position: 						relative;
    	width: 							10%;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.search-slidedown .field-wrap a {
    	background-color: 				#32b847;
    	border-bottom-right-radius:		4px;
    	border-top-right-radius: 		4px;
    	display: 						block;
    	float: 							left;
    	height: 						60px;
    	position: 						relative;
    	width: 							10%;
}}

.search-slidedown .field-wrap a:hover {
    color: 								#000;
    text-decoration: 					none;
}

.close_search, .close_search a, .close_search a:link {
	color:								#d1d1d1;
	-o-transition:						.5s;
	-ms-transition:						.5s;
	-moz-transition:					.5s;
	-webkit-transition:					.5s;
	transition:							.5s;
	outline: 							0 !important; /* prevents FireFox and IE/Edge link dotted outline*/
}

.close_search:hover, .close_search a:hover {
	color:								#3b6cb4;
	outline: 							0 !important; /* prevents FireFox and IE/Edge link dotted outline*/
}
/* ############################################################################################## */





/* W H E N   C O M I N G   T O   C O U R T   B O X */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#info_nav {
		background: 					rgba(255, 255, 255, 1.0);
		border-top:						2px solid #f2f2f2;
		border-bottom:					2px solid #f2f2f2;
		padding:						10px;
		width:							100%;
		position:						absolute;
		bottom:							0px;
}
	.info_areas {
		float:							none;
    	width:							100%;
    	padding:						5%;
    	margin-bottom:					10px;
}
	i[class^="info-circle"], i[class*=" info-circle"] {
   		border-radius: 					50%;
    	display: 						block;
    	font-size: 						0;
    	height: 						61px;
    	margin-top: 					-16px;
    	margin-left: 					auto;
    	margin-right: 					10px;
    	margin-bottom:					auto;
    	position: 						relative;
    	text-align: 					center;
    	width: 							61px;
    	float:							left;
}
	#info_nav h4 {
		color:							#2f4659;
		font-size:						20px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#info_nav {
		background: 					rgba(255, 255, 255, 1.0);
		border-top:						2px solid #f2f2f2;
		border-bottom:					2px solid #f2f2f2;
		padding:						10px;
		width:							100%;
		position:						absolute;
		bottom:							0px;
}
	.info_areas {
		float:							left;
    	width:							50%;
    	padding:						5%;
    	margin-bottom:					0px;
    	margin-top: 					-30px;
}
	i[class^="info-circle"], i[class*=" info-circle"] {
   		border-radius: 					50%;
    	display: 						block;
    	font-size: 						0;
    	height: 						61px;
    	margin-top: 					-16px;
    	margin-left: 					auto;
    	margin-right: 					10px;
    	margin-bottom:					auto;
    	position: 						relative;
    	text-align: 					center;
    	width: 							61px;
    	float:							left;
}
	#info_nav h4 {
		color:							#2f4659;
		font-size:						20px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#info_nav {
		background: 					rgba(255, 255, 255, 0.9);
		border-top:						2px solid #f2f2f2;
		border-bottom:					2px solid #f2f2f2;
		padding:						10px;
		width:							100%;
		position:						absolute;
		bottom:							0px;
}
	.info_areas {
		float:							left;
    	width:							20%;
    	padding:						1%;
    	margin-bottom:					0px;
    	margin-top: 					0px;
}
	i[class^="info-circle"], i[class*=" info-circle"] {
   		border-radius: 					50%;
    	display: 						block;
    	font-size: 						0;
    	height: 						61px;
    	margin-top: 					-16px;
    	margin-left: 					auto;
    	margin-right: 					10px;
    	margin-bottom:					auto;
    	position: 						relative;
    	text-align: 					center;
    	width: 							61px;
    	float:							left;
}
	#info_nav h4 {
		color:							#2f4659;
		font-size:						20px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#info_nav {
		background: 					rgba(255, 255, 255, 0.9);
		border-top:						2px solid #f2f2f2;
		border-bottom:					2px solid #f2f2f2;
		padding:						10px;
		width:							100%;
		position:						absolute;
		bottom:							0px;
}
	.info_areas {
		float:							left;
    	width:							20%;
    	padding:						1%;
    	margin-bottom:					0px;
}
	i[class^="info-circle"], i[class*=" info-circle"] {
   		border-radius: 					50%;
    	display: 						block;
    	font-size: 						0;
    	height: 						61px;
    	margin-top: 					-11px;
    	margin-left: 					auto;
    	margin-right: 					10px;
    	margin-bottom:					auto;
    	position: 						relative;
    	text-align: 					center;
    	width: 							61px;
    	float:							left;
}
	#info_nav h4 {
		color:							#2f4659;
		font-size:						28px;
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
		font-weight: 					700;
}}

a i[class^="info-circle"], a i[class*=" info-circle"] {
    display: 							block;
}

i[class^="info-circle"]::after, i[class*=" info-circle"]::after {
    border-radius: 						50%;
    border-style: 						solid;
    border-width: 						2px;
    content:							"";
    height: 							100%;
    left: 								0px;
    pointer-events: 					none;
    position: 							absolute;
    top: 								0px;
    transform: 							scale(0.9);
    transition-duration: 				225ms;
    transition-property: 				all;
    transition-timing-function: 		cubic-bezier(0.5, -0.7, 0.67, 0.7);
    width: 								100%;
    z-index: 							-1;
}

i[class^="info-circle"]::before, i[class*=" info-circle"]::before {
    color: 								#fff;
    font-size: 							40px;
    font-style: 						normal;
    font-weight: 						normal;
    line-height: 						100px;
    margin: 							0;
    text-align: 						center;
    text-transform: 					none;
}

.link-active i[class^="info-circle"]:hover::after, .link-active i[class*=" info-circle"]:hover::after, .link-active span:hover > i[class^="info-circle"]::after, .link-active span:hover > i[class*=" info-circle"]::after, .link-active h2:hover > i[class^="info-circle"]::after, .link-active h2:hover > i[class*=" info-circle"]::after, .link-active h4:hover > i[class^="info-circle"]::after, .link-active h4:hover > i[class*=" info-circle"]::after, .link-active h5:hover > i[class^="info-circle"]::after, .link-active h5:hover > i[class*=" info-circle"]::after, .link-active h6:hover > i[class^="info-circle"]::after, .link-active h6:hover > i[class*=" info-circle"]::after {
    transform: 							scale(1.13);
    transition-timing-function: 		cubic-bezier(0.4, 0.25, 0.14, 1.73);
    text-decoration: 					none !important;
}


#info_area_public {
		border-bottom:					5px solid solid rgb(255, 255, 255);
		border-bottom:					5px solid rgba(255, 255, 255, .1);
}

#info_area_public:hover {
		border-bottom:					5px solid #caffb0;
}

#info_area_jurors {
		border-bottom:					5px solid solid rgb(255, 255, 255);
		border-bottom:					5px solid rgba(255, 255, 255, .1);
}

#info_area_jurors:hover {
		border-bottom:					5px solid #fee17a;
}

#info_area_attorneys {
		border-bottom:					5px solid solid rgb(255, 255, 255);
		border-bottom:					5px solid rgba(255, 255, 255, .1);
}

#info_area_attorneys:hover {
		border-bottom:					5px solid #a1e6ff;
}

#info_area_media {
		border-bottom:					5px solid solid rgb(255, 255, 255);
		border-bottom:					5px solid rgba(255, 255, 255, .1);
}

#info_area_media:hover {
		border-bottom:					5px solid #c3c5f7;
}
/* ############################################################################################## */

/*  ###################### override for bold labels in feedback - aw ############################ */
label {
    font-weight: normal !important;
}



/* font - Red */
.red {color:#ff0000}

/*  Added to information for attorneys page - new icon  AW */
.new {
   display: inline-block;
   margin: 2px;
   font-size: 12px !important;
   letter-spacing: 1.25px !important;
   color: #ffffff !important;
}
 
 /*  Added to TO NAVIGATION - self-help text  AW */
    .selfhelp {
        display: inline-block;
        padding: 3px;
        font-size: 12px !important;
        letter-spacing: .50px !important;
        color: #ffffff !important;
    }

.espanol a:active {color:#ffffff;}

.espanol  {color:#ffffff;}

/*.table .media_highlight {
		 
		background-color:				#c3c4f9;
	} */

.courtDoxMedia {
    background-color: #c3c4f9;
    font-weight: 900;
}

.text-muted {
	color: #767676;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	display: none;
	/*visibility: hidden;*/
}

.hidden {
	display: none;
	visibility: hidden;
}

/*remove padding from alert box (BS3) */
.alert-nopad {
	margin-bottom: 0px;
}



/* progress bar - home page vax status */
.progress {
	height: 35px;
}

	.progress .skill {
		font: 14px;
		font-weight: 600;
		line-height: 35px;
		padding: 0;
		margin: 0 0 0 20px;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}

		.progress .skill .val {
			float: right;
			font-style: normal;
			margin: 0 20px 0 0;
		}

.progress-bar {
	text-align: left;
	transition-duration: 3s;
}

.progress-bar-danger {
	background-color: #89181A;
}

.progress-bar-success {
	background-color: #3a833a;
}

.well-lg {
	width: 90%;
	background-color: #bfbfbf;
	padding-bottom: 12px !important;
	padding-top: 18px !important;
}

.well-sm {
	width: 100%;
}

.intro {
	color: #383a83;
	font-weight: 700;
	font-size: 16px;
	/*line-height: 20px;*/
	padding-bottom: 10px;
	text-transform: uppercase;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

/* FOR MEDiA PAGE */
.alert-media {
	border: 2px solid #e7e7fd;
	background-color:#f8f9fe;
}

.alert-media h2 {
	font-weight: 600;
	font-size: 28px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* FOR ATTORNEYS PAGE */
	.panel-default {
	border-color: #a6e7fc !important;
}
	.panel-default > .panel-heading-attorney {
	color: #2f4659;
	background-color: #a6e7fc;media_highlight;
	font-size: 28px;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	
}
	.panel-default > .panel-body a {
		font-weight: 600;
	} 

		.panel-default > .panel-body .lightweight {
			font-weight: 500;
		}

/* FOR Jurors PAGE */
.juror .panel-default {
	border-color: #fee17a !important;
}

	.juror .panel-default > .panel-heading-juror {
		color: #2f4659;
		background-color: #fee17a;
		font-size: 30px;
		font-weight: 700;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 8px;
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	}

.container-lg .juror > .panel-default > .panel-body h3 {
	font-weight: 600;
	font-size: 22px !important;
	text-transform: none;
} 

	.juror .panel-default > .panel-body a {
		font-weight: 500;
	}

	.juror .panel-default > .panel-body .lightweight {
		font-weight: 500;
	}