/* article content */
/* common */

#khcontent, #mainContentContainer {
	font-size: 1.6rem;
	color: #373A41;
}

h1, h2, h3, h4, h5 {
	color: #0d3f63;
	line-height: 1.125;
}

h2, h3, h4, h5 {
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

h2 strong, h3 strong, h4 strong, h5 strong {
	font-weight: inherit;
}

#khcontent_article .rte-image h2 { /* SubHead1 in AEM */
	font-size: 2.4rem
}

#khcontent_article .rte-image h3 { /* SubHead2 in AEM */
	font-size: 2.0rem;
}

#khcontent_article .rte-image h4 { /* SubHead3 in AEM */
	font-size: 1.8rem;
}

#khcontent_article .rte-image h5 { /* Not used but added for legacy instances */
	font-size: 1.8rem;
}

h6 { /* used in code to denote page separation */
	display: none;
}

#khcontent_article .rte-image li a strong,
#khcontent_article .rte-image li strong,
#khcontent_article .rte-image li strong a {
    font-weight: 600;
}

#mainContentContainer a, #mainContentContainer a:link {
	color: #007a64;
	font-weight: 600;
}

#mainContentContainer a:hover, #mainContentContainer a:focus {
	text-decoration: none;
}

#mainContentContainer a:visited {
	color: #6660a6;
}

#mainContentContainer a.arrowLink,
#mainContentContainer a.arrowLink:link {
	color: #6660a6;
	text-decoration: none;
	background-image: url(../../../content/dam/kh-reskin/right-arrow-purple.svg);
	background-position: 100% 3px;
	padding-right: 2.6rem;
	background-repeat: no-repeat;
}

#mainContentContainer a.arrowLink:hover {
	padding-right: 3.4rem;
}

#mainContentContainer p {
	margin-bottom: 2.6rem;
}

#mainContentContainer img.right,
#mainContentContainer p.right img{
	float: right;
	margin: .5rem 0 1rem 1.5rem;
}

#mainContentContainer p.center_this {
	text-align: center;
}

#mainContentContainer img.left,
#mainContentContainer p.left img {
	float: left;
	margin: .5rem 1.5rem 1rem 0;
}

/* lists */
#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist) li,
#khcontent ol li {
	margin-left: 5rem;
	margin-top: .75rem;	
}

#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist):not(li ul),
#khcontent ol:not(li ol) { /* not li ol / li ul means only the top level is affected, not nested */
	margin-bottom: 2.75rem;
}

/* list markers */
/* ul l1 */
#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist) > li,
#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist) > li > ol > li > ul > li,
#khcontent ol > li > ul > li {
	list-style-type: disc;
}

/* ul l2 */
#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist) > li > ul > li,
#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist) > li > ol > li > ul > li > ul > li,
#khcontent ol > li > ul > li > ul > li {
	list-style-type: circle;
}

/* ul l3 */
#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist) > li > ul > li > ul > li,
#khcontent ol > li > ul > li > ul > li > ul > li {
	list-style-type: square;
}

/* ol */
/* ol l1 */
#khcontent ol > li,
#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist) > li > ol > li {
	list-style-type: alpha ;
}

/* ol l2 */
#khcontent ol > li > ol > li,
#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist) > li > ol > li > ol > li {
	list-style-type: lower-roman ;
}

/* ol l3 */
#khcontent ol > li > ol > li > ol > li,
#khcontent ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist) > li > ol > li > ol > li > ol > li {
	list-style-type: lower-alpha ;

}

/* list adjacent */
#khcontent p + ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist),
#khcontent p + ol {
	margin-top: -1.5rem;
}

#khcontent ul.kh_longline_list li,
#khcontent ol.kh_longline_list li {
	margin-bottom: 2rem;
}

/* heading adjacent overrides for UL/OL */
#khcontent h1 + ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist),
#khcontent h2 + ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist),
#khcontent h3 + ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist),
#khcontent h4 + ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist),
#khcontent h5 + ul:not(#msArticleControls):not(#kh-mott-tabs):not(.kh-mott-links):not(.videoList):not(.video-playlist):not(.kh-category-list):not(.kh-category-single):not(.kh-video-playlist),
#khcontent h1 + ol,
#khcontent h2 + ol,
#khcontent h3 + ol,
#khcontent h4 + ol,
#khcontent h5 + ol {
	margin-top: unset;
}

/* title block */

#khContentTitleBlock {
	border-bottom: 2px solid #6660a6;
	padding-top: 2.4rem;
	padding-bottom: 2.4rem;
}

ul#breadcrumbs {
	display: flex;
	font-size: 1.6rem;
	margin-bottom: 2.4rem;
	align-items: center;
}

ul#breadcrumbs li {
	margin-right: 2rem;
	background: transparent;
	font-size: 1.6rem;
	background: url(../../../content/dam/kh-reskin/carat-grey.svg) center right no-repeat;
	padding-right: 2rem;
	font-weight: 500;
	color: #585D67;
}

ul#breadcrumbs li:last-child {
	background: transparent;
}

ul#breadcrumbs li a {
	text-decoration: none;
}

ul#breadcrumbs li a:hover, ul#breadcrumbs li:focus {
	text-decoration: underline;
}

#khContentHeading h1 {
	font-size: 4.2rem;
	font-family: athletics;
	font-weight: 400;
}

#languagePairLink {
	margin-top: 2.4rem;
}

#reviewerBoxTop { /* top of article reviewer */
	margin-bottom: 0rem;
	margin-top: 2.4rem;
}

#reviewerBox strong { /* bottom of article reviewer */
	font-weight: 600
}

#reviewerBox {
	margin-top: 1.5rem;
}

/* legacy tables */

.kh_art_tabs_2 table, .kh_art_tabs_2 table tr th, .kh_art_tabs_2 table tr td {
	border-style: solid;
	border-color: #cbcdd1;
}

.kh_art_tabs_2 table {
	width: 100%;
	table-layout: auto;
	border-width: 1px 0 0 1px
}

.kh_art_tabs_2 table tr td, .kh_art_tabs_2 table tr th {
	padding: .75rem;
	border-width: 0 1px 1px 0;
}

/* aem tables */

.khTable {
	border: 4px;
	width: 100%;
	margin-bottom: 2rem;
}

.khTable .kht-emptyCorner {
	border: 0!important;
	background: #fff!important
}

.khTable caption {
	text-align: left;
	font-weight: 700;
	font-size: 1em
}

.khTable td,.khTable th {
	padding: 5px;
	border: 1px solid #fff!important;
	font-weight: 400
}

.khTable td.khtd-left,.khTable th.khtd-left,.khTable tr.khtr-left td,.khTable tr.khtr-left th {
	text-align: left
}

.khTable td.khtd-right,.khTable th.khtd-right,.khTable tr.khtr-right td,.khTable tr.khtr-right th {
	text-align: right
}

.khTable td.khtd-center,.khTable th.khtd-center,.khTable tr.khtr-center td,.khTable tr.khtr-center th {
	text-align: center
}

.khTable td.khtd-top,.khTable th.khtd-top,.khTable tr.khtr-top td,.khTable tr.khtr-top th {
	vertical-align: top
}

.khTable td.khtd-middle,.khTable th.khtd-middle,.khTable tr.khtr-middle td,.khTable tr.khtr-middle th {
	vertical-align: middle
}

.khTable td.khtd-bottom,.khTable th.khtd-bottom,.khTable tr.khtr-bottom td,.khTable tr.khtr-bottom th {
	vertical-align: bottom
}

.khTable.kht-left tr td,.khTable.kht-left tr th {
	text-align: left
}

.khTable.kht-right tr td,.khTable.kht-right tr th {
	text-align: right
}

.khTable.kht-center tr td,.khTable.kht-center tr th {
	text-align: center
}

.khTable.kht-khOceanBlue-Blue tr th {
	background: #3f70b1;
	color: #fff
}

