@charset "UTF-8";
/* CSS Document */



/* DESKTOP */

@media (max-width: 1199px) and (min-width: 992px) {

	ul#menu-main-menu li a {
		font-size:0.9em !important;
	}
	
	#main-nav nav ul li a {
    	padding-right: 10px;
	}
	
	#message-blocks .message-block h2 { font-size:1.1em; }
	
	#message-blocks .message-block a {
       width: 100%;
	   padding:5px;
	}
	
	#body-content #body-sidebar {
		padding-left: 33px;
	}
	
	#spotlight-video #in-the-spotlight { width: 25%; }
	
	#slider.inside .col-md-12 h3#header { font-size: 2.3em; }
	
	#body-content #body-sidebar p.call-out {
		font-size:1.2em;
	}
	
	#crowd .stat#nursing-pros {	
		right:8%;
		top:104px;
	}
	
	#crowd .stat#employees {
		bottom:40px;
		left:29%;
	}
	
		#crowd .stat span.value {
			font-size:2.3em;
		}
		
		#crowd .stat span.description {
			font-size:1.1em;
		}
	
	
	p#total-researchers {
		width:68%;
	}

}




/* TABLET */

@media only screen and (max-width: 991px) and (min-width: 768px) {

	/**********start footer logos*******************/
	.footerlogos { padding-bottom: 0px; }
	.footerlogos .mostadmiredlogo { margin-top: 0px; margin-bottom: 60px; }

	.footerlogos .col-sm-12.text-right, .footerlogos .col-sm-12.text-left { text-align: center; }
	/**********end footer logos*******************/
	
	#desktop-menu { display:none; }

	a#mobile-nav-toggle { display:block; }
	
	#mobile-nav-wrapper { padding:10px 0; }
		
	#report-title-container { text-align:center; }
	
	#main-nav h2 { margin:-20px 25px 40px 25px; }
	
	h2.homepage-banner-title { font-size:40px; line-height:35px; margin: 10px 0; }
	
	.footer nav { padding:40px 0 15px 0; }
	
	#message-blocks { display:none; }
	#message-blocks-mobile { display:block; width:750px; }
		
	#body-content .col-md-12 { padding: 3em 5em; }
	
	#spotlight-video #in-the-spotlight { display:none; }
	#in-the-spotlight-mobile { display:block; width:750px; }
	
	#slider.inside .col-md-12 h3#header {
		float:none;
		width:100%;
		clear:both;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#slider.inside .col-md-12 h3#header {
		font-size: 2.3em;
	}
	
	#slider.inside .col-md-12 #slider-photo {
		float:none;
		width:100%;
		clear:both;
	}
	
	#body-content #body-main { padding-right: 8%; }

	#body-content #body-sidebar { padding-left: 8%; }
	
	#body-content #body-sidebar p.call-out {
		border-radius: 30px 0 0 30px;
		font-size:1em;
	}


	
	#crowd .stat#nursing-pros {	
		right:8%;
		top:86px;
	}
	
	#crowd .stat#employees {
		bottom:28px;
		left:29%;
	}
	
		#crowd .stat span.value {
			font-size:2em;
		}
		
		#crowd .stat span.description {
			font-size: 1em;
   			margin-top: 0;
		}
		
	#employee-breakdown .employee img {
		width:100%;
	}
	
	#employee-breakdown .employee span.value {
		font-size:2em;
	}
	
	p#total-researchers {
		width:100%;
		text-align:center;
		margin-top:40px;
	}
	
		p#total-researchers span.value {
			float:none;
			display:inline-block;
			font-size:2.5em;
		}
		
		p#total-researchers span.description {
			float:none;
			clear:both;
			width:100%;
			font-size:2.5em;
		}
		
	#journal-banner {
		margin-top:10px;
	}
	
	#journal-banner .tablet {
		width:25%;
	}

	#journal-banner .world-text-wrapper {
		width:65%;
	}
	
	#journal-banner .world-text-wrapper p {
		width:100%;
		font-size:1.7em !important;
		color:#00375c;
	}
	
	#journal-banner .world-text-wrapper a {
		float:none;
		display:inline-block;
		width:auto;
		clear:both;
		margin-top:1em;
		padding:10px 30px;
	}
	
	.footer .col-md-3,
	.footer .col-md-12 {
		text-align:center;
	}
	
	.footer .messages-pf div {
		width: 100%;
	}
	
	.footer .connect-with-us div {
		margin:0 auto;
	}
		
	#journal-banner:lang(fr) .world-text-wrapper p {
		width:auto;
	}
	
	#journal-banner:lang(fr) .world-text-wrapper a {
		width:auto;
		display:block;
	}
	
	#tubes-links  {
		font-size:0.9em !important;	
	}

}





/* MOBILE */

