/* Custom CSS - The CSS properties in this stylesheet will over-write any original template styles if the same class names are used in addition to custom styles which can also be added. */

hr.topmargin {
    margin-top: 40px !important;
}
.HeadingCDA	{
	font-size:1.9em;
	font-weight:bold;
	margin:0.6em 0px 0.6em 0px;
	background-image:none;
	padding:0px;
}
h2{
    font-size:24px !important;
}

div.newsom-banner {
    background: url('/images/banner/gov-banner-dl.png') right bottom no-repeat; 
    height: 94px !important;
}


/* For Bio Section */
div.media {
	min-height: 130px;
}
img.media-object {
	width: 128px;
	height: 128px;
	border-radius: 10px;
}
.media-left {
	float: left;
	padding-right: 15px;
}
.media-heading {
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*Social Media Icons*/
.social-media-icon {
	background-color: transparent;
	margin-top: -10px;
	width: 20px; 
	height: 20px;
}

a {
	color: #0c4c91;
}

/*Commitioner*/
.card-bio {
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
	margin-bottom: 20px;
}

	.card-bio .card-title {
		font-weight: 700;
		margin-top: 15px;
		margin-bottom: 10px;
		border-bottom: none;
		color: #00395d;
	}

.card-commissioner-title {
	font-weight: 500;
	margin: 10px 0px;
	color: #00395d;
}

.card-bio .card-image {
	width: 100%;
	border-radius: 4px 4px 0px 0px;
}

.card-bio .card-body {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
	height: 400px;
	overflow: scroll;
	overflow-x: hidden;
}

.card-bio .card-text {
	margin-top: 15px;
}
/*Commitioner end*/

.border-rarius-4, img.b-r-4 {
	border-radius: 4px
}

/*font Weight*/
.fw-700 {
	font-weight: 700;
}

.fw-900 {
	font-weight: 900;
}
/*Width*/
.w-100p{
	width: 100%;
}
.w-90p{
	width: 90%;
}
.w-80p{
	width: 80%;
}
.w-75p{
	width: 75%;
}
.w-60p{
	width: 60%;
}
.w-50p{
	width: 50%;
}
.w-25p{
	width: 25%;
}
/*Margin Top*/
.mt-0{
	margin-top: 0px;
}
.mt-5{
	margin-top: 5px;
}
.mt-10{
	margin-top: 10px;
}
.mt-15{
	margin-top: 15px;
}
.mt-20{
	margin-top: 20px;
}
.mt-25{
	margin-top: 25px;
}
.mt-30{
	margin-top: 30px;
}
.mt-50{
	margin-top: 50px;
}
/*Margin Bottom*/
.mb-0 {
    margin-bottom: 0px;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-50 {
	margin-bottom: 50px;
}
/*Margin Left*/
.ml-0 {
    margin-left: 0px;
}
.ml-5 {
	margin-left: 5px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-25 {
	margin-left: 25px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-50 {
	margin-left: 50px;
}
/*Margin Right*/
.mr-0 {
	margin-right: 0px;
}
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-25 {
	margin-right: 25px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-50 {
	margin-right: 50px;
}
/*Padding Top*/
.pt-0 {
	padding-top: 0px;
}
.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-50 {
	padding-top: 50px;
}
/*Padding Bottom*/
.pb-0 {
	padding-bottom: 0px;
}
.pb-5 {
	padding-bottom: 5px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-25 {
	padding-bottom: 25px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-50 {
	padding-bottom: 50px;
}
/*Padding Left*/
.pl-0 {
	padding-left: 0px;
}
.pl-5 {
	padding-left: 5px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-15 {
	padding-left: 15px;
}
.pl-20 {
	padding-left: 20px;
}
.pl-25 {
	padding-left: 25px;
}
.pl-30 {
	padding-left: 30px;
}
.pl-50 {
	padding-left: 50px;
}
/*Padding Right*/
.pr-0 {
	padding-right: 0px;
}
.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-15 {
	padding-right: 15px;
}
.pr-20 {
	padding-right: 20px;
}
.pr-25 {
	padding-right: 25px;
}
.pr-30 {
	padding-right: 30px;
}
.pr-50 {
	padding-right: 50px;
}

.list-upper-alpha{
	list-style-type: upper-alpha
}
.list-lower-alpha{
	list-style-type: lower-alpha
}
.list-decimal{
	list-style-type: decimal
}
.text-center{
	text-align: center;
}
.text-header {
	color: #1F648B;
	font-weight: 700;
}
.fs-xs, .text-xs{
	font-size: x-small;
}
.fs-sm, .text-sm {
	font-size: small;
}
.fs-md, .text-md {
	font-size: medium;
}
.fs-lg, .text-lg {
	font-size: large;
}
.fs-xl, .text-xl {
	font-size: x-large;
}
.fs-xxl, .text-xxl {
	font-size: xx-large;
}
.btn-bs-primary {
	color: #fff;
	background-color: #1F648B;
}
	.btn-bs-primary:hover {
		background-color: #0b5ed7;
		color: #fff;
	}

.bolded{
	font-weight: 700;
}

.border-b-0{
	border-bottom: none;
}