.khTable.kht-khOceanBlue-Blue.kht-highlightOdd tbody tr:nth-child(odd) {
	background: #f0f6fa
}

.khTable.kht-khOceanBlue-Blue tbody tr td.kht-highlighted {
	background: #cbe4f1
}

.khTable.kht-khOceanBlue-Gray tr th {
	background: #3f70b1;
	color: #fff
}

.khTable.kht-khOceanBlue-Gray.kht-highlightOdd tbody tr:nth-child(odd) {
	background: #f3f3f4
}

.khTable.kht-khOceanBlue-Gray tbody tr td.kht-highlighted {
	background: #e5e5e5
}

.khTable.kht-khNavyBlue-Blue tr th {
	background: #0d3f6b;
	color: #fff
}

.khTable.kht-khNavyBlue-Blue.kht-highlightOdd tbody tr:nth-child(odd) {
	background: #f0f6fa
}

.khTable.kht-khNavyBlue-Blue tbody tr td.kht-highlighted {
	background: #cbe4f1
}

.khTable.kht-khNavyBlue-Gray tr th {
	background: #0d3f6b;
	color: #fff
}

.khTable.kht-khNavyBlue-Gray.kht-highlightOdd tbody tr:nth-child(odd) {
	background: #f3f3f4
}

.khTable.kht-khNavyBlue-Gray tbody tr td.kht-highlighted {
	background: #e5e5e5
}

.khTable tr td span.strikethrough {
	text-decoration: line-through
}

th.cq-RichText-hiddenHeader--editing {
	border: 0!important;
	visibility: hidden
}

.valign-middle {
	vertical-align: middle
}

.valign-bottom {
	vertical-align: bottom
}

.valign-top {
	vertical-align: top
}

.khTable tr td {
	word-break: break-word
}

table.khTable a {
	background: transparent!important
}

/* two column content */

#khcontent {
	display: flex;
	padding-top: 3rem;
}

#khcontent .khRight {
	width: 30rem;
	min-width: 30rem;
}

#khcontent .khLeft {
	padding-right: 2rem;
	flex-grow: 1;
}

/* mott box */

/* Sans JS Only */
.JSMott, ul#kh-mott-tabs.JSMott {
	display: none;
}

h2.sansJSMott {
	padding-top: 1rem;
}

#kh-mott-toggle {
	display: none;
}

/* end Sans JS */

#kh-mott-box {
	background: #f3f6f9;
	border-radius: 8px;
	padding: 1rem;
	margin-bottom: 2rem;
}

#kh-mott-box h2 {
	text-transform: uppercase;
	font-size: 1.3rem;
	text-align: center;
}

ul#kh-mott-tabs {
	display: flex;
	justify-content: space-between;
}

ul#kh-mott-tabs li {
	width: 100%;
}

ul#kh-mott-tabs li:not(:last-child) {
	margin-right: .2rem;
}

ul#kh-mott-tabs li button {
	width: 100%;
	background: #007a85;
	color: #fff;
	font-size: 1.2rem;
	height: 3.5rem;
	font-weight: 600;
	border-top: .2rem solid #007a85;
}

ul#kh-mott-tabs li button.kh-mott-active {
	background: white;
	color: #007a85;
}

ul.kh-mott-links {
	background: #fff;
}

ul.kh-mott-links li {
	padding: 0 1rem;
}

#kh-mott-box ul.kh-mott-links li:not(:last-child) a {
	border-bottom: 1px solid #d9d9d9;
}

#kh-mott-box ul.kh-mott-links li a {
	text-decoration: none;
	font-size: 1.2rem;
	color: #0d3f63;	
	display: block;
	font-weight: 600;
	padding: 1rem;
	line-height: 1.25
}

ul.kh-mott-links li:hover { /* extend link hover to full width */
	background: #f3f6f9;
}

#kh-mott-box ul.kh-mott-links li a:hover, #kh-mott-box ul.kh-mott-links li a:focus {
	background: #f3f6f9
}

#kh-mott-toggle {
	background: #fff;
	width: 100%;
	color: #6660a6;
	font-weight: 600;
	font-size: 1.2rem;
	fborder-top: 1px solid #d9d9d9;
	height: 4rem;
}

/* right rail ads */

#kh-partner-ad iframe {
	min-height: 25rem !important;
}

/* social sharing */

#kh-sharing {
	margin-top: 3rem;
	display: flex;
}

#kh-sharing label {
	font-weight: 700;
	color: #0d3f6b;
	height: 3.2rem;
	display: flex;
	align-items: center;
}

#kh-share {
	display: flex;
}

button.kh-share {
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 100%;
	margin-left: 2rem;
}

button.kh-facebook {
	background: #0d3f6b url(../../../content/dam/kh-reskin/facebook-icon-white.svg) center no-repeat;
}

button.kh-twitter {
	background: #0d3f6b url(../../../content/dam/kh-reskin/twitter-icon-white.svg) center no-repeat;
}

button.kh-pinterest {
	background: #0d3f6b url(../../../content/dam/kh-reskin/pinterest-icon-white.svg) center no-repeat;
}

button.kh-share:hover {
	background-color: #1a5589;
}

/* start related categories */

#kh_related_categories_container {
	margin-top: 2rem;
	background: #f3f6f9;
	border-radius: 10px;
	padding: 2.4rem 2.4rem 1.2rem 2.4rem;
}

#kh_related_categories_container h2#kh_RC_heading {
	font-weight: 500;
	display: block;
	margin-bottom: 2rem;
	font-size: 1.4rem;
}

#kh_related_categories_container ul#kh_RC_list li {
	display: inline-block;
	margin: 0 1rem 1.5rem 0;
}

#kh_related_categories_container ul#kh_RC_list li a {
	color: #0d3f6b;
	border: 1px solid #0d3f6b;
	text-decoration: none;
	display: inline-block;
	border-radius: 12px;
	padding: .7rem 1.6rem;
	font-size: 1.2rem;
	font-weight: 600;
}

#kh_related_categories_container ul#kh_RC_list li a:hover {
	background: #0d3f6b;
	color: #fff;
}

#kh_related_categories_container ul#kh_RC_list li a:active {
	background: #1a5589;
	color: #fff;
}

/* end related categories */

#kh-background-overlay {
	background: rgba(0,0,0,.5) !important;
	position: fixed;
	width: 100%;
	height: 100%;
}

#kh_experts_nav {
	position: relative;
	float: right; /* legacy layout */
}

#kh_experts_nav ul li {
	list-style-type: none !important;
	margin-bottom: .5rem;
	width: 4rem;
}

#kh_experts_nav ul li a {
	background: #007a64;
	color: #fff !important;
	text-decoration: none;
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	border: 2px solid #007a64;
	text-transform: uppercase;
}

#kh_experts_nav ul li a:hover,
#kh_experts_nav ul li a:focus {
	background: #fff;
	color: #007a64 !important;
}

/* Milestones Newsletter Signup */
div.newsletterSignup {
	margin-top: 4rem;
}

div.newsletterSignup * {
	font-family: 'montserrat', helvetica, arial, sans-serif;
}
div.milestonesCheckRow {
	display: flex;
	align-items: flex-start;
}

div.milestonesSelectRow {
	padding-left: 3.8rem;
}

div.milestonesCheckRow {
	margin-bottom: 1.5rem;
}

div#milestonesBaby div.milestonesCheckRow {
	margin-bottom: 1.575rem;
}

div.milestonesSection {
	margin-bottom: 4.1rem;
}

div#milestonesPregnancy.milestonesSection {
	margin-bottom: 4.1rem;
}

div#milestonesToddler.milestonesSection {
	margin-bottom: 5.8rem
}

