@charset "utf-8";
/* CSS Document */

/* step list */
/* step list */
.cagov-step-list {
  padding-left: 0 !important;
  margin-left: 30px !important;
  counter-reset: step-list-count;
}
.cagov-step-list li {
  list-style: none;
  border-left: 5px solid var(--highlight-color, #fec02f);
  font-size: 1.75rem;
  font-weight: 700;
  position: relative;
  padding-left: 45px;
  line-height: 1.5;
}
.cagov-step-list li:before {
  content: "";
  /*font-family: "Segoe UI";*/
  font-size: 1.75rem;
  font-weight: 700;
  padding: 0 13px 0 13px;
  border: 5px solid var(--highlight-color, #fec02f);
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: -29px;
  top: -5px;
  margin-left: -1px;
}
.cagov-step-list li span.has-black-color,
.cagov-step-list li .cagov-step-list-content {
  margin-top: 1rem;
  padding-bottom: 1.75rem;
  font-size: 1rem;
  font-weight: 400;
  display: block;
}

.cagov-step-list li .cagov-step-list-content-above-h2 {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
  display: block;
}

.cagov-step-list li:first-child:before {
  padding: 0 13px 0 13px;
}
.cagov-step-list li::before {
  counter-increment: step-list-count;
  content: counter(step-list-count);
}
.cagov-step-list li:nth-child(n+10):before {
  padding: 0 7px;
}
.cagov-step-list li:nth-child(n+20):before {
  padding: 0 5px;
}
.cagov-step-list li:last-child {
  border-left: none;
}
.cagov-step-list li:last-child:before {
  margin-left: 6px;
}

/*# sourceMappingURL=index.css.map */
/*end step list*/

/*HEADER FEATURE*/


.img-center {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.feature-1 {
  width: 130px; 
  padding-top: 20px;
}

.feature-2 {
  width: 130px; 
  padding-top: 24px;
}

.cov-updates {
  width: 150px; 
  padding-top: 20px;
}

.cov-heading {
	color: #183159 !important; 
	margin-top: 4px; 
	margin-bottom: 4px;
}

.temp-CMHAW {
	width: 80%; 
	margin-bottom: 10px; 
	margin-left: 15px;
}


a:link.cls-1 {
fill: #2d6e8d;
text-decoration: none;
}

a:visited.cls-1 {
fill: #2d6e8d;
text-decoration: none;
}


a:hover.cls-1 {
fill: #455473;
}


a:active.cls-1 {
fill: #2d6e8d;
text-decoration: none;
}



a:link.cov-1 {
fill: #17315A;
text-decoration: none;
}

a:visited.cov-1 {
fill: #17315A;
text-decoration: none;
}


a:hover.cov-1 {
fill: #754b74;
}


a:active.cov-1 {
fill: #17315A;
text-decoration: none;
}

/*END HEADER FEATURE*/


/*CalAIM Page Styles*/

.CalAIM-centervideo {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.CalAIM-centervideo iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.CalAIM-mobile {
	font-size: 4.5rem;
}

.MCP-RFP-img {
	height: 500px;
    max-height: 700px !important;
	background: url(/CalAIM/PublishingImages/MCP-RFP.jpg);
    background-size: cover;
    background-position: center;
	overflow: hidden;
	border-bottom: 10px;
	border-bottom-color: #2d6e8d;
}

.MCP-RFP-tagline {
	background-color: #2d6e8d; 
	color: white; 
	font-size: 1.7rem;
	letter-spacing: 0.2rem;
	padding-top: 5px;
	padding-bottom: 5px;
}

.MCP-view-RFP-tagline {
	background-color: #17315a; 
	color: white; 
	font-size: 1.7rem;
	letter-spacing: 0.2rem;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

.CalAIM-tagline {
	background-color: #2d6e8d; 
	color: white; 
	font-size: 1.7rem;
	letter-spacing: 0.2rem;
	padding-top: 30px;
	padding-bottom: 35px;
}

.CalAIM-button-RFP {
border-radius: 50px; 
background: #17315a; 
padding: 15px 50px; 
font-size: 1.5em;
color: white;	
font-weight: 500;
}

a:link.CalAIM-button-RFP {
background-color: #17315a;
text-decoration: none;
}

a:visited.CalAIM-button-RFP {
background-color: #17315a;
text-decoration: none;
}


a:hover.CalAIM-button-RFP {
background-color: #2d6e8d;
}


a:active.CalAIM-button-RFP {
background-color: #17315a;
text-decoration: none;
}


.CalAIM-buttons {
border-radius: 25px; 
background: #17315a; 
padding: 10px 20px; 
color: white;	
font-weight: 500;
}

a:link.CalAIM-buttons {
background-color: #17315a;
text-decoration: none;
color: white;
}

a:visited.CalAIM-buttons {
background-color: #17315a;
text-decoration: none;
color: white;
}


a:hover.CalAIM-buttons {
background-color: #2d6e8d;
color: white;
}


a:active.CalAIM-buttons {
background-color: #17315a;
text-decoration: none;
}

.CalAIM-text-column {
	margin-right: 10px;
	padding-bottom: 10px;
}

.CalAIM-banner {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/*End CalAIM Styles*/


.color-icons {
	height: 70px; 
	width: auto;
}

.text-column {
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 7px; 
	padding-bottom: 10px;
}

.gray-bg {
	background-color: #eceef0; 	
	}

.margin-adjust {
	margin-top:-50px;
}

.padding-adjust {
	padding-top: 0 !important; 
	padding-bottom: 0 !important;
}

.h2-custom {
	tex-align: left; 
	color: #96368d !important;
}

.center {
	align-content: center;
	text-align: center;
}

.center-update {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fraud-center {
	text-align: left;
	float: left;
	padding-bottom: 50px;
}

.updates-button-style {
padding-top: 10px;
padding-bottom: 20px;
}


.responsive-banner {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.update-banner {
background-color:#2d6e8d;
padding-top:15px;
padding-bottom:15px;
font-weight:bold;
width:100%;
text-align:center;
margin-left:0;
margin-right:0;
font-size: 1.2em;
color: white;
}

a.update-link:link {
color:#d6dee6;
text-decoration: underline;
}

a.update-link:visited {
color:#d6dee6;
text-decoration: underline;
}

a.update-link:hover {
color: white;
text-decoration: underline;
}

a.update-link {
color:white;
}

a.banner-link2:link {
color: #17315a;
text-decoration: underline;
}

a.banner-link2:visited {
color: #17315a;
text-decoration: underline;
}

a.banner-link2:hover {
color:  #2d6e8d;
text-decoration: underline;
}

a.banner-link2 {
color: #17315a;
}

/* ---------------SUD CONFRNCE BANNER------- */
  .SUD-banner-container {
    padding: 7px;
    color: #ffffff;
    background-color: #2d6e8d;
    text-align: center;
  }

  .SUD-banner {
    font-weight: bold;
  }


a.banner-link-SUD:link {
color: #ffffff;
text-decoration: underline;
}

a.banner-link-SUD:visited {
color: #ffffff;
text-decoration: underline;
}

.SUD-banner a.banner-link-SUD:hover {
color:  #F9A71C !important;
text-decoration: underline;
}

a.banner-link-SUD {
color: #ffffff;
}

.fraud {
margin-top: -20px;	
}

img.img-Armendariz {
	width: 10%; 
	height: auto;
	}


@media (max-width: 992px) {
	
.temp-CMHAW {
	width: 80%; 
    margin-bottom: -20px;
    margin-left: 15px;
    margin-top: 15px;
}
	
.CalAIM-tagline {
	padding-top: 20px;
	padding-bottom: 45px;
	}

.MCP-RFP-sub-mobile {
	display: none;
}	

	
.CalAIM-sub-mobile {
	display: block;
	padding-left: 30px;
	padding-right: 30px;
}	
	
.CalAIM-sub-txt {
	display: none;
}		
	
.CalAIM-text-column {
	margin-right: 50px;
	margin-left: 50px;
	padding-bottom: 10px;
}
	
.third-CalAIM {
	float: left;
	width: 100%;
}	
	
.CalAIM-banner {
  display: none;
}
	
.CalAIM-ftr-icon {
padding-bottom: 20px;
text-align: middle;
margin-bottom: 40px;
}
	
.CalAIM-imgcontainer .contenttext {
  max-height: 400px !important; 
  width: 70%;
	}
	
.fraud-button {
padding-bottom: 20px;
text-align: middle;
margin-bottom: 40px;
}
	
.feature-2 {
	padding-top: 5px;
	padding-bottom: 25px;
}
	
.cov-updates {
	padding-bottom: 40px;
}
	
.cov-heading {
	margin-bottom: 0px;
	margin-top: 30px;
}	
	
.third-center {
float: left;
margin: 5%;
}
	
.third-center-home {
float: left;
margin: 0 6% 0 6%;
}
	
.third-CH {
	float: left;
	width: 50%;
}
	
.third-CH-full {
	float: left;
	width: 100%;
}
	
.footer-icons {
text-align: center;
vertical-align: middle;
padding-left: 15%;	
}
	
.CalAIM-icons {
text-align: center;
vertical-align: middle;	
}
	
.ftr-icon {
padding-bottom: 20px;
text-align: middle;
}	
	
.h2-CH {
	font-size: 1.4em;
}	
	
.title2 {
display: none;
}
	
.responsive-banner {
height:	150px;	
	}
	
.emergency-img {
padding-left: 5px;
height: 70px;
}


.icon-bottom1 {
padding-bottom: 40px;
padding-top: 20px;
}

.hide-br {
display: none;
}

 .imgcontainer .contenttext {
  max-height: 150px !important; 
  overflow: hidden;
  width: 70%;
	}


.overlay-paragraph {
opacity: 0;
}

.MC-box {
border-radius: 8px;
background-color: white;



vertical-align: middle;
margin: 10px;
margin-bottom: 30px;
padding-bottom: 40px;
}

.card-text-MAIN {
padding-bottom: 60px;
}
	
.card-text-CH {
padding-bottom: 40px;
}
	
.fraud-icon-text {
padding-bottom: 60px;
}

	
.need-assistance {
padding-left: 60%;
}




}

@media (max-width: 768px) {

.CalAIM-ftr-icon {
line-spacing: 1em;
padding-bottom: 20px;
padding-left: 0;
vertical-align: middle;
text-align: center;
}
	
.fraud-button {
line-spacing: 1em;
padding-bottom: 20px;
padding-left: 0;
vertical-align: middle;
text-align: center;
}

.feature-1 {
margin-right: 40px;		
padding-top: 0;	
}
	
.feature-2 {

margin-right: 40px;		
}
	
.cov-updates {
padding-bottom: 90px;
}
	
.gray-bg {
	background-color: #eceef0; 
	margin-top:-70px;	
	}
	
.footer-icons {
padding-left: 35%;	
}
	
.left-feature {
float: right; 
margin-right: 0px; 
margin-left: 30px;		
}
	
.responsive-banner {
height: 100px;
	}
		
.COVID2 {
text-align: left;
}
	
.updates-button-style {
text-align: left;
width: 50%;
}	
	
.summary-links {
margin-left: 50px;
}

.third.list-understated {
margin-left: 50px;
}

.third-center {
	float: left;
	width: 100%;
}	
	
.third-center-home {
	float: left;
	width: 100%;
	margin: 0;
}

.profiles {
margin-left: 20px;
margin-right: 20px;
}

.ftr-icon {
margin-left: -5px !important;
line-spacing: 1em;
padding-bottom: 20px;
padding-left: 0;
vertical-align: middle;
}
	
.title2 {
display: block !important;
padding-left: 10px;
padding-right: 10px;
}

.mMC-btn {
padding-top: 8px; 
padding-bottom: 6px;
vertical-align: middle;
text-align: center;
max-width: 200px;
}

.updates-links {
padding-left: 50px;
}
	

}


@media (max-width: 500px) {
	
.footer-icons {
padding-left: 20%;	
}
	
}


@media (max-width: 600px) {

.CalAIM-text-column {
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 10px;
}		
	
.third-CH {
	float: left;
	width: 100%;
}

.third-CH-full {
	float: left;
	width: 100%;
}
	
}

@media (min-width: 300px) {			
	
.CalAIM-videospacing {
	width: 430px;
}
	
}

@media (min-width: 768px) {			
	
.CalAIM-videospacing {
	width: 560px;
}
	
	
.CalAIM-sub-txt {

	padding-left: 30px;
	padding-right: 30px;
}	

.CalAIM-imgcontainer {
  max-height: 700px !important; 
	}	
	
.column {
width: 50%; 
float: left;
}
	
.btn-column {
width: 50%; 
float: left;
}

.left-feature {
float: right; 
margin-right: 0px; 
margin-left: 60px;		
}	
	
.updates-button-style {
text-align: center;
vertical-align: middle;
width: 80%;
}	

.COVID2 {
text-align: center;
}
	
	
.imgcontainer {
max-height: 280px !important;
  }

.profiles {
margin-right: auto; 
margin-left: auto;
}

.summary-links {
margin-left: 0;
}


.title2 {
display: none !important;
}


.section-tab {
	/* background-image: url(/PublishingImages/HomePage/mMC-smallbg.jpg); */
	background:#eceef0;
}
	
.section.section-overstated {
padding-bottom: 0;
}

.MC-box {
border-radius: 8px;

background-color: white;
vertical-align: middle;
margin: 10px;
margin-bottom: 40px;
}


.get-help {
padding-top: 15px;
}
	
.icon-bottom1 {
padding-top: 10px;		
}

}


@media (min-width: 992px) {
	
.CalAIM-videospacing {
	width: 560px;
}	
	
.CalAIM-banner {
  display: block;
}	

.MCP-RFP-sub-mobile {
	display: none;
}

	
.CalAIM-sub-mobile {
	display: none;
}
	
.CalAIM-ftr-icon {
padding-bottom: 20px;
text-align: center;
}
	
.CalAIM-imgcontainer .contenttext {
  width: 85%;
  padding-bottom: 10px;
  padding-top: 20px;
	}

.CalAIM-imgcontainer {	
 max-height: 500px !important;
	}		
	
.fraud-button {
padding-bottom: 20px;
margin-bottom: 40px;
text-align: center;
}
	
.third-center {
	float: left;
	width: 33.33333333%;
}
	
.third-center-home {
	float: left;
	width: 33.33333333%;

}
	
.third-CH {
	float: left;
	width: 33.33333333%;
}
	
.third-CH-full {
	float: left;
	width: 33.33333333%;
}
	
.ftr-icon {
padding-bottom: 20px;
text-align: center;
}

.footer-icons {
vertical-align: middle;
padding-left: 15%;
}
	
.column {
	width: 33.33333%;
	float: left;
}	

.btn-column {
	width: 33.33333%;
	float: left;
}	
	



.left-feature {
float: right; 
margin-right: 0px; 
margin-left: 80px;		
}	
	

.updates-button-style {
text-align: center;
vertical-align: middle;
width: 70%;
}	
	
.emergency-img {
padding-left: 5px;
height: 70px;
}

.icon-bottom1 {
padding-left: 15%;
padding-top: 40px;
padding-bottom: 40px;
}

.icon-bottom2 {
padding-right: 20%;
padding-top: 40px;
padding-bottom: 40px;
}


.icon-bottom2 {
padding-right: 15%;
}

.hide-br {
display: inline;
}




.get-help {
padding-top: 15px;
}

 .imgcontainer .contenttext {
  width: 85%;
  padding-bottom: 10px;
  padding-top: 20px;
	}
	
.imgcontainer {
max-height: 340px !important;
  }

.half-custom {
padding-right: 15px;
}

.mMC-btn {
padding: 0; 
padding-top: 8px; 
padding-bottom: 6px;
margin-bottom: 5px;
max-width: 250px;
}

.MC-box {
padding-bottom: 15px;
}

.icon-link {
font-size: 2.8em; 
padding-right: 20px; 
text-align: right;
margin-bottom: 10px;
}

.need-assistance {
text-align: left;
}

	
}

@media (max-width: 1279px) {	
	
.CH-space {
margin-left: 6%;
}	
	
.calaim-box1 {
	border-radius: 25px; 
	background: #D5DDE7; 
	padding: 20px;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
}	
	
	
.calaim-box2 {
	border-radius: 25px; 
	background: #D5DDE7; 
	padding: 20px;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
}	
	
	.calaim-box3 {
	border-radius: 25px; 
	background: #D5DDE7; 
	padding: 20px;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
}
	
}
	
	

@media (max-width: 1280px) {	

.fraud-center {
	align-content: center;
	text-align: center;
	float: none;
	padding-bottom: 50px;
}
	
.CalAIM-title {
padding-bottom:10%;	
}
	
.CalAIM-numbers {
display: inline;		
}	

.third-CalAIM {
	float: left;
	width: 100%;
	}
		
	
.ftr-icon {
padding-bottom: 20px;
text-align: left;
}
	

.CalAIM-ftr-icon {
padding-bottom: 20px;
text-align: center;
margin-bottom: 40px;
}
	
.fraud-button {
padding-bottom: 20px;
text-align: center;
margin-bottom: 40px;
}	
	
.imgcontainer .contenttext {
  top: 40%;
	}
	
.CalAIM-imgcontainer .contenttext {
  top: 40%;
	}
		
}



@media (min-width: 1280px) {
	
.CalAIM-title {
padding-bottom:50px;	
}
	
.third-CalAIM {
	float: left;
	width: 33.33333333%;
}	
	
.CalAIM-numbers {
display: none;		
}	
	
.calaim-box1 {
	background-image: url(/PublishingImages/CalAIM-box-01.png);
	background-repeat: no-repeat;
	padding: 115px 50px 67px;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
}

.calaim-box2 {
	background-image: url(/PublishingImages/CalAIM-box-02.png);
	background-repeat: no-repeat;
	padding: 93px 50px 50px;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
}

.calaim-box3 {
	background-image: url(/PublishingImages/CalAIM-box-03.png);
	background-repeat: no-repeat;
	padding: 105px 50px 46px;
	margin-top: 20px;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
}
	
.CalAIM-imgcontainer {
  max-height: 600px !important;
	}
	
.CalAIM-ftr-icon {
text-align: center;
}
	
.CalAIM-imgcontainer .contenttext {
  width: 65%;
  padding-bottom: 25px;
  padding-top: 530px;
	}
	
.fraud-button {
text-align: center;
}
	
/*columns edit for 5-column layout*/
	
.column {
	width: 20%;
	float: left;
}
	
.btn-column {
	
	float: left;
}

	
.footer-icons {
	padding-left: 0;
}	

/*end columns edit*/
	

.left-feature {
float: right; 
margin-right: 0px; 
margin-left: 90px;	
}

.updates-button-style {
text-align: center;
vertical-align: middle;
width: 90%;
}
	
.title2 {
display: none;
}
	
.emergency-img {
padding-left: 20px;
height: 70px;
}

.photo-section {
margin-top: 30px;
}



.imgcontainer {
max-height: 400px !important;
  }
/*
.section-tab {
	background-image: url('/PublishingImages/HomePage/myMedi-Cal-bg.jpg');
}
*/	
	
.icon-link {
font-size: 2.8em; 
padding-right: 20px; 
text-align: center;
margin-bottom: 10px;
}	
	

.ftr-icon {
text-align: center;
}

.MC-box1 {
padding-bottom: 21px;
}


.MC-box {
border-radius: 8px;
border-color: #17315A;
background-color: white;
float: left;
margin: 10px;
margin-bottom: 0px;
}

.half-custom {
	max-width: 300px;
	padding-bottom: 25px;
}

.get-help {
padding-top: 40px;
}

.imgcontainer .contenttext {
  width: 65%;
  padding-bottom: 25px;
  padding-top: 25px;
	}
	
.icon-bottom1 {
padding-left: 20%;
padding-top: 50px;
padding-bottom: 20px;
}

.icon-bottom2 {
padding-right: 20%;
padding-top: 50px;
padding-bottom: 20px;
}

	
.need-assistance {
width: 100%; 
margin-left: 60%;
}

}

/****IE override for object-fit:***/
.site-header.compat-object-fit {
    background-size: cover;
    background-position: center;
}
.site-header.compat-object-fit img {
    opacity: 0;
}

.mMC-btn {
padding: 0; 
padding-top: 8px; 
padding-bottom: 6px;
margin-bottom: 0;
}


/****the rest of the CSS:***/


.title2 {
text-align: center;
padding-top: 40px;
padding-bottom: 50px;
margin-top: 0;
color: white !important;
background-color: #2d6e8d;
}


.title {
margin-top: 0px;
margin-bottom: .5em;
line-height: 1.2em !important;
}

.MCP-RFP-title {
line-height: 1.2em !important;
font-size: 2rem;
}

.MCP-View-RFP-title {
line-height: 1.2em !important;
font-size: 2rem;
margin: 0px;
}


.CalAIM-title {
line-height: 1em !important;
font-size: 9rem;
}

.CalAIM-subtitle {
	font-size: 2rem;
}

.CalAIM-imgcontainer .contenttext {
	border-radius: 8px;
}

.CalAIM-imgcontainer {
  max-height: 600px;
}

.imgcontainer .contenttext {
	border-radius: 8px;
}

.imgcontainer {
  max-height: 450px;
  overflow: hidden;
  }


.overlay-paragraph {
font-size: 1.2em;	
text-align: center;
padding-left: 10px;
margin-top: 0px !important;
}

.icon-row {
margin-top: 30px;
margin-bottom: 0px;
}

.card-text-MAIN {
font-size: 1.1em;
font-weight: 700;
padding-top: 15px;
padding-bottom: 70px;
}

.card-text-CH {
font-size: 1.1em;
font-weight: 700;
padding-top: 15px;
padding-bottom: 40px;
}

.fraud-icon-text {
font-size: 1.1em;
font-weight: 700;
padding-top: 5px;
padding-bottom: 45px;
}


.col-md-4 {
width: 30%;
}

.main-icons {
	font-size: 4em;
	padding-bottom: 10px;
}


.col-half {
    width: 40%;
    position: relative;
    height: auto;
    margin: 15px;
}	

.list-links {
text-align: center;
vertical-align: middle;
text-decoration: none;
}

.announcement {
	background-color: #2d6e8d; 
	font-weight: bold; 
	margin-top: -1px; 
	padding-left: 20px; 
	padding-bottom: 5px;
}

/****CUSTOM LINK STYLES***/


a:hover, a:not(.main-icons) {
	color: #17315A;
}

a:visited {
	color: #17315A;
}

a:visited.main-blue-link {
	color: #17315A;
}

a:hover, a:focus.icon-link {
fill: #2d6e8d;
color: #2d6e8d;
}



a:hover, a:focus, a.btn.btn-primary-tab.mMC-btn {
color: rgba(0, 0, 0, 0.5);
}


.section-overstated a:not(.btn):hover, .card-overstated a:not(.btn):hover, .section-overstated a:not(.btn):focus, .card-overstated a:not(.btn):focus
{
color: #005198;
}

/*a:hover, a:focus.icon-link-svg {
	background-image: url(/PublishingImages/HomePage/stop-icon2.svg);
}*/

.section-overstated a:not(.btn) {
	color: #005198;
}
	
a:hover, a:focus.li {
	color: #2d6e8d;
	}

	
a:hover, a:focus.box-style {
	color: #2d6e8d;
	}

a:link.white-link {
color: white;
text-decoration: none;
}

a:visited.white-link {
color: white;
text-decoration: none;
}


a:hover.white-link {
color: #ccd1dc;
text-decoration: none;
}


a:active.white-link {
color: white;
text-decoration: none;
font-weight: bold;
}

/*
a:visited.list-links {
	color: #55627E;
}
*/

a {
	color: #005198;
}
	
a:visited.first-level-link {
	color: #55627E;
}


a:section-overstated {
	color: #005198;	
}




a:link.icon-links {
    color: #17315A;
    text-decoration: none;
	fill: #17315A;
} 
a:visited.icon-links {
    color: #17315A;
    text-decoration: none;
	fill: #17315A;
}
a:hover.icon-links {
    color: #2d6e8d;
    text-decoration: underline;
	fill: #2d6e8d;
}
a:active.icon-links {
    color: #2d6e8d;
    text-decoration: underline;
	fill: #2d6e8d;
}


a:link#MC-button {
    color: white;
    text-decoration: none;
} 
a:visited#MC-button {
    color: white;
    text-decoration: none;
}
a:hover#MC-button {
    color: #E3E8F1;
    text-decoration: none;
}
a:active#MC-button {
    color: #E3E8F1;
    text-decoration: none;
}



a:link#MC-button1 {
    background-color: #F1F2F2;
    text-decoration: none;
} 
a:visited#MC-button1 {
    background-color: #F1F2F2;
    text-decoration: none;
}
a:hover#MC-button1 {
    background-color: #DAE0EB;
    text-decoration: none;
}
a:active#MC-button1 {
    background-color: #DAE0EB;
    text-decoration: none;
}


