/* general styles */

.toolkit-list li {
	padding-bottom: 5px !important;
}

/* overview pages */
.overview-left-side {
	text-align: center;
}
.overview-left-side a img {
	width: 25% !important;
}


/*  three columns row */
.page-id-7261 .simple-text {
	margin-bottom: -80px !important;
}

/*  homepage */
.home .hero-image {
	height: 250px;
	min-height:initial;
}

.home .hero-image-title {
	font-size: 3.75rem;
	padding: 55px 20px;
}

.home .homepage-container {
	padding-top: 0 !important;
	margin-top: -10px !important;
	padding-bottom: 20px !important;
}
.home .instruction-wrapper {
	padding: 5px 20px 0 20px;
}
.home .video-wrapper {
	margin-top: -50px;
	margin-bottom: -50px;
}
.home .covid-callout-list li {
	padding-bottom: 7px;
}

.home .portfolio-filter-header {
	display: none;
}

/* mega menu style */
#mega-menu-wrap-main_nav {
  width: 100%;
}


/* remove box shadow for the pop-up on the Umbrella Hub pages */
.ufw_pp .ufw_wb {
	box-shadow: none;
}


/* Reimbursement Models for Medicaid Agencies and MCOs */
.page-id-3165 .illinois-milestones p {
	margin: 0 !important;
}
.page-id-3165 .illinois-milestones i>ul, li>ol {
    margin: 0;
}

/* Reimbursement Models for Medicaid Agencies and MCOs - 3165 */
/* Attaining Coverage Through a Section 1115 Demonstration Waiver - 2376 */
/* Michigan’s State Story of Medicaid Coverage - 18338 */
.page-id-3165 .illinois-milestones ul, 
.page-id-3165 .illinois-milestones ol,
.page-id-2376 .oregon-tab ul, 
.page-id-2376 .oregon-tab ol,
.page-id-18338 ul,
.page-id-18338 ol {
	padding-left: 30px;
}

/* Engaging Federally Qualified Health Centers - 17952 */
/* Attaining Coverage Through a Section 1115 Demonstration Waiver - 2376 */
.page-id-17952 .qualified-health-centers li,
.page-id-2376 .oregon-tab li {
	padding-bottom: 5px !important;
}


/* Modifiable Slide Deck: Coverage Toolkit Form */
.page-id-18982 #field_4_5 input,
.page-id-18982 #field_4_6 input,
.page-id-18982 #field_4_8 input,
.page-id-18982 #field_4_9 input {
	-webkit-appearance: auto;
	margin-right: 10px;	
}

/* Recruitment & Referral - 7458 - less margin space */
.page-recruitment {
	margin-left: 2rem;
}

/* Case for Coverage for Commercial Plans and Employers - side menu*/
.page-id-8232 #ufw_2 {
	right: 5px !important;
}

.page-id-8232 #ufw_2 .ufw_wb_inner {
	padding: 0.5em !important;
}

.imapsamexport-item {
	display: inline-block !important;
	width: 60px !important;
}


/* Data, Reporting, and Evaluation */
.table_case_for_coverage_for_medicaid td {
	width: 50%;
}


div.custom-table-1 td.custom-table-1-header {
	background-color: #005696 !important;
	text-align: center !important;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 18px;
}

div.custom-table-1 td.custom-table-1-td-header {
	white-space: nowrap !important;
	color: #005696;
	font-weight: bold;
	background-color:#f7f7f7 !important; 
	vertical-align: middle;
}

div.custom-table-1 td.custom-table-1-td-content {
	padding:0 !important; 
	border: none !important;
}


/*  fourth columns row */
.fourthColumns {
   margin-left: 0;
}

.fourthColumns .column {
  float: left;
  width: 23%;
  text-align: center; 
  padding-left: 1.4rem !important;
}

#.fourthColumns .row:after {
  content: "";
  display: table;
  clear: both;
}

/*  three columns row */
.thirdColumns {
   /* margin-left: 4rem; */
   
  display: flex;
  justify-content: space-between;
  margin: 2rem;
}

.thirdColumns-min {
	margin-left: 0;
}