div.milestonesSelectRow select {
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	width: 37.4rem;
	border-radius: 10px;
	padding: 1.2rem 1.4rem;
	font-size: 1.6rem;
	border-width: 1px;
	border-color: #5f6167;
	background-image: url(../../../content/dam/kh-reskin/carat-down.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 2rem) 50%;
	background-size: 1.3rem
}

input.milestonesInput[type=checkbox] {
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	width: 2.4rem;
	min-width: 2.4rem;
	height: 2.4rem;	
	min-height: 2.4rem;
	margin: 0 1.5rem 0 0;
	border-radius: 4px;
	background-color: #fff;
	color: white;
	border: 1px solid #5f6167;
	cursor: pointer;
}

input.milestonesInput[type=checkbox]:checked {
	background-color: #0d3f6b;
	background-image: url(../../../content/dam/kh-reskin/check-icon-white.svg);
	background-size: 100%;
	border-color: #0d3f6b;
}

hr.milestonesHR {
	background: #cbcdd1;
	height: 1px;
	margin-bottom: 4rem;
	margin-top: 3rem;
	border: 0 none;
}

input.milestonesInput[type=submit] {
	background-color: #007a64;
	color: #fff;
	border: 0 none;
	padding: 1.5rem 2.5rem;
	font-size: 2rem;
	font-weight: 600;
	border-radius: 10px;
	cursor: pointer;
}

#milestonesEmail input.milestonesInput[type=email] {
	display: block;
	border: 1px solid #5f6167;
	padding: 1.45rem;
	border-radius: 10px;
	width: 57rem;
	margin: 0rem 0 3.2rem 0;
	font-size: 1.6rem;
}

#milestonesEmail label.milestonesLabel {
	margin-bottom: 1.275rem;
	display: block
}

#milestonesEmail label span.boldLabel {
	margin-bottom: 1.125rem;
	display: inline-block;
}

label span.boldLabel {
	font-weight: 800;
	color: #0d3f6b;
	font-size: 1.6rem
}

div.newsletterErrorMessage,
#newsletterSignupForm a.newsletterErrorMessage {
	color: #cb3742;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin-bottom: .75rem
}

#milestonesEmail .newsletterErrorMessage {
	margin-top: .5rem;
	margin-bottom: -10rem;
}

#captchaContainer {
	height: 7.8rem;
	margin-bottom: 4rem;
}

/*
error message 10px measure
.newsletterErrorMessage:after {
content:' ';
	background: red;
	height: 10px;
	display: block;
	margin: -3px 0 -7px 0;
} */


@media screen and (max-width: 700px) {
	input.milestonesInput[type=email] {
		width: 100% !important;
	}
	.milestonesSelectRow select {
		width: 100% !important;
	}
}

@media screen and (max-width: 420px) {
	.milestonesSelectRow select {
	    white-space: normal;
		padding-right: 7rem !important;
	}
}

/* end milestones */

@media screen and (min-width: 900px) {
	#kh-leaderboard-ad {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	#kh-leaderboard-ad {
		display: block;
		background-color: rgba(0,0,0,.25);
		width: 100%;
		left: 0;
		position: fixed;
		bottom: 0;
	}

	#mobad_if {
		margin: 0 auto;
		height: 7.5rem;
		width: 32rem;
	}
}

@media screen and (max-width: 870px) {
	#khcontent {
		flex-direction: column;
	}

	#khcontent .khLeft {
		padding-right: 0;
	}

	#khcontent .khRight {
		width: 100%;
		padding-top: 3rem;
	}

	#kh-mott-box {
		margin-bottom: 3rem;
	}

	#mobad_in_if {
		margin: 0 auto !important;	
	}
}

@media screen and (max-width: 730px) {
	ul#breadcrumbs li {
		margin-right: 0;
		background: url(../../../content/dam/kh-reskin/carat-left-grey.svg) center left no-repeat;
		padding-right: 0;
		padding-left: 2rem;
	}

	ul#breadcrumbs li:first-child, ul#breadcrumbs li:last-child {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	h2, h3, h4, h5 {
		font-size: 2rem;
		margin-bottom: .5rem;
	}
	
	#khContentHeading h1 {
		font-size: 3.2rem;
		margin-bottom: 1rem;
	}

	#languagePairLink {
		margin-bottom: 1.25rem;
	}
}

/* hiding items for phase I */
.ac-textSize {
	display: none;
}

/* educational partners pge */
#kh_edu_partner_list ul,
#kh_dist_partners ul,
#kh_prod_partners ul {
	margin: 0 !important;
}

#kh_edu_partner_list li,
#kh_dist_partners li,
#kh_prod_partners li {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding: 2rem 0;
}

#kh_edu_partner_list li .kh_edu_right,
#kh_dist_partners li .kh_edu_right,
#kh_prod_partners li .kh_edu_right {
	flex-grow: 1;
}

#kh_edu_partner_list li .kh_edu_right h5,
#kh_dist_partners li .kh_edu_right h5,
#kh_prod_partners li .kh_edu_right h5 {
	line-height: 1;
	margin-bottom: 0;
}

#kh_edu_partner_list li .kh_edu_right h5 a,
#kh_dist_partners li .kh_edu_right h5 a,
#kh_prod_partners li .kh_edu_right h5 a {
	font-size: 2rem;
	text-decoration: none;
}

#kh_edu_partner_list li .kh_edu_right h5 a:hover,
#kh_edu_partner_list li .kh_edu_right h5 a:focus,
#kh_dist_partners li .kh_edu_right h5 a:hover,
#kh_dist_partners li .kh_edu_right h5 a:focus,
#kh_prod_partners li .kh_edu_right h5 a:hover,
#kh_prod_partners li .kh_edu_right h5 a:focus {
	text-decoration: underline;
}

#kh_edu_partner_list li .kh_edu_right p,
#kh_dist_partners li .kh_edu_right p,
#kh_prod_partners li .kh_edu_right p {
	font-size: 1.6rem;
}

#kh_edu_partner_list li .kh_edu_left,
#kh_dist_partners li .kh_edu_left,
#kh_prod_partners li .kh_edu_left {
	width: 14.5rem;
	min-width: 14.5rem;
	flex-grow: 0;
}

#kh_edu_partner_list li .kh_edu_left img,
#kh_dist_partners li .kh_edu_left img,
#kh_prod_partners li .kh_edu_left img {
	max-width: 12.5rem;
}

.kh_edu_insurers ul,
.kh_edu_nonprofit ul,
.kh_edu_corp ul {
	margin: 0 auto !important;
	width: 80%;
	columns: 2
}

.kh_edu_insurers ul li,
.kh_edu_nonprofit ul li,
.kh_edu_corp ul li {
	list-style-type: none;
	margin-bottom: 3rem;
	display: block !important;
}

/* pregnancy calendar overrides */

.kh-pregnancy-calendar {
	border-radius: 10px !important;
	border-color: #007a64 !important;
}

.kh-pregnancy-calendar-topbar {
	background: #007a64 !important;
	border-radius: 8px 8px 0 0 !important;
}

.kh-pregnancy-calendar-inner-container ul {
    margin: 0 !important;
}

.kh-pregnancy-calendar-inner-container ul li {
    padding-left: .125rem !important;
}

.kh-pregnancy-calendar a.kh-pregnancy-calendar-days-active {
	background-color: #007a64 !important;
}
/* start categories */
#khcontent.catPage {
	flex-direction: column;
	/* padding-top: .75rem; */
}

#khCatTitleBlock h1 {
	padding-top: 2rem;
	margin-bottom: 0;
	padding-bottom: 0;
}

#khcontent_category .category {
	background: #f3f6f9;
	border-radius: 8px;
	padding: 0 2rem;
}

#khcontent_category .category h2 {
	padding: 0;
	margin: 0;
}

#khcontent_category .category h2:not(:first-child) {
	border-top: 1px solid #cbcdd1;

}

#khcontent_category button {
	width: 100%;
	text-align: left;
	background: transparent;
	font-weight: 600;
	font-size: 2rem;
	color: #0d3f6b;
	position: relative;
	min-height: 7.8rem;
	padding-left: 2rem;
	padding-right: 9rem;
}

