@import url('https://web-archive.nli.org.il/National_Library/cs_/https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body {
  font-family: Montserrat, sans-serif;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}

h1 {
}

h2 {
	font-size: 20px;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	color: #333;
}

h3{
	color: #705500;
}

main {
  perspective: 1px;
  transform-style: preserve-3d;
  margin: 0 auto;
  /*height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;*/
}

main.datatables {
	overflow-x: scroll;
	
}


.iesRow {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	margin: 0;
}

.iesRow > .col-1 { flex: 1 1 0%; }
.iesRow > .col-2 { flex: 2 1 0%; }
.iesRow > .col-3 { flex: 3 1 0%; }
.iesRow > .col-4 { flex: 4 1 0%; }
.iesRow > .col-5 { flex: 5 1 0%; }
.iesRow > .col-6 { flex: 6 1 0%; }
.iesRow > .col-7 { flex: 7 1 0%; }
.iesRow > .col-8 { flex: 8 1 0%; }
.iesRow > .col-9 { flex: 9 1 0%; }
.iesRow > .col-10 { flex: 10 1 0%; }

.iesRow > nav, .iesRow > div, .iesRow > section, .iesRow > aside, .iesRow > article, .iesRow > main   { padding: 0 2%; width: 96%;  }
.iesRow img { max-width: 100%; }


header.iesRow > .col-8 {
	margin-top: 46px;
}

.sidenav + .col-5 {
	/*padding: 10px 20px;*/
}

header nav {
	position: relative;
	width: 100%;
}


header nav a {
	display: inline-block;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	padding-bottom: 15px;
}

header nav ul a:link {
	padding-bottom: 0;
	text-transform: none;
	font-size: 18px;
	color: #111;
	text-decoration: underline;
}

header nav ul ul a:link {
	font-size: 17px;
}
header nav ul a:hover {
	padding-bottom: 0;
	text-transform: none;
	font-size: 18px;
	color: #705500;
	text-decoration: underline;
}

header nav .mastsearch {
	position: relative;
	text-align: left;
}

header nav .mastsearch input:nth-of-type(1) {
	width: 125px;
}
header nav .mastsearch input:nth-of-type(2) {
	position: absolute;
	margin-left: -2px;
	margin-top: -6px;
}

.dropdown {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 94%;
	width: 1072px;
	margin-left: -312px;
	padding: 3%;
	left: 0;
	top: 34px;
	background: #fff;
	border: 1px solid #ddd;
	border-top: 0;
	-webkit-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.3); 
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.3);
}
.dropdown.active {
	display: block;
}

.dropdown .iesRow {
	position: relative;
}

.dropdown .col-1 {
	border-left: 1px solid #ddd;
}

div.dropdown div.col-1:first-of-type  {
	border: 0;
}

.dropdown .iesRow ul {
	margin-bottom: 0;
}

.contentContainer {
  /*position: relative;*/
  display: block;
  padding: 15px 15px 0 15px;
  background-color: white;
  z-index: 1;
}

main div:nth-of-type(1).contentContainer {
	-webkit-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.3); 
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.3);
}
.content {
	max-width: 1100px;
	margin: 0 auto;
}



main.datatables .content {
	max-width: inherit;
}

main.datatables header {
	max-width: 1100px;
	margin: 0 auto;
}

.content h2:nth-of-type(n+2) {
	margin-top: 20px;
}

.content:first-of-type{ 
	padding-top: 50px;
}

 .content .sidenav ul ul{
  list-style: none; 
}