.thirdColumns .column,
.thirdColumns-min .column {
  float: left;
  width: 30%;
  text-align: center; 
}
.thirdColumns .left,
.thirdColumns-min .left {
  width: 75%;
}

.thirdColumns .right,
.thirdColumns-min .right {
  width: 25%;
  text-align: center;
}

.thirdColumns .equal-box {
  background-color: #08A94E;
  color: white;
  width: 300px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  border-radius: 10px;
}

.thirdColumns .column .link-wapper {
	width: auto;
    min-width: auto;
	background-color:transparent;
	margin-left: 0;
	margin-top: 0;
}

.thirdColumns .link-button {
  color: white;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 2.2rem;
  line-height: normal;
}

/* Clear floats after the columns */
.thirdColumns .row:after,
.thirdColumns-min .row:after {
  content: "";
  display: table;
  clear: both;
}

/* For mid-sized screens (tablet/laptop view) */
@media (max-width: 1299px) and (min-width: 769px) {
  .thirdColumns {
    flex-wrap: wrap;
    justify-content: center;
	margin-left: .5rem !important;
  }

  .thirdColumns .column,
  .thirdColumns .left,
  .thirdColumns .right {
    width: 100% !important;
    margin: 10px;
  }

  .thirdColumns .equal-box {
    width: 100% !important;
    height: auto;
    font-size: 1.2em;
    padding: 1rem;
  }
  
}


/* Mobile responsive fix */
@media (max-width: 768px) {
  .thirdColumns {
    flex-direction: column;
    align-items: center;
	margin-left: 1.3rem !important;
  }

  .thirdColumns .column,
  .thirdColumns-min .column,
  .thirdColumns .left,
  .thirdColumns .right {
    width: 100% !important;
    float: none;
    text-align: center;
    margin: 10px 0;
  }

  .thirdColumns .equal-box {
    width: 90% !important;
    height: auto;
    padding: 1rem;
    font-size: 1.2em;
    box-sizing: border-box;
  }

  .thirdColumns .column .link-wrapper {
    width: 100%;
  }
}





/* this is for the Coverage in Practice page */

/* Create two equal columns that floats next to each other */
.twoColumns .column {
  float: left;
  width: 50%;
}

.twoColumns .left {
  width: 75%;
}

.twoColumns .left-71 {
  width: 71%;
}

.twoColumns .right {
  width: 25%;
  text-align: center;
}

.twoColumns .right-27 {
  width: 27%;
}

.twoColumns .half {
  width: 47%;
}

/* Defining Health Equity */
.Health-Equity-and-Health-Disparities .column {
	width: 49%;
}

/* The Role of Medicaid in Addressing HRSNs page - Medicaid Beneficiary Profile layout */
#medicaid-beneficiary-profile-wrapper {
	padding: 30px 20px;
}
#medicaid-beneficiary-profile-container {
	background-color: #ededed; 
	padding: 20px 0 10px 0;
}
#medicaid-beneficiary-profile-wrapper .thirdColumns {
	margin-left: 2rem;
}

.medicaid-beneficiary-profile .child-1 {
	flex-basis: 40%;
}

/* Business Model for Umbrella Hub Arrangements */
.page-id-19695 .icon-plus-sign, 
.page-id-19711 .icon-plus-sign, 
.page-id-3514 .icon-i-sign,
.page-id-23793 .icon-i-sign,
.page-id-24954 .icon-plus-sign {
	position: relative;
    top: 8px;
    display: inline-block;
    margin: 0 auto;
}


/* Case for Coverage for Commercial Plans and Employers */
.case-for-coverage-change-program-wrapper .child-1 {
	flex-basis: 53%;
	padding-left: 0 !important;
}
.case-for-coverage-change-program-wrapper .child-2 {
	flex-basis: 43%;
}

.case-for-coverage-change-program-header {
	font-weight: 500;
    font-size: 1.2rem;
    text-align: center;
    padding: 10px 0;
    background-color: #00af50;
    color: white;
}
.case-for-coverage-change-program .child-1 {
	padding-top: 0;
	padding-right: 10px;
	flex-basis: 47%;
	border-right: solid 2px #000;
}
.case-for-coverage-change-program .child-2 {
	padding: 0 7px;
	flex-basis: 47%;
}


