/*  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  */


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

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
  
 

#lfcp .h1 {
	font-family: Lato; /*"Source Sans Pro", Helvetica, Arial, sans-serif;*/
	font-weight: 400;
	color: #4f5b66 /*#567db1*/ !important;
	font-size: 45px;
}

#lfcp .h2 {
	font-family: Lato !important;
	font-weight: 500;
	color: #4f5b66 /*#567db1*/ !important;
	margin-top: 15px; /*0px;*/
}

.container  .h2 {
	font-family: Lato !important;
	font-weight: 500;
	color: #4f5b66 /*#567db1*/ !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: #134385;
	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;*/ 1.8em;
	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;
}

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

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

.fa_orange {
	color:								#fbaa27;
}

.ol_h2 {
	margin-left: 						15px;
	font-family: 						Lato;
	font-weight: 						500;
	color:								#567db1 !important;
	margin-top:							0px;
	font-size:							28px !important;
}

.fa-li {
    top: 0.5em !important;
}
.limitedli > li {
	padding-bottom: 8px;
}

.limitedli .fa-li {
	top: 0em !important; 
}

/* 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: 					20px;
    	padding-right: 					20px;
    	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: 					20px;
    	padding-right: 					20px;
    	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: 					20px;
    	padding-right: 					20px;
    	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: 					10px;
    	padding-right: 					10px;
    	margin-bottom:					-22px;
	}}

.container-lg h3 {
	color:								#fbaa27;
	text-transform:						uppercase;
	font-size:							21px;
	font-family: 						Lato, Helvetica, Arial, sans-serif;
	font-weight: 						700;
	margin-bottom:						-12px;
}

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

a.interior-drop, a.interior-drop:link, a.interior-drop:visited {
	color: 								#777 !important;
	text-decoration:					none !important;
}

a.interior-drop:hover {
	color: 								#777 !important;
	text-decoration:					none !important;
}

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: 							100px;
    margin-bottom: 						20px;
    margin-left: 						auto;
    margin-right: 						auto;
    position: 							relative;
    text-align: 						center;
    width: 								100px;
}

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 h3:hover > i[class^="circle-pic"]::after, .link-active h3: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;
}

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;
}

.agency_map {
	border: 					0px; 
	width: 						700px;
	height: 					500px;
	margin: 					0px;
}
/* ############################################################################################## */
#bbeheader {
	padding: 30px 0;
	text-align: center;
	background-color: #125e6d;
}

	#bbeheader h1,
	#bbeheader h2 {
		margin: 0;
		line-height: 1.2;
		color: #fff !important;
		text-align: center;
	}
	#bbeheader h1 {
		font-size: 44px !important;
	}
	
	#bbeheader h2 {
	 
		font-size: 30px !important;
	}

	#bbeheader img {
		max-height: 90px;
		margin: 0 auto;
	}

/* HEADING FOR SECTIONS OF THE COURTS WEBSITE */

/* Xtra-Small Portrait devices (phones, 400px and up)  
@media (max-width: 767px) {
	#bbeheader {
		height: 110px;
		width: 100%;
		text-align: center;
		background-color: #125e6d;
		margin-top: -20px;
		padding-left: 12px;
		padding-right: 12px;
	}
		#bbeheader h1 {
			color: #fff !important;
			font-size: 30px !important;
			margin-bottom: 0px;
			padding-top: 10px;
			font-family: Lato;
		}

		#bbeheader h2 {
			color: #fff !important;
			font-size: 20px !important;
			margin-top: 0px;

		}
}

/* Small devices (tablets, 768px and up)  
	@media (min-width: 768px) {
		#bbeheader {
			height: 160px;
			width: 100%;
			text-align: center;
			background-color: #125e6d;
			margin-top: -20px;
		}

			#bbeheader h1 {
				color: #fff !important;
				font-size: 36px !important;
				margin-bottom: 0px;
				font-family: Lato;
				padding-top: 20px;
			}

			#bbeheader h2 {
				color: #fff !important;
				font-size: 32px !important;
				margin-top: 0px;
			}
	}

/* Medium devices (desktops, 992px and up)  
	@media (min-width: 992px) {
		#bbeheader {
			height: 140px;
			width: 100%;
			text-align: center;
			background-color: #125e6d;
			margin-top: 0px;
		}

			#bbeheader h1 {
				color: #fff !important;
				font-size: 36px !important;
				margin-bottom: 0px;
				padding-top: 10px;
				font-family: Lato;
			}

			#bbeheader h2 {
				color: #fff !important;
				font-size: 32px !important;
				margin-top: 0px;
			}
	}
/* Large devices (large desktops, 1200px and up) 
	@media (min-width: 1200px) {
		#bbeheader {
			height: 130px;
			width: 100%;
			text-align: center;
			background-color: #125e6d;  
		}

			#bbeheader h1 {
				color: #fff !important;
				font-size: 48px !important;
				margin-bottom: 0px;
				margin-top: 20px;
				font-family: Lato;
			}

			#bbeheader h2 {
				color: #fff !important;
				font-size: 28px !important;
				margin-top: 0px;
}
	}*/
.heading_logo {
	margin-top:							-15px;
	padding-left: 						20px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#heading_interior {
		height: 100%;
		width: 100%;
		padding-bottom: 20px;
		padding-left: 10px;
		background-color: /*#4f5b66;*/ #1a7593;
	}
	
	#heading_interior h1 {
		color:							#fff !important;
		font-size:						30px !important;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#heading_interior {
		height: 100%;
		width: 100%;
		padding-bottom: 20px;
		padding-left: 35px;
		background-color: #134385;
	}

		#heading_interior h1 {
			color: #fff !important;
			font-size: 45px !important;
		}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#heading_interior {
		height: 100%;
		width: 100%;
		padding-bottom: 20px;
		padding-left: 40px;
		background-color: #134385;
	}

	#heading_interior h1 {
		color:							#fff !important;
		font-size:						50px !important;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#heading_interior {
		height: 100%;
		width: 100%;
		padding-bottom: 20px;
		padding-left: 40px;
		background-color: #567db1;
	}

		#heading_interior h1 {
			color: #fff !important;
			font-size: 50px !important;
		}}
/* ############################################################################################## */





