@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Oswald:400,500,600,700');

/* handsome pro */
@font-face {
    font-family: handsome bold;
    src: url(../fonts/handsomebold.ttf);
}

body {
	background-color: #ffffff;
	color: #303030;
	font-size: 1.5rem;
	font-family: "Open Sans", sans-serif; 
}

.font-12 {
	font-size: 1rem;
}

.logo-footer {
	width:227px;
	height:42px;
    margin-left: -5px;
}

.logo-wme {
    width: 160px;
}

.fa-twitter:before {
	background-position: 0px 2px !important;
	background-size: 98% !important;
	width: 23px !important;
    height: 25px !important;
}

/* The A Team */
a {
	color: #005172;
	text-decoration: underline;
}
a:hover {
	color: #005172;
	text-decoration: none;
}

img {
	max-width: 100%;
}

.font-small {
	font-size: 1.125rem;
} 

h1 {
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	font-size: 3.875rem;
	font-weight: 600;
}

h1 .withcare {
	font-size: 6.625rem;
}

h2 {
	font-family: "Open Sans", sans-serif;
	font-size: 2.563rem;
	font-weight: bold;
}

h2 .withcare {
	font-size: 3.938rem;
}

h3 {
	font-family: "Open Sans", sans-serif;
	font-size: 2.563rem;
	font-weight: 600;
}

h4 {
	font-family: "Open Sans", sans-serif;
	font-size: 2.5rem;
	font-weight: bold;
}

.btn {
	border-radius: 8px;
 	cursor: pointer; 
 	white-space:normal;
 	color: #fff !important;
	font-size: 1.72rem;
    font-weight: 600;
 	padding: 0.6rem 2.2rem; 
	text-decoration: none;
 }

a.btn {
	text-decoration: none !important;
}

.btn-primary {
 	background-color: #005172;
 	border-color: #005172;
 }

.btn-primary:hover {
 	color: #fff;
 	background-color: hsl(195, 100%, 25%); 
}

.btn-primary:focus {
 	box-shadow: 0 0 0 3px rgba(1, 127, 181,.5);
}

.btn-processblue {
	background-color: #0099cc;
	border-color: #0099cc;
}

.btn-processblue:hover {
 	background-color: hsl(195, 100%, 30%);
 	border-color: hsl(195, 100%, 30%);
 	color: #fff; 
}

.btn-processblue:focus {
 	box-shadow: 0 0 0 3px rgba(1, 127, 181,.5);
}

.withcare {
	color: #0099CC;
	font-family: "Handsome Bold";
}

.color-white {
	color: #ffffff;
}

.color-darkblue {
	color: #005172;
}

.bgcolor-lightteal {
	background-color: #bed6db;
}

.bgcolor-darkblue {
	background-color: #005172;
}

.bgcolor-pink {
	background-color: #ead4e8;
}

.bgcolor-purple {
	background-color: #390532;
}

.bgcolor-mint {
	background-color: #cdf0ec;
}

.bgcolor-darkteal {
	background-color: #0d3e38;
}

/* Sections */

/** Header **/

header.main {
	font-size: 1.438rem;
	font-weight: 600;
	height: 236px; 
	padding: 55px 8% 0 8%;
}

header.container {
	max-width: 100%;
}

header.container .logo {
	height: auto !important; 
	width: auto !important;
}

header.container .logo img {
	max-height: 125px;
	max-width: 302px;
}

.section-one {
	background: rgb(190,214,219);
background: linear-gradient(90deg, rgba(190,214,219,1) 0%, rgba(190,214,219,1) 45%, rgba(0,81,114,1) 47%, rgba(0,81,114,1) 100%);
	max-width: 100%;
}

.section-one .container {
	max-width: 100%;
}

.section-one .col-md-6 {
	padding-top: 72px;
}

.section-one .col-md-6+.col-md-6 {
	padding-top: 110px;
}

/** A Medicaid, with Care **/

.chpmd-photo {
	height: 512px;
	margin: 0 auto;
	position: relative;
	width: 535px;
}

.chpmd-photo img {
	border-radius: 10px;
}

.doodle-bandaid {
	height: 114px;
	left: 37px;
	position: absolute;
	top: -40px;
	width: 114px;
}

.doodle-heart {
	height: 94px;
	left: -45px;
	position: absolute;
	top: 110px;
	width: 102px;
}

.amedicaidplan p {
	font-size: 1.5rem;
	margin: 0 auto;
	width: 75%;
}

.color-white.bgcolor-darkblue.amedicaidplan a {
  color: #ffffff;
}

/** Health Benefits **/

.section-two .container {
	max-width: 1300px;
}

.healthbenefits header {
	font-size: 1.5rem;
	font-weight: 600;
	padding-bottom: 5px;
}

.healthbenefits p {
	font-size: 1.125rem; 
}