#khcontent_category button:hover,
#khcontent_category button:focus {
	text-decoration: underline
}

#khcontent_category button:after {
	content: '';
	position: absolute;
	width: 4.4rem;
	height: 4.4rem;
	right: 1rem;
	border-radius: 10px;
	top: calc(50% - 2.2rem);
}

#khcontent_category button[aria-expanded='false']:after {
	background: #e1e3ef url(../../../content/dam/kh-reskin/purple-plus-icon.svg) center center no-repeat;
}

#khcontent_category button[aria-expanded='true']:after {
	background: #6660a6 url(../../../content/dam/kh-reskin/white-minus-icon.svg) center center no-repeat;
}

ul.kh-category-list {
	margin-left: 3rem;
	margin-bottom: 2rem;
}

ul.kh-category-list li {
	list-style-type: none;
	padding: 0rem 2rem 1.5rem .5rem;
}

ul.kh-category-single li {
	padding: 0 2rem 1.5rem 3rem;
}

#khcontent_category ul.kh-category-list li a {
	text-decoration: none;
	font-weight: 500;
	color: #373a41;
}

#khcontent_category ul.kh-category-list li a:hover,
#khcontent_category ul.kh-category-list li a:focus {
	text-decoration: underline;
}

/* cat ads */
#khcontent_category_aside {
	margin: 7rem auto 0 auto;
}

@media screen and (max-width: 560px) {
	#khcontent_category .category{
		width: calc(100% + 4rem);
		margin-left: -2rem;
	}
	#khcontent_category button {
		padding-left: 0;
		font-size: 1.8rem;
		line-height: 1.25;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	ul.kh-category-list {
		margin-left: 0 !important;
	}
	ul.kh-category-list li {
		padding-left: 0;
	}
	#khcontent_category button:after {
		right: 0 !important;
	}
}

@media screen and (max-width: 345px) {
	#khcontent_category .category {
		width: calc(100% + 2rem);
		margin-left: -1rem;
		padding: 0 1.5rem;
	}
}
/* ######################################################## */
/* ############### START MS Article Controls ############## */
/* ################### START READSPEAKER ################## */

.rsbtn_kidshealth {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 0 !important;
}

.rsbtn_kidshealth {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 0 !important;
}

.rsexpanded .rsbtn_box {
	display: flex;
}

.rsexpanded .rsbtn_play, .rsexpanded .rsbtn_playES {
	display: none !important;
}

.rsbtn_kidshealth.rsexpanded {
	width: 24rem !important;
	display: inline-block;
	height: 32px;
	position: relative !important;
}

.rsexpanded .rsbtn_txt, .rsexpanded .rsbtn_btnlabel {
	display: none;
}

.rsbtn_exp {
	display: none;
}

.rsexpanded .rsbtn_exp {
	display: inline-block;
	margin: 1px 0;
}

.rsexpanded button.rsbtn_closer {
	background-image: url(../../../content/dam/kh-reskin/x-icon-green.svg) !important;
	margin-right: 0;
}

/* play button back here */


#mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded button,
#mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded a {
	background-size: 1.6rem !important;
	background-position: center center !important;
	background-color: #fff;
	width: 3.8rem;
	height: 3.8rem;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 100%;
	margin-right: 1rem;
}

#mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded button:hover,
#mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded a:hover {
	background-color: #f2f4f8 !important;
	/* border-color: #007a64 !important; */
}

#mainContentContainer #khcontent_article ul#msArticleControls .ac-readspeaker .rsexpanded {
	top: -.375rem;
	left: 1.375rem;
}

.rsexpanded .rsbtn_box {
	display: flex;
}

.rsexpanded .rsbtn_play, .rsexpanded .rsbtn_playES {
	display: none;
}

.rsbtn_kidshealth.rsexpanded {
	width: 24rem !important;
	display: inline-block;
	height: 32px;
	position: relative !important;
}

.rsexpanded .rsbtn_txt, .rsexpanded .rsbtn_btnlabel {
	display: none;
}

.rsbtn_exp {
	display: none;
}

.rsexpanded .rsbtn_exp {
	display: inline-block;
	margin: 1px 0;
}

.rsexpanded button.rsbtn_closer {
	background-image: url(../../../content/dam/kh-reskin/x-icon-green.svg) !important;
	margin-right: 0;
}

#mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded.rspaused button.rsbtn_pause,
#mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded.rsstopped button.rsbtn_pause {
	background-image: url(../../../content/dam/kh-reskin/play-icon.svg) !important;
	background-color: #fff;
	background-position: 13px 9px !important;
}

#mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded button.rsbtn_pause {
	background-image: url(../../../content/dam/kh-reskin/pause-icon-white.svg) !important;
	background-color: #007a64;
	background-position: center center !important;
}

#mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded.rsplaying button.rsbtn_pause:hover {
	background-image: url(../../../content/dam/kh-reskin/pause-icon-green.svg) !important;
	background-color: #f3f6f9;
}

.rsexpanded button.rsbtn_stop {
	background-image: url(../../../content/dam/kh-reskin/stop-icon-green.svg) !important;
	
}

.rsexpanded a.rsbtn_dl, #mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded a.kh_rs_download {
	background-image: url(../../../content/dam/kh-reskin/download-icon-green.svg) !important;
	background-position: center center !important;
}

#mainContentContainer #khcontent_article ul#msArticleControls .rsexpanded .rsbtn_settings {
	background: transparent url(../../../content/dam/kh-reskin/cog-icon-green.svg) center center no-repeat !important;
	background-size: 2.6rem !important;
}

frsexpanded button.rsbtn_settings {
	display: none !important;
}

/* hides progress controls which were disabled during redesign of 2017 - to return one day? */

.rsbtn_progress_container {
	display: none;
}

.rsexpanded .rsbtn_progress_container {
	display: none;
}

.rsbtn_kidshealth .rsbtn_progress_handle {
	left: 0px;
}

.rsbtn_progress_played {
	/* background: #789 !important; */
	background: transparent;
	display: block;
	height: 10px;
	padding-left: 8px;
	border-radius: 16px 0px 0 16px
}

.rsloading .rsbtn_progress_played {
	/*background: url(clientlib-site/css/clientlib-common/css/clientlib-common/css/clientlib-common/css/clientlib-common/css/clientlib-common/css/clientlib-common/css/clientlib-common/css/clientlib-common/css/clientlib-site/resources/images/articles/readSpeaker/rsDesktopLoading.gif) repeat-x !important;*/
	width: 92% !important;
	border-radius: 12px;
}

.rsloading {
	width: 22.525rem !important;
	height: 3.9rem !important;
	display: block !important;
	position: absolute !important;
	top: 0rem !important;
	left: 0rem !important;
	background-color: white !important;
	background-image: url(../../../content/dam/kh-reskin/loading-bar-animL.gif);
	background-size: cover;
	border: 1px solid #007a64 !important;
	border-radius: 20px;
	pointer-events: none;
}

html[lang='es'] .rsloading {
	background-image: url(../../../content/dam/kh-reskin/loading-bar-animL_esp.gif);
}

.rsbtn_fprogress_handle {
	width: 200px;
	height: 8px;
	display: block;
	position: absolute;
	top: -10px !important;
	border-top: 1px solid #789;
	border-bottom: 1px solid #789;
}

.rsbtn_progress_handle .rsdragged .keylink {
	border: 2px solid red !important;
}

.rsbtn_progress_handle .keyLink {
	display: none !important;
}

span.rsbtn_progress_handle {
	display: none !important;
}

.rsexpanded button.rsbtn_volume {
	display: none !important;
}

.rsbtn_volume_handle .keyLink {
	display: none !important;
}

.rsexpanded .rsbtn_volume_handle {
	display: none !important;
}

