html {
	font-size: 62.5%;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
}
/* Links */
#khcontent a {
	color: #06c;
	text-decoration: underline;
	cursor: pointer;
}

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

#khcontent a.kh_anchor, #khcontent a.kh_anchor:hover, #khcontent a.kh_anchor:focus {
	color: initial;
	text-decoration: none;
	cursor: text;
}

p.kh-btn-general a.kh_anchor {
	display: none !important;
}

#languagePairLink a {
	float: right;
	width: 15rem;
	text-align: left !important;
	margin-left: 1rem;
	margin-bottom: 1rem;
	border-radius: 10px;
	font-size: 1rem;
	display: block;/* margin-top: 60px */
	border: 1px solid #2e7d0d;
	color: #06c !important;
	text-decoration: none;
}

#languagePairLink a span.pairedURLHead {
	display: block;
	border-radius: 8px 8px 0 0;
	padding: 5px 0 6px 0;
	background: #2e7d0d;
	font-weight: bold;
	word-wrap: break-word;
	color: #fff;
	text-align: center;
	line-height: 15px;
	font-size: 1.5rem;
}

#languagePairLink a img {
	margin-left: 5px;
	margin-bottom: -3px;
}

#languagePairLink a span.pairedURLBody {
	padding: 4px 8px 6px 8px !important;
	background: #fff;
	display: block;
	border-radius: 0 0 10px 10px;
	text-decoration: none !important;
	font-size: 1.25rem;
	text-align: center;
}

#languagePairLink a span.pairedURLHead:hover {
	background: #26650b;
}

#languagePairLink a:hover {
	text-decoration: underline;
}

/* Headings */
#khContentHeading h1 {
	font-size: 3.5rem;
	border-bottom: 1px solid #ccc !important;
	width: 100%;
	display: block;
	margin-top: 2rem;
	margin-bottom: 1rem;
	color: #036;
	line-height: 1.175 !important;
}

#khcontent h2, #khcontent h3, #khcontent h4, #khcontent h5 {
	color: #036;
	line-height: 1.25;
}

#khcontent h2 {
	font-size: 3rem;
}

#khcontent h3 {
	font-size: 2rem;
}

#khcontent h4 {
	font-size: 1.8rem;
} 

#khcontent h5 {
	font-size: 1.8rem;
}

/* Content */
#khcontent {
	line-height: 1.5 !important;
	font-size: 1.75rem;
	font-weight: 100;
	text-align: left;
}

#khcontent p {
	line-height: 1.5 !important;
	margin-bottom: 2.25rem;
	font-size: 1.75rem;
	font-weight: 100;
}

#khcontent ul, #khcontent ol {
	font-size: 1.75rem;
	margin-left: 2.75rem !important;
	margin-bottom: 2.25rem !important;
	font-weight: 100;
    padding-left: 0 !important;
}

#khcontent ol {
	list-style-type: decimal;
}

#khcontent ol li ol {
	list-style-type: lower-alpha;
}

#khcontent ol li ol li ol {
	list-style-type: lower-roman;
}

#khcontent ul {
	list-style-type: disc;
}

#khcontent ul li, #khcontent ol li {
	padding-left: 0.25rem;
}

#khcontent ul li ul {
	list-style-type: circle;
	margin-top: 1rem !important;
	margin-bottom: 0 !important;
}

#khcontent ul li ul li ul {
	list-style-type: square;
}

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



#khcontent img.right {
	float: right;
	margin-left: 1rem;
	margin-bottom: 1rem;
}

#khcontent img.left {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

#khcontent_article {
	position: relative;
}

#khcontent_article strong {
	font-weight: 600;
}

/* Videos etc */
.kh-video-player {
	margin: 2.5rem 0 3rem 0;
}

/* xTras */

#reviewerBox {
	font-size: 1.75rem;
}



#subCatBox {
	background: #ebeff3;
	padding: .5rem;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-top: 2rem;
}