/* Engaging MCOs to Attain Coverage */
.page-id-16074 .yrm-content {
	color: inherit !important;
}

/* Case for Coverage for Medicaid - style */
.page-id-6221 .table-side-by-side td {
	width: 50%;
}


/* MDPP Implementation Resources - style */
.MDPP-Implementation-table td {
 	width: 33%;
}

/* Clear floats after the columns */
.twoColumns .row:after {
  content: "";
  display: table;
  clear: both;
}

/* call out box for covid message */
.covid-callout {
	border-color: #b60000 !important;
	text-align: left;
}

.covid-callout .su-box-title {
    background-color: #b60000 !important;
}

/* style for video within the iframe */
.iframeVideo {
	height: 0px;
	padding-top: 25px;
	padding-bottom: 56.2%;
	position: relative;
}
.iframeVideo iframe {
	width: 100%;
	height: 100%;
	position: absolute;
}



/* style for custom coulmns for icons layout to use thorughout the site */
.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
.flex-container > div {
	flex-basis:30%;
	justify-content: center;
	padding: 10px 0;
}


@media screen and ( max-width: 1112px) and (hover: none) {
  .flex-container > div {
    display: flex;
    flex-basis: 45%;
  }
}
@media screen and ( max-width: 600px) and (hover: none) {
  .flex-container > div {
    display: flex;
    flex-basis: 100%;
  }
}



.page-id-3514 .navigation-item {
	height: 280px;
}

.page-id-3514 .navigation-item .scroll-down-tile {
	top: 230px;
}




/* created a table template to work for all table layout on the site */
.rwd-table,
.su-table.table-mobile {
  margin: 1em 0;
  min-width: 300px;
  overflow-x: hidden;
}
.rwd-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.rwd-table th {
    display: none;
}
.rwd-table td {
	/*display: block;*/
}
.rwd-table td:first-child {
	padding-top: 0.5em;
	font-weight: bold;
}	
.rwd-table td:last-child {
	padding-bottom: 0.5em;
}	
.rwd-table td:before {
	font-weight: bold;
	width: 6.5em;
	display: inline-block;
}
.rwd-table th,
.rwd-table td {
    text-align: left;
}

/* smartphone Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 926px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
	.header .header-logo {
		margin-left: -80px;
	}
	  
	.rwd-table th,
	.rwd-table td,
    .su-table.table-mobile table td	{
		display: block !important;
		padding: 1em 0.5em !important;
	}
	.su-table.table-mobile table td:last-child {
		border: none !important;
	}
    .su-table.table-mobile table td ul {
		padding-left: 30px;
    }
	.su-table.table-mobile table td ul li>ul, 
	.su-table.table-mobile table td ul li>ol {
		margin: 0 !important;
	}
    .rwd-table th:last-child,
    .rwd-table td:first-child	{
        padding-right: 0 !important;
    }
	
	.page-id-19695 .icon-plus-sign, 
	.page-id-19711 .icon-plus-sign, 
	.page-id-3514 .icon-i-sign,
    .page-id-23793 .icon-i-sign,
    .page-id-24954 .icon-plus-sign 	{
		display: inline-block;
		width: auto;
	}
    
    /* MDPP Implementation Resources - style */
    .MDPP-Implementation-table td {
        width: 100%;
		float: left;
    }
	
	
	#ufw_1 .ufw_wb  {
		height: 120px !important;
		top: auto !important;
	}
	
	/* Data, Reporting, and Evaluation */
	.table_case_for_coverage_for_medicaid td {
		width: 100%;
	}
}


/* customer style for winder image */
.wider-image {
	width: 75vw; 
	max-width: 75vw; 
	margin-left: calc(65% - 50vw);
}

@media (max-width:821px)  {
	/* customer style for winder image */
	.wider-image {
		width: inherit; 
		max-width: inherit; 
		margin-left: inherit;
	}
}


@media (max-width:801px)  {
	/*  homepage */
	.home .video-wrapper {
		margin-bottom: 0;
	}
}	