.rsdefloat {
	clear: both;
}

/* media query for buttons at end of print button css */

/* #################### END READSPEAKER ################### */
/* ######################################################## */
/* ################### START PRINT BUTTON ################# */

ul#msArticleControls {
	display: flex;
	padding: 0;
	justify-content: flex-start;
	margin-left: -1.5rem;
}

ul#msArticleControls li {
	margin-top: -1.925rem;
	height: 7.5rem;
	display: flex;
	align-items: center;
}

#mainContentContainer #khcontent_article ul#msArticleControls li.ac-textSize {
	display: none !important;
}

#mainContentContainer #khcontent_article ul#msArticleControls a.rsbtn_play  {
	color: #007a64;
	line-height: 0;
	text-decoration: none !important;
	background: url('../../../content/dam/kh-reskin/speaker-icon.svg') no-repeat;
	background-position: 1.6rem center;
	height: 3.8rem !important;
	padding: .8rem 1.6rem .8rem 4.25rem;
	font-size: 1.8rem;
	display: flex;
	align-items: center;
	border-radius: 40px;
}

li.ac-print {
	display: flex;
	align-items: center;
}

li.ac-print a {
	background-image: url(../../../content/dam/kh-reskin/print-icon.svg);
	background-size: 2rem;
	background-position: 1.6rem center;
	display: flex;
	align-items: center;
	height: 3.8rem;
	padding: .25rem 2rem .25rem 4.5rem;
	border-radius: 40px;
}

ul#msArticleControls li a.rsbtn_play:hover,
ul#msArticleControls li a.rsbtn_play:focus,
ul#msArticleControls li.ac-print a:hover,
ul#msArticleControls li.ac-print a:focus{
	background-color: #f2f4f8 !important;
}

@media screen and (max-width: 370px) {
	ul#msArticleControls {
		justify-content: space-between;
	}

	li.ac-print a {
		padding-right: 0;
	}
	ul#msArticleControls li a.rsbtn_play:hover,
	ul#msArticleControls li a.rsbtn_play:focus,
	ul#msArticleControls li.ac-print a:hover,
	ul#msArticleControls li.ac-print a:focus{
		background-color: #fff !important;
	}

	.rsbtn_settings {
		display: none;
	}

	.rsbtn_kidshealth.rsexpanded {
		width: 20rem !important;
		display: inline-block;
		height: 32px;
		position: relative !important;
	}

	.rsloading {
		width: 20rem !important;
	}
}
/* #################### END PRINT BUTTON ################## */
/* ######################################################## */


/* ############################################################ */
/* ################### START SEARCH RESULTS ################### */
#mainContentContainer.kh-search-page {
	padding-top: 3.5rem;
}

#mainContentContainer.kh-search-page h1 {
	font-weight: 600;
	margin-bottom: 2rem;
}

#kh_searched_for {
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 500;
}

#kh_searched_for .boldText {
	font-weight: 700;
}

#suggestions #didYouMean {
	margin-bottom: 2rem;
}

#suggestions #didYouMean #newword {
	color: #007a64;
	text-decoration: underline;
	cursor: pointer;
}

#suggestions #didYouMean #newword:hover {
	text-decoration: none;
}

ul#responseData li {
	border-bottom: 1px solid #cbcdd1;
	padding: 2.5rem 0;
}

ul#responseData li:first-child {
	border-top: 1px solid #cbcdd1;
}

ul#responseData li p {
	margin: 0;
}

ul#responseData li .sectionLabel {
	display: table;
	background: #f2f4f8;
	border-radius: 20px;
	padding: .5rem 1.5rem;
	margin-bottom: 1.7rem;
	margin-left: -3px;
}

ul#responseData li a {
	color: #0d3f6b !important;
	font-size: 20px;
	text-decoration: none;
	background-image: url(../../../content/dam/kh-reskin/right-arrow-blue.svg);
	background-position: right;
	padding-right: 2.75rem;
}

ul#responseData li a:hover,
ul#responseData li a:focus {
	padding-right: 3.25rem;
}

#kh_search_results .pagination {
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
	margin-top: 5.8rem;
}

#kh_search_results .pagination a {
	color: #464d55;
	text-decoration: none;
	position: relative;
	display: block;
	line-height: 1.25;
}

#kh_search_results .pagination a#btn_next:after {
	background: transparent url(../../../content/dam/kh-reskin/carat-next.svg) center right no-repeat;
	width: 2rem;
	height: 2rem;
	position: absolute;
	content: '';
	display: inline-block;
}

#kh_search_results .pagination a#btn_next:hover:after,
#kh_search_results .pagination a#btn_next:focus:after {
	width: 2.5rem;
}

#kh_search_results .pagination a#btn_next:active:after {
	width: 2rem;
}

#kh_search_results .pagination a#btn_prev:before {
	background: transparent url(../../../content/dam/kh-reskin/carat-previous.svg) center left no-repeat;
	width: 2rem;
	height: 2rem;
	position: absolute;
	content: '';
	left: -2rem;
	top: 1px;
	display: inline-block;
}

#kh_search_results .pagination a#btn_prev:hover:before,
#kh_search_results .pagination a#btn_prev:focus:before {
	width: 2.5rem;
	left: -2.5rem
}

#kh_search_results .pagination a#btn_prev:active:before {
	width: 2rem;
	left: -2rem
}

@media screen and (max-width: 500px) {
	#kh_search_results .pagination {
		position: relative;
		justify-content: space-between;
		width: 80%;
		min-width: 20rem;
		margin: 3rem auto;
	}

	#kh_search_results .pagination a {
		color: #464d55;
		text-decoration: none;
		position: relative;
		display: block;
		line-height: 1.25;
	}

	.paginationCount {
		position: absolute;
		top: 3rem;
		width: 100%;
		text-align: center;
	}
}

/* #################### END SEARCH RESULTS #################### */
/* ############################################################ */
/* ############################################################ */
/* #################### START SPLAT STYLES #################### */

#khcontent .definition:hover,
#khcontent .definition,
.definition,
a.definition {
    cursor: help !important;
    text-decoration: underline;
    text-decoration-style: dotted;
}

@keyframes splatFade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.aSplat {
    position: absolute;
    top: 50%;
    /* backup positioning when no coords available, overridden in JS */
    left: 50%;
    border: 1px solid #cbcdd1;
    border-radius: 12px;
    padding: 1rem 1.5rem 1.5rem 2rem;
    -webkit-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.75);
    width: 400px;
    background: #fff;
    animation: splatFade .5s;
    z-index: 9998;
    pointer-events: none;
    /* to avoid flicker when SPLAT renders under pointer */
}

.splatH {
    font-weight: bold;
    font-size: 2rem;
    line-height: 2;
    color: #0d3f6b;
}

.aSplat p {
    margin: 0;
    font-size: 1.6rem;
}

button.splatX {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #fff;
    background: url(../../../content/dam/kh-reskin/iconClose.svg) center center no-repeat;
    background-size: 2rem;
    width: 2rem;
    height: 2rem;
    margin: 0;
    text-align: center;
    padding: 3px;
    line-height: 0;
    cursor: pointer;
    z-index: 9999;
    pointer-events: all;
    /* to override stop of pointer events on .aSplat */
    font-style: normal !important;
}

#khcontent .cmp-container h6,
.cmp-container h6 {
    display: none !important;
}

/* ##################### END SPLAT STYLES ##################### */
/* ############################################################ */
/* ############################################################ */
/* ###################### START ALL VIDEO ##################### */

.videoPlaylist {
  width: 100%;
}

.video-player, .kh-video-player {
  position: relative;
}

.videoPlaylist .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .videoPlaylist .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .videoPlaylist .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .videoPlaylist .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .videoPlaylist .container {
    max-width: 1140px;
  }
}