a:link#MC-button2 {
    color: white;
    text-decoration: none;
} 
a:visited#MC-button2 {
    color: white;
    text-decoration: none;
}
a:hover#MC-button2 {
    color: #E3E8F1;
    text-decoration: none;
}
a:active#MC-button2 {
    color: #E3E8F1;
    text-decoration: none;
}

 .image-link {
        display: inline-block;
        position: relative;
        overflow: hidden;
    }
    /* Style for the image */
    .image-link img {
        transition: filter 0.3s ease; /* Only transition the filter */
    }
    /* Darkening effect on rollover */
    .image-link:hover img {
        filter: brightness(70%); /* Darken the image */
    }


/****end link styles***/





/*.utility-links {
	color: white !important;
}

.utility-header {
	color: white !important;
}
*/




.svg-icon {
width: 65px; 
padding-right: 15px; 
text-align: center;
}	

.st0 {
width: auto;
height: auto;
}

.mMC-btn {
background-color: #F1F2F2;
border-radius: 8px;
border-color: #17315A;
margin-top: 15px;
max-width: 246px;
}


.MC-logo-style {
text-align: center;
width: 80%;
}

.MC-container-style {
	padding-top: 0;
	margin-top: 0;
	}

.tab-style {
	border-radius: 5px !important; 
}