/* TABBED MENU HOMEPAGE */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#justices_tabs .nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	#justices_tabs .nav-tabs > li {
    	float: 							none;
    	margin-bottom: 					0px;
    	padding:						0px !important;
	}
	#justices_tabs .nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						20px 40px !important;
   		text-transform: 				uppercase;
   		font-family:					Lato, Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						25px !important;
	}
	#justices_tabs .nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					2px solid #eeeeee;
	}
	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:hover, #justices_tabs .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:							#24397e !important;
	}

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

	#justices_tabs .nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#justices_tabs .nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	#justices_tabs .nav-tabs > li {
    	float: 							left;
    	margin-bottom: 					-2px;
    	padding:						0px !important;
	}
	#justices_tabs .nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						20px 15px !important;
   		text-transform: 				uppercase;
   		font-family:					Lato, Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						15px !important;
	}
	#justices_tabs .nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					none;
	}
	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:hover, #justices_tabs .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:							#24397e !important;
	}

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

	#justices_tabs .nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#justices_tabs .nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	
	#justices_tabs .nav-tabs > li {
    	float: 							left;
    	margin-bottom: 					-2px;
    	padding:						0px !important;
	}
	
	#justices_tabs .nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						20px 10px !important;
   		text-transform: 				uppercase;
   		font-family:					Lato, Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						14px !important;
	}
	
	#justices_tabs .nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					none;
	}
	
	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:hover, #justices_tabs .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:							#24397e !important;
	}

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

	#justices_tabs .nav-tabs > li.active > a:hover {
		color:							#fff !important;
}}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#justices_tabs .nav-tabs {
    	border-bottom: 					2px solid #fbaa27;
	}
	
	#justices_tabs .nav-tabs > li {
    	float: 							left;
    	margin-bottom: 					-2px;
    	padding:						0px !important;
	}
	
	#justices_tabs .nav-tabs > li > a {
    	border: 						2px solid transparent;
    	border-radius: 					0px 0px 0 0;
    	line-height: 					1.42857;
    	margin-right: 					5px;
    	padding: 						25px 20px !important;
   		text-transform: 				uppercase;
   		font-family:					Lato, Helvetica, Arial, sans-serif !important;
		font-weight: 					400;
		font-size:						15px !important;
	}
	
	#justices_tabs .nav-tabs > li > a:hover {
    	border-color: 					#eeeeee #eeeeee #dddddd;
   		border-bottom: 					none;
	}
	
	#justices_tabs .nav-tabs > li.active > a, #justices_tabs .nav-tabs > li.active > a:hover, #justices_tabs .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:							#24397e !important;
	}

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

	#justices_tabs .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;
}

.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;
}
/* ############################################################################################## */




/*  W H O   W E   A R E,   N E W S,   R E L A T E D   L I N K S  */

.we_are, .supreme_news, {
	padding-left:						15px;
	padding-top:						25px;
}

.top_row {
	margin-left: 						0px; 
	margin-right: 						0px;
}

.container-lg h5 {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						300;
	color:								#1f242a !important;
	margin-top:							0px;
	font-size:							20px;
	text-decoration:					none;
}

.container-lg h5:hover {
	font-family: 						"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 						300;
	color:								#1f242a !important;
	margin-top:							0px;
	font-size:							20px;
	text-decoration:					underline;
}

p.newsdate {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#bebfc0;
	font-size:							20px;
	font-weight:						500;
	margin-top:							10px;
}

.supreme_list {
	margin-bottom:						-1px !important;
}

.related_links {
	padding:							15px;
}

.related_links p {
	color:								#979494;
}
/* ############################################################################################## */





/* AGENCY CAROUSEL STYLES */