.videoPlaylist .container-fluid,
.videoPlaylist .container-sm,
.videoPlaylist .container-md,
.videoPlaylist .container-lg,
.videoPlaylist .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.videoPlaylist .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.videoPlaylist .embed-container iframe,
.videoPlaylist .embed-container object,
.videoPlaylist .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoPlaylist .khad-container, 
div.Tilevideo .khad-container,
.wcBigVidIn .video-player .khad-container,
.kh-video-container .khad-container {
  top: calc(50% - 20px);
  right: 0 !important;
  height: 40px;
  width: 24px;
  overflow: hidden;
  position: absolute;
  z-index: 4;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAYAAADUUxW8AAAAWElEQVQ4jWNgIAH8//8/4f///wmk6EHWCAPEG4CmEW4AMzEaGRgY5mORekCOjf////+PzbBRjTTXqIBD4328Gim2edSAIWJAPyUGJBClGYsBxGtEMwCuEQD8bAtqOCT3/wAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-size: 10px 18px;
  border: 0 none !important;
  border-radius: 20px 0 0 20px;
  background-color: rgba(0,0,0,0.675) !important;
  cursor: pointer;
  transition: .25s;
}

.videoPlaylist .khad-container[ad-enabled=true], 
div.Tilevideo .khad-container[ad-enabled=true],
.wcBigVidIn .video-player .khad-container[ad-enabled=true],
.kh-video-container .khad-container[ad-enabled=true] {
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAYAAADUUxW8AAAAsUlEQVQ4jZ2UQRaDIAwFB09id+x6I57eqDeQeqOu6q7ehK6kWkMIZsubSR6E71JKWGteGACCJwJ0jeAETJvEWTrvwH2N1c4FEOCudlbAGLzSuQZC4cIsoAhbwRPcAh7gVjDDV0AA93ynHvgIZ2vw3EogQBc8K4j2fl7EaX4w5EWXBIMmyBd2RXB4qlbBaUlaBOJ6WgXFj2ERVMNAWaBHNQyUCV6mDBMEY/BEU4Zt9Z+eX+eiZPrfiQBzAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-size: 10px 18px;
}

.videoPlaylist .khad-container.adHover, 
div.Tilevideo .khad-container.adHover,
.wcBigVidIn .video-player .khad-container.adHover,
.kh-video-container .khad-container.adHover,
.videoPlaylist .khad-container:hover, .videoPlaylist .khad-container:focus, 
div.Tilevideo .khad-container:hover, div.Tilevideo .khad-container:focus,
.wcBigVidIn .video-player .khad-container:hover, .wcBigVidIn .video-player .khad-container:focus,
.kh-video-container .khad-container:hover, .kh-video-container .khad-container:focus {
  width: 70px;
  background: url(data:img/png;base64,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);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 48px 18px;
}

.videoPlaylist .khad-container.adHover[ad-enabled=true],
div.Tilevideo .khad-container.adHover[ad-enabled=true],
.wcBigVidIn .video-player .khad-container.adHover[ad-enabled=true],
.kh-video-container .khad-container.adHover[ad-enabled=true], 
.videoPlaylist .khad-container[ad-enabled=true]:hover, .videoPlaylist .khad-container[ad-enabled=true]:focus,
div.Tilevideo .khad-container[ad-enabled=true]:hover,div.Tilevideo .khad-container[ad-enabled=true]:focus,
.wcBigVidIn .video-player .khad-container[ad-enabled=true]:hover, .wcBigVidIn .video-player .khad-container[ad-enabled=true]:focus,
.kh-video-container .khad-container[ad-enabled=true]:hover, .kh-video-container .khad-container[ad-enabled=true]:focus {

  border: 0 none !important;
  background: url(data:img/png;base64,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);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 48px 18px;  
}

.videoPlaylist .khad-container .khad-button, 
div.Tilevideo .khad-container .khad-button,
.wcBigVidIn .video-player .khad-container .khad-button,
.kh-video-container .khad-container .khad-button {
  display: none !important;
  right: 2px !important;
  border: 0 none !important;
}

.videoPlaylist .khad-container.adHover.adClickable .khad-button, 
div.Tilevideo .khad-container.adHover.adClickable .khad-button,
.wcBigVidIn .video-player .khad-container.adHover.adClikable .khad-button,
.kh-video-container .khad-container.adHover.adClickable .khad-button, 
.videoPlaylist .khad-container:hover .khad-button, .videoPlaylist .khad-container:focus .khad-button, 
div.Tilevideo .khad-container:hover .khad-button, div.Tilevideo .khad-container:focus .khad-button,
.wcBigVidIn .video-player .khad-container:hover .khad-button, .wcBigVidIn .video-player .khad-container:focus .khad-button,
.kh-video-container .khad-container:hover .khad-button, .kh-video-container .khad-container:focus .khad-button {
  width: 68px;
  background: transparent;
  height: 40px;
  cursor: pointer;
  z-index: 200;
  right: 2px !important;
  position: absolute;
  display: block !important;
}

.videoPlaylist .khad-container.adHover.adClickable[ad-enabled=true] .khad-button,
div.Tilevideo .khad-container.adHover.adClickable[ad-enabled=true] .khad-button,
.wcBigVidIn .video-player .khad-container.adHover.adClickable[ad-enabled=true] .khad-button,
.kh-video-container .khad-container.adHover.adClickable[ad-enabled=true] .khad-button, 
.videoPlaylist .khad-container[ad-enabled=true]:hover .khad-button, .videoPlaylist .khad-container[ad-enabled=true]:focus .khad-button,
div.Tilevideo .khad-container[ad-enabled=true]:hover .khad-button, div.Tilevideo .khad-container[ad-enabled=true]:focus .khad-button,
.wcBigVidIn .video-player .khad-container[ad-enabled=true]:hover .khad-button, .wcBigVidIn .video-player .khad-container[ad-enabled=true]:focus .khad-button,
.kh-video-container .khad-container[ad-enabled=true]:hover .khad-button, .kh-video-container .khad-container[ad-enabled=true]:focus .khad-button 
{
  background: transparent !important;
  border: 0 none !important;
}

div.videoPlaylist {}

section.video-playlist-container {}

/* Video to be played */

div.video-player {
  position: relative;
}

div.video-container {
  /* also has class embed.container */

}

iframe.video-iframe {}

/* Video playlist */

ul.videoList {
  /* also has classes, responsivegrid and video-playlist */
  max-height: 276px !important;
  overflow-y: auto;
  position: relative;
  margin-left: 0 !important;
  padding: 5px;
  border: 1px solid #ccc;
}

/* 2 bad divs next - hope not to need to ref them */

li.video-playlist-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px !important;
  margin-bottom: 4px !important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: white;
}

li.video-playlist-item:hover {
  background: #f0f0f0
}

li.video-playlist-item:hover div.vidListItemRight p:after,
li.video-playlist-item:hover div.vidListItemRight p:before {
  background: #f0f0f0;
}

ul.videoList li {
  display: flex;
}

ul.videoList li img {
  width: 100%;
}

div.vidListItemLeft {
  width: 180px !important;

}

div.vidListItemRight {
  padding: 0 10px;
  display: block !important;
  width: 100%;
}

div.vidListItemRight h3 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  display: block;
  top: 0;
  height: fit-content !important;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;  
}