.content .sidenav ul ul li::before,  main div:nth-of-type(3).contentContainer .content .col-5 ul li:before {
	content: "\25AA";
	color: #946a00;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}

.content p, .content li {
	font-size: 15px;
	line-height: 1.6em;
}

.content p.figuretitle a[id] {
	font-weight: bold;
	color: #6B4D00;
}
.content .pullquote {
	background: #222222;
	margin: -100px -20px 20px -40px;
	padding: 1px 20px 5px 20px;
	border-left: 20px solid #ecaa00;
	color: #fff;
	
	
	
	margin: -50px -20px 20px -40px;
}

.content .pullquote.hp {
	margin: -200px 30% 20px 10%;
	position: relative;
	left: -20px;
	width: 60%;
	padding: 1px 20px 5px 20px;
	
}

.content h1 {
	
}

.content .pullquote h1 {
	font-weight: 700;
	margin-top: 15px;
	color: #fff;
	font-size: 26px;
}

.content .pullquote p {
	font-size: 18px;
	color: #fff;
}

.content .pullquote a {
	color: #fff;
}

.content .sourcennotes p, .content .footnotes p {
	font-size: 13px;
	line-height: 15px;
}

.content img.figureImg, p.figuretitle img:last-of-type {
	border: 1px solid #ccc;
	width: 96%;
	padding: 2%;
}
/*
.parallaxContainer {
	margin: 0;
	padding: 0;
	display: flex;
	flex: 1 0 auto;
	position: relative;
	z-index: -1;
	top: -25vh;
	height: 50vh;
	min-height: 500px;
	justify-content: center;
	align-items: center;
	transform: translateZ(-1px) scale(2.01);
	background-color: rgb(250,228, 216);
	background-size: cover;
	background-position: center;
}*/

.parallaxContainer {
	margin: 0;
	padding: 0;
	height: 200px;
}


.index .parallaxContainer {
	margin: 0;
	padding: 0;
	display: flex;
	flex: 1 0 auto;
	position: relative;
	z-index: -1;
	height: 50vh;
	min-height: 500px;
	background-color: rgb(250,228, 216);
	background-size: cover;
	background-position: center;
	/*justify-content: center;
	top: -25vh;
	align-items: center;
	transform: translateZ(-1px) scale(2.01);*/
}

.yearInfo  {
	max-width: 1100px;
	margin: 0 auto;
}

 .yearInfo .yearBanner  {
	width: inherit;
	padding: 10px 20px;
	margin-bottom: 7px;
	background: #ecaa00;
	color: #000;
	font-weight: 600;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.6); 
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.6);
	width: 585px;
	position: absolute;
	z-index: 100;
}

.yearInfo .yearBanner a {
	color: #000;
}

.contentContainer .content .yearInfo .yearBanner a { color: #000; text-decoration: none;}
.contentContainer .content .yearInfo .yearBanner a:hover { text-decoration: underline; }


main.datatables .parallaxContainer, main.datatables .yearBanner, main.datalist .parallaxContainer { display: none; }
main.datalist .parallaxContainer + .contentContainer  { margin-top: 0; }


/*
.parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/homepage_banner.jpg"); }
.index .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/homepage_banner.jpg"); }
.covid .parallaxContainer {	background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/banner_3.jpg"); }
.food .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/banner_5.jpg"); }
.housing .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/banner_1.jpg"); }
.pandemiccare .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/banner_7.jpg"); }
.schools .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/banner_2.jpg"); }
.summer .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/banner_4.jpg"); }
.mortality .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/banner_6.jpg"); }
.substance .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/americaschildren/images/banner_8.jpg"); }
*/


.index .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/images/2023/homepage_banner.jpg"); }
.index.CSIndex .parallaxContainer { background-image: url("/National_Library/oe_/http://www.childstats.gov/images/homepage_banner.jpg"); }

.parallaxContainer + .contentContainer {
	margin-top: -15vh;
	/*-webkit-box-shadow: 0px -5px 5px -2px rgba(0,0,0,0.2); 
	box-shadow: 0px -5px 5px -2px rgba(0,0,0,0.2);*/
}


.index .parallaxContainer + .contentContainer {
	-webkit-box-shadow: 0px -5px 5px -2px rgba(0,0,0,0.2); 
	box-shadow: 0px -5px 5px -2px rgba(0,0,0,0.2);
}

main.datatables .parallaxContainer + .contentContainer {
	margin-top: 0;
}

main.datatables div:nth-of-type(1).contentContainer  {	
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

a.datatables {
	display: inline-block;
	margin: 10px auto;
}
.logo { 
	font-family: Montserrat, Arial, sans-serif;
	text-align: center;
	font-size: 15px;
	min-width: 287px;
}

.sidenav .logo {
	width: 225px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	min-width: 225px;
	font-size: 12px;
	border-bottom: 1px solid #333;
	display: none;
}

.sidenav .logo.show {
	display: block;
}
.sidenav .logo img {
	width: 225px;
}
.logo a, .sidenav .logo a  {
	text-decoration: none;
	color: #000;
}

.logo a:hover {
	color: #000;
}

.logo img { 
	width: 100%;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; 
}

.sidenav  {
	font-size: 15px;
	line-height: 20px;
	margin-top: -40px;
}

.sidenav nav ul {
	padding: 0;
	list-style-type: none;
}

.sidenav nav ul li {
	margin-bottom: 7px;
	line-height: 20px;
}
.sidenav nav ul ul li {
	margin-bottom: 3px;
}

.sidenav nav ul a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

.sidenav nav ul a:hover {
	text-decoration: underline;
}

.sidenav nav ul ul {
	list-style-type: square;
	padding: 0px 0 0px 20px;
	font-size: 14px;	
	color: #8F6600;
}



.sidenav  nav.open ul ul {
	color: #333;
}
/* color: #ecaa00; */
.sidenav ul li.active ul, .sidenav nav ul ul{
	display: block;

}
.sidenav nav ul ul a{ 
	font-weight: normal;
}

.sidenav nav ul ul a:hover { 
	color: #946a00;
	font-weight: normal;
}
/*
.hpTable .iesRow {
	margin-bottom: 20px;
}*/

.hpTable .col-1 {
	position: static;
}

.hpTable .col-1 img {
	width: 100%;
	/*
	display: none;*/
}
/*
.hpTable .col-1 img.fullReport {
	display: inline;
	height: 148px;
}*/

.hpTable a.col-1 {
	text-decoration: none;
	width: 96%;
	margin: 0 2%;
	-webkit-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.3); 
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.3);
	
	/*
	display: block;
	height: 148px;
	background: #222;*/
}
/*
.hpTable a.col-1:hover {
	background: #ecaa00;
}*/