.section-overstated, .card-overstated {
	background-color: white;
	background-repeat:no-repeat;
}

.tab-group {
	margin-bottom: 5%;
	margin-top: 0;
	width: 70%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
/*
.section-tab {
  background-color: none;
  background-repeat: no-repeat;
}
*/
 .card-overstated.section-tab {
  background-color: none;
  background-repeat: no-repeat;
    /* The image used */
  /* Full height */
  height: 200%; 
  margin: 0;

  /* Center and scale the image nicely */
  background-position: center;
  background-size: cover;
  }
  
  height: 100%; 
  margin: 0;

  /* Center and scale the image nicely */
  background-position: center;
  background-size: cover;
  }
  
.thirty {
	float: left;
	width: 31%;
		}

.fifth {
	float: left;
	width: 17%;
}

.MC-icons {
	width: 30%; 
	padding-top: 40px;
}


.icon-titles {
text-align: center;
padding-top: 15px;
padding-bottom: 5px;
}

.tab-text {
text-align: center; 
font-size: .9em;
}

.banner-title {
    font-family: 'Segoe UI', 'Myriad Pro', Segoe, Myriad, sans-serif;
    font-stretch: none;
     }
     
     
.custom-banner {
	box-sizing: border-box;
	background-color: white;
	font-family: 'Segoe UI', 'Myriad Pro', Segoe, Myriad, sans-serif;
	border: 1px solid white;
	border-radius: 8px;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	}