div.vidListItemRight p {
  font-size: 10px;
  margin: 0;
  width: 100%;
  line-height: 1.25 !important;


  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

li.currentVideo {
  background: #f1f0f0;
}

li.currentVideo h3 {
  color: #00749e;
}

ul.videoList li.currentVideo img {
  border: 1px solid black;
}
/* Start WCBig Vid */

.wcBigVid {
  width: 900px;
  margin: 0px auto;
  background: url(../content/dam/kidshealth/tileBG.jpg);
  /*color: white;*/
  padding: 40px 100px 0px 100px;
  text-align: center;
  padding-bottom: 10px;
}


.wcBigVid .video {
  text-align: Center;
  position: relative;
}
.wcBigVid .video img {
  width: 600px;
  margin: 45px auto 45px auto;

}

.wcBigVid .video .video-player{
  position:unset !important;
}

.wcBigVidIn {
  position: relative;
  overflow: hidden;
  padding-top: 49.6%;
  margin: 5px auto 20px auto;
  width: 600px;
  border-radius: 10px;
}

.wcBigVidIn iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.wcBigVid .video iframe{
  width: 600px;
  height: 450px;
}

.wcBigVid h2 {
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.wcBigVid p {
  font-size: 1.6rem;
  font-weight: 500
}


div.ocean p,div.ocean h2,div.ocean h3,div.ocean h4,div.ocean h5,div.ocean h6{
  color: #fff !important; 
}

div.lightblue p,div.lightblue h2,div.lightblue h3,div.lightblue h4,div.lightblue h5,div.lightblue h6{
  color: #000 !important;
}

div.wcBigVid {
  word-break: break-word;
}

.wcBigVid iframe {
  height: inherit;
  width: inherit;
}

/*raw html related css beginning*/
.rawhtml .kh-video-container{
    position:relative;
}

div.rawhtml div.kh-video-player {
  width: 100%;
}

/*raw html related css End*/

/*artical Page video css beginning*/

#khcontent_article .wcBigVid {
  padding: 20px 20px 20px 20px;
  min-height: 300px;
  max-width: 550px;
  min-width: 200px;
  margin-left: 0px;
  
}
#khcontent_article .wcBigVidIn{
  width: 100%;
}

#khcontent_article .wcBigVid p{
  background: none !important;
  text-align: center !important;
}

#khcontent_article .wcBigVid .video iframe {
  width: 100%;
  height: 300px;
}
#khcontent_article .wcBigVid.singlevideo.singleVideoButton h2{
  text-align:center;
}
#khcontent_article ul.videoList.responsivegrid.video-playlist {
  padding-left: 5px !important;
}

#khcontent_article ul.videoList.responsivegrid.video-playlist h3.kh-video-title{
  font-size: 14px !important;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 5px;

}

#khcontent_article ul.videoList.responsivegrid.video-playlist p.kh-video-description{
  margin: 0px;
  font-size: 10px !important;
  background: none;
}
#khcontent_article ul.videoList.responsivegrid.video-playlist li.video-playlist-item:hover {
  background-color: #f1f0f0 !important;
  background: #f1f0f0 !important;
}

#khcontent_article ul.videoList.responsivegrid.video-playlist li.video-playlist-item.currentVideo {
  background-color: #f1f0f0 !important;
  background: #f1f0f0 !important;
}
#khcontent_article ul.videoList.responsivegrid.video-playlist li.video-playlist-item.currentVideo h3 {
  color: #00749e;
}

/*artical Page video css End*/


@media screen and (max-width: 1028px) {
  .wcBigVid {
      width: 686px;
      padding: 45px 45px 2px 45px;
  }
  .wcBigVid .video {
      width: 600px;  
  }
  .wcBigVid .video img {
      width: 100%;
  }
  .wcBigVidIn {
      position: relative;
      overflow: hidden;
      padding-top: 56.25%;
      margin: 40px auto;
      width: 600px;
  }

  .wcBigVidIn iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
  }
.wcBigVid .video iframe {
      width: 100%;
      height: 400px;
  }
  
/*artical page video*/
  #khcontent_article .wcBigVid .video {
      width: 100%;
  }
  #khcontent_article .wcBigVid {
      padding:20px 20px 20px 20px;
      min-height: 100%;
      max-width: 100%;
      min-width: 100%;
    
  }
}

@media only screen and (max-width: 767px) {

div.rawhtml div.kh-video-player {
 width: 100%;
 max-width: 100% !important;
 min-height: 364px;
}

}

@media screen and (max-width: 740px) {

  .wcBigVid {
      padding-bottom: 1px !important;
  }
  .wcBigVid .video img {
      width: 100%;
  }
 
  .wcBigVid p {
      text-align: center;
  }

  .wcBigVidIn {
      position: relative;
      overflow: hidden;
      padding-top: 56.25%;
      width: 100%;
      margin-top: 30px;
  }

  .wcBigVidIn iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
  }
.wcBigVid .video iframe {
      width: 100%;
      height: 400px;
  }

  .wcBigVid .video {
      width: 100%;  
      height: auto;
  }
  #khcontent_article .wcBigVid .video {
      width: 100%;
  }
  #khcontent_article .wcBigVidIn{
      width: 100%;
  } 
}

/* alternate mobile version with full width */

@media screen and (max-width: 740px) {

  .wcBigVid {
      width: 100%;
      padding: 30px 30px 0 30px;
  }
 
}


@media only screen and (max-width: 680px) {

  div.rawhtml div.kh-video-player {
  width: 100%;
  max-width: 100% !important;
  min-height: 364px;
}

.wcBigVid .video iframe {
  width: 100%;
  height: 365px;
}

}

@media screen and (max-width: 590px) {
  
/*artical Page video css */
#khcontent_article .wcBigVid {
  padding: 20px 20px 0px 20px;
  min-height: 300px;
  width:100%;
  max-width: 100%;
  min-width: 100%;
  margin-left: 0px;
}
#khcontent_article .wcBigVid .video iframe {
  height: 275px;
}
div.rawhtml div.kh-video-player {
  width: 100%;
  max-width: 100% !important;
  min-height: 310px;
}

.wcBigVid .video iframe {
  width: 100%;
  height: 330px;
}
}

@media screen and (max-width: 560px) {
  
  div.rawhtml div.kh-video-player {
      width: 100%;
      max-width: 100% !important;
      min-height: 288px;
  }
   
  .wcBigVid .video iframe {
      width: 100%;
      height: 300px;
  }
}

@media screen and (max-width: 480px) {
  .wcBigVid {
      width: 100%;
      padding: 30px 30px 0 30px;    }
  #khcontent_article .wcBigVid .video iframe {
          height: 230px;
      }
  div.rawhtml div.kh-video-player {
      width: 100%;
      max-width: 100% !important;
      min-height: 257px; 
      }
  .wcBigVid .video iframe {
          width: 100%;
          height: 250px;
      }
}

@media screen and (max-width: 400px) {
  
  .wcBigVid .video iframe {
      width: 100%;
      height: 250px;
  }
}

@media screen and (max-width: 380px) {
  .wcBigVid {
      padding: 20px;
  }
  .wcBigVid .video iframe {
      width: 100%;
      height: 230px;
  }
  #khcontent_article .wcBigVid .video iframe {
      height: 182px;
  }
  div.rawhtml div.kh-video-player {
      width: 100%;
      max-width: 100% !important;
      min-height: 186px;
  }

}

@media only screen and (max-width: 340px){
  .wcBigVid .video iframe {
      width: 100%;
      height: 210px;
  }
} 

/* ####################### END ALL VIDEO ###################### */
/* ############################################################ */
.kh-landing-page .HomePageRotatorCarousel .cmp-carousel > div:not(.waxOn) {
    display: none !important;
}

@keyframes waxOn {
    from {opacity: 0.5}
    to {opacity: 1}
}

#mainContentContainer.kh-landing-page {
    padding-bottom: 0;
}

.waxOn {
    animation: waxOn 0s;
}

.homeBodyContainer {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center center;
    right: 0;
    z-index: 1;
}