.hpTable a.col-1:hover span {
	text-decoration: underline;
}

.hpTable a.col-1 img + span {
	font-size: 14px;
	padding: 5px;
	background: #fff;
	position: relative;
	top: -28px;
	color: #333;
}

.hpTable a.col-1 img + span:after {
	content: url("/National_Library/oe_/http://www.childstats.gov/images/hp_tableArrow.png");
	margin-left: 5px;
}


.hpTable a.more {
	position:relative;
}

.hpTable a.more:hover span {
	text-decoration: underline;
}

.hpTable a.col-1.more span {
	display: block;
	position: absolute;
	
	bottom: 25%;
	right: 6%;
	padding: 5%;
	width: 50%;
	font-size: 18px;
	color: #000;
	background: #ecaa00;
	font-weight: bold;
	
	/*top: 80px;
	right: 15px;
	width: 50%;
	height: 45px;
	font-size: 18px;
	background: #ecaa00;
	font-weight: bold;*/
}

p.more { margin-bottom: 20px; }

p.more a {
	display: inline-block;
	padding: 10px;
	font-size: 18px;
	color: #000;
	background: #ecaa00;
	font-weight: bold;
	text-decoration: none;
	
	/*top: 80px;
	right: 15px;
	width: 50%;
	height: 45px;
	font-size: 18px;
	background: #ecaa00;
	font-weight: bold;*/
}
p.more a:hover {
	text-decoration: underline;
}

.hpTable a.more span:after, p.more a:after {
	content: url("/National_Library/oe_/http://www.childstats.gov/images/hp_tableArrowBlack.png");
	margin-left: 10px;
}

.hpTable.icon a.col-1 {
	background: #8b6400;
	background: #8b8b8b;	
	border-radius: 20px;
	padding: 20px 40px;
	margin: 20px;
	position: relative;
	width: 98%;
	margin: 10px 1%;
	-webkit-animation: out .2s alternate ease-out forwards;
	-moz-animation: out .2s alternate ease-out forwards;
    animation: out .2s alternate ease-out forwards;
	overflow: hidden;
	
}


.hpTable.photos.icon a.col-1 {
	padding: 0;
	
}

.hpTable.icon a.col-1:hover {
	background: #8b6400;	
	-webkit-animation: in .2s alternate ease-out forwards;
	 -moz-animation: in .2s alternate ease-out forwards;
    animation: in .2s alternate ease-out forwards;
}


@-webkit-keyframes in {
    0%    { -webkit-transform: translateY(0px); }
    100% { -webkit-transform: translateY(-10px);}
}

@-webkit-keyframes out {
    0%   { -webkit-transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0px); }
}