button#subCatHeaderLink {
	background: transparent;
	color: #3963af;
	font-size: 1.8rem;
	cursor: pointer;
	position: relative;
	padding-left: 2rem;
	border: 0 none;
	width: 100%;
	text-align: left;
}

button#subCatHeaderLink.subCatClosed:before {
	content: '\25b6\FE0E';
	position: absolute;
	display: inline-block;
	padding-right: .5rem;
	font-size: 1.25rem;
	left: 3px;
	top: 2px;
}

button#subCatHeaderLink.subCatOpen:before {
	content: '\25bC\FE0E';
	position: absolute;
	display: inline-block;
	padding-right: 0.5rem;
	font-size: 1.25rem;
	left: 3px;
	top: 3px;

}

ul#subCatLinks {
	font-size: 1rem;
	list-style-type: disc;
	margin-left: 4.25rem;
	margin-top: 1rem;
	color: #06c;

}

ul#subCatLinks li {
	margin-bottom: 1rem;
	font-size: 1.5rem
}

ul#subCatLinks li a {
	color: #06c;
	text-decoration: none;
}

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

ul#subCatLinks li img {
	display: none;
}

/* Search Results */

#kh_content #kh_searched_for {
	font-size: 2rem;
	font-weight: 100;
}

#kh_searched_for span.boldText {
	font-weight: 400;
}

#kh_search_results {
	font-size: 1.75rem;
}

#lic_search_results a {
	text-decoration: none;
	color: #06c;	
}

#lic_search_results a:hover, #lic_search_results a:focus {
	text-decoration: underline;
}

div.pagination {
	display: flex;
	justify-content: space-between;
	margin: 2rem 0;
}

div.pagination .paginationCount {

}

div.pagination .previous {
	background: initial;
}

div.pagination .previous:before {
	content: '\25c2\FE0E';
	color: #06c;
	padding-right: .5rem;
}

div.pagination .paginationCount {

}

div.pagination .next {
	background: initial;
}

div.pagination .next:after {
	content: '\25b8\FE0E';
	color: #06c;
	padding-left: .5rem;
}

ul#searchResults {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#searchResults li {
	margin-bottom: 2rem;
}

ul#searchResults li h2 {
	line-height: 1.4;
	padding: 0;
	margin: 0;
	line-height: 0;
}

ul#searchResults li h2 a {
	font-size: 2rem;
	line-height: 1.25;
	display: inline-block;
	amargin-bottom: -1rem !important;
	margin-right: .75rem;
	
}

ul#searchResults li h2 span {
	font-size: 1.5rem;
	font-weight: 100;
	line-height: 1.25;
	display: inline-block;
}

ul#searchResults li br.importantBR {
	display: none;
}

ul#searchResults li p {
	
}



/* Categories */
#khcontent_category {
	position: relative;
}
button.medicationsExpand, button.medicationsExpanded {
	background: #fff;
	color: #06c;
	font-size: 1.8rem;
	font-weight: bold;
	cursor: pointer;
	margin-left: 3rem;
	text-align: left;
	border: 0 none;
	line-height: 1.2;
	margin-top: 0 !important;
}

button.medicationsExpand:hover, button.medicationsExpand:focus, button.medicationsExpanded:hover, button.medicationsExpand:focus {
	color: #06c;
}

button.medicationsExpand:before, button.medicationsExpanded:before {
    position: absolute;
    left: 0;
    font-family: 'courier new', courier, monospace;
    border: 1px solid;
    width: 2rem;
    text-align: center;
    line-height: 1.2;
    height: 2rem;
}

button.medicationsExpand:before {
	content: '+';

}

button.medicationsExpanded:before {
	content: '-';

}

#khcontent_category ul.medicationsBrandsList {
	list-style-type: none;
	margin-left: 3.14rem;
	margin-bottom: 0;
	margin-top: .5rem;
}