.homeBody {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.homeControls {
    display: flex;
    flex-direction: row;
    min-width:  112rem;
}

.hcLeft {
    padding-right: 2rem;
}

.hcLeft, .hcRight.deskButt {
    display: flex;
    align-items: center;
}

.hcRight.mobButt {
    display: none;
}

.hcLeft button, .hcRight button {
    background: #fff;
    width: 6rem;
    height: 6rem;
    border-radius: 100%;  
    box-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    cursor: pointer;
}

.hcLeft button {
    background-image: url(../../../content/dam/kh-reskin/carat-left-blue.svg);
    background-position: 47% 50%;
}

.hcRight button {
    background-image: url(../../../content/dam/kh-reskin/carat-blue.svg);   
    background-position: 52% 50%;
}

.hcLeft button:hover, .hcRight button:hover {
    background-size: 15px;
}

.hcMid {
    width: 100%;
}

.hcCallout {
    background-color: #007a64;
    color: #fff;
    padding: 5.6rem 4rem;
    width: 50rem;
    /* height: 40.4rem; */
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin-bottom: 2rem
}

.hcCallout h2 {
    color: #fff;
    padding-top: 2.25rem;
    background-image: url(../../../content/dam/kh-reskin/squiggle-white.svg);
    font-size: 4.8rem;
    font-family: tiempos, georgia, 'times new roman', serif;
}

.hcCallout p {
    font-size: 1.8rem;
}

.hcCallout a {
    cursor: pointer;
    color: #fff !important;
    text-decoration: none; 
    padding-right: 3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
}

.hcCallout a:last-child {
    margin-bottom: 0;
}

.hcCallout a:after {
    width: 3rem;
    height: 2rem;
    background: url(../../../content/dam/kh-reskin/right-arrow-white.svg) right center no-repeat;
    content: '';
}

.hcCallout a:hover:after,
.hcCallout a:focus:after {
    width: 3.5rem;
}

.HomePageRotatorCarousel {
    display: flex;
    flex-direction: column;
}

.kh-landing-page ul#kh-slider-dots {
    width: 100%;
    height: 3rem;
    position: relative;
    z-index: 15;
    display: flex;
    justify-content: center;
    margin-top: -6rem;
    margin-bottom: 3rem;
}

.kh-landing-page ul#kh-slider-dots li button {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    margin: 0 1rem; 
    border: 1px solid #fff;
    background: transparent;
}

ul#kh-slider-dots li button.activeDot {
    background: #fff;
}

ul#kh-slider-dots li button:hover,
ul#kh-slider-dots li button:focus {
    background: rgba(255,255,255,.5);
}

@media screen and (max-width: 1170px) {
    .homeControls {
        display: flex;
        flex-direction: row;
        min-width: calc(100% - 4rem);
    }
}

@media screen and (max-width: 978px) {
    .homeControls {
        flex-direction: column;
    }
}

@media screen and (max-width: 978px) { 
    .homeBodyContainer {
        background-size: contain;
        background-position: top center;
        position: relative;
        overflow: hidden;
        height: unset !important;
    }
    
     .homeControls {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: calc(((100vw / 72) * 29.75)) auto;
        grid-template-areas: 
            "butt"
            "info info"
         ;
        position: relative;
        top: 0;
    }
    
    .hcLeft, .hcRight.mobButt {
        display: flex;
        grid-area: butt;
        grid-row: 1;
    }
    
    .hcRight.deskButt {
        display: none;
    }
      
    .hcLeft button, .hcRight button {
        width: 4.5rem;
        height: 4.5rem;
        position: absolute;
        top: calc(((100vw / 72) * 14.5) - 2.25rem) !important;
        background-size: 1rem;
    }
    
    .hcLeft button {
        position: absolute;
        left: 2rem;   
    }
    
    .hcRight button {
        position: absolute;
        right: 2rem;
    }
    
    .hcLeft button:hover, .hcRight button:hover {
        background-size: 1.25rem;
    }
    
    .hcMid {
        width: 100vw;
        grid-row: 2;
        grid-area: info;
    }

    .hcMid h2 {
        margin-bottom: 2rem;
    }
    
    .hcCallout {
        padding: 5rem 4rem 1rem 4rem;
        width: 100%;
        display: block;       
    }

    .hcCallout a {
        margin-bottom: 2rem;
    }
    
    #mainContentContainer.kh-landing-page {
        background-color: #007a64;
    }

    .kh-landing-page ul#kh-slider-dots {
        margin-top: unset;
        margin-bottom: unset;
        position: absolute;
        top: calc(((100vw / 72) * 29) + 6rem );
    }
}

@media screen and (max-width: 740px) {
    .hcMid h2 {
        font-size: 3rem;
    }

    .hcCallout {
        padding: 4rem 3rem .125rem 3rem;
    }
}

@media screen and (max-width: 456px) {
    .kh-landing-page ul#kh-slider-dots {
        top: calc(((100vw / 72) * 29) + 8rem );
    }
}

@media screen and (max-width: 345px) {
    .hcCallout {
        padding: 3rem 2rem 0 2rem;
    }
}

/* bg for ultrawide */

@media screen and (min-width: 2760px) {
    .homeBodyContainer {
        background-position: top right;
    }
}
/* ############################################################ */
/* ##################### START SLIDESHOWS ##################### */

.kh-slideshow-container {
	position: relative;
	margin-bottom: 3rem;
}

.kh-slide:not(.active-slide) {
	display: none;
}

.kh-slideshow-slide-image {
	border: 0 none;
}

.kh-slideshow-slide-image img {
	border-radius: 10px;
	width: 100%;
}

.kh-slideshow-slide-info {
	border: 1px solid #cbcdd1;
	border-radius: 10px;
	padding: 0rem;
	margin-top: 1rem;
}

h2.kh-slideshow-slide-title {
	background: #f3f6f9;
	padding: 1.6rem;
	border-radius: 10px 10px 0 0;
	font-size: 2rem;
	font-weight: 700;
}

.kh-slideshow-slide-info p {
	padding: 0 1.6rem;
	font-size: 1.8rem;
}

.kh-slideshow-slide-info p:last-child {
	margin-bottom: 1.5rem !important;
}

.kh-slideshow-count {
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(13,63,107,1);
	color: #fff;
	min-width: 4rem;
	height: 4rem;
	border-radius: 0 10px 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	padding: 0 .75rem;
}

#slidenumber {
	margin-right: 2px;
	font-size: 2.125rem;
	font-weight: 600;
}

#totalcount {
	margin-left: 3px;
}

.kh-slideshow-buttons {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-between;
	visibility: hidden;
}

.kh-slideshow-buttons button {
	width: 4rem;
	height: 5rem;
	background-color: rgba(13,63,107,1);
	border-style: solid;
	border-color: rgba(255,255,255,1);
	background-size: 1.2rem;
}

.kh-slideshow-buttons button:hover,
.kh-slideshow-buttons button:focus {
	background-size: 1.4rem
}

button#kh-slideshow-prev {
	background-image: url(../../../content/dam/kh-reskin/carat-left-white.svg);
	background-position: 40% 50%;
	border-width: 1px 1px 1px 0;
	border-radius: 0 10px 10px 0;
}

button#kh-slideshow-next {
	background-image: url(../../../content/dam/kh-reskin/carat-white.svg);
	background-position: 60% 50%;
	border-width: 1px 0 1px 1px;
	border-radius: 10px 0 0 10px;
}

.kh-slideshow-footer {
	font-size: 1.4rem;
	text-align: right;
}

@media screen and (max-width: 600px) {
	.kh-slideshow-slide-info h2 {
		margin-bottom: 1.4rem
	}
	.kh-slideshow-slide-info p {
		font-size: 1.6rem;
	}
}

/* legacy slideshow overrides */
.rawhtml .kh-slideshow .kh-slideshow-slides .kh-slideshow-MControl .kh-slideshow-count,
.rawhtml .kh-slideshow .kh-slideshow-slides .kh-slideshow-MControl .kh-slideshow-nav-back,
.rawhtml .kh-slideshow .kh-slideshow-slides .kh-slideshow-MControl .kh-slideshow-nav-forward {
	z-index: 4 !important;
}

.rawhtml .kh-slideshow .kh-slideshow-slides .kh-slideshow-slide-image {
	border-radius: 12px;
}

/* ####################### END SLIDESHOWS ##################### */
/* ############################################################ */