@media only screen and (max-width:767px) {
	/**********start footer logos*******************/
	.footerlogos { padding-bottom: 0px; }
	.footerlogos .mostadmiredlogo { margin-top: 0px; margin-bottom: 60px; }

	.footerlogos .col-sm-12.text-right, .footerlogos .col-sm-12.text-left { text-align: center; }
	/**********end footer logos*******************/
	
	
	h2 { font-size:30px; }
	
	#main-nav h2 { margin:-20px 15px 40px 15px; }
	
	h3 { font-size:24px; }
	
	#desktop-menu { display:none; }
	
	a#mobile-nav-toggle { display:block; }
	
	#mobile-nav-wrapper { padding:10px 0; }
	
	#report-title-container { text-align:center; }
	
	.footer .col-md-3 { text-align:center; }
	
	#copyright { text-align:center; }
	
	h2.homepage-banner-title { font-size:32px; line-height:35px; margin: 10px 0; }
	
	.container .col-md-6, .container .col-md-12, .container .col-md-10 { padding:0; }

	.page-content table td, .page-content table th { padding:0.5em 1em; }
	
	.float-left, .float-right { float:none; }
	
	.footer { display:block; }
	
	#message-blocks { display:none; }
	#message-blocks-mobile { display:block; }
	
	#body-content .col-md-12 { padding: 3em; }
	
	#spotlight-video #in-the-spotlight { display:none; }
	#in-the-spotlight-mobile { display:block; }
	
	#slider.inside .col-md-12 h3#header {
		float:none;
		width:100%;
		clear:both;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#slider.inside .col-md-12 h3#header {
		font-size: 2.3em;
	}
	
	#slider.inside .col-md-12 #slider-photo {
		float:none;
		width:100%;
		clear:both;
	}
	
	#body-content #body-main { padding-right: 8%; }

	#body-content #body-sidebar { padding-left: 8%; }
	
	#body-content #body-sidebar p.call-out { border-radius: 30px 0 0 30px; }
	
	#body-content #body-sidebar p.foundation-out {
		border-radius: 30px 0 0 30px;
		margin-bottom: 20px;
	}
	
	
	.author {
		width:100%;
		float:none;
		clear:both;
		overflow:hidden;
	}

	.author.first { margin:0 0 20px 0; }
	
	#crowd .stat {
		position:relative;
	}
	
		#crowd .stat#nursing-pros {
			right:auto;
			top:auto;
			width:100%;
			text-align:center;
			margin-top:20px;
		}
		
		#crowd .stat#employees {
			left:auto;
			bottom:auto;
			width:100%;
			margin-top:30px;
		}
	
	#employee-breakdown .employee.first,
	#employee-breakdown .employee.third,
	#employee-breakdown .employee.fifth {
		width:25%;
		margin-left:12.5%;
		margin-right:12.5%;
		clear:both;
	}
		
	#employee-breakdown .employee.second,
	#employee-breakdown .employee.fourth,
	#employee-breakdown .employee.sixth {
		width:25%;
		margin-left:12.5%;
		margin-right:12.5%;
		clear:none;
	}
	
	#employee-breakdown .employee img {
		width:100%;
	}	
	
	p#total-researchers {
		margin-top:30px;
		width:100%;
		text-align:center;
	}
	
		p#total-researchers span.value {
			width:auto;
			float:none;
			display:inline-block;
			font-size:2.5em;
		}
		
		p#total-researchers span.description {
			float:none;
			clear:both;
			width:100%;
			font-size:2.5em;
		}
		
	#tubes-imagedata,
	#tubes,
	#tubes-links {
		width:100%;
	}
	
	#tubes-links div {
		line-height: 1.3em;
		padding: 0 10px;
	}
	
	