/* tablet Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1112px) 
  and (orientation: portrait)  {
	.header .header-logo {
		margin-left: -200px;
		display: inline-block;
	}
	
	/*  homepage */
	.home h1 {
		font-size: 32px;
	}
	.home .video-wrapper {
		margin-bottom: 0;
	}
	.home .hero-image-title {
		padding: 40px 20px;
	}
	
	/* overview pages */
	.overview-left-side a img {
		width: 50% !important;
	}
    
    /* MDPP Implementation Resources - style */
    .MDPP-Implementation-table td {
      width: 31%;
      float: left;
    }
}

/* tablet landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1180px) 
  and (orientation: landscape)  {
	.header .header-logo {
		margin-left: -200px;
		display: inline-block;
	}
	  
	/*  homepage */
	.home h1 {
		font-size: 32px;
	}
	
	/* overview pages */
	.overview-left-side a img {
		width: 35% !important;
	}
	
	/* Case for Coverage for Commercial Plans and Employers */
	.case-for-coverage-change-program-wrapper .child-1,
	.case-for-coverage-change-program-wrapper .child-2	{
		flex-basis: 100%;
		display: inline-block;
	}
	.case-for-coverage-change-program-wrapper .child-1 {
		border: none;
	}
}


/* smartphone Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 915px) 
  and (orientation: landscape) { 
	.home .video-wrapper {
		margin-bottom: 0;
		padding-bottom: 0 !important;
	}
	.home .video-container {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	/* overview pages */
	.overview-wrapper .section-half {
		float: left;
	}
	.overview-left-side a img {
		width: 35% !important;
	}
	
	
		.page-id-19711 .icon-plus-sign,
		.page-id-3514 .icon-plus-sign {
			display: none; 
		}
}


/* smartphone Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 926px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	/* The Role of Medicaid in Addressing HRSNs page - Medicaid Beneficiary Profile layout */
	#medicaid-beneficiary-profile-wrapper {
		background-color: #ededed;
	}
	#medicaid-beneficiary-profile-container {
		padding: 0 !important;
	}
	#medicaid-beneficiary-profile-wrapper .column{
		padding-top: 10px;
		width: 100% !important;
	}
	#medicaid-beneficiary-profile-wrapper .thirdColumns {
		margin-left: 0.5rem;
	}
	#medicaid-beneficiary-profile-wrapper .thirdSection .column {
		padding: 0 !important;
	}
	.Medicaid-Beneficiary-Profile-divider {
		display: none;
	}
	.medicaid-beneficiary-profile .child-1 {
		flex-basis: 100%;
		display: inline-block;
	}
	
	/* Case for Coverage for Commercial Plans and Employers */
	.case-for-coverage-change-program-wrapper .child-1,
	.case-for-coverage-change-program-wrapper .child-2	{
		flex-basis: 100%;
		display: inline-block;
	}
	.case-for-coverage-change-program-wrapper .child-1 {
		border: none;
	}
	
	/* image hotspot */
	.hotspot-container {
		width: 100% !important;
	}
	.hotspot-container .popover {
		left: 0 !important;
	}
	.hotspot-container  .popover .popover-inner .popover-title, .popover .popover-inner .popover-content {
		box-sizing: border-box;
		width: 100% !important;
	}
	.hotspot-container .popover .popover-inner .popover-content p {
		text-align: left !important;
	}
	
	/* The Role of Medicaid in Addressing HRSNs page */
	.role-medicaid-zoom {
		padding-top: 100% !important;
	}
	
	/* make the  homepage ribbon banner bigger */
	.homepage-banner {
		height: 70px !important;
		width: 582px !important;
	}
	
	
	
	/* table layout */
	.su-table table td {
		/*width: 100%;*/
	}
}


@media screen and (max-width:1200px) {
	.header .header-logo {
		margin-top: -10px;
	}	
}


@media screen and (max-width:767px) and (orientation: portrait) {
	/* all the overview pages */
	.section-block-overview	{
		display: inline-block !important;
	}
}

