/* General Use Styles */

.anchor {padding-top: 75px;margin-top: -75px;display: inline-block; /* required for webkit browsers */}
.is_stuck {z-index: 999;}
.container {padding:0;}
.first {padding-top:0px;}
.tron {background-color: #fff;
	    background-image: url(../images/research-ethics-columns.jpg);
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    box-sizing: border-box;
	    position: relative;
	    width: 100%;
}



.header {
    background: #fff;
    background: rgba(255, 255, 255, .85);
    border-radius: 6px;
    padding: 12px;
    text-align: center
}
@media screen and (min-width:481px) {.header {padding: 22px;}}


.header a:hover {text-decoration:none !important;}

.overlay { }
.tron>.overlay>.container {padding:70px 12px 60px 12px;}
@media screen and (min-width:481px) {.tron>.overlay>.container {padding:70px 0 55px 0;}}


#code-mobile {margin-top: 1.5rem;}
#declaration-mobile {}
#code-desktop {}
#declaration-desktop {}
.mobile-button {display:block;}
.desktop-button {
        display: none;
    }


.research-ethics-subhead {margin-top:2rem;text-align:center !important;}

.pull-quote {
        font-size: 1.2em;
		font-weight: 300;
		margin-bottom: 1em;
        padding: 0 5%
    }
.pull-quote-secondary {
		font-size:1em;
		margin-bottom:2.5rem;
		}

@media screen and (min-width:600px) {
    .mobile-button {
        display: none
    }
    .desktop-button {
        display: inline-block;
        margin-right:2rem;
    }
    .desktop-button:last-of-type {
        margin-right:0;
    }
    .pull-quote {
	    font-size: 1.4em;
	    margin-bottom: 2.5rem;
    }
	.pull-quote-secondary {
		font-size:1.2em;
	}

}
@media screen and (min-width:721px) {
    .mobile-button {
        display: none
    }
    .desktop-button {
        display: inline-block;
        margin-right:2rem;
    }
    .desktop-button:last-of-type {
        margin-right:0;
    }
    .pull-quote {
	    font-size: 1.4em;
	    margin-bottom: 2.5rem;
    }
	.pull-quote-secondary {
		font-size:1.2em;
	}

}




#intro {padding-bottom: 0 !important;}
#intro p {font-size:1.7rem;margin: 0 0 1rem 0;}
#intro p:last-of-type {margin-bottom: 0;}
#intro h3 {margin-top: 2rem;margin-bottom: 0.5rem;}
#intro li {margin-bottom:0;}
#intro ul {font-size:1.7rem;font-weight: bold;margin-top:0;margin-left:16px;}
#intro ul ul {font-size:1.7rem;font-weight: normal;list-style-type: circle !important; margin-bottom:1rem;margin-left:32px;}
@media (min-width: 767px) {#intro p {font-size:1.5rem;} #intro ul {font-size:1.5rem;} #intro ul ul {font-size:1.5rem;}}

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

.cme {background-color: #fff; border: 1px solid #ccc; color: #d71635; font-size: 1.4rem; margin:0 5px; padding: 5px 5px 2px 5px;}

#logo {width:98%;}
@media (min-width: 480px) {#logo {width:380px;}}

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


.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%;}}

.glossary-intro {text-align: center;}
@media screen and (min-width:800px) {.glossary-intro {padding:0 10%;}}
@media screen and (min-width:1200px) {.glossary-intro {padding:0 15%;}}

.glossaryRunin {color: #000;font-weight: bold;font-size: 1.5rem;}
.glossaryList {margin-bottom: 0;}
.glossaryList li {color:#6f6f6f; margin-top:2rem;max-width:620px;}
.glossaryList li:target::before {content:"";display:block;height:65px;margin:-65px 0 0;}
.glossaryList li:target {color: #4c4c4c;font-weight:bold;}
.glossaryList li:target .glossaryRunin {color: #d71635;}

.other-resources p {margin-bottom:0.5em;}
.other-resources p:last-of-type {margin-bottom:2.5em;}
.other-resources a {color:#0094C0;}
.other-resources ul ul {margin: 0 0 1.5rem 1.5rem;}
.other-resources ul ul li {list-style: circle;}

/* styles for section and ymal blocks and rows */

.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;margin-top:3rem;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;}	

/* for use only after featured row is at least 5 items
	change ymal width to 19%
@media only screen and (max-width: 1500px) {.ymal {width: 24%;}}
@media only screen and (max-width: 1200px) {.ymal {width: 32.3%;}}
*/

@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%;} .glossaryList li {max-width:none;}}
@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;}}
@media only screen and (min-width: 901px) {.TwoUpRow {width: 49%;}}

/* styles for multimedia items */

.player-margin {margin-bottom:2rem;}
.multimedia-caption {font-weight: 500;margin-bottom: 1.5rem;margin-top:1rem;text-align: center;}
.audioPlayer {height:90px;width:480px;}
@media only screen and (min-width: 767px) {.audioPlayer {width:100%;}}


/* journal-specific border-top colors */

.car {border-top:1px solid #BE1E32 !important;}
.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;}
.neu {border-top:1px solid #981b1e !important;}
.onc {border-top:1px solid #3B923F !important;}
.oph {border-top:1px solid #66bc29 !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%;}
}


.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;}


.featured-article {text-align:center;width:100%;}
.featured-article h5 {font-size:2.1rem;margin-bottom:1rem;}
.featured-article p {font-size:1.6rem;}



/* 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:888px) {#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-signature-reversed-no-monogram.svg);background-position: left;background-repeat: no-repeat;background-size: cover;box-sizing: border-box;height:20px;width:120px;}

@media screen and (min-width:481px) {.click-jn {background-image:url(../images/jn-signature-reversed-no-monogram.svg);right: 15px;background-position: left;background-repeat: no-repeat;background-size: 100%;box-sizing: border-box;height:22px;width:122px;}}

.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(../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 18px !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;}
#float-div ul {list-style:none;margin:10px 0 0 0;}
#float-div li {float:left;position:relative;}

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


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


.tablet-plus {display:none;}
.laptop-plus {display:none !important;}

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

@media (min-width: 767px) {.tablet-plus {display:inline-block;}}

@media (min-width: 1024px) {.laptop-plus {display:inline-block !important;}}


/* 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 sticky  */

.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: #002F7A !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;}