.name-style {
	font-weight: 700;
	font-size: 1.3em;
	font-color: black;
    padding: 10px 0px 0px 10px;
    line-height: 0;

}

.title-style {
	font-size: 1em;
	font-color: #17315A;
    padding: 4px 0px 2px 10px;
}

.link-style {
	font-size: .9em;
    padding: 4px 0px 0px 10px;
}

.governor {
background-image: url(/PublishingImages/HomePage/Newsom-badge.png) no-repeat right bottom;
}

.secretary {
background-image: url(/PublishingImages/HomePage/Ghaly-badge.png) no-repeat right bottom;
}

.director {
background-image: url(/PublishingImages/HomePage/Kent-badge.png) no-repeat right bottom;
}


/******BUTTON STYLES*******/



/* --------------------------------------------------------------------- */
/* --------------------OPA-Page Layouts CSS-------------------------- */
/* --------------------------------------------------------------------- */

/*-----------------------------------------------*/
/*---------------- 1-2-1 Page -----------------*/
/*-----------------------------------------------*/

/*
------------Release 04.23.2018----------------
Adding MH h2 sytle, JiaYang
*/


/* This adds padding to the container and sets this DIV as the parent. */


.pl-121-Container {
	width: 900px;
	height:100%;
	padding:20px 20px 20px 20px;
	margin:0px 0px 0px 0px;
	background-color:#fff;
}