.carousel.slide{
    max-width: 							2560px; /* the largest you want the image to stretch */
    min-width: 							300px; /* the "container" width */
    overflow: 							hidden;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.carousel-inner {
   width: 								2560px;
   left: 								50%;
   transform: 							translate(-50%, 0);
   
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.carousel-inner {
   width: 								2560px;
   left: 								50%;
   transform: 							translate(-50%, 0);
  
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
.carousel-inner {
   width: 								2560px;
   left: 								50%;
   transform: 							translate(-50%, 0);
   
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.carousel-inner {
   width: 								inherit;
   left: 								inherit;
   margin-left: 						inherit;
   transform: 							none;
}}


/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.carousel-caption {
	padding-left:						30%;					
	padding-right:						30%;			
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.carousel-caption {
	padding-left:						20%;					
	padding-right:						20%;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
.carousel-caption {
	padding-left:						15%;					
	padding-right:						15%;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.carousel-caption {
	padding-left:						0px;
	padding-right:						0px;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#AgencyCarousel .carousel-caption h2 {
		font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						35px;
    	background-color: 				#567db1;
    	padding: 						15px 30px;
    	opacity:						0.9;
    	border-radius: 					15px;
}}

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

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

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#AgencyCarousel .carousel-caption h2 {
    	font-family: 					"Source Sans Pro", Helvetica, Arial, sans-serif;
    	color:							#ffffff !important;
   		font-weight:					700;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
    	font-size:						35px;
    	background-color: 				#567db1;
    	padding: 						15px 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-bottom:						2px solid #567db1;
}
/* ############################################################################################## */





/* T A B S   L E F T   M E N U   H O M E P A G E */

/* custom inclusion of left tabs */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.arms_title {
	padding:							15px;
}

.tabs-left > .nav-tabs {
	border-bottom: 						0px;
}

.tabs-left #a {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #b {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #c {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #d {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #e {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tabs-left #f {
	background:							none;
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							100%;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: 							none;
}

.tab-content > .active,
.pill-content > .active {
	display: 							block;
}

.tabs-left > .nav-tabs > li {
	float: 								left;
	width:								130px;
	margin-bottom:						-50px;
}

.tabs-left > .nav-tabs > li > a {
	min-width: 							74px;
	margin-right: 						0;
	margin-bottom: 						3px;
	height:								120px;
	margin-right: 						-8px;
	-webkit-border-radius: 				4px 4px 4px 4px;
	-moz-border-radius: 				4px 4px 4px 4px;
	border-radius: 						4px 4px 4px 4px;
	text-align:							left;
	border-color: 						#dddddd #dddddd #dddddd #dddddd;
}

.tabs-left > .nav-tabs {
	float: 								none;
	margin-right: 						0px;
	border-right: 						0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: 						#eeeeee #eeeeee #eeeeee #eeeeee;
	-webkit-border-radius: 				4px 4px 4px 4px;
	-moz-border-radius: 				4px 4px 4px 4px;
	border-radius: 						4px 4px 4px 4px;
	background-color:					#fbaa27 !important;
	color:								#1f242a !important;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: 						#ddd #ddd #ddd #ddd;
	background-color:					#567db1 !important;
	color:								#ffffff !important;
}

.tabs-left h2 {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#1f242a !important;
	font-size:							48px;
	font-weight:						300;
	padding-top:						50px;
	padding-bottom:						15px;
}

.tabs-bkg {
	border-bottom: 						1px solid #ddd;
	border-top: 						1px solid #ddd;
	height:								1000px;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.arms_title {
	padding:							15px;
}

.tabs-left > .nav-tabs {
	border-bottom: 						0;
}

.tabs-left #a {
	background:							url('/CLF2014SUPREME/agency/img/tabs_bbe.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #b {
	background:							url('/CLF2014SUPREME/agency/img/tabs_cle.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #c {
	background:							url('/CLF2014SUPREME/agency/img/tabs_lfcp.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #d {
	background:							url('/CLF2014SUPREME/agency/img/tabs_odc.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #e {
	background:							url('/CLF2014SUPREME/agency/img/tabs_declt.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #f {
	background:							url('/CLF2014SUPREME/agency/img/tabs_coj.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: 							none;
}

.tab-content > .active,
.pill-content > .active {
	display: 							block;
}

.tabs-left > .nav-tabs > li {
	float: 								left;
	width:								30%;
	margin-bottom:						-50px;
}

.tabs-left > .nav-tabs > li > a {
	min-width: 							74px;
	margin-right: 						0;
	margin-bottom: 						3px;
	height:								120px;
	margin-right: 						-8px;
	-webkit-border-radius: 				4px 4px 4px 4px;
	-moz-border-radius: 				4px 4px 4px 4px;
	border-radius: 						4px 4px 4px 4px;
	text-align:							left;
	border-color: 						#dddddd #dddddd #dddddd #dddddd;
}

.tabs-left > .nav-tabs {
	float: 								none;
	margin-right: 						0px;
	border-right: 						0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: 						#eeeeee #eeeeee #eeeeee #eeeeee;
	-webkit-border-radius: 				4px 4px 4px 4px;
	-moz-border-radius: 				4px 4px 4px 4px;
	border-radius: 						4px 4px 4px 4px;
	background-color:					#fbaa27 !important;
	color:								#1f242a !important;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: 						#ddd #ddd #ddd #ddd;
	background-color:					#567db1 !important;
	color:								#ffffff !important;
}

.tabs-left h2 {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#1f242a !important;
	font-size:							48px;
	font-weight:						300;
	padding-top:						50px;
	padding-bottom:						15px;
}

.tabs-bkg {
	border-bottom: 						1px solid #ddd;
	border-top: 						1px solid #ddd;
	height:								768px;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.arms_title {
	padding:							15px;
}

.tabs-left > .nav-tabs {
	border-bottom: 						0;
}

.tabs-left #a {
	background:							url('/CLF2014SUPREME/agency/img/tabs_bbe.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #b {
	background:							url('/CLF2014SUPREME/agency/img/tabs_cle.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #c {
	background:							url('/CLF2014SUPREME/agency/img/tabs_lfcp.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #d {
	background:							url('/CLF2014SUPREME/agency/img/tabs_odc.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #e {
	background:							url('/CLF2014SUPREME/agency/img/tabs_declt.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #f {
	background:							url('/CLF2014SUPREME/agency/img/tabs_coj.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: 							none;
}

.tab-content > .active,
.pill-content > .active {
	display: 							block;
}

.tabs-left > .nav-tabs > li {
	float: 								none;
	width:								100%;
	margin-bottom:						-20px;
}

.tabs-left > .nav-tabs > li > a {
	min-width: 							74px;
	margin-right: 						0;
	margin-bottom: 						3px;
	height:								100%;
	margin-right: 						-6px;
	-webkit-border-radius: 				4px 0 0 4px;
	-moz-border-radius: 				4px 0 0 4px;
	border-radius: 						4px 0 0 4px;
	text-align:							left;
	border-color: 						#ffffff #dddddd #ffffff #ffffff;
}

.tabs-left > .nav-tabs {
	float: 								left;
	margin-right: 						25px;
	border-right: 						1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: 						#eeeeee #ffffff #eeeeee #eeeeee;
	-webkit-border-radius: 				4px 0 0 4px;
	-moz-border-radius: 				4px 0 0 4px;
	border-radius: 						4px 0 0 4px;
	background-color:					#567db1 !important;
	color:								#ffffff !important;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: 						#ddd #fff #ddd #ddd;
	background-color:					#ffffff !important;
	color:								#1f242a !important;
}

.tabs-left h2 {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#1f242a !important;
	font-size:							48px;
	font-weight:						300;
	padding-top:						50px;
	padding-bottom:						15px;
}

.tabs-bkg {
	border-bottom: 						1px solid #ddd;
	border-top: 						1px solid #ddd;
	height:								478px;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.arms_title {
	padding:							15px;
}

.tabs-left > .nav-tabs {
	border-bottom: 						0;
}

.tabs-left #a {
	background:							url('/CLF2014SUPREME/agency/img/tabs_bbe.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #b {
	background:							url('/CLF2014SUPREME/agency/img/tabs_cle.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #c {
	background:							url('/CLF2014SUPREME/agency/img/tabs_lfcp.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #d {
	background:							url('/CLF2014SUPREME/agency/img/tabs_odc.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #e {
	background:							url('/CLF2014SUPREME/agency/img/tabs_declt.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tabs-left #f {
	background:							url('/CLF2014SUPREME/agency/img/tabs_coj.jpg');
	background-repeat: 					no-repeat;
	background-position: 				right;
	height: 							475px;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: 							none;
}

.tab-content > .active,
.pill-content > .active {
	display: 							block;
}

.tabs-left > .nav-tabs > li {
	float: 								none;
	width:								100%;
	margin-bottom:						-20px;
}

.tabs-left > .nav-tabs > li > a {
	min-width: 							74px;
	margin-right: 						0;
	margin-bottom: 						3px;
	height:								100%;
	margin-right: 						-14px;
	-webkit-border-radius: 				4px 0 0 4px;
	-moz-border-radius: 				4px 0 0 4px;
	border-radius: 						4px 0 0 4px;
	text-align:							left;
	border-color: 						#ffffff #dddddd #ffffff #ffffff;
}

.tabs-left > .nav-tabs {
	float: 								left;
	margin-right: 						25px;
	border-right: 						1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: 						#eeeeee #ffffff #eeeeee #eeeeee;
	-webkit-border-radius: 				4px 0 0 4px;
	-moz-border-radius: 				4px 0 0 4px;
	border-radius: 						4px 0 0 4px;
	background-color:					#567db1 !important;
	color:								#ffffff !important;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: 						#ddd #fff #ddd #ddd;
	background-color:					#ffffff !important;
	color:								#1f242a !important;
}

.tabs-left h2 {
	font-family: 						'Source Sans Pro', sans-serif;
	color:								#1f242a !important;
	font-size:							48px;
	font-weight:						300;
	padding-top:						50px;
	padding-bottom:						15px;
}

.tabs-bkg {
	border-bottom: 						1px solid #ddd;
	border-top: 						1px solid #ddd;
	height:								478px;
}}
/* ############################################################################################## */

.fa-question-circle, .fa-check-circle {
	vertical-align: middle;
}
.link-options {
	font-weight: 						700;
}
.link-options:hover {
	color: 								#092495 !important;
	transition:		 					0.4s;
	text-decoration: 					underline !important;
}
.faq-links {
	font-size: 							18px;
}
.faq-links:hover {
	color:								green !important;
	transition:							0.4s !important;
	text-decoration: underline;
}
.faq-links:focus {
	color:								green !important;
}

.faq-links i {
	padding-right: 10px; 
}

@media (max-width: 1200px) {
.faq-links {
	font-size: 							16px;
}}
@media (max-width: 768px) {
.faq-links {
	font-size: 							14px;
}}

.panel-group {
	margin-top: 20px;
}

.modal-open {
  	padding-right: 						15px;
}
.cleProviderFormsHeading1, .cleSponsor {
	width:								20%;
}

a:hover {
	text-decoration: underline !important;
}

/*
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
	background-color: #007a99 !important;
}

.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:visited {
	background-color: #00a3cc !important;
}*/

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

/* BBE flc button link - AW 
.menubtn .btn-primary {
    color: #ffffff !important;
    font-size: 16px;
    margin-top: 10px;
}

.flc {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #FFFFFF !important;
    margin-top: 0px;
    font-size: 32px !important;
}

.menubtn .btn-success {
	color: #ffffff !important;
	font-size: 16px;
	background-color: #32834d;
	border-color: #2d7545;
}
.menubtn .btn-success:hover {
	background-color:#519b70; 
}*/


.bbeactive {
      background-color: #336699 !important;
      color: #ffffff;
      font-size: 20px;
}


/* ===============CLE ADDRESS ===================== */
.cleaddress {
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #125E6D; /*#004e36*/
	padding: 30px 0px;
	margin: 0px;
}

	.cleaddress a {
		color: /*#ebaa2d;*/#F1C574;
	}
	.cleaddress a:hover {
		text-decoration: underline;
	}
/* ============= END CLE ADDRESS =================== */


.highlight {
	background-color:#ff0 !important;
	color: black;
}

.bluebkg {
	background-color: #00ffff;
}
 
.tablestrong {
	font-weight: 500;
}

/* ============================ BBE 2022 ============================================== */
.navbar-bbenav {
	background-color: #d2d2d2;
	margin-bottom: 0px !important;
	
}
.nav .navbar-nav .navbar-right .navbar-bbenav > li {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	font-size: 22px;
}

	.nav .navbar-bbenav > li > a {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		font-size: 22px;
	}

@media (min-width: 1200px){}
.nav .navbar-bbenav > li > a, .nav .navbar-bbenav > li > a:link, .nav .navbar-bbenav > li > a:active, .nav .navbar-bbenav > li > a:visited {
	color: #316aaf !important;
	font-size: 22px;
	text-decoration: none;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}



/* ================== BBE HOME PAGE BOXES =================== */

/* https://stackoverflow.com/questions/46272600/how-to-set-vertical-height-in-css */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.full_container {
	height: 300px;
	display: flex;
}

.pull-left {
	float: left;
}

.width50 {
	width: 50%;
	padding-top: 0px;
	/*margin-right:1px; white line between boxes*/
}

#main_content .width50 a {
	color: #fff !important;
}


@media (max-width: 1024px) {
	.full_container {
		height: 450px;
		display: flex;
	}
}

@media (max-width: 768px) {
	#main_content .box1 a, #main_content .box2 a, #main_content .box3 a, #main_content .box4 a {
		color: #fff !important;
	
	}

	}

	.box1, .box2, .box3, .box4, .box1 a, .box2 a, .box3 a, .box4 a {
		padding-top: 20px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 20px;
		height: 100%;
		max-height: 100%;
		color: #fff;
		font-size: 16px;
 	}

.box1 {
	background-color: #337ab7; /* #3c6e71; */ /*#337ab7; /* #2a5591;*/
}
	.box2 {
		background: #134385;
	}
.box3 {
	background: #2d6da4; /* #3c5471 /**#3364b7;  /*#5675A4 */
	;
}
	.box4 {
		background-color: #504391;
	}

.title  {
	font-size: 28px;
	 
	font-weight: 600;
	margin-top: 20px;
}

.title a {
	font-size: 28px;
	 
	font-weight: 600;
	margin-top: 20px;
	padding-left: 0px;
}

.title a:hover {
	text-decoration: underline;
}

.hrbbe {
	border-top: 1px dotted #8c8b8b;
}


.admissions {
	color: #3b5880;
	font-size: 38px;
	text-align: center;
	font-weight: 600;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	background-image: url("header-flag.jpg");
}

.apply {
	color: #FFF;
	/*background-image: linear-gradient(90deg, #336699, #c1D1E0);*/
	background-image: url(../img/header-flag.jpg);
	background-size: 100%;
	height: 200px;
	min-height: 200px;
	background-position: 0% 20%;
	/*  opacity: 0.6;*/
	padding: 0px;

}

	.apply h2 {
		font-weight: 600;
		font-size: 40px;
		padding-top: 40px;
		margin: 0px;
	}

/* ======== HOME PAGE ABOUT SECTION======= */
.about {
	padding: 50px 30px 50px 30px;
	background-color: #eeeeee;
	color: #134385;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	align-content: center;
	/*background-image: url(../img/iStock-517976804.jpg);*/
	background-color: #EEE;
	background-size: 100%;
	min-height: 200px;
	background-position: 0% 85%;
}

@media (max-width: 768px) {
	.about {
		padding: 40px 10px 40px 10px;
		background-image: none;
		background-color: #eee;
	}
}



.about h2 {
	color: #134385;
	font-weight: 600;
	font-size: 36px;
	text-align: center;
	margin-top: 0px;
	font-family: 'Oxygen', sans-serif !important;
}

	.about p {
		text-align: center;
		font-size: 16px;
		color: #1f1f1f;
	}
	.about a {
		color: #00ffff;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 600;
		text-decoration: underline;
	}

/* ============ INNER PAGE HEADER ============*/
.bbepagetitle {
	height: 50px;
	width: 100%;
	padding-left: 10px;
	background-color: #fff;
}

	.bbepagetitle h1 {
		color: #134385 !important;
		font-size: 42px !important;
	}

.bbesmall {
	font-size: 36px;
}
/* ================== INNER SECTIONS ============== */

/* margins and color for Qualifications & Deadlines section on all pages */
.qualifications {
	padding: 40px 0px 60px 0px;
	background-color: #e7ecf2;
}

/* margins and color for  Steps & Required Documents on all pages */
.steps {
	padding: 40px 0px 60px 0px;
	background-color: #cfd9e6;
}


/* reduced padding for mobile */
@media (max-width: 768px) {
	.qualifications, .steps {
		padding: 30px 0px 60px 0px;
	}
}

/* ============= INNER PAGE TITLE BLOCKS =============== */

.first-time, .re-exam, .reciprocity, .limited {
	color: #fff;
	font-size: 36px;
	padding: 25px;
	font-weight: 600;
	margin-top: 1px;
	text-align: center;
}

.first-time {
	background: #337ab7;
	/*#337ab7;*/
}
.re-exam {
	background: #504391;
}
.reciprocity {
	background: #2b645d;
}
.limited {
	background: #2d6da4;
}

/* title on general pages */
.attorneyh2 {
	font-weight: 700;
	color: #007a99;
	font-size: 32px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	text-align: left;
	 
	padding-bottom: 10px;
}

/* title on main */
.attorneytitle {
	font-weight: 700;
	color: #007a99;
	font-size: 32px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	text-align: center;
	padding-bottom: 10px;
}

.providerh2 {
	font-weight: 700;
	color: #1b796b;
	font-size: 38px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.attorneyh3 {
	font-weight: 700;
	color: #007a99;
	font-size: 26px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	padding-top: 10px;
}

.providerh3 {
	font-weight: 700;
	color: #1b796b;
	font-size: 28px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	padding-top: 10px;
}

.general-titlesub {
	font-weight: 600;
	color: #134385;
	font-size: 26px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	text-align: left;
	padding-bottom: 10px;
}

.general-titlebigsub {
	font-weight: 600;
	color: #000;
	font-size: 30px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	text-align: left;
	padding-bottom: 10px;
	
	letter-spacing: -1px;
}

 


/* Bar Exam Questions sub titles */
.general-titlequestion {
	font-weight: 600;
	color: #134385;
	font-size: 22px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	text-align: center;
	padding-top: 10px;
}

/* section titles */
.pagetitle, .pagetitleprocess {
	font-weight: 400;
	color: #011023;
	font-size: 38px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	text-align: center;

}

.pagetitleprocess {
	padding-bottom: 12px;
	padding-top: 30px;
}

/* intro paragraph */
.intro {
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/*subtitle*/
.firsttimesub, .reexamsub, .limitedsub {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	padding-top: 15px;
	text-align: center;
}

/*subtitle below subtitle on Limited License Application pages */
.limitedsub2 {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	color: #2d6da4;
	text-align: center;
}
.p16 {
	font-size: 16px;
}

/* color changes for numbers and subtitles */
.firsttimesub, .firsttimenumber {
	color: #337ab7;
}

.reexamsub, .reexamnumber {
	color: #504391;
}

.limitedsub, .limitednumber {
	color: #2d6da4;
}

/* Font Awesome numbers */
	.qualifications .fa-3x, .steps .fa-3x {
		vertical-align: middle;
	}

/* text following Font Awesome numbers */
	.qualifications .steptitle, .steps .steptitle {
		font-size: 16px;
		font-weight: 500;
		padding-left: 0px;
	}  

@media (max-width: 768px) {
	.qualifications .steptitle, .steps .steptitle {
		padding-left: 0px;
	}
}



.col-centered {
	float: none;
	margin: 0 auto;
	text-align: center;
}
/* ================== QUESTIONS SECTION ALL PAGES ============= */

.questions {
	padding: 50px 30px 60px 30px;
	background-color: #3a5c8b;
	color: #fff;
	text-align: center;
}

.questions h2 {
	font-size: 42px;
}

	.questions a {
		color: #B8DBFF;		
		font-weight: 600;
		letter-spacing: .5px;
	}


	.questions a:hover {
		text-decoration: underline;
	}
/* =============== RULES BOX ============== */
.padding-top {
	padding-top: 60px;
}
.padding-bottom {
	padding-bottom: 60px;
}
.padding-left {
	padding-left: 60px;
}
.padding-right {
	padding-right: 60px;
}


/*.rules {
	padding: 60px;
}*/

/* Rules box on home page only 
.ruleshome .alert-info {
	padding: 22px;
	background-color: #134385;
	color: #fff; 
	width: 100%;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

.ruleshome .alert {
	border: 0px !important;
}

.ruleshome .alert-info h3 {
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
}*/

/* Rules box on all inner pages */
.alert-info {
	padding: 20px;
	background-color: #007a99;
	color: #fff;
	width: 80%;
	margin-bottom: 10px !important;
	margin-top: 20px;
	border-color: #006a85;
}

.alert-info h3 {
	color: #fff;
	padding-top: 0px;
	margin-top: 0px;
}
.alert-info .nobold {
	text-decoration: underline;
	color: #fff;
	font-weight: 500;
}

/*center {
	margin: auto;
	max-width:600px;
}*/
/*	.alert-info p {
		text-align: center;
		font-weight: 500;
		padding: 3px;
		font-size: 16px;

	}

	.alert-info h3 {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		margin-top: 10px;
		
	}

	.alert-info a {
		color: #ffffff;
		text-align: center;
		font-weight: 600;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.alert-info a:hover {
		color: #91c9ff;
		text-decoration: underline;
	}

	.well a {
		font-weight: 600 !important; 
	}

.well {
	background-color: #f2f2f2;
}



@media (max-width: 768px) {
	.alert-info {
		padding: 30px;
		margin-left: 10px;
		margin-right: 10px;
}
	}
	*/




	/* ================ BBE NAV MENU ========================*/



.clemenu {
	background-color: #f1f1f2;
	padding-top: 8px;
	padding-bottom: 8px;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

	.clemenu .btn-default {
		/*color: #004e36;*/
		color: #14778b;
		font-size: 18px;
		font-weight: 600;
		background-color: #f1f1f2;
		border: 0px solid #f1f1f2;
		width: auto;
		font-family: Lato;
	}
		.clemenu .btn-default:focus {
			box-shadow: 0 5px 10px rgba(0,0,0,.2);
		}

@media (max-width: 768px) {
	.clemenu .btn-default {
		width: auto;
	}
}

.caret {
	color: #17869c !important;
}

/* JAN 2024 .btn:hover {
		transition: 1s ease-in-out;
		background: #4F95DA;
	}*/

	.btn span {
		color: white;
		font-size: 18px;
	}



.well {
	margin-bottom: 8px !important;
	padding: 13px !important;
}

html, body {
	width: auto !important;
	overflow-x: hidden !important
} 

/*.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}*/

/* ===== CARDS ======= */
/* rounded corners https://codingyaar.com/bootstrap-profile-card-1/ */
.cardAttorney {
	margin: 30px 10px 20px 0px;
	min-height: 160px;	
	background-color: #007A99;
	color: #fff;
	padding: .5em;
	border-radius: 2em;
	/*text-align: center;*/
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	width: 30%;
 
}

.cardProvider {
	margin: 30px 10px 20px 0px;
	min-height: 150px;
	background-color: #1B796B;
	color: #fff;
	padding: .5em;
	border-radius: 2em;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	width: 30%;
}

	.cardProvider h2, .cardAttorney h2 {
		font-size: 34px;
		font-weight: 600;
	}

	.cardProvider p, .cardAttorney p {
		font-size: 16px;
	}

	.not {
		font-weight: 600;
		font-size: 22px;
		padding-bottom: 30px;
	}

		.not a:hover {
			text-decoration: underline;
			color: #004e36;
		}



/*.btn  {
	border-radius: 2em;https://courts.delaware.gov/rules/index.aspx#cle
	background-color: #fff;
	color: #0069aa;
	padding: .5em 1.5em;
}


.btn:hover {
	background-color: rgba(0, 128, 128, 0.7);
	color: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}*/


/* ===================== CLE INTRO ============================= */
h2 {
	font-size: 28px;
	font-weight: 500;
	 

}
/*  BUTTONS */
.btn-attorneys {
	color: #007a99;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 10px;
	background-color: #fff;
	border: 2px solid #007a99;
	padding: 12px 24px 12px 24px;
	border-radius: 20px;
}

	.btn-attorneys:hover {
		background-color: #007a99;
		color: #fff;
		border: 2px solid #fff;
		border-radius: 20px;
		/*padding: 15px 30px 15px 30px;*/
		padding: 12px 24px 12px 24px;
	}

.btn-providers {
	color: #1b796b;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 10px;
	background-color: #fff;
	border: 2px solid #1b796b;
	padding: 12px 24px 12px 24px;
	border-radius: 20px;
}

	.btn-providers:hover {
		background-color: #1b796b;
		color: #fff;
		border: 2px solid #fff;
		border-radius: 20px;
		padding: 12px 24px 12px 24px;
	}



.steps .card {
	margin-bottom: 20px;
	height: 175px;
}

.card2 {
	margin-bottom: 20px;
	height: 150px !important;
}

.card3 {
	margin-bottom: 20px;
	min-height: 220px !important;
}


/*.panel-title {
	font-weight: 600;
	font-size: 16px;
	padding-bottom: 12px;
	color: #134385;
}



.panel-body {
	background-color: #f8f9fb;
	font-size: 14px;
}


.btn-default {
	background-color: #e7ecf2;
	font-weight: 600;
	margin-bottom: 3px;
	color: #2b6699;
}*/

	.btn-default:hover {
		text-decoration: underline !important;
	}
 





.home {
	background-color: #eee;
	padding-bottom: 20px;
}

 .home .container-fluid {
	 margin-left: 40px;
	 margin-right: 40px;
 }
 
	.home .panel-default {
		height: 300px;
		background-color: #337ab7;
 
	}

	.home .panel .panel-heading {
		background-color: #d6e4f0;
	}

	.home .panel .panel-body {
		background-color: #337ab7;
		color: #fff;
		font-size: 16px;
	}


.home .panel .panel-title {
	font-size: 26px;
	font-weight: 600;
	padding-bottom: 0px;
	color: #fff;
}

/* ======== HOME PAGE ABOUT SECTION======= */
.about2 {
	padding: 50px 30px 10px 30px;
	background-color: #eeeeee;
	color: #1f1f1f;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	align-content: center;
	/*background-image: url(../img/iStock-517976804.jpg);*/
	background-color: #EEE;
	background-size: 100%;
	min-height: 200px;
	background-position: 0% 85%;
}

@media (max-width: 768px) {
	.about2 {
		padding: 40px 10px 40px 10px;
		background-image: none;
		background-color: #eee;
	}
}

.about2 h2 {
	color: #134385;
	font-weight: 600;
	font-size: 36px;
	text-align: center;
	margin-top: 0px;
	font-family: 'Oxygen', sans-serif !important;
}

.about2 p {
	text-align: center;
}

.about2 a {
	color: #00ffff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: underline;
}




/**/
.feature .panel .panel-heading {
	color: #134385;
	font-weight: 600;
	font-size: 14px;
}

.feature .panel .red {
	/*color: #C41E3A;
	background-color: #fbe6e9;*/
	color: #fff;
	background-color: #C41E3A;
}

.feature .panel .green {
	/* color: #007b00;
	background-color: #f1fff4;*/
	color: #fff;
	background-color: #007b00;
}

.feature .panel .blue {
	/*color: #004794;
	background-color: #e2f0ff;*/
	color: #fff;
	background-color: #107484;
}


	.feature .panel .panel-body .general-titlesub {
		font-weight: 600;
		color: #134385;
		font-size: 24px;
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
		text-align: left;
		padding-bottom: 0px;
		line-height: 1.15;
	}




.btn-info {
	color: #fff;
	background-color: #134385;
	border-color: #dfdfdf;
	font-size: 16px;
	align-content:center;
}

	.btn-info:hover {
		color: #91c9f7;
		background-color: #52bebe;
		border-color: #91c9f7;
	}


/* RULES BUTTON 
.btn-primary {
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 10px;
	background-color: #134385;
	padding: 15px 30px 15px 30px;
}*/

	/* INDENT LIMITED */
	.outer {
		width: 60%;
		margin: 0 auto;
	}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.outer {
		width: 100%;
	}
}
 

.ibottom {
	margin-left: 10px;
	font-size: 16px;
 
	vertical-align: middle;
	margin-bottom: 6px;
 
}


.toppad {
	padding-top: 150px;
}

/* forms */

.alert-form {
	border: 1px solid #a7c4dc;
	background-color: #F6F9FB;
}

.strong {
	font-weight: 600;
}

.customIndent {
	padding-left: 5em;
}

.customIndent1 {
	padding-left: 2em;
}


 /* PANELS */

.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
	content: "\e114"; /* adjust as needed, taken from bootstrap.css */
	float: right; /* adjust as needed */
	color: #fff; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}


	.margin {
		margin-bottom: 20px;
	}

.p {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

 

.attorneypage .card {
	height: 200px;
	width: 100%;
	background: #fff;
	box-shadow: 1px 1px 5px lightgrey;
	padding: 10px 10px 20px 10px;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin-bottom: 25px;
}


.providerpage .card {
	height: 90px;
	width: 100%;
	background: #f8f7f5;
	box-shadow: 1px 1px 5px lightgrey;
	padding: 10px 10px 20px 10px;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin-bottom: 25px;
}


.attorneypage a:hover .card, .attorneypage a:focus .card {
	height: 200px;
	width: 100%;
	background: #e4f3fb;
	box-shadow: 1px 1px 5px lightgrey;
	padding: 10px 10px 20px 10px;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin-bottom: 25px;
}

	.attorneypage a:hover .card h3, .attorneypage a:focus .card h3 {
		text-decoration: underline;
	}

.providerpage a:hover .card, .providerpage a:focus .card {
	height: 90px;
	width: 100%;
	background: #e7efe9;
	box-shadow: 1px 1px 5px lightgrey;
	padding: 10px 10px 20px 10px;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin-bottom: 25px;
}
.providerpage a:hover .card h3, .providerpage a:focus .card h3 {
	text-decoration: underline;
}

.attorneypage .card h3 {
	color: #007a99;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 2px;
	margin-left: 85px;
	margin-top: 10px;
	padding-top: 0px;
	vertical-align: top;
}

.providerpage .card h3 {
	color: #1b796b;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
	margin-left: 85px;
	margin-top: 10px;
	padding-top: 0px;
	vertical-align: top;
}

.attorneypage .card a:hover {
	text-decoration: underline;
	color: #e7faff; /*#004e36;*/
	cursor: pointer;
}

.providerpage .card a:hover {
	text-decoration: underline;
	color: #E8F1F0;
	cursor: pointer;
}

	.attorneypage .card p  {
		margin-left: 85px;
		color: #000;
	}

/* Xtra-Small Portrait devices (phones, 400px and up)*/
@media (max-width: 767px) {
	.attorneypage .card p {
		font-size: 12px;
	}
}

.providerpage .card p {
	margin-left: 85px;
	color: #000;
}

.right .card {
	width: 100%;
	background: #bce1f6;
	box-shadow: 1px 1px 5px lightgrey;
	padding: 10px;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin-bottom: 25px;
}


.attorneyright .card {
	width: 100%;
	background: #e7faff /*d0eaf8*/;
	box-shadow: 1px 1px 5px lightgrey;
	padding: 10px;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin-bottom: 25px;
	padding: 20px;
}

	.attorneyright .card a {
		color: #2a6597;
	}

		.attorneyright .card a:hover {
			color: #fbaa27 !important;
		}



.attorneyright .cardalert {
	width: 100%;
	background: #f2dede /*d0eaf8*/;
	box-shadow: 1px 1px 5px lightgrey;
	padding: 10px;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin-bottom: 25px;
	padding: 20px;
}

	.attorneyright .card h3, .attorneyright .cardalert h3, .providerright .card h3 {
		font-size: 22px;
		font-weight: 600;
		margin-top: 0px;
		text-align: center;
		padding-top: 10px;
	}

.providerright .card {
	width: 100%;
	background: #ecf4f3;
	box-shadow: 1px 1px 5px lightgrey;
	padding: 15px;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin-bottom: 25px;
}

 



/* CLE BREADCRUMB */

.list-inline > li {
	margin-right: -5px;
 
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.clebreadcrumb {
		display: none;
		margin-top: 20px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.clebreadcrumb {
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 400;
		letter-spacing: -0.5px;
		background-color: #fff !important;
		border-radius: 0px 0px 0px 0px !important;
		list-style: none outside none !important;
		margin-bottom: 0px !important;
		margin-top: 20px !important;
		padding: 15px 15px 15px 20px !important;
		/*border-bottom: 1px solid #e3e5e2 !important;
		border-top: 1px solid #e3e5e2 !important;*/
		border-bottom: none;
		border-top: none;
		/*color: #707070;*/
	}

		.clebreadcrumb li a {
			color: #0a51c1;
		}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.clebreadcrumb {
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 400;
		letter-spacing: -0.5px;
		background-color: #fff !important;
		border-radius: 0px 0px 0px 0px !important;
		list-style: none outside none !important;
		margin-bottom: 0px !important;
		margin-top: 10px !important;
		padding: 15px 15px 15px 20px !important;
		/*border-bottom: 1px solid #e3e5e2 !important;
		border-top: 1px solid #e3e5e2 !important;*/
		border-bottom: none;
		border-top: none;
		/*color: #707070;*/
	}

		.clebreadcrumb li a {
			color: #0a51c1;
		}
}

.clebreadcrumb li a:hover {
	color: #0a51c1;
	text-decoration: underline;
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.clebreadcrumb {
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
		font-weight: 400;
		letter-spacing: -0.5px;
		background-color: #fff !important;
		/*list-style: none outside none !important;*/
		margin-bottom: 0px !important;
		margin-top: 10px !important;
		padding: 15px 15px 15px 10px !important;
		/*border-bottom: 1px solid #e3e5e2 !important;
		border-top: 1px solid #e3e5e2 !important;
			border-radius: 0px 0px 0px 0px !important;
		*/
		border-bottom: none;
		border-top: none;
		/*color: #707070;*/
	}

		.clebreadcrumb li a {
			color: #0a51c1;
		}
}

.clebreadcrumb > li + li:before {
	padding: 0 6px 0px 0px;
	color: #a0a0a0;
	content: " / " !important;
}

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

 

.nobold {
	font-weight: 500 !important;
}

mark {
	background-color: #ffff00 !important;
}

.note {
	color: #C41E3A;
	font-size: 12px;
	font-weight: 500;
	font-style: italic;
}

a .card p {
	font-weight: 500;
}

/* attorney CLE transcript page */
.alert-attorney {
	/*border: 2px solid #0099c0;*/
	background-color: #fafafa; /*#e7faff;*/
	box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.3);
}

.alert-announce {
	/*border: 2px solid #0099c0;*/
	background-color: #A33A47; /*#e7faff;*/

	border: 1px solid #822e38;
	color: #fff;
	padding: 15px;
	margin-bottom: 15px;
}

	.alert-announce a {
		color: #F4DB78;
	}




/* REMOVED 11/1/2024
	.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
	background-color: #f4DB78;
	border-color: #F4DB78;
}*/

.transcript {
	font-weight: 600;
	font-size: 18px;
}

.imgborder {
	border: 3px solid #6cbed3;
	background-color: #d0eef5;
	padding: 0;
}

/* how to read online CLE transcript */
.alert-transcript {
	padding: 20px;
	background-color: #e9f1f5;
	color: #000;
	width: 100%;
	margin-bottom: 10px !important;
	margin-top: 20px;
	border-color: #BDD6E0;
}

	.alert-transcript h3 {
		color: #000;
		padding-top: 0px;
		margin-top: 0px;
	}

	.alert-transcript .nobold {
		text-decoration: underline;
		color: #000;
		font-weight: 500;
	}

.pt {
	padding-top: 10px;
	padding-left: 10px
}

li span {
	position: relative;
	left: 10px;
}

.pt {
	padding-top: 8px;
}

.attorneytitleh3 {
	padding-top: 0px !important;
	margin-top: 0px;
	font-size: 24px;
	font-weight: 700;
	color: #37517e;
	text-align: center;
}


.attorneyalert {
padding-top: 10px;
	margin-bottom: 35px;
}


hr.announce {
	border: 0;
	border-bottom: 2px dashed #eee;
	background: #b3b3b3;
	width: 80%;
}

.pad {
	padding-top: 0px !important;
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
#services {
	padding: 40px 0 40px 0;
	overflow: hidden;
}

.services {
	
	padding-bottom: 40px;
}

	.services .icon-box {
		padding: 30px;
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		box-shadow: 0 2px 29px 0 rgba(68, 88, 144, 0.12);
		transition: all 0.4s ease-in-out;
		width: 100%;
		height: 100%;
		margin-bottom: 20px;
		min-height: 350px;

	}

	.services .icon-box, .pageservices .icon-box {
		background-color: #fff; /*#145786;*/
	}

.webapps .icon-box {
	transition: background-color 0.5s ease-in-out;
	background-color: #624486;
}

	.webapps .icon-box:hover {
		background-color: #c0b4ce;
	}

.services .icon-box:hover, .pageservices .icon-box:hover, .webapps .pageservices .icon-box:hover {
	transform: translateY(-10px);
	box-shadow: 0 2px 35px 0 rgba(68, 88, 144, 0.2);
}

.services .icon-box:hover, .pageservices .icon-box:hover {
	background: #0c3653;
}

.services .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 28px !important;
	margin-top: 20px;
	color: #2a2c39;
	font-family: Lato;
}


/*.services .icon {
  position: absolute;
  left: -20px;
  top: calc(50% - 30px);
}

.services .icon i {
  font-size: 64px;
  line-height: 1;
  transition: 0.5s;
}*/

.services .fa-3x, .pageservices .fa-3x {
	color: #65d3e8;
}

.webapps .fa-3x {
	color: #efecf2;
}

.services .title, .pageservices .title, .webapps .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
	margin-top: 20px;
	color: #2a2c39;
}

	.services .title a, pageservices .title a {
		color: #2a2c39;
		transition: ease-in-out 0.3s;
		 
	}




.clientspage .icon-box {
	padding: 30px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 2px 29px 0 rgba(68, 88, 144, 0.12);
	transition: all 0.4s ease-in-out;
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
	min-height: 200px;
}
 

.attorneypage .title, .clientspage .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px !important;
	margin-top: 20px;
	color: #fff !important;
	font-family: Lato;
	line-height: 1.4;
}

.attorneypage .fa-3x, .clientspage .fa-3x {
	color: #65d3e8;
}



.attorneypage .title, .clientspage .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
	margin-top: 20px;
	color: #2a2c39;
}

	.attorneypage .title a, .clientspage .title a {
		color: #2a2c39;
		transition: ease-in-out 0.3s;
		font-size: 18px;
	}


		.attorneypage .title a:hover, .clientspage .title a:hover {
			text-decoration: underline;
			color: #fbaa27 !important;
		}







/* LFCP index-alt page */
.panel-spacing {
	margin-left: 15px; /* Adjust as needed */
	margin-right: 15px; /* Adjust as needed */
}
 
.homepanels .panel-default {
	min-height: 375px;
	background-color: #fff;
}

.homepanels .panel .panel-heading {
	background-color: #fff;
	padding: 0px;
}

.homepanels .panel .panel-body {
	background-color: #fff;
	font-size: 16px;
	color: #000;
}

.homepanels .panel .panel-title {
	font-size: 26px;
	font-weight: 600;
	padding-bottom: 0px;
	background-color: #fff;
}

.homepanels .panel .panel-footer {
	background-color: #fff;
	border-top: none;
}

	.homepanels .panel .panel-footer a {
		color: #0a51c1;
	}

/* LFCP index-alt page */
.lfcp2 {
	background-color: #43464c;
	padding-bottom: 20px;
}

#lfcp .h1 {
	font-family: Lato; /*"Source Sans Pro", Helvetica, Arial, sans-serif;*/
	font-weight: 400;
	color: #fff !important;
	font-size: 45px;
}

.lfcp-home h2 {
	font-family: Lato !important;
	font-weight: 500;
	color: #fff !important;
	margin-top: 15px; /*0px;*/
}

.lfcp-home p {
	font-family: Lato !important;
	color: #fff !important;
 
}


.internal2 .attorneyh2 {
	color: #43464c;
}

 
.clientspage .icon-box {
	padding: 30px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 2px 29px 0 rgba(68, 88, 144, 0.12);
	transition: all 0.4s ease-in-out;
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
	min-height: 220px;
}

	 

.attorneypage .icon-box {
	padding: 30px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 2px 29px 0 rgba(68, 88, 144, 0.12);
	transition: all 0.4s ease-in-out;
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
}

.attorneypage .icon-box, .clientspage .icon-box {
	background-color: #273959;
	border: solid 2px #eee;
}

	.attorneypage .icon-box:hover, .clientspage .icon-box:hover {
		/*transform: translateY(-10px);*/
		box-shadow: 0 2px 35px 0 rgba(68, 88, 144, 0.2);
		background: #0c3653;
	}


.attorneypage .title, .clientspage .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px !important;
	margin-top: 20px;
	color: #2a2c39;
	font-family: Lato;
	line-height: 1.4;
}

.attorneypage .fa-3x, .clientspage .fa-3x {
	color: #65d3e8;
}



.attorneypage .title, .clientspage .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
	margin-top: 20px;
	color: #2a2c39;
}

	.attorneypage .title a, .clientspage .title a {
		color: #2a2c39;
		transition: ease-in-out 0.3s;
		font-size: 18px;
	}


		.attorneypage .title a:hover, .clientspage .title a:hover {
			text-decoration: underline;
			color: #fbaa27 !important;
		}


/* HOME PAGE ICON BOX */

.services .icon-box {
	box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch; /* ensure button width follows parent */
	height: 100%;
	text-align: left;
	transition: all ease-in-out 0.4s;
}

	.services .icon-box:hover {
		transform: translateY(-10px);
		background-color: #fff;
	}

.services .icon {
	margin-bottom: 10px;
}

.services .icon-box h3 {
	margin-top: 0;
	font-weight: 600;
	font-size: 24px !important;
	margin-bottom: 15px;
	color: #37517e;
}

.services .icon-box h3 a {
	color: #37517e;
	transition: ease-in-out 0.3s;
}

.services .icon-box p {
	flex-grow: 1;
	margin-bottom: 20px;
}

.services .btn-learn-more {
	display: block;
	width: 100%; /* makes all buttons equal width */
	text-align: center;
	background: #fff;
	color: #fff;
	padding: 10px 16px;
	border-radius: 50px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-decoration: none;
	transition: background 0.3s;
	font-family: "Poppins", sans-serif;
	border-radius: 4px;
	transition: 0.3s;
	line-height: 1;
	color: #1978A4;
	animation-delay: 0.8s;
	margin-top: 6px;
	border: 2px solid #47b2e4;
}

	.services .btn-learn-more:hover,
	.services .btn-learn-more:focus {
		background-color: #47b2e4;
		color: #fff;
		text-decoration: none;
	}

@media (max-width: 767px) {
	.services .icon-box {
		margin-bottom: 20px;
	}
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
	width: 100%;
	background: #273959;
	color: #fff;
	padding: 60px 0;
	background-position: center;
}

	/* Text Content */
	#hero h2 {
		margin: 0 0 15px;
		font-size: 32px;
		font-weight: 500;
		line-height: 1.3;
		font-family: "Poppins", sans-serif;
		color: #fff;
	}

	#hero p {
		font-size: 18px;
		line-height: 1.6;
		color: rgba(255, 255, 255, 0.75);
		margin-bottom: 30px;
		font-family: "Poppins", sans-serif;
	}

	/* Button (optional) */
	#hero .btn-get-started {
		display: inline-block;
		padding: 10px 28px;
		border-radius: 50px;
		background: #47b2e4;
		color: #fff;
		font-weight: 500;
		font-size: 16px;
		text-decoration: none;
		transition: background 0.3s ease;
	}

		#hero .btn-get-started:hover {
			background: #209dd8;
			color: #fff;
		}

	/* Icon */
	#hero .hero-icon i {
		color: #47b2e4;
	}

/*--------------------------------------------------------------
# Responsive Adjustments
--------------------------------------------------------------*/

/* Tablets and below */
@media (max-width: 991px) {
	#hero {
		text-align: center;
		padding: 40px 20px;
	}

		#hero .hero-text {
			margin-bottom: 30px;
		}

		#hero .hero-icon i {
			font-size: 6em;
		}
}

/* Small devices */
@media (max-width: 768px) {
	#hero h2 {
		font-size: 26px;
	}

	#hero p {
		font-size: 16px;
	}

	#hero .hero-icon i {
		font-size: 5em;
	}
}

/* Extra small screens */
@media (max-width: 480px) {
	#hero {
		padding: 30px 15px;
	}

		#hero .hero-icon i {
			font-size: 4.5em;
		}
}

/*@keyframes up-down {
	0% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(-10px);
	}
}*/




.section-bg {
	background-color: #f3f5fa;
	padding-top: 20px;
}


/* Specific color for a primary outline button  
.btn-outline-primary {
	color: #fff;  
	border-color: #47b2e4;  
}

.btn-outline-primary:hover {
	color: #fff; 
	border-color: #47b2e4;  
	background-color: #1b283e;
}*/

.clientspage .icon-box p {
	color: #fff;
}

	.btn-outline-primary {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 12px 32px;
	border-radius: 4px;
	transition: 0.3s;
	line-height: 1;
	color: #000;
	animation-delay: 0.8s;
	margin-top: 6px;
	border: 2px solid #47b2e4;
	background-color: #47b2e4;
}


	h3  {
		font-size: 18px !important;
		font-weight: 600;
	}