/**
* CSS elements on specific content pages.
* 1) Article
* 2) Related Articles
* 3) Banner
* 4) Interactive Chart
* 5) List Page Template
* 6) Search Results Template
* 7) Error Page Template
* 8) Feature
* 9) 2-Column in Content
* 10) Featured Article
* 11) Ektron Overrides
* 12) Media Queries
*/

/* Article */
.content-page .box { text-align: center; text-transform: uppercase; }
.main-content { padding: 7px 15px 15px 15px; position: relative; }
.main-content > h1{margin-top:0;}
.main-content h2 { margin: 45px 0 25px; } 
.content-page .main-content ul, .content-page .main-content ol { margin: 0 25px 10px 0; padding: 0 0 0 25px; overflow: hidden; position: relative; }
.content-page .main-content ul li { list-style-position: outside; list-style-type: disc; }
.content-page .main-content ol li { list-style-position: outside; list-style-type: decimal; }
.main-content p, .list-page p, .main-content ul li, .main-content ol li { color: #343435; }
.main-content p a, .list-page p a { font-weight: bold; }
.main-content .box-sm p { color: #172984; }
p.lead { color: #7d7d7d; font-size: 16px; }
.row.lead-media { margin-bottom: 20px; padding-left: 15px; padding-right: 15px; }
.byline p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 300;
}
.byline p a {
	color: #172984;
	font-style: italic;
	font-weight: 300;	text-decoration: none;
}
.byline p a:hover {
	text-decoration: underline;
}
.content-page .main-content ol.source-citation { 
	color: #343435;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.43em;
	margin-top: 40px;
}
.content-page .main-content ol.source-citation a { display: block; }

p.byline a:hover, .source-citation a:hover { text-decoration: underline; }


.lead-media img {
	height: auto;
	width: 100%;
}
.mid-media {
	margin: 0 auto;
	width: 300px;
}
.mid-media img {
	height: auto;
	max-height: 368px; 
	width: 100%;
}

figure img { max-width: 100%; height: auto;}
figure.pull-left {
	padding-right: 20px;
}
figure.pull-right {
	padding-left: 20px;
}
figcaption { color: #7d7d7d; font-size: 13px; }
blockquote {
	border-left: 1px solid #d7d7d7;
	color: #0d113f;
    float: right;
    font-family: 'Times New Roman',serif;
    font-size: 20px;
    font-style: italic;
    line-height: 1.4em;
    margin-left: 15px;
    max-width: 210px;
    padding: 0 0 0 15px;
    width: 33.3%;
}
.fa-quote-left, .fa-quote-right {
	color: #a1a1a1;
    font-size: 25px;
    margin-right: 8px;
    position: relative;
}
.fa-quote-right {
	margin-left: 5px;
	margin-right: 0;
}
.blockquote-source {
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin-top: 15px;
}

hr.bottom-rule { border-color: #d7d7d7; margin: 40px auto 20px; }
.content-bottom { margin: 0; }
.content-bottom h2 { margin-top: 0; margin-bottom: 10px;}
.frames-banner { font-family: Helvetica, Arial, sans-serif; }
.frames-banner img { float: left; padding-right: 15px; max-width: 60%; }
.frames-banner h2 { margin-bottom: 18px; }
.exclusive-text { color: #7d7d7d; font-size: 18px; }
.exclusive-text-wrap { float: left; width: 38%; }
.frames-banner a { display: block; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
.inline-list li {
	border-left: 1px solid;
	display: inline;
	list-style-type: none;
	padding: 0 10px;
}
.view_more { width: 100%; }
.content-page .related-articles ul, #list-template .related-articles ul, #error .related-articles ul {
	padding-left: 0;
	left: 0;
}
.related-articles ul{
	padding-left:0;
	left:0;
}
.related-articles {
	border-left: 2px solid #e6e7eb;
	padding-left: 15px;
}
.row-height{height:235px;}
.related-articles ul li {
	border-bottom: 1px solid #e6e7eb;
	display: table;
	list-style-type: none!important;
	padding: 8px 0;
	position: relative;
	width: 100%;
}
.related-articles ul li span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.related-articles i {
	background: url('../../img/chevron-sprite.png') 0 -36px transparent no-repeat;
    display: block;
    height: 13px;
    margin-left: 10px;
    text-indent: -999em;
    width: 9px;
}
.related-articles ul li a {
    display: table-row;
    width: 90%;
}
.content-page .main-content .related-articles ul { margin-right: 0; }

/* Related Articles */
.related-news{
	font: 14px/16px 'Roboto Condensed',sans-serif;
	margin-bottom:70px;
}
.related-box{
	display:block;
	text-transform: uppercase;
}
.related-thumb{
	display:block;
	width:105px;
	height:105px;
	margin-right:15px;
	float:left;
}
.related-msg{
	display:block;
	padding-left:120px;
	color:#7d7d7d;
}
a.related-box:hover .related-msg{color:#172984;}
.related-msg h2{
	margin-bottom: 15px;
}
a.related-box:hover .related-msg h2{color:#172984; text-decoration:none;}

/* Banner */
.banner{
	height:330px;
	margin-bottom:15px;
	padding-right:15px;
	position: relative;
	overflow:hidden;
	min-width:290px;
	font-weight: 300;
}
.banner u{
	text-decoration: none;
	display:inline-block;
	padding-bottom:15px;
	border-bottom:1px solid #fff;
}
.banner-msg{
	position:absolute;
	width:46%;
	top:30px;
	left:45px;
}
.banner-msg h1{
	letter-spacing: 1px;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}
.banner-msg h1 b{
	font-weight: bold;
}
.banner-msg hr{
	text-align:left;
	border-top:0;
	border-left:0;
	border-right: 0;
	border-bottom:1px solid #fff;	
	width:50px;
	margin:15px 0 20px;
}
.banner-msg .lead{
	color:#fff;
	font-size: 26px;
	line-height:1.25em;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
}

iframe.form_provider_state {margin:10px auto; overflow:auto; height:300px; width:100%;}

/* Interactive Chart */
.prescription-container { position: relative; }
.prescription { background: url('../../img/article/prescription-bg.png') center top; margin-bottom: 30px; padding: 20px; position: relative; }
.interactive-lead-desktop { display: block; }
.interactive-lead-mobile { display: none; }
.rx-symbol { position: absolute; top: -5px; left: 0; }
.rx-mobile { display: none; }
/*.chart-container { margin: 0 auto 30px; max-width: 480px; width: 100%; }*/
#interactive-chart { margin: 0 auto 30px; max-width: 480px; width: 100%; }
#interactive-chart table { margin-top: 35px; margin-bottom: 25px; width: 100%; }
.scribe-lead-p { margin-bottom: 30px; text-align: center; }
.scribe-small-section { font-size: 12px; margin: 0 auto 10px; width: 80%; }
.scribe-bottom-p { margin-top: 30px; }
#interactive-chart td { border: 1px solid #000; padding: 0; text-align: center; }
#interactive-chart a { /*border: 1px solid #172984; */background-color: #7c86bb; color: #fff; display: block; position: relative; }
#interactive-chart a:hover { background-color: #172984; color: #fff; text-decoration: none; }
#interactive-chart a.add-pixel { padding-bottom: 1px; }
#interactive-chart .def-cell { border: 1px solid #172984; }
.chart-left { padding: 11px 0 12px }
#interactive-chart .badge, .interactive-def .badge { display: none; }
#interactive-chart td { border: 1px solid; }
#interactive-chart td.no-border { border: 0; }
.interactive-def { display: none; margin-top: 15px; }
.prescription-line { border-bottom: 1px solid; float: right; margin-bottom: 0; margin-top: 15px; }
.rule-patient-name { width: 65%; }
.rule-expiration-date { width: 40%; }
.rule-notes { width: 90%; }
.prescription-row { margin-top: 30px; }
.prescription-shadow {
	height: 108%;
    left: -3%;
    position: absolute;
    top: -15px;
    width: 105%;
    z-index: -1;
}

/* List Page Template */
.inline-list li:first-child {
	border-left: none;
}
.list-page {
	position: relative;
}
ul.list-page-top-list {
	margin-bottom: 40px;
	padding-left: 0;
}
ul.list-page-top-list li {
	margin: 10px 0;
	list-style-type: none;
}
dt { color: #172984; }
dd { margin-bottom: 15px; }
dd a { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
dd a i { font-size: 18px; margin-right: 10px; }
#timezone{display:none;}

/* Search Results */
.search-page { padding: 15px; position: relative; }
.search-page .input-group-addon { background-color: #172984; }
.search-page .input-group-addon i { font-size: 24px; }
.search-page input.form-control { height: 36px; }
.search-page h2 { font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; text-transform: none; }
.search-page h2 a { color: #172984; }
.search-page h2, .search-page p { margin-bottom: 0; }
.new-search-bar { margin: 20px -15px; }
.search-pagination { text-align: center; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #7c86bb; border-color: #7c86bb; }
.search-results ol li { list-style-type: none; }
.search-results ol { padding-left: 15px; }
.search-results-count { font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 700; }
.results-per-page { text-align: right; }
.results-per-page label { color: #070d40; font-weight: normal; margin-top: 6px; }
.results-per-page select.form-control { display: inline; height: 32px; width: 75px; text-align: center; }

/* Error Page Template */
.main-content .box {
	margin-top: 5px;
	text-align: center;
	text-transform: uppercase;
}
.error-blur {
	font-family: 'Roboto Condensed', sans-serif;
	color:  #0D113F;
	margin-top: 30px;
	margin-bottom: 80px;
	text-transform: uppercase;
	animation: textblur 3s;
	-webkit-animation: textblur 3s;
}
@keyframes textblur {
	0% { text-shadow: 0 0 10px #0D113F; color: transparent; }
	100% { text-shadow: 0 0 0 #0D113F; color: #0D113F; }
}
@-webkit-keyframes textblur {
	0% { text-shadow: 0 0 10px #0D113F; color: transparent; }
	100% { text-shadow: 0 0 0 #0D113F; color: #0D113F; }
}
.error-text-number { display: block; font-size: 173px; line-height: 0.9; padding-right: 25px; }
.error-text-error { display: block; font-size: 110px; line-height: 1; margin-left: -5px; }
.error-text-message { font-size: 32px; }
.error-left { float: left; text-align: right; width: 50%; }
.error-right { float: right; text-align: left; width: 50%; }

/* Feature */
.feature{
	background:#e2e4f3;
	height:235px;
	padding:40px 35px;
	text-align: center;
	margin-bottom:15px;
}
.feature h2{
	margin-top:0;
	color:#172984;
}
.feature p{
	color:#7d7d7d;
	font-size: 14px;
	line-height: 20px;
}
.feature a{
	margin-top:10px;
}
/* 2-COLUMN IN CONTENT */
.col-50a-audience{float:right; padding-left:7.5px;}
.col-50b-audience{padding-right:7.5px;}
.col-50a-secondary{padding-right:7.5px;}
.col-50b-secondary{float:right; padding-left:7.5px;}

/* Featured Article */
i.how-play {
	background: url('../../img/how-play.png') 0 0 no-repeat;
	display: block;
	height: 32px;
	margin-bottom:7px;
	width: 39px;
}
i.not-registered-icon {
	background: url('../../img/not-registered-icon.png') 0 0 no-repeat;
	display: block;
	height: 32px;
	margin: 0 auto;
	width: 32px;
}
.box-sm:hover i.not-registered-icon {
	background-position: 100% 0;
	opacity: 0.5;
}
.how-box h2, .not-registered-box h2 {
	color: #172984;
}
.not-registered-box {
	background-color: #e2e4f3;
}
.featured-article {
	display:block;
	background: url('../../img/whats-new-healthcare.jpg') no-repeat;
	height: 171px;
	max-width: 330px;
	width: 100%;
	position: relative;
}
.featured-article .featured-headline {
	color: #fff;
	display: block;
	font-family: 'Roboto Condensed',sans-serif;	
	font-size: 24px;
	font-weight: 400;
	line-height: 1.07em;
	text-transform: uppercase;
	position: absolute;
	width:100%;
	padding:15px 0 15px 10px;
	bottom:0;
}
.featured-article:hover .featured-headline{
	background-color:#000;
	background-color: rgba(0,0,0,0.5);
}
.featured-article:hover .whats-new-more{
	text-decoration: underline;
}
.whats-new-more{
	font: 400 14px/16px 'Roboto Condensed',sans-serif;
	text-transform: uppercase;
	display: block;
    top: 180px;
    padding-left: 12px;
    position: absolute;
}
/* RELATED ARTICLES */
.related-news{
	font: 14px/16px 'Roboto Condensed',sans-serif;
	margin-bottom:70px;
}
.related-box{
	display:block;
	text-transform: uppercase;
}
.related-thumb{
	display:block;
	width:105px;
	height:105px;
	margin-right:15px;
	float:left;
}
.related-msg{
	display:block;
	padding-left:120px;
	color:#7d7d7d;
	min-height:105px;
}
.related-msg h2 { padding-top: 12px; }
.related-msg p { line-height: 1.1em; }

/* EKTRON OVERRIDES */
.design_content, div.design_content {
    overflow:visible;
}

@media screen and (max-width: 980px) {
	.rule-patient-name { width: 78%; }
	.expiration-date span { float: left; }
	.rule-expiration-date { float: left; width: 25%; }
	.expiration-date { padding-top: 20px; }
	.related-articles {
		float: none;
	}
	.related-articles img {
		float: left;
		margin-right: 20px;
		width: 125px;
	}
}

@media screen and (max-width: 900px){
	.error-text-error { font-size: 94px; line-height: 1.1; }
}

@media screen and (max-width: 768px){
	#interactive-chart a, #interactive-chart a:hover { background-color: #7c86bb; color: #fff; text-decoration: none; }
	#interactive-chart .badge { background-color: #172984; display: block; position: absolute; font-size: 10px; left: -10px; top: -10px; padding: 3px 5px; }
	.interactive-def .badge { background-color: #172984; display: inline; }
	.interactive-lead-desktop { display: none; }
	.interactive-lead-mobile { display: block; }
	.interactive-def { display: block; }
	.prescription { background: url('../../img/article/prescription-bg-mobile.png') #e2e4f3 center 80px no-repeat; }
	.rx-symbol { display: none; }
	.rx-mobile { display: block; position: absolute; }
}

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

	blockquote {
		border-left: none;
		float: none;
		margin-left: 0;
		padding: 0;
		width: 100%;
        max-width: none;
	}
	.row.lead-media { padding-left: 0; padding-right: 0; }
	.frames-banner img { width: auto; }
	.exclusive-text-wrap { float: none; width: auto; }
	.results-per-page { text-align: left; margin-top: 15px; }
	
	.feature{height:auto;}
	.col-50a, .col-50a-alt{float:none; padding-right:15px; margin-bottom:15px;}
	.col-50b, .col-50b-alt{padding-left:15px;}

	/* 2-COLUMN IN CONTENT */
	.col-50a-audience{float:none; padding-left:15px; margin-bottom: 15px;}
	.col-50b-audience{padding-right:15px;}
	.col-50a-secondary{padding-right:15px;}
	.col-50b-secondary{padding-left:15px;}
	.row-height{height:auto; margin-bottom:15px;}
}

@media screen and (max-width: 640px) {
	.error-text-number { font-size: 138px; line-height: 0.9; }
	.error-text-error { font-size: 88px; line-height: 1; }
	.error-text-message { font-size: 24px; }
	.error-blur { margin-top: 0; margin-bottom: 45px; }

	.banner-msg h1{
		font-size: 15px;
		margin-bottom: 20px;
	}
	.banner-msg .lead{
		font-size: 22px;
    	line-height: 34px;
	}
}

@media screen and (max-width: 520px) {
	figure.pull-left, figure.pull-right {
		float: none!important;
		margin-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
	}
	.rule-notes { width: 85%; }
	.patient-name span { float: left; }
	.rule-patient-name { float: left; width: 70%; }
	.rule-patient-name, .rule-expiration-date { margin-left: 5px; }
}
@media screen and (max-width: 480px) {
	.error-left { float: none; width: 100%; text-align: center; }
	.error-right { display: none; }
	.error-blur { margin-bottom: 30px; }
	.content-bottom > div { margin-bottom: 30px; }
	.content-bottom > div, .related-articles { padding: 0; }
	.related-articles { border-left: 0; }
	.whats-new-more { padding-left: 0; }
	.banner{
		height:235px;
	}
	.banner-msg{
		width:54%;
		left: 30px;
    	top: 15px;
    	min-width:175px;
	}
	.banner-msg h1{
		font-size: 15px;
	}
	.banner-msg .lead{
		font-size: 15px;
		line-height:20px;
	}
	.related-msg h2 { padding-top: 0; }
}
@media screen and (max-width: 360px) {
	.content-page td, .prescription { font-size: 12px; }
	.hide-at-mobile { display: none; }
	.no-pad-mobile { padding: 0; }
	.prescription { padding: 7px; }
	#interactive-chart td { font-size: 10px; }
	.def-cell { background-color: #7C86BB; }
	.scribe-small-section { width: 95%; }
	.row.prescription-notes { margin:0; width: 95%; }
	.scribe-large-p { font-size: 12px; }
	.chart-left { padding: 11px 0 9px; }
	.expiration-date, .patient-name { margin: 0 auto; width: 95%; }
	.rule-patient-name { width: 65%; }
	.rule-notes { width: 80%; }
	article { padding: 0; }
}