/** Eligible **/

.section-three {
	background: rgb(234,212,232);
    background: linear-gradient(90deg, rgba(234,212,232,1) 0%, rgba(234,212,232,1) 49%, rgba(57,5,50,1) 50%, rgba(57,5,50,1) 100%);
}

.section-three .col-md-6 {
	padding-top: 72px;
}

.section-three .col-md-6+.col-md-6 {
	padding-top: 110px;
}

.section-three .container {
	max-width: 100%;
}

.section-three .bgcolor-purple header {
	color: #ffffff;
	font-size: 2.563rem;
	font-weight: 600;
}

.section-three .bgcolor-purple p {
	color: #ffffff;
	font-size: 1.375rem;
	margin: 0 auto;
	width: 75%;
}

.doodle-pacifier {
	height: 117px;
	right: -37px;
	position: absolute;
	top: 86px;
	width: 123px;
}

.doodle-onesie {
	height: 129px;
	right: 43px;
	position: absolute;
	top: -45px;
	width: 120px;
}

/** Enroll **/

.section-four .container {
	max-width: 85%;
}

.section-four .enroll {
	border-radius: 30px;
	margin-bottom: 120px;
	padding-top: 100px;
}

.section-four .enroll header {
	font-weight: 600;
	color: #ffffff;
	font-size: 2.5rem;
	text-align: center;
	width: 100%;
}

.section-four .enroll p {
	color: #ffffff;
	font-size: 1.75rem;
}

.section-four .enroll ol, .section-four .enroll ul {
	color: #ffffff;
}

.section-four .enroll ol li {
	font-size: 2.125rem;
	font-weight: 600;
}

.section-four .enroll ol li div, .section-four .enroll ol li div li {
	font-size: 1.5rem;
	font-weight: 400;
	list-style-type: disc;
	padding-top: 25px;
}

.section-four .enroll a {
	color: #ffffff;
	font-weight: 600;
	text-decoration: underline;
}

.section-four .enroll a:hover {
	color: #ffffff;
	text-decoration: none;
}

.section-five {
	color: #005172;
} 

.section-five .container {
	max-width: 85%;
}

.section-five h4 {
	text-align: center;
	width: 100%;
}

.section-five p {
	font-size: 1.5rem;
}

/** Count on Medicaid Partner **/

.section-six {
	background: rgb(205,240,236);
    background: linear-gradient(90deg, rgba(205,240,236,1) 0%, rgba(205,240,236,1) 49%, rgba(13,62,56,1) 50%, rgba(13,62,56,1) 100%);
}

.doodle-sunandcloud {
	height: 126px;
	left: -38px;
	position: absolute;
	top: -11px;
	width: 207px;
}

.doodle-stethoscope {
	bottom: 125px;
	height: 157px;
	position: absolute;
	right: -67px;
	width: 141px;
}

.section-six .col-md-6 {
	padding-top: 61px;
}

.section-six .col-md-6+.col-md-6 {
	padding-top: 135px;
}

.section-six .container {
	max-width: 100%;
} 

.section-six .bgcolor-darkteal header {
	color: #ffffff;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 3.4rem; 
	padding-left: 6.5%; 
	padding-right: 6.5%;
	text-align: center; 

} 

.section-six .bgcolor-darkteal header .withcare {
  	font-size: 4.063rem;
 }

.section-six .bgcolor-darkteal p {
 	color: #ffffff;
 	font-size: 1.313rem;
 	margin: 0 auto;
 	width: 70%;
}

/*****Footer CSS*******/

.home footer {
	margin-top:0px;
}

#footer{
	background:#303030;
	color:#ffffff;
	padding:40px 0px;
}

.footer-cta
{
	background: #f2f2f2;
	padding:60px 0px;
}

#footer hr{
	border-top:1px solid #707070;
	margin-bottom:30px;
	margin-top:0px;
}

#footer a,
#footer h4{
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover, #footer a:focus, #footer a:visited {
	color:#ffffff;
	text-decoration:underline;
}

.footer-list {
	padding:0;
}

.footer-list li {
	list-style:none;
	padding-right:60px;	
	display:block;
}

#footer .container {
	max-width: 85%;
} 

@media (min-width: 992px) { 

	.footer-list li {
		display:inline;
	}

}

.footer-list li a { 
    font-size:.75rem;
}

.lang_heading {
	text-transform:uppercase;
	font-size:1.125rem;
	font-family: "Oswald", sans-serif;
}

.social-nav{
	padding:0;
}

.social-nav li {
	list-style:none;
	display:inline;
	padding-right:10px;	
}

.social-nav li a{
	color:#ffffff;
	text-decoration:none;
}

.social-nav li a:hover{
	text-decoration:none !important;
}

.disclaimer{
    font-size:.75rem;
	line-height:1.25rem;
}