.hpTable.icon a.col-1.more:hover {
	background: none;	
}
.hpTable.icon a.col-1.more {
	background: none;
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); 
	box-shadow: 0 0 0 0 rgba(0,0,0,0); 
}

.hpTable .col-1 {
	text-align: center;
}

.hpTable .col-1 img {
	width: 100px;
	display: inline-block;
	margin: 0 auto 30px auto;
}


.hpTable.photos .col-1 img {
	width: 100%;
	display: inline-block;
	margin: 0 auto 0 auto;
}

.hpTable.icon a.col-1 img + span {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px;
	background: #fff;
	position: absolute;
	top:  125px;
	left: 0;
	border-bottom: 3px solid #ecaa00;
	
	
	/*
	position: relative;
	top: 110px;*/
}


.hpTable.icon.wide a.col-1 img + span {
	width: inherit;
	font-size: 13px;
	padding: 5px 5px;
	background: #fff;
	position: absolute;
	top:  80px;
	left: 0;
	border-bottom: 3px solid #ecaa00;
	color: #444;
	
	/*
	position: relative;
	top: 110px;*/
}

.hpTable.icon.wide a.col-1.twoline img + span {
	top:  72px;
}


.iconWide ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
}


.iconWide a{
	background: rgb(195,195,195);
	background: linear-gradient(0deg, rgba(195,195,195,1) 0%, rgba(233,233,233,1) 35%, rgba(233,233,233,1) 100%);
	border: 2px solid #e9e9e9;
	border-radius: 20px;
	padding: 20px 20px 20px 70px;
	margin: 0 0 20px 0;
	display: block;
	text-decoration: none;
	-webkit-animation: out .2s alternate ease-out forwards;
	-moz-animation: out .2s alternate ease-out forwards;
    animation: out .2s alternate ease-out forwards;
	
}

.iconWide h3:after {
	content: url("/National_Library/oe_/http://www.childstats.gov/images/hp_tableArrow.png");
	margin-left: 5px;
}

.iconWide p {
	color: #000;
	line-height: 1.3em;
}

.iconWide a:hover {
	background: rgb(195,195,195);
	background: linear-gradient(0deg, rgba(195,195,195,1) 0%, rgba(239,239,239,1) 35%, rgba(239,239,239,1) 100%);
	-webkit-animation: in .2s alternate ease-out forwards;
	 -moz-animation: in .2s alternate ease-out forwards;
    animation: in .2s alternate ease-out forwards;
}

.iconWide a img {
	height: 50px;
	position: absolute;
	margin-left: -60px;
}