/* table rows/cells on Fast Facts page */

	.table-row#tabrow-one .table-cell,
	.table-row#tabrow-two .table-cell,
	.table-row#tabrow-three .table-cell,
	.table-row#tabrow-four .table-cell,
	.table-row#tabrow-five .table-cell,
	.table-row#tabrow-six .table-cell,
	.table-row#tabrow-seven .table-cell,
	.table-row#tabrow-eight .table-cell,
	.table-row#tabrow-nine .table-cell {
		display:block;
		width:100%;
	}
	
	.table-row#tabrow-two .table-cell.first {
		display:table-cell;
		width:50%;
	}
	
	.table-row#tabrow-two .table-cell.second {
		display:table-cell;
		width:50%;
	}
	
	.table-row#tabrow-one .table-cell.first,
	.table-row#tabrow-three .table-cell.first,
	.table-row#tabrow-three .table-cell.second,
	.table-row#tabrow-four .table-cell.first,
	.table-row#tabrow-five .table-cell.first,
	.table-row#tabrow-six .table-cell.first,
	.table-row#tabrow-seven .table-cell.first,
	.table-row#tabrow-eight .table-cell.first,
	.table-row#tabrow-nine .table-cell.first {
		border-right:none;
	}
	
	.table-row#tabrow-one .table-cell.first,
	.table-row#tabrow-six .table-cell.first {
		border-bottom:2px solid #eee;
	}
	
	table#scorecard th,
	table#scorecard td {
		font-size:0.8em;
	}
	
	table#scorecard th,
	table#scorecard td {
		padding-left:2px;
		padding-right:2px;
	}	
	
	table#scorecard th.h-1 span.nowrap {
		white-space:normal !important;			
	}
	
	table#scorecard td.year-data {
		font-size:0.9em;
	}
	
	#journal-banner {
		margin-top:10px;
	}
	
	#journal-banner .tablet {
		width:25%;
	}

	#journal-banner .world-text-wrapper {
		width:65%;
	}
	
	#journal-banner .world-text-wrapper p {
		width:100%;
		font-size:1.7em !important;
		color:#00375c;
	}
	
	#journal-banner .world-text-wrapper a {
		float:none;
		display:inline-block;
		width:auto;
		clear:both;
		margin-top:1em;
		padding:10px 30px;
	}

	#body-main .row .col-md-6.second {
		margin-top:40px;
		margin-bottom:40px;
	}

	#body-main .row .col-md-6.third { margin-bottom:40px; }
	
	#contact-boxes .first,
	#contact-boxes .second {
		float:none;
		clear:both;
		width:100%;
		margin-top:0;
	}
	
	#contact-boxes .first {
		border-right:2px solid #fff;
	}
	
	#contact-boxes .second .image-wrapper {
		width:30%;
	}
	
	#contact-boxes .second .other-wrapper {
		width:65%;
	}
	
	#contact-boxes .first .other-wrapper p,
	#contact-boxes .second .other-wrapper p {
		font-size:1.7em !important;
	}
	
	.footer .col-md-3,
	.footer .col-md-12 {
		text-align:center;
	}
	
	.footer .messages-pf div {
		width: 100%;
	}
	
	.footer .connect-with-us div {
		margin:0 auto;
	}
				
				
	#journal-banner:lang(fr) .world-text-wrapper p {
		width:auto;
	}
	
	#journal-banner:lang(fr) .world-text-wrapper a {
		width:auto;
		display:block;
	}


}






/* Extra queries that don't fit into the general queries above (try not to put too much in these!) */

@media only screen and (max-width:575px) {
	#employee-breakdown .employee.first,
	#employee-breakdown .employee.second,
	#employee-breakdown .employee.third,
	#employee-breakdown .employee.fourth,
	#employee-breakdown .employee.fifth,
	#employee-breakdown .employee.sixth {
		width: 40%;
		margin-left: 5%;
		margin-right: 5%;
	}
	#employee-breakdown .employee span.value {
		font-size:2em;
	}
	#employee-breakdown .employee span.description {
		font-size:1em;
	}
	
	#journal-banner .tablet {
		width:30%;
	}
	
	#journal-banner .world-text-wrapper {
		width:65%;
	}
	
	#journal-banner .world-text-wrapper p {
		font-size:1.4em !important;
	}
	
	#journal-banner .world-text-wrapper a {
		margin-top:0.5em;
	}
	
	#contact-boxes .first .other-wrapper p,
	#contact-boxes .second .other-wrapper p {
		font-size:1.4em !important;
	}
	
	table#scorecard td p,
	table#scorecard td li {
		font-size:0.8em !important;		
	}
	
	table#scorecard th,	
	table#scorecard td.year-data {
		font-size:0.75em;
	}
	
	#tubes-links {
		margin-top:1em;
		
	}
	
	#tubes-links div {
		width:100%;
		margin-bottom:0.75em;
		text-align:left;
	}
	
	#tubes-links a {
		display: inline-block;
		float: left;
	}
	
	#tubes-links .first:lang(fr) a {
		width:80%;
	}
	
	
	#tubes-links div::before {
		width:1.5em;
		height:1.5em;
		display:inline-block;
		content:"";
		margin:0 0.5em 0 0.25em;
		float:left;
		border-radius:10px;
	}
	
	
	#tubes-links .first::before { background-color:#00b1a9; }
	#tubes-links .second::before { background-color:#b8d2dc; }
	#tubes-links .third::before { background-color:#3a8dc1; }
	#tubes-links .fourth::before { background-color:#ec8a00; }

}



@media only screen and (max-width:530px) {
	
	#tubes-imagedata div {
		font-size:2em;
	}
	
	#tubes-links div {
		font-size:0.8em;
		line-height: 1.3em;
		padding: 0 10px;
	}
	
	.mobile-table-wrapper {
		overflow:scroll;	
		width:100%;
	}
}