@media (min-width: 992px) {

	.verticle-rule{
		border-right:1px solid #707070;
	}

}

.lang-list{
	padding:0;
	margin:0;
}

.lang-list li{
	display:block;
}

.lang-list li a{
	font-size:12px;
}

@media (min-width: 1920px) { 

	 .chpmd-photo {
		 margin-left: 14%; 
	 }

	.section-one .col-md-6 {
		padding-top: 62px;
	}

	.section-three .col-md-6 {
		padding-bottom: 30px;
		padding-top: 62px;
	}

	.section-six .col-md-6 {
		padding-bottom: 30px !important;
		padding-top: 62px;
	}
	
	.section-two .container {
		max-width: 1700px;
	}

	.col-md-2.col-lg-2.maternity img {
		width: 65% !important;
	}

}

@media (min-width: 2550px) {

	 .chpmd-photo {
		 margin-left: 15%;  
	 } 
	
}


@media (min-width: 2880px) {

	 .chpmd-photo {
		 margin-left: 14%;  
	 } 

} 


@media (max-width: 1280px) {

	.section-four .container {
		max-width: 90%;
	}
}

@media screen and (max-width: 1180px) {

	header.main {
		padding-left: 4%;
		padding-right: 4%;
	}

	header.container .logo { 
		padding-left: 0px; 
	}

	header.container .logo img {
		height: auto;
		max-width: 75% !important;
	}

	.doodle-heart {
		left: -22px;
	}

	.doodle-pacifier {
		right: -25px;
	}

	.doodle-sunandcloud {
		left: -20px;
	}

	.doodle-stethoscope {
		right: -21px;
	}

	.section-four .container {
		max-width: 96%;
	}

	#footer .container {
		max-width: 100%;
	}

}

@media screen and (max-width: 1112px) {
	
	header.container .logo {
		padding-left: 20px;
	}

	.doodle-heart {
		left: -14px;
	}

	.chpmd-photo {
		height: auto;
		max-width: 100%;
	}

	.section-four .container {
		max-width: 95%;
	}
	
}

@media screen and (max-width: 1024px) {

	.section-three .col-md-6+.col-md-6 {
		padding-bottom: 20px;
		padding-top: 80px;
	}

	.section-one .col-md-6+.col-md-6 {
		padding-top: 80px;
	}


	.section-six .col-md-6+.col-md-6 {
		padding-top: 80px;
	}

	.doodle-heart {
		left: -13px;
	}

	.doodle-sunandcloud {
		left: -10px;
	}

	.doodle-pacifier {
		right: -12px;
	}

	.doodle-stethoscope {
		right: -12px;
	}
	
}


@media screen and (max-width: 932px) {


	header.main {
		padding-top: 50px;
	}

	.section-three .col-md-6+.col-md-6 { 
		padding-top: 70px;
	}

}



@media screen and (max-width: 820px) {

	header.container .logo {
		padding-left: 0px;
		width: initial !important;
	} 

	header.container .col-6.logo+.col-6 {
		font-size: 1.3rem;
	}	

	header.container .col-6.logo+.col-6 br {
		display: none;
	}

	.doodle-heart {
		left: -13px;
		top: 90px;
	}

	.doodle-onesie {
		top: -55px;
	}

	.doodle-pacifier {
		right: -17px;
		top: 66px;
	}

	.doodle-sunandcloud {
		top: -51px;
	}

	.doodle-stethoscope {
		bottom: 40px;
		right: -13px;
	}
 
	h1 .withcare {
		line-height: 6rem;
	}

	 .section-one .col-md-6+.col-md-6 {
		 padding-top: 50px;
	 }

	.section-three .col-md-6+.col-md-6 {
		padding-bottom: 50px;
		padding-top: 50px;
	}  

	.section-six .col-md-6+.col-md-6 {
		padding-top: 45px;
	}

	.section-six .bgcolor-darkteal header {
		font-size: 2.2rem;
	}

	.section-six .bgcolor-darkteal header br {
		display: none;
	}

	h1 {
		font-size: 3.2rem;
	}

	h1 .withcare {
		font-size: 5.2rem;
	}

	.amedicaidplan p {
		width: 90%;
	}

	.section-three .bgcolor-purple p {
		width: 90%;
	} 

	.section-three .chpmd-photo {
		margin-left: 0px;
	}
}



@media screen and (max-width: 770px) {

	header.main {
		padding: 50px 4% 0 4%;
	} 

	.maternity img.w-75, .transportation img.w-75 {
		width: 20% !important;
	} 
	
}

@media screen and (max-width: 540px) {

	header.main {
		height: 300px;
	}
	
	header.container .logo {
		max-width: 100% !important;
		text-align: center;
		width: 100% !important;
	}

	header.container .logo img {
		max-width: 50% !important;
	}

	.section-two {
		margin-left: 20px;
	}
	
}