.iconWide a.more {
	border-color: #ff9900;
	padding-left: 20px;
	background: rgb(204,123,3);
	background: linear-gradient(0deg, rgba(204,123,3,1) 0%, rgba(204,123,3,1) 30%, rgba(255,153,0,1) 100%);
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.iconWide a.more:hover {
	border-color: #ffc064;
	background: rgb(204,123,3);
	background: linear-gradient(0deg, rgba(204,123,3,1) 0%, rgba(204,123,3,1) 30%, rgba(255,192,100,1) 100%);
}


.agencycont img {
	cursor: pointer;
}

.footer {
	width: 100%;
	margin: 25px 0 0 0;
	padding: 15px 0;
	border-top: 1px solid #333;
	text-align: left;
	background: #333;
	color: #fff;
}

.footer a{
	color: #fff;
}

.footer p {
	color: #fff;
}
.footer a:hover { text-decoration: underline; }

.footer img.socialLogo {
	width: 20px;
	position: relative;
	top: 5px;
	left: 5px;
}

.footer .content {
	padding-top: 20px;
}

.footer .content ul {
	padding-left: 0;
}

.footer .content ul li::before {
	content: none;
}

@media screen and (max-width: 1130px) {
	header nav .iesRow > div {
		width: 98%;
		padding: 1%;
		text-align: center;
	}
	header nav a {
		font-size: 14px;
	}
	 nav .mastsearch input:nth-of-type(1) {
		margin-top: -3px;
		width: 105px;
	}
	header nav .mastsearch input:nth-of-type(2) {
		position: absolute;
		
		margin-left: -2px;
		margin-top: -14px;
	}
	.yearInfo  {
		padding-left: 20px;
	}
}

@media screen and (max-width: 1101px) { 
	.MainContent.newWidth, .MainContent.wideBody, .MainContent { width: 95%; margin-left:0 auto; margin-right: auto; }
	.MainContent, .siteContent .MainContent { width: 95%; }
	
	.masthead .iesRow.mastNav a, .masthead .iesRow.mastNav a:visited {
		display: inline-block;
		padding: 10px 0;
		margin-right: 20px;
		position: relative;
		top: 2px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		font-family: Montserrat, Arial, sans-serif;
	}
		
	
	
}

@media screen and (max-width: 990px) {
	
	.hpTable.icon a.col-1 {
		    flex: 1 1 25%;
	}
	
	div.contentContainer {
	}
	
	div.contentContainer .content {
		width: 65%;
		margin: 0 auto;
	}

	header nav .mastsearch {
		border-top: 1px solid #666;
		padding-top: 30px;
	}

	header nav .mastsearch input:nth-of-type(1) {
		position: relative;
		top: -8px;
		width: 300px;
		font-size: 20px;
	}
	header nav .mastsearch input:nth-of-type(2) {
		position: absolute;
		margin-left: -2px;
		margin-top: -12px;
	}

	
	.sidenav + .col-5 {
		padding: 10px 20px;
	}
		
	.sidenav .logo.show {
		display: none;
	}
	
	
	header nav .navBlock .dropdown{
		display: block;
		width: auto;
		background: none;
		margin-left: 0;
		box-shadow: none;
		border: 0px;
	}
	
	header nav .navBlock .iesRow ul {
		display: block;
		background: none;
	}
	
	
	.iesRow > div.sidenav {
		position: sticky;
		left: 0;
		/*height: 100%;*/
		width: 40px;
		margin: 0;
	}
	
	
	.iesRow .sidenav nav {
		width: 50px;
		background: #ecaa00;
		top: 20px;
		border-radius: 0 5px 5px 0;
		position: fixed;
		top: 270px;
		left: 0px;
	}
	.index .iesRow .sidenav nav {
		top: 570px;
	}
	
	.iesRow .sidenav nav.open {
		background: #ecaa00;
		top: 0;
		width: auto;
		height: 100%;
		border: 0;
		margin: 0;
	}
	
	.iesRow .sidenav nav .iesMobileNavToggle {
		visibility: collapse;
		padding-bottom: 0;
		position: sticky;
		left: 0px;
	}
	
	.iesRow .sidenav nav .iesMobileNavToggle span.hamburger {
		visibility: visible;
	}
	
		

	.hamburger {
		float: right;
		position: relative;
		top: 2px;
		display: inline-block;
		width: 20px;
		height: 10px;
		margin-right: 0.3em;
		border-top: 4px solid #000;
		border-bottom: 4px solid #000;
	}
	
	.sidenav .open .hamburger {
		margin-right: 25px;
	}
	.hamburger:before {
		content: "";
		position: absolute;
		top: 3px;
		left: 0px;
		width: 100%;
		border-top: 4px solid #000;
	}
		
	
	.iesRow .sidenav nav .iesMobileNavToggle {
		top: 50px;
		display: block;
		font-size: 12px;
		padding: 5px;
		padding: 10px 12px 0 18px;
		width: 20px;
	}
	
	main.hide { background: #ecaa00; }
	
	main.hide .parallaxContainer + .contentContainer { margin-top: 0; padding: 0;}
	main.hide .parallaxContainer + .contentContainer .content { padding-top: 0; width: 100%; margin: 0;
	 padding: 0; }
	main.hide .parallaxContainer { display: none; }
	main.hide .yearInfo { display: none; }
	main.hide header { display: none; }
	main.hide .contentContainer:nth-of-type(1) { display: none; }
	main.hide .sidenav + .col-5 { display: none; }
	main.hide .contentContainer.footer { display: none; }
	
	.hide .iesRow {
		margin: 0;
		padding: 0;
		width: 99.5%;
	}
	
	
	.hide .iesRow > nav, .hide .iesRow > div, .hide .iesRow > section, .hide .iesRow > aside, .hide .iesRow > article, .hide .iesRow > main   { padding: 0; width: 100%;  }
	
	.hide .iesRow > div.sidenav {
		
		width: 100%;
		margin: 0;
		border-collapse: collapse;
	}
	
	
	.hide .iesRow .sidenav nav {
		width: 50px;
		background: #ecaa00;
		top: 20px;
		border-radius: 0;
	}
	
	
	
	
	.hide .hamburger+span.navText {
		position: absolute;
		left: -999em;
	}
		
	
	.iesRow .sidenav nav.open {
		display: block;
		width: 96%;
		height: 100vh;
		border: 0;
		top: 0;
		padding-bottom: 0;
		padding-top: 0;
		padding: 0 2%;
		position: relative;
		
	}
	
	.hide .iesRow .sidenav nav.open .iesMobileNavToggle {
		position: sticky;
		z-index: 10000;
		display: block;
		font-size: 12px;
		padding: 5px;
		margin-left: 95%;
		top: 0;
		width: 18px;
	}
	
	
	.hide .sidenav .open .hamburger {
		margin-right: 20px;
		margin-top: 20px;

	}
	
	.iesRow .sidenav nav.open ul {
		left: inherit;
		padding-top: 10px;
	}
		
		
	.content:first-of-type {
		padding-top: 10px;
	}
	.logo  {
		text-align: center;
	}
	
	.logo a img {
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	.yearInfo {
		/*padding-left: 0px;*/
		
	}
	.yearInfo .yearBanner {
		position: static;
		padding: 10px 20px;
		background: #ecaa00;
		color: #000;
		font-weight: 600;
		border-radius: 0 0 10px 10px;
		-webkit-box-shadow: 0px 5px 5px -2px rgb(0 0 0 / 60%);
		box-shadow: 0px 5px 5px -2px rgb(0 0 0 / 60%);
		width: 70%;
		margin: 0 auto 27px auto;
	}
	
	.parallaxContainer {
		height: 200px;
	}
	
	.index .parallaxContainer {
		margin: -100px 0 0 0;
		box-shadow: inset 0 15px 15px 0 rgb(0 0 0 / 40%);
	}
	
	#homeBottom  .whatsNew, #homeBottom .fastFacts, #homeBottom .twitter {
		float: none;
		width: 96%;
		margin: 0;
		padding: 0;
	}

	#homeBottom .whatsNew img {
		width: 96%;
	}

	
	
	img.mastheadImg {
		display: none;
	}
	div.narrow, .MainContent > div.narrow  { width: 100%; } 
		.iesRow { 
			flex-wrap: wrap; 
			flex-direction: column;
			margin: 0;
		}
		
		.iesRow h1, .iesRow h2 { 
			line-height: 1.4em;
		}
		.iesRow > .col-3 { flex: 1 1 0%; }
		/*.iesRow > nav, .iesRow > div, .iesRow > section, .iesRow > aside, .iesRow > article, .iesRow > main  {  width: 96%; margin-left: 2%; margin-right: 2%; padding: 0;}*/
		/*.iesRow p {
			padding: 0 20px;
		}		*/
		
		
		header.iesRow nav {
			padding: 2%;
			margin: 0 0 50px 0;
			width: 96%;
			border-radius: 5px;
			background: #f1f1f1;
		}
		
		header nav a {
			font-size: 20px;
		}
		
		.iesRow > nav > a.iesMobileNavToggle {
			display: block;
			margin: 0 5px;
			color: #084782;
			font-family: Montserrat, Arial, sans-serif;
			text-decoration: none;
			font-weight: bold;
		}
		
		
		main div:nth-of-type(1).contentContainer, .index .parallaxContainer + .contentContainer {
			-webkit-box-shadow: none; 
			box-shadow: none;
			border-bottom: 1px solid #999;
		}

		
		.iesRow nav .iesRow { 
			position: absolute;
			left: -99999em;
		}
		
		.iesRow nav.open .iesRow {
			position: static;
			left: 0;
		}
		
		.iesRow nav.open .dropdown {
			display: block;
			position: static;
			margin-bottom: 20px;
		}
		header nav .iesRow > div {
			width: 98%;
			margin: 0;
			padding: 0 1%;
		}
		
		.dropdown .col-1 {
			border: 0;
		}
		
		.publication .iesRow nav {
			margin: 10px 2% 0 2%;
			padding: 0;
		}
			
		.iesRow nav ul {
			position: absolute;
			top: -999em;
			padding: 0px;
			background: #ecaa00;
		}
		.iesRow nav.open ul {
			position: static;
			display: block;
			width: 100%;
		}
		
		header nav .mastsearch {
			text-align: center;
			top: 9px;
		}
			
		.iesRow nav .iesMobileNavToggle {
			display: block;
			font-size: 16px;
			padding: 10px;
		}
		
		.iesRow nav.open .iesMobileNavToggle { 
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px solid #999;
		}
		
		.hpTable .iesRow {
			flex-wrap: wrap;
			flex-direction: row;
			margin: 0;
		}
		
		.hpTable.icon.photos a.col-1 img + span, .hpTable.icon.wide.photos a.col-1 img + span {
			position: absolute;
			top: 95%;
			width: 100%;
			margin-top: -2.8em;
		}
		
		
		.hpTable.icon.photos a.col-1 img + span br, .hpTable.icon.wide.photos a.col-1 img + span br { display: none; }
		
}

@media screen and (max-width: 800px) {

		
		
	.hpTable .iesRow {
		flex-wrap: wrap;
		/*flex-direction: column;*/
		margin: 0;
	}	
	
	
	
	div.contentContainer .content {
		width: 92%;
		margin: 0 auto;
	}
	
	header.iesRow {
		padding-bottom: 30px;
	}
	
	.iesRow nav.open > div.iesRow {
		padding-bottom: 30px;
	}
	
	.index .parallaxContainer {
		/*margin: 0;
		padding: 0;
		display: flex;
		flex: 1 0 auto;
		position: relative;
		z-index: -1;
		top: -25vh;
		height: 30vh;
		min-height: 300px;
		justify-content: center;
		align-items: center;
		transform: translateZ(-1px) translateX(-300px) scale(3.51);
		background-color: rgb(250,228, 216);
		background-size: cover;
		background-position: center;*/
	}
	
	.content .pullquote {
		    margin: -50px -0px 20px -10px;
	}
	.hpTable.icon a.col-1{
		padding-left: 0;
		padding-right: 0;
		flex: 1 1 auto;
		width: 45%;
	}
	

	
	.acmenu a:link, .acmenu a:visited, nav a:link, nav a:visited {
		text-decoration: underline;
	}
	header nav .mastsearch input[type=text] {
		width: 80%;
		margin-left: -10%;
	}
	
	.hpTable.icon a.col-1.more {
		padding-top: 100px;
	}

	.iesRow > .col-1.sidenav {
		/*position: sticky;*/
		position: fixed;
		left: 0;
		width: 40px;
		margin-left: -2%;
	}
	
	.iesRow .sidenav nav .iesMobileNavToggle {
        top: 50px;
        display: block;
        font-size: 12px;
        padding: 4px 6px;
        width: 20px;
	}
	
	
	
	 .iesRow .sidenav nav {
		width: 25px;
		height: 30px;
		border: 2px solid #fff;
		border-left: 0;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
		position: sticky;
		left: 0;
		top: 50px;
	}
	

	/*
	.iesRow .sidenav nav .iesMobileNavToggle {
		top: 50px;
		display: block;
		font-size: 12px;
		padding: 5px;
		margin-left: 4px;
		width: 18px;
	}
	
	
	.iesRow .sidenav nav.open {
		display: block;
		width: 100%;
		height: 100vh;
		border: 0;
		top: 0;
		position: relative;
		padding-bottom: 0;
		padding-top: 0;
		
	}
	
	.iesRow .sidenav nav.open .iesMobileNavToggle {
		position: absolute;
		z-index: 10000;
		display: block;
		font-size: 12px;
		padding: 5px;
		margin-left: 0;
		width: 18px;
	}
	
	.iesRow .sidenav nav.open ul {
		padding-top: 10px;
	}*/
	
	
	main.hide .yearBanner { display: none; }
	
	main.hide div.contentContainer:nth-of-type(1) {
		display: none;
	}
	main.hide div.contentContainer:nth-of-type(2n) .content > .iesRow > div:nth-of-type(2) {
		display: none;
	}
	
	
	main.hide .iesRow > div.sidenav {
			height: auto;
	}
	main.hide div.contentContainer.footer{
		display: none;
	}
}



@media print {
	.dontPrintMe{display: none;}
	.tbodyOff{display: block;}
} 