.pl-121-Header {
	position:top; 
	width:100%;
	height:100%;
	padding:0px;
	background-color:fff;
}

/*-------------------- 2 Column ROW 1--------------------*/
.pl-121-2ColR1{
	position:top; 
	width:100%;
	height:100%;
	overflow:auto;
	padding:10px 0px 0px 0px;
	background-color:#fff;
}

.pl-121-2ColR1-Col1 {
	float:left;
	position:relative;
	width: 47%;
	background-color:#fff;
}
 
.pl-121-2ColR1-Col2 {
	float:right;
	position:relative;
	width: 47%;
	background-color:#fff;
}

/*-------------------- 2 Column ROW 2--------------------*/
.pl-121-2ColR2{
	position:top; 
	width:100%;
	height:100%;
	overflow:auto;
	padding:0px 0px 0px 0px;
	background-color:#fff;
}

.pl-121-2ColR2-Col1 {
	float:left;
	position:relative;
	width: 47%;
	background-color:#fff;
}
 
.pl-121-2ColR2-Col2 {
	float:right;
	position:relative;
	width: 47%;
	background-color:#fff;
}




/*-------------------- FOOTER --------------------*/

.pl-121-footer {
	position:top;
	width:100%;
	height:100%;
	overflow:auto;
	padding:10px 0px 0px 0px;
	background-color:#fff;
}