@media screen and (max-width: 430px) {

	header.container {
		height: 250px;
		/* margin-left: 0%; max-width: 80%; */
	}
	
	header.container .logo {  
		margin-bottom: 20px;
		text-align: center;
		width: 100% !important;
	}

	header.container br {
		display: none;
	}

	header.main {
		font-size: 1.2rem;
		padding: 30px 6% 0 6%;
	}

	header.container .logo img {
		height: 80px;
		width: 200px;
	}	 

	header.container .col-6.logo+.col-6 {
		font-size: 1rem;
	} 
	
	.section-one {
		background: none;
	}

	h1 {
		font-size: 3rem;
	}

	h1 .withcare {
		font-size: 5rem;
	}

	/* .section-one .container { margin-left: -5%;max-width: 90%;width: 90%;} */

	.chpmd-photo {
		height: auto;
		margin-left: 0%;
		max-width: 99%;
		/* margin-left: 4%;
		max-width: 98%; */
	} 

	.doodle-heart {
		height: 56px;
		left: -11px; /* left: -7px;*/
		position: absolute;
		top: 80px;
		width: 66px;
	}

	.doodle-bandaid {
		height: 74px;
		left: 25px;
		position: absolute;
		top: -30px;
		width: 74px;
	}

	.section-one .col-md-6+.col-md-6 {
		padding-left: 25px; 
	}

	h1 .withcare {
		line-height: 6rem;
	}

	.amedicaidplan p { 
		width: 96%;
	}
	
	.section-two {
		margin-left: initial;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}

	.section-two .container { 
		margin-left: 4%;
		width: 90%;
		/* width: 77%; */
	} 

	.section-two > .container > .row > .col-md-12.text-center {
		 padding-bottom: 1rem !important;
	}

	.section-two .row.healthbenefits {
		margin-bottom: .5rem !important;
		padding-top: .5rem !important;
	}

	.section-two .row.healthbenefits div {
		padding-top: .5rem !important;
		text-align: center;
	}

	.section-two .row.healthbenefits div.visioncare {
		margin-top: -10px;
		padding-top: 0 !important;
	}

	.section-two .row.healthbenefits div {
		padding-left: 0;
		text-align: center;
	}

	.section-two .row.healthbenefits div img {
		height: 120px;
		width: 120px;
	}
	
	.section-three {
		background: none;
	}

	.section-three .chpmd-photo {
		margin-left: 1%; /* margin-left: -2%;*/
		/* max-width: 88%; */
	} 

	/* .section-three .container .bgcolor-purple header {margin-left: -15%;} */

	.section-three .bgcolor-purple p {
		/* margin-left: 0; */
		width: 85%;
	} 

	.doodle-onesie {
		height: 103px;
		right: 40px; 
		top: -35px;
		width: 96px;
	}

	.doodle-pacifier {
		height: 93px;
		right: -13px; /* right: -7px;*/
		top: 66px;
		width: 98px;
	}

	.section-four {
		margin-left: 1%; /* margin-left: 1.5% */
		width: 98%; /* width: 82% */
	}

	.section-four .container {
		max-width: 98%;
	}

	.section-four .enroll {
		margin-bottom: 50px;
		padding: 50px 1rem 1.5rem 1rem !important; 
	}

	.section-four .enroll a:not(.btn) {
		word-break: break-all;
	} 
	
	.section-four .enroll p {
		font-size: 1.3rem;
	}

	.section-four .enroll ol li {
		font-size: 1.3rem;
	}

 	.section-five h4 {
		font-size: 1.61rem;
	}
	
	.section-four .enroll ol li div, .section-four .enroll ol li div li {
		font-size: 1.3rem;
	}

	.section-five p {
		font-size: 1.3rem;
	}

	.section-six {
		background: none;
	}

	/* .section-six .chpmd-photo { margin-left: -.5%; max-width: 86%;} */

	.doodle-sunandcloud {
		height: 88px;
		left: -11px; 
		top: -15px;
		width: 145px;
	}

	.doodle-stethoscope {
		bottom: 70px;
		height: 110px; 
		right: -15px;
		width: 99px;
	}

	.section-six .col-md-6+.col-md-6 {
		padding-left: 0;
		padding-top: 50px;
	}

	/* .section-six .bgcolor-darkteal header {   padding-left: 1%;  padding-right: 1%; width: 90%; }*/

	.section-six .bgcolor-darkteal header br {
		display: none;
	}

	.section-six .bgcolor-darkteal p { 
		width: 90%;
	}

	.maternity img.w-75, .transportation img.w-75 {
		width: 40% !important;
	}

	/* .disclaimer {
		width: 85%;
	} */


}

@media screen and (max-width: 375px) {
	
	header.main {
		height: 300px;
	}
	
}