@media screen and (max-width:767px) {
	/* Create two equal columns that floats next to each other */
	.mobile-column {
	  float: left;
	  width: 100%;
	  padding: 10px;
	  height: 300px; /* Should be removed. Only for demonstration */
	}

	/* Clear floats after the columns */
	.mobile-row:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	
	/*  homepage */
	.home .container .column {
		width: 100% !important;
	}
	.home .twoColumns .right {
		margin-top: 20px;
	}
	.home .instruction-wrapper {
		padding: 0;
	}
	.home .video-wrapper {
		margin-top: -70px;
		padding-bottom: 90px;
	}
	
	.portfolio-nav-filter li span.cat-title {
		font-size: 1rem;
		font-weight: 600;
		text-transform: uppercase;
	}

	/* all the overview pages */
	.section-block-overview	{
		/* display: inline-block !important; */
	}
	
	
	/* Engaging ACOs page */
	.page-id-13972 .z-pattern.section-block {
		display: inline !important;
	}
	.page-id-13972 .z-pattern.section-block .section-all-text {
		   
	}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	
	.iframe-wrapper {
		width: 100% !important; 
	}
	
	.thirdColumns,
	.thirdColumns-min,
    .fourthColumns	{
		margin-left: 0;
	}
	.twoColumns .column,
    .thirdColumns .column,
	.thirdColumns-min .column,
    .fourthColumns .column	{
		width: 100%;
	}
  
	.fourthColumns .column {
		margin-bottom: 30px;
		padding-left: 0 !important;
	}
  
   .twoColumns .right {
     margin-top: 40px;
    }
	
	/* The Role of Medicaid in Addressing HRSNs page - Medicaid Beneficiary Profile layout */
	#medicaid-beneficiary-profile-wrapper .column{
		padding-top: 10px;
	}
	.firstSection  .column,
    .thirdSection  .column	{
		width: 100% !important;
	}
	.Medicaid-Beneficiary-Profile-divider {
		display: none;
	}
	.medicaid-beneficiary-profile .child-1 {
		flex-basis: 100%;
		display: inline-block;
	}
	
	/* Case for Coverage for Commercial Plans and Employers */
	.case-for-coverage-change-program-wrapper .child-1,
	.case-for-coverage-change-program-wrapper .child-2	{
		flex-basis: 100%;
		display: inline-block;
	}
	.case-for-coverage-change-program-wrapper .child-1 {
		border: none;
	}
	
   
    .iframeVideo-wrapper {
      padding: 0 !important;
    }
	
	
	/* Case for Coverage for Medicaid - style */
	.page-id-6221 .table-side-by-side td {
		width: 100%;
	}
	
	/* image hotspot */
	.hotspot-container {
		width: 100% !important;
		max-width: 100% !important;
	}
	.hotspot-container .popover {
		left: 0 !important;
	}
	.hotspot-container .popover .popover-inner .popover-title, 
	.hotspot-container .popover .popover-inner .popover-content {
		box-sizing: border-box;
		width: 100% !important;
	}
	.hotspot-container .popover .popover-inner .popover-content p {
		text-align: left !important;
	}
   
    /*  homepage */
   .home .video-container {
		margin-top: -20px;
		margin-bottom: -30px;
	}
	
	.home .hero-image-title {
		font-size: 2.25rem;
		padding: 45px 20px;
	}
	
	/* overview pages */
	.section-block-overview	{
		/* display: inline-block !important; */
	}
	
	.overview-left-side a img {
		width: 70% !important;
	}
	
	/* Reimbursement Models for Medicaid Agencies and MCOs - 3165 */
	/* Attaining Coverage Through a Section 1115 Demonstration Waiver - 2376 */
	/* Michigan’s State Story of Medicaid Coverage - 18338 */
	.page-id-3165 .illinois-milestones ul, 
	.page-id-3165 .illinois-milestones ol,
	.page-id-2376 .oregon-tab ul, 
	.page-id-2376 .oregon-tab ol,
	.page-id-18338 ul,
	.page-id-18338 ol	{
		padding-left: 15px;
	}
	
	/* The Role of Medicaid in Addressing HRSNs page */
	.role-medicaid-zoom {
		padding-top: 100% !important;
	}
	
	/* Business Model for Umbrella Hub Arrangements */
	.page-id-19695 .icon-plus-sign {
		width: auto;
	}
}


@media screen and (max-width: 500px) {
   /*  homepage */
   .home .video-container {
		margin-top: -50px;
		margin-bottom: -60px;
	}
}