footer.global-footer{
	margin-top: 4em;
}

/* --------------------------------------------------------------------- */
/* --------------------OPA-DivisionLanding CSS-------------------------- */
/* --------------------------------------------------------------------- */

/*-----------------------------------------------*/
/*---------------- Article Page -----------------*/


/*-----------------------------------------------*/
/*
.mainContainer {
	background-color:#fff;
}

/* This adds padding to the container and sets this DIV as the parent. */
.divLanArt-Container {
	padding:20px;
	margin-left:0px;
	margin-right:0px;
	background-color:#fff;
}

.divLanArt-Header {
	position:top; 
	width:900px;
	padding:0px;
	background-color:#fff;

/*-------------------- ROW 1 --------------------*/

} 
.divLanArt-ButtonRow1 {
	position:top; 
	width:900px;
	height:100%;
	overflow:auto;
	padding:0px;
	background-color:#fff;
}

.divLanArt-LtColRow1 {
	float:left;
	position:relative;
	left: 100px;
	width: 275px;
	background-color:#fff;
}
 
.divLanArt-RtColRow1 {
	float:right;
	position:relative;
	right: 100px;
	width: 275px;
	background-color:#fff;
}

/*-------------------- ROW 2 --------------------*/

.divLanArt-ButtonRow2 {
	position:top;
	width:900px;
	height:100%;
	overflow:auto;
	padding:10px 0px 0px 0px;
	background-color:#fff;
}

.divLanArt-LtColRow2 {
	float:left;
	position:relative;
	left: 100px;
	width: 275px;
	background-color:#fff;
}
 
.divLanArt-RtColRow2 {
	float:right;
	position:relative;
	right: 100px;
	width: 275px;
	background-color:#fff;
}

/*-------------------- ROW 3 --------------------*/

.divLanArt-ButtonRow3 {
	position:top;
	width:900px;
	height:100%;
	overflow:auto;
	padding:10px 0px 0px 0px;
	background-color:#fff;
}

.divLanArt-LtColRow3 {
	float:left;
	position:relative;
	left: 100px;
	width: 275px;
	background-color:#fff;
}

.divLanArt-RtColRow3 {
	float:right;
	position:relative;
	right: 100px;
	width: 275px;
	background-color:#fff;
}

/*-----------------------------------------------*/
/* ---------------- Welcome Page ----------------*/
/*-----------------------------------------------*/
/*
.mainContainer {
	background-color:#fff;
}
*/
/* This adds padding to the container and sets this DIV as the parent. */
.divLanWel-Container {
	width:671px;

	padding:20px;
	margin-left:0px;
	margin-right:0px;
	background-color:#fff;

}
/* This creates the left column where the content goes */
.dlw-left-column {
	background-color:#FFF;
	float:left;
	width:671px;
	padding:10px 14px 0px 20px; /*padding:10px 7px 0px 20px;*/
	min-height:320px;			/*min-height:320px;*/
	margin: 0 0 0 0px;
}

/* This creates the right column that holds the resources and a grey bar for the background */
.dlw-right-column{
	float:right;
	width:235px;
	height:dlw-left-column height;
	/*min-height:207px;*/
	/*overflow:auto;*/
	background-color:#e4e8f0;
	position:relative;
	
}

.DHCS-Menu-WithChildren {
	height:100%;
}

/*
.dlw-Right-column-bottom {
	float:left;
	width:235px;
	height:100%;
	overflow:auto;
	background-color:#e4e8f0;
}*/

.divLanWel-Header {
	position:top; 
	width:671px;
	padding:0px;
	background-color:#fff;

/*-------------------- ROW 1 --------------------*/

} 
.divLanWel-ButtonRow1 {
	position:top; 
	width:671px;
	height:100%;
	overflow:auto;
	padding:0px;
	background-color:#fff;
}

.divLanWel-LtColRow1 {
	float:left;
	position:relative;
	left: 25px;
	width: 275px;
	background-color:#fff;
}
 
.divLanWel-RtColRow1 {
	float:right;
	position:relative;
	right: 30px;
	width: 275px;
	background-color:#fff;
}

/*-------------------- ROW 2 --------------------*/

.divLanWel-ButtonRow2 {
	position:top;
	width:671px;


	height:100%;
	overflow:auto;
	padding:10px 0px 0px 0px;

	background-color:#fff;
}

.divLanWel-LtColRow2 {
	float:left;
	position:relative;
	left: 25px;
	width: 275px;
	background-color:#fff;
}
 
.divLanWel-RtColRow2 {
	float:right;
	position:relative;
	right: 30px;
	width: 275px;
	background-color:#fff;
}

/*-------------------- ROW 3 --------------------*/

.divLanWel-ButtonRow3 {
	position:top;
	width:671px;
	height:100%;
	overflow:auto;
	padding:10px 0px 0px 0px;
	background-color:#fff;
}

.divLanWel-LtColRow3 {
	float:left;
	position:relative;
	left: 25px;
	width: 275px;
	background-color:#fff;
}

.divLanWel-RtColRow3 {
	float:right;
	position:relative;
	right: 30px;
	width: 275px;
	background-color:#fff;
}

 /* list element styles, Ordered list (HTML) upper-alpha with right & left parentheses */

ol.decimal {
  counter-reset: decimal;
}

ol.alpha {
  counter-reset: alpha
}