#khcontent_category ul.medicationsBrandsList li {
	background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAA9CAYAAAD24tTCAAAB2UlEQVR4nO2aTysFURiHn6uLj4B8EMpeSRasxMKChIWFspLsrCwshELZ2Ei5GyUL/0oWpHwQRYlS/nQ0t17MvWbunM15z/ssZ8771n2a+zvvmaZUqVQ+SadU47pammL7wfUwGQKTITAZApMhMBkCkyEwGQKTITAZApMhMBkCkyEwGQKTITAZApMhMBkCkyEwGYJQZWwDrb6bhipjHLgAOn02Dflv0gXcAj2+GoaeGe3AGTDto5mGAG0G1oGtojmiaTeZAM6L5Ii2rbUbuGk0RzTOGR3AKTCVt1Dr0NUCbOTNEe0TaK4ciWEcz5wjsZxNMuVITAe1f3MkxlNrzRyJ9QifmiMxv8/4kyOxv9z5kSPlOgtrfQWoEZcjbbE/GVUegEWTAY9AL3Afu4ynRMQdkQeoE9GXbLHfxCrjGegHruXFcqDfiBfZ6V4SEVe/b8T2ZDgRA8Bl2s2YZLwCg8nUmUosMt6AIeCk3qIYZFRFHP+3ULsMJ2IYOMqyWLOMd2AUOMxaoFWGEzECHOQp0ijDiRgD9vMWapPxkRzH9xop1iTDTaWTwG6jDbTIcCJmgJ0iTTTIcCJmgc2ijTTImAPWfDQKXcY8sOqrWcgyFoAVnw1DlbEELHvtCHwBKxRCd7M493sAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-size: 1rem;
	padding-left: 1.5rem;
	background-position: 0 6px;
	padding-bottom: 1rem;
}

#khcontent_category ul.medicationsBrandsList li a {
	text-decoration: none;
}

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

/* added CSS for two-png print method */
/* BWWT 2 images - screen version... */



.printableScreen img {
	width: 420px;
	height: 640px;
	display: block;
	border: 0 none;
}

.printableScreen {
	text-align: center;
}

.printablePrint img {
	display: none;
}

.instructionSheetScreen img {
	width: 494px;
	height: 640px;
	display: block;
	border: 0 none;
}

.instructionSheetScreen {
	width: 494px;
	margin: 0 auto;
}

#khcontent .instructionSheetScreen {
	width: 494px;
	margin: 0 auto;
}

.instructionSheetPrint img {
	display: none;
}


/* Branded wide width styles brought to bottom of CSS but still retain styles from old world as well as new */
/* BWW */
#branded_wide_width {
	width: 640px;
	font: normal normal normal 12px 'Montserrat', Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0 auto;
	text-align: center;
}

#brandedFooter {
	position: relative;
}

#branded_wide_width #brandedFooter {
	clear:  both;
}

#brandedFooter .imageDisclaimer {

}

#brandedFooter .imageDisclaimer p {
	margin-bottom: 10px;
}

#nemours_branded_footer p {
	text-align: left;
	line-height: 1.35;
	font-size: 11px;
	margin-bottom: 8px;
	padding: 0;
	margin-top: 0;
}



#licensee_branded_footer {
	text-align: left;
	clear: both;
	padding-top: 10px !important;
	border-top: 1px solid #bbb;
	display: flex;
	justify-content: space-between;
	align-items: self-start;
}

#licensee_branded_footer img {
	
}

#lbf_image {

}

#lbf_text {
	text-align: right;
}

#licensee_branded_footer h3 {
	font: normal normal bold 13.5px/normal 'Montserrat', Helvetica, Arial, sans-serif;
	color: #000;
	border: 0 none;
	padding: 0 0 0 0;
	margin-top: 0;
	margin-bottom: 4px;
}

#licensee_branded_footer p {
	font-size: 11.75px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 4px;
}

#licensee_branded_footer img {
	
}

.hideFromPrinter a {
	font-size: 14px;
	margin: 0;
	padding: 0;
	float: right;
	display: block;
	z-index: 10;
	cursor: pointer;
	position: relative;
	line-height: 1;
}

