/* General Use Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.anchor {padding-top: 85px;margin-top: -85px;display: inline-block; /* required for webkit browsers */}
.is_stuck {z-index: 999;}
.container {padding:0 12px;}
.first {padding-top:0px;}
.tron {background-color: #fff;border-bottom: 0px solid #939598;box-sizing: border-box;position:relative;width:100%;}
.overlay { }
.tron>.overlay>.container {padding:40px 12px 15px 12px;}
@media screen and (min-width:481px) {.tron>.overlay>.container {padding:30px 0 15px 0;}}

#new-text {padding-bottom: 0 !important;}
#new-text div {margin-bottom:1rem;}
#new-text p {font-size:1.7rem;margin: 0 0 1rem 3px;}
#new-text h3 {margin-top: 2rem;margin-bottom: 1rem;}
#new-text ul {font-size:1.7rem;list-style-type: none !important; margin-bottom:1rem;margin-left:3px;padding-left: 16px;text-indent: -16px;}
#new-text ul ul {font-size:1.7rem;list-style-type: none !important;margin-bottom:1rem;margin-left:3px;margin-top:0 !important; padding-left: 16px;text-indent:0;}

.feature {text-align:center;}
.feature h2 {color:#1EAEDB !important;font-size:1.8rem !important;margin:1rem 0 !important;}
.feature h2 a {color:#0093c0 !important;}
.feature img {margin:0;}
.feature a:hover {text-decoration: none !important;}

#logo {width:90%;}
@media (min-width: 500px) {#logo {width:422px;}}

.home {padding-top:16px;}
@media (min-width: 481px) {.home {padding-top:30px;}}

.header {border-radius: 6px;color: #fff;padding: 0;}
.header h1 {color:#939598;font-weight:500;margin-bottom:1rem; }
.header button button-primary {margin-bottom: 0rem;}

.pull-quote {color:#000;font-size:2rem;font-weight:300;line-height:1.2;margin-top:0px;margin-bottom:1rem;padding-right: 0 !important;}

.page-area {padding:15% 0 15% 0;}
.page-area:first-child {border-top: 0px;padding-bottom:5%;padding-top:0%;}
.page-area p:last-child, .page-area li:last-child {margin-bottom:0 !important;}
.page-area h1 {margin-bottom:0.5rem !important;}
.page-area h2 {margin:0 0 2rem 0;font-size:1.5rem;font-style:italic; font-weight: 400;}

@media screen and (min-width:481px) {.page-area {padding:10% 0 10% 0;}}
@media screen and (min-width:767px) {.page-area {padding:7% 0 7% 0;}.page-area:first-child {padding-bottom:7%;}}
@media screen and (min-width:1200px) {.page-area {padding:5% 0 5% 0;}.page-area p{padding-right:1%;}.page-area:first-child {padding-bottom:5%;}}

.one-half p:last-child {margin-bottom:15px !important;}

/* styles for section and ymal blocks and rows
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {background-color: rgb(247,247,247);border: 0 !important;border:1px solid #b7b7b7 !important;width: 24.2%}
.section-head {color:#939598;text-align:center;padding:2rem !important;}
.section h3 {color:#d71635 !important;font-size:1.8rem !important;font-weight: 600 !important;line-height: 1.3; margin: 2rem 2rem 0 2rem;}
.section h3 a {	color:#d71635 !important;}
.section h5 {font-size: 1.5rem;font-weight:500;margin:1rem 2rem !important;}
.section h5:last-of-type {margin:1rem 2rem 2rem 2rem !important;}
.section img {border-bottom:1px solid #939598 !important;display: block;width: 100%;}

.sectionMatch {width:76%;}
.sectionMatch a:hover {text-decoration: none !important;}

.sub-links {font-size:1.5rem;margin:0 2rem 0 3rem;}

.ymal {background-color: rgb(247,247,247);border: 0 !important;border-top:1px solid #d71635 !important;padding:2rem !important;width: 32.3%}
.ymal-head {color:#000;text-align:center;}
.ymal h5 {font-size: 1.7rem;font-weight:500;margin-bottom: 1.5rem;}
.ymal p {font-size: 1.3rem;}

.authors {font-weight:500;}	


@media only screen and (max-width: 900px) {.ymal {width: 48%;margin-bottom: 1rem !important;} .section {width: 48%;margin-bottom: 1rem !important;} .sectionMatch {width:74.1%;}}
@media only screen and (max-width: 767px) {.sectionMatch {width:100%;}}
@media only screen and (max-width: 600px) {.ymal {width: 99%;margin-left: 0;margin-right: 0;} .section {width: 99%;margin-bottom: 2rem !important;margin-left: 0;margin-right: 0;}}





/* styles for audio link boxes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.audio-wihi {background-color: #fff;background-image: url('../images/jama-wihi-gray.png');background-position: center;background-repeat: no-repeat;background-size: contain;border: solid 1px #c7c7c7;height:60px;margin-top:1rem;}
.audio-wihi:hover {background-image: url('../images/jama-wihi-black.png');background-position: center;border: solid 1px #0093c0;}
.audio-jama {background-color: #fff;background-image: url('../images/jama-author-interview-gray.png');background-position: center;background-repeat: no-repeat;background-size: contain;border: solid 1px #c7c7c7;height:60px;margin-top:1rem;}
.audio-jama:hover {background-image: url('../images/jama-author-interview-black.png');background-position: center;border: solid 1px #0093c0;}
.player-margin {margin-bottom:4rem;}
.multimedia-caption {font-weight: 500;margin-bottom: 1.5rem;margin-top:1rem;text-align: center;}

/* journal-specific border-top colors */
.imd {border-top:1px solid #006e96 !important;}
.ped {border-top:1px solid #0084c0 !important;}
.sur {border-top:1px solid #f47920 !important;}
.psy {border-top:1px solid #005276 !important;}
.external {border-top:1px solid #000 !important;}

.mediaIcon {font-size:1.5rem;}
.mediaIcon:first-of-type { }
.mediaIcon a:hover {text-decoration: none !important;}


@media screen and (min-width: 767px) {
	.twelve.columns p,  {padding:0 7%;}
	#links-row>.six.columns {padding: 0 5%;}
	.pull-quote {font-size:2.5rem;}
}

@media screen and (min-width:767px)  {.docs-section p, .docs-section ul, .docs-section ol {padding-right:15%;}}
@media screen and (min-width:1200px)  {.docs-section p, .docs-section ul, .docs-section ol {padding-right:20%;}}

.one-third.column img {margin-bottom:1rem;}
.one-half.column img {margin-bottom:1rem;}
.two-thirds.column img {margin-bottom:1rem;}

@media screen and (min-width:767px)  {
	.one-third.column img {margin-bottom:0;}
	.one-half.column img {margin-bottom:0;}
	.two-thirds.column img {margin-bottom:0;}
	.labels {margin-top: 0.25rem;}
}

.section-background-even {background-color: #fff; margin-top: 3rem;}
.section-background-odd {background-color: #fff; margin-top: 3rem;}

/* network/top nav components
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#slide-nav {background: #000;margin:0 0 1rem 0;padding-bottom:14px;width: 100%;height:auto;display: none;float: left;z-index: auto;}
@media screen and (min-width:767px) {#slide-nav {height:52px; padding-bottom:0;}}

.click-jn {
	position: absolute;
	display: block;
	right: 10px;
	top: 20px;
	cursor: pointer;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
	background-image:url(../images/jn_sig_30px_all_k.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height:30px;
	width:30px;
}

@media screen and (min-width:481px) {
	  .click-jn {background-image:url(../images/jn_type_20px_k.png);
		   	right: 15px;
		    background-position: left;
		    background-repeat: no-repeat;
		    background-size: 100%;
		    box-sizing: border-box;
		    height:30px;
		    width:152px;
		}
	}

.click-x {
	position: absolute;
	display: block;
	right: 15px;
	top: 20px;
	cursor: pointer;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
	background-image:url(http://sites.jamanetwork.com/altmetric/images/jn_sig_30px_X.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height:30px;
	width:30px;
}

.lastNavItem {margin:0 !important;}

.social	 {float:right !important; margin:0 0 0 12px !important;}
@media screen and (min-width:900px) {.social	 {margin:0 0 0 24px !important;}}
@media screen and (min-width:480px) {.social {display:block !important;}}




/* sticky nav components
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#float-div {background: #FFF;border-bottom: 1px solid #d71635;border-top: 1px solid #d71635;display:none;}
#float-div>.container {height:52px;padding: 0 12px;}
#float-div ul {list-style:none;margin:10px 0 0 0;}
#float-div li {float:left;position:relative;}

#float-div-mobile {background: #FFF;border-bottom: 1px solid #d71635;border-top: 1px solid #d71635;}
#float-div-mobile>.container {height:52px;padding: 0 12px;}
#float-div-mobile ul {list-style:none;margin:10px 0 0 0;}
#float-div-mobile li {float:left;position:relative;}

@media (min-width: 801px) {#float-div-mobile {display:none;}#float-div {display:block;}}

/* brightcove video misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.outer-container {position: relative;height: 0;padding-bottom: 56.25%;}
.BrightcoveExperience {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* footer(s) fixed and stick
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer {background: #FFF;border-top: 1px solid #6c202f;border-bottom: 4px solid #6c202f;bottom:0px;display:none;height:60px;position:fixed;text-align:center;width:100%;}
.footer>.container {padding-top:0;padding-bottom:0;}
.footer a {color:#222;font-weight:600;margin:1.5rem 0;text-decoration:none;}
.footer a:hover {text-decoration:none;}
@media screen and (max-width: 766px) {.footer .row {line-height:2.5rem;}}

#institutions {font-size:1.5rem;text-align: center;padding-bottom:20% !important;}	
#institutions p {margin-bottom:2rem;}	
#copyright {padding-right:0 !important; font-size:1.1rem;text-align: center; color:rgb(129, 129, 129);}

#footer-fixed {text-align: center;}
#footer-fixed a {font-size:1.1rem;line-height:1.1rem;text-decoration:none;}
#footer-fixed .row {line-height:1.5rem;}

.footerMisc {padding: 10px 20px 80px 20px;text-align:center;}
.footerMisc a {color: #0093c0 !important;}
.footerMisc h3 {font-weight: 500 !important;}

.foot-share {font-size: 2rem !important; line-height:60px; margin:0 8px;}
@media screen and (min-width: 481px) {.foot-share {font-size: 3rem !important; margin:0 15px;}}
#footer-shares {display:inline-block; text-align:center; height:60px;line-height:2.5rem;}
#footer-shares a:hover {color:#333 !important;}

#foot-fb {color:#306199;}
#foot-tw {color:#26c4f1;}
#foot-li {color:#007bb6;}
#foot-gp {color:#e93f2e;}
#foot-pi {color:#b81621;}