/*ol li {
  list-style: none;
  position: relative;
}
*/
  ol.decimal li,
  ol.alpha li {
  list-style: none !important;
  position: relative;
}

ol.decimal>li:before {
  counter-increment: decimal;
  content: '('counter(decimal, decimal)') '
}

ol.alpha>li:before {
  counter-increment: alpha;
  content: '('counter(alpha, upper-alpha)') '
}
  
/* --------------------------------------------------------------------- */
/* ---------------CUSTOM OPA SHAREPOINT BUTTON STYLES------------------- */
/* --------------------------------------------------------------------- */


.ms-rteStyle-button-blue a:hover, /* Overrides the link color defined in the dhcs.css style sheet.  */ 
.ms-rteStyle-button-blue a:link, 
.ms-rteStyle-button-blue a:visited { 
 	color: #fff; /* defines the color for the link */
	text-decoration: none; /* removes the underline from the link text  */
 	margin-right:0px;
	background-color: #17315a;
} 

a:has(span.ms-rteStyle-button-blue) {
    text-decoration: none !important;
}

.ms-rteStyle-button-blue
{ 
    -ms-name:"Blue Button"; /* this is the name that will appear in the SharePoint styles dropdown list */
    font-family: Arial;
    height:50px;
    width:100%; /* 284 */
    padding-left: 52px !important;
    background:url(/PublishingImages/HomePage/button-color.png); /*no-repeat top left; */
	background-attachment: scroll;
	background-repeat:no-repeat;
	TEXT-ALIGN:left;
	font-weight:normal; 
line-height: 50px;
	padding: 14.25px 3px 14.25px 31px;
	margin: 0px 0px 10px -20px;
	COLOR:#fff !important; 
	FONT-SIZE:17.5px; 
	border-bottom:0px;
	border-style: none;
}

/* custom button edited by JY */
.oc-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    width: 100%;
    margin: 10px 0;
}
.oc-btn-primary {
    color: #fff;
    background-color: #17315A;
}

a.oc-btn {
    color: white !important;
    text-decoration: none !important;
}

.ms-rtestate-write.ms-rtestate-field{
    padding: 0 5px;
}


/* fix the webpart edit ribbon */
.ms-core-webpartadder{
	z-index:99;
}

/* what is that below? 
System.Web.UI.CssStyleCollection */

/* Overwrite the table header to black 
.ms-rteTable-default > tbody > tr > th,
.ms-rteTableHeaderEvenCol-default,
ms-rteTableHeaderEvenCol-default > *,
.ms-rteTable-default th {
    color: black !important;
}*/
.ms-rteTable-default > tbody > tr > th,
.ms-rteTable-default > tbody > tr.ms-rteTableFooterRow-default,
.ms-rteTable-0 > tbody > tr > th,
.ms-rteTable-0 > tbody > tr.ms-rteTableFooterRow-0,
.ms-rteTable-1 > tbody > tr > th,
.ms-rteTable-1 > tbody > tr.ms-rteTableFooterRow-1,
.ms-rteTable-2 > tbody > tr > th,
.ms-rteTable-2 > tbody > tr.ms-rteTableFooterRow-2,
.ms-rteTable-3 > tbody > tr > th,
.ms-rteTable-3 > tbody > tr.ms-rteTableFooterRow-3,
.ms-rteTable-4 > tbody > tr > th,
.ms-rteTable-4 > tbody > tr.ms-rteTableFooterRow-4,
.ms-rteTable-5 > tbody > tr > th,
.ms-rteTable-5 > tbody > tr.ms-rteTableFooterRow-5,
.ms-rteTable-6 > tbody > tr > th,
.ms-rteTable-6 > tbody > tr.ms-rteTableFooterRow-6,
.ms-rteTable-7 > tbody > tr > th,
.ms-rteTable-7 > tbody > tr.ms-rteTableFooterRow-7,
.ms-rteTable-8 > tbody > tr > th,
.ms-rteTable-8 > tbody > tr.ms-rteTableFooterRow-8,
.ms-rteTable-9 > tbody > tr > th,
.ms-rteTable-9 > tbody > tr.ms-rteTableFooterRow-9,
.ms-rteTable-10 > tbody > tr > th,
.ms-rteTable-10 > tbody > tr.ms-rteTableFooterRow-10
{
	color:#000  !important;
}

/* table fix*/

tbody tr.ms-rteTableHeaderRow th,

tbody tr.ms-rteTableHeaderRow-1 th,
tbody tr.ms-rteTableHeaderRow-2 th,
tbody tr.ms-rteTableHeaderRow-3 th,
tbody tr.ms-rteTableHeaderRow-4 th,
tbody tr.ms-rteTableHeaderRow-5 th,
tbody tr.ms-rteTableHeaderRow-6 th,
tbody tr.ms-rteTableHeaderRow-7 th,
tbody tr.ms-rteTableHeaderRow-8 th,
tbody tr.ms-rteTableHeaderRow-9 th,
tbody tr.ms-rteTableHeaderRow-10 th,
tbody tr.ms-rteTableHeaderRow-11 th
{
	color:white  !important;
	background-color: #2d6e8d  !important;
}

tbody tr.ms-rteTableFooterRow th,

tbody tr.ms-rteTableFooterRow-1 th,
tbody tr.ms-rteTableFooterRow-2 th,
tbody tr.ms-rteTableFooterRow-3 th,
tbody tr.ms-rteTableFooterRow-4 th,
tbody tr.ms-rteTableFooterRow-5 th,
tbody tr.ms-rteTableFooterRow-6 th,
tbody tr.ms-rteTableFooterRow-7 th,
tbody tr.ms-rteTableFooterRow-8 th,
tbody tr.ms-rteTableFooterRow-9 th,
tbody tr.ms-rteTableFooterRow-10 th,
tbody tr.ms-rteTableFooterRow-11 th,

tbody tr.ms-rteTableFooterRow td,