@media screen and (max-width: 680px) {
	#branded_wide_width {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}

	#khcontent .instructionSheetScreen, #khcontent .instructionSheetScreen img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 430px) {
	#licensee_branded_footer {
		flex-direction: column;
		justify-content: space-around;
		text-align: center;
	}
	
	#lbf_text, #lbf_image {
		width: 100%;
		text-align: center;
	}

	.hideFromPrinter a {
		float: none;
		margin-top: 10px;
	}
}

/* WCAG */
.hideOffScreen, #skipnavigation a {
	position: absolute;
	top: -180701px;
	left: 0;
	padding: 6px;
	z-index: 1000;
}

.keyboardUser #skipnavigation a:focus {
	position: absolute;
	top: 0;
	left: 0;
	outline: 0;
	font-size: 20px;
/* 	padding: 4px 8px;
	border: 3px dotted black; */
	background-color: white;
}

@keyframes khFocusIn {
  from { 
	outline-offset: 18px;
	outline: 10px dotted #000 !important;
	box-shadow: 0px 0px 2px 2px #fff !important;
	}
  to   { 
	outline: 3px dotted #000 !important;
	outline-offset: 5px;
	box-shadow: 0px 0px 2px 2px #fff !important;
  }
}

@keyframes khFocusInTight {
  from { 
	outline-offset: 18px;
	outline: 10px dotted #000 !important;
	box-shadow: 0px 0px 2px 2px #fff !important;
	}
  to   { 
	outline: 3px dotted #000 !important;
	outline-offset: 0px;
	box-shadow: 0px 0px 2px 2px #fff !important;
  }
}

.keyboardUser div#thelou:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    animation: none;
}

.keyboardUser a:focus, 
.keyboardUser button:focus,
.keyboardUser .khad-button:focus,

.keyboardUser .accButt:focus {
    animation: khFocusIn .4s;
    outline: 2px dashed #000 !important;
	outline-offset: 5px;
    border-radius: 2px;
	box-shadow: 0px 0px 2px 2px #fff !important;
	animation: khFocusIn .4s;
}

.keyboardUser .rotPlayPause:focus,
.keyboardUser .rotatorDot:focus {
    animation: khFocusIn .4s;
    outline: 2px dashed #000 !important;
	outline-offset: 5px;
	box-shadow: 0px 0px 2px 2px #fff !important;
	animation: khFocusIn .4s;
	border-radius: 100%;
}

.keyboardUser #khcontent_article a:focus :not('img') {
    display: block !important;
    animation: khFocusIn .4s;
    outline: 2px dotted black !important;
	outline-offset: 5px;
	box-shadow: 0px 0px 2px 2px #fff !important;
    border-radius: 2px;
    position: relative;
}

.keyboardUser .rsbtn_play:focus {
	pdadding: 12px 4px 0 4px;
}

.keyboardUser .PKTJSTButton:focus, 
.keyboardUser ul#licTabs li button:focus {
	outline: 2px dotted black ;
	outline-offset: 0px;
	box-shadow: 0px 0px 2px 2px #fff;
	animation: khFocusInTight .4s;
}

.keyboardUser input:focus {
	outline: 2px dotted black ;
	outline-offset: 1px ;
	box-shadow: 0px 0px 2px 2px #fff ;
	animation: khFocusIn .4s ;
}

.keyboardUser #rtPrev:focus, 
.keyboardUser #rtNext:focus {
	-webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75) !important;
}

#mrLinks ul li {
	margin: 4px 0;
}

@media screen and (max-width: 800px) {
	#kh_search_results {
		font-size: 1.5rem;
	}
	ul#searchResults li h2 {
		line-height: 1.4;
		line-height: 0;
	}

	ul#searchResults li h2 a {
		font-size: 1.6rem;
		line-height: 1.25;
		margin-right: .5rem;

	}

	ul#searchResults li h2 span {
		font-size: 1.25rem;
	}

	ul#searchResults li p {
		font-size: 1.6rem
	}

	
}

@media screen and (max-width: 360px) {
	.pagination {
		line-height: 0;
		padding-top: 1rem;
		padding-bottom: 2rem;
	}
	.paginationCount {
		font-size: 1.25rem;
	}
}