tbody tr.ms-rteTableFooterRow-1 td,
tbody tr.ms-rteTableFooterRow-2 td,
tbody tr.ms-rteTableFooterRow-3 td,
tbody tr.ms-rteTableFooterRow-4 td,
tbody tr.ms-rteTableFooterRow-5 td,
tbody tr.ms-rteTableFooterRow-6 td,
tbody tr.ms-rteTableFooterRow-7 td,
tbody tr.ms-rteTableFooterRow-8 td,
tbody tr.ms-rteTableFooterRow-9 td,
tbody tr.ms-rteTableFooterRow-10 td,
tbody tr.ms-rteTableFooterRow-11 td{
	color:black  !important;
	background-color: white  !important;
}

.ms-rteTable-2, .ms-rteTable-2 > tbody > tr > td, .ms-rteTable-2 > tbody > tr > th,
.ms-rteTable-3, .ms-rteTable-3 > tbody > tr > td, .ms-rteTable-3 > tbody > tr > th,
.ms-rteTable-4, .ms-rteTable-4 > tbody > tr > td, .ms-rteTable-4 > tbody > tr > th,
.ms-rteTable-5, .ms-rteTable-5 > tbody > tr > td, .ms-rteTable-5 > tbody > tr > th,
.ms-rteTable-6, .ms-rteTable-6 > tbody > tr > td, .ms-rteTable-6 > tbody > tr > th,
.ms-rteTable-7, .ms-rteTable-7 > tbody > tr > td, .ms-rteTable-7 > tbody > tr > th,
.ms-rteTable-8, .ms-rteTable-8 > tbody > tr > td, .ms-rteTable-8 > tbody > tr > th,
.ms-rteTable-9, .ms-rteTable-9 > tbody > tr > td, .ms-rteTable-9 > tbody > tr > th,
.ms-rteTable-10, .ms-rteTable-10 > tbody > tr > td, .ms-rteTable-10 > tbody > tr > th,
.ms-rteTable-11, .ms-rteTable-11 > tbody > tr > td, .ms-rteTable-11 > tbody > tr > th{
    border: 1px solid black;
}
.ms-rteTable-2 tr, tbody tr.ms-rteTableFooterRow-2 td, tbody tr.ms-rteTableFooterRow-2 th,
.ms-rteTable-3 tr, tbody tr.ms-rteTableFooterRow-3 td, tbody tr.ms-rteTableFooterRow-3 th,
.ms-rteTable-4 tr, tbody tr.ms-rteTableFooterRow-4 td, tbody tr.ms-rteTableFooterRow-4 th,
.ms-rteTable-5 tr, tbody tr.ms-rteTableFooterRow-5 td, tbody tr.ms-rteTableFooterRow-5 th,
.ms-rteTable-6 tr, tbody tr.ms-rteTableFooterRow-6 td, tbody tr.ms-rteTableFooterRow-6 th,
.ms-rteTable-7 tr, tbody tr.ms-rteTableFooterRow-7 td, tbody tr.ms-rteTableFooterRow-7 th,
.ms-rteTable-8 tr, tbody tr.ms-rteTableFooterRow-8 td, tbody tr.ms-rteTableFooterRow-8 th,
.ms-rteTable-9 tr, tbody tr.ms-rteTableFooterRow-9 td, tbody tr.ms-rteTableFooterRow-9 th,
.ms-rteTable-10 tr, tbody tr.ms-rteTableFooterRow-10 td, tbody tr.ms-rteTableFooterRow-10 th,
.ms-rteTable-11 tr, tbody tr.ms-rteTableFooterRow-11 td, tbody tr.ms-rteTableFooterRow-11 th {
    background-color: white !important;
}

tr.ms-rteTableHeaderRow-1 th,
tr.ms-rteTableHeaderRow-2 th,
tr.ms-rteTableHeaderRow-3 th,
tr.ms-rteTableHeaderRow-4 th,
tr.ms-rteTableHeaderRow-5 th,
tr.ms-rteTableHeaderRow-6 th,
tr.ms-rteTableHeaderRow-7 th,
tr.ms-rteTableHeaderRow-8 th,
tr.ms-rteTableHeaderRow-9 th,
tr.ms-rteTableHeaderRow-10 th,
tr.ms-rteTableHeaderRow-11 th {
    font-weight: bold !important;
} 

.ms-rteTable-1 tr.ms-rteTableOddRow-1 {
    background-color: #ECEEF0 !important;
}

tr.ms-rteTableHeaderRow-1 th,
tr.ms-rteTableHeaderRow-2 th,
tr.ms-rteTableHeaderRow-3 th,
tr.ms-rteTableHeaderRow-4 th,
tr.ms-rteTableHeaderRow-5 th,
tr.ms-rteTableHeaderRow-6 th,
tr.ms-rteTableHeaderRow-7 th,
tr.ms-rteTableHeaderRow-8 th,
tr.ms-rteTableHeaderRow-9 th,
tr.ms-rteTableHeaderRow-10 th,
tr.ms-rteTableHeaderRow-11 th {
    text-align: center !important;
}

/* fix the webpart edit ribbin*/
.ms-core-webpartadder {
    top: 125px !important;
}
/* apply hover style to twitter icon*/
a.twitter-icon svg:hover, a.twitter-icon svg:focus{
    fill: #FDB81E !important;
    text-decoration: none;
}
/* apply hover style to custom svg icon*/
.utility-header a:hover:before, .utility-header a:focus:before {
    color: #FDB81E !important;
}
.last-modified{
	display:none;	
}

/* fix the ca gov logo mim size*/
.branding .header-cagov-logo img{
	top: initial !important;
    height: 25px;
    position: relative !important;	
}
.branding .header-cagov-logo a{
	position: absolute;
    top: -37px;	
}

a.ms-accessible{
    height: 30px !important;
    min-width: 25px !important;
}
/* fix the link for mim size*/
a {
    padding: 4px 0; /* Adjusted padding for small height */
} 
/* fix the check in box on screen */
.ms-dlgContent {
    position: fixed;
}
/* fix the summary link a tag */
[id*="SummaryLinkFieldControl"] a,
.highlighted-link-fix a {
    background: white;
    padding: 0;
}
.highlighted-gray-link-fix a {
    background: #eceef0;
}
.white-bg{
	background: white;
}