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

/* ------------------------------------ */
/* GLOBAL SITE FOOTER */
/* ------------------------------------ */

/* ------------------------------------
Connect Tools
--------------------------------------*/
#footer-connect-tools {
	background:#e3e3e3 url('/National_Library/20160526010038oe_/http://www.ushmm.org/a/i/homepage/concrete.png') repeat;
	padding:3.5em 0 2em;
}
#footer-connect-tools h2 {
	text-align:center;
	font-family: 'Mercury SSm A', 'Mercury SSm B', Palatino, 'Palatino Linotype', Georgia, serif;
	font-size:2em;
	margin:0 0 1em 0;
	text-transform:none;
}
#footer-connect-tools ul {
	text-align:center;
	margin:0 auto 3em;
	padding-left:0 !important;
}
#footer-connect-tools li {
	display:inline-block;
	list-style:none;
	text-align:center;
	width:65px;
	padding:0 5px;
	margin:0.2em;
	vertical-align:top;
}
#footer-connect-tools span {
	display:block;
	margin:0 auto 5px;
}
#footer-connect-tools li a {
	display:inline-block;
	width:55px;
	height:55px;
	background:rgba(255,255,255,0.7);
	color:#aaa;
	font-size:2em !important;
	line-height:0;
	padding:0.4em 0 0 0;
	text-align:center;
	vertical-align:center;
	transition:all 300ms;
}
#footer-connect-tools li.app a {
	font-size:3em !important;
	padding-top:0.1em !important;
}
#footer-connect-tools li a:hover {
	background:rgba(255,255,255,1.0);
}
#footer-connect-tools li span {
	font-size:0.65em;
	text-transform:uppercase;
	color:#666;
	line-height:0.99em;
	display:block;
	margin-top:5px;
}
/* color-coding for social tools hover states */
#footer-connect-tools span:first-child li:nth-child(1) a:hover {
	color:#121212;
}
#footer-connect-tools span:first-child li:nth-child(2) a:hover {
	color:#425E9C;
}
#footer-connect-tools span:first-child li:nth-child(3) a:hover {
	color:#55ACEE;
}
#footer-connect-tools span:first-child li:nth-child(4) a:hover {
	color:#DD4B39;
}
#footer-connect-tools span:last-child li:nth-child(1) a:hover {
	color:#DE2C28;
}
#footer-connect-tools span:last-child li:nth-child(2) a:hover {
	color:#48769C;
}
#footer-connect-tools span:last-child li:nth-child(3) a:hover {
	color:#BD081C;
}
#footer-connect-tools span:last-child li:nth-child(4) a:hover {
	color:#FCA128;
}


/* ------------------------------------
Footer
--------------------------------------*/
#main-footer {
	background:#333;
	padding:2em 0 3em;
}
#main-footer img#site-logo-footer {
	width:70%;
	max-width:280px;
	margin:1em auto 20px;
	opacity:1.0;
	transition:all 400ms;
	display:block;
}
#main-footer img#site-logo-footer:hover {
	opacity:1.0;
}
footer#main-footer {
	color:#999;
}
#main-footer .footer-links ul {
	margin:2em 0;
	padding:1em 0 0 0;
	border-top:1px solid #ccc;
}
#main-footer .footer-links li {
	display:inline-block;
	list-style:none;
	font-size:0.75em;
	margin:0;
	padding-right:2em;
}
#main-footer .footer-links li a:hover {
	color:#fff;
}
footer#main-footer p {
	font-size:0.8em;
}
#main-footer .footer-menu-links a {
	display:block;
	line-height:1.15em;
	margin-bottom:9px;
	font-size:0.85em !important;
	color:#999;
}
#main-footer .footer-menu-links a:hover {
	color: #337ab7;
}
#main-footer .footer-menu-links {
	width:auto;
	max-width:310px;
	margin:2em 55px 1em 0;
	/*float:left;*/
}

#main-footer .footer-menu-links-group {
	display:flex;
	flex-direction:column;
}

#main-footer a#footer-menu-button {
	background:#ddd;
	font-family:'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', 'Trebuchet MS', Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	width:80%;
	color:#333;
	text-shadow:1px 1px 0 #fff;
	border-radius:6px;
	font-size:1.1em;
	text-transform:uppercase;
	text-align:center;
	padding:0.5em 0 0.4em;
	margin:1em auto;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	border:1px solid #777;
}
#main-footer a#footer-menu-button:hover {
	background:#E67700;
	text-shadow:none;
	color:#fff;
}
/* footer email form */
#main-footer form {
	display:block;
	padding:1em 0 1em;
	border-bottom:1px solid #787878;
	border-top:1px solid #787878;
	margin:1.5em 0 0 0;
}
#main-footer form label {
	font-family: 'Mercury SSm A', 'Mercury SSm B', Palatino, 'Palatino Linotype', Georgia, serif;
	font-weight:normal;
	font-size:1.4em;
	display:block;
}
#main-footer form input[type="email"] {
	background:#fff;
	font-size:1.1em;
	color:#999;
	padding:6px 7px;
	border-radius:5px;
	border:1px solid #999 /*#82b5e0*/;
	width:290px;
	display:inline-block;
	font-weight:200;
	margin-bottom:7px;
}
#main-footer form input[type="email"]:focus,
#main-footer form input[type="postalCode"]:focus {
	color:#333;
}
#main-footer form input[type="postalCode"] {
	background:#fff;
	font-size:1.1em;
	color:#999;
	padding:6px 7px;
	border-radius:5px;
	border:1px solid #999;
	width:130px;
	display:inline-block;
	font-weight:200;
}
#main-footer form input[type="button"] {
	background:#E67700;
	color:#fff;
	font-family:'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', 'Trebuchet MS', Helvetica, sans-serif;
	font-size:1.25em;
	text-transform:uppercase;
	padding:3px 20px 2px;
	position:relative;
	top:-2px;
	width: auto;
	border-radius: 4px;
}

/* ------------------------------------
Responsive Adjustments
--------------------------------------*/
@media (max-width:425px) {
	#main-footer form input[type="submit"] {
		/*top:4px;*/
	}
}

@media (min-width:600px) {
	#main-footer .footer-menu-links-group {
		flex-direction:row;
	}
}

@media (min-width:660px) {
	/* homepage share tools */
	#footer-connect-tools span {
		display:inline;
	}
}

@media (min-width:768px) {
	/* footer */
	#main-footer img#site-logo-footer {
		margin:0 10px 15px 0;
	}
	#main-footer .footer-left-side {
		float:left;
		margin-right:20px;
	}
	#main-footer .social-footer {
		float:right;
	}
	#main-footer footer {
		text-align:left;
	}
	#main-footer .footer-menu-links-group {
		flex-direction:column;
	}
	#main-footer .footer-menu-links {
		width:auto;
		max-width:310px;
		margin:2em 45px 0.6em 0;
		float:left;
	}
	#main-footer a#footer-menu-button {
		margin-left:0;
	}
	/* footer email form */
	#main-footer form {
		display:block;
		padding:0 0 1em;
		border-bottom:1px solid #787878;
		border-top:none;
		margin:1.5em 0 0 310px;
	}
}

@media (min-width:850px) {
	#main-footer .footer-menu-links-group {
		flex-direction:row;
	}
}

@media (min-width:992px) {
	/* footer */
	#main-footer {
		background:#333 url('/National_Library/20160526010038oe_/http://www.ushmm.org/a/i/homepage/museum_bw_cutout.png') bottom right no-repeat;
		background-size:400px auto;
	}

	#main-footer .footer-menu-links {
		max-width:310px;
		margin:2em 55px 0.6em 0;
	}
	#main-footer .footer-menu-links a {
		margin-bottom:9px;
		font-size:0.8em !important;
	}
	#main-footer form input[type="postalCode"] {
		margin-left:2px;
	}
	#main-footer form input[type="submit"] {
		margin-left:8px;
	}

	/* homepage connect tools */
	#footer-connect-tools li {
		display:inline-block;
		list-style:none;
		text-align:center;
		width:85px;
		padding:0 5px;
		margin:0.2em;
	}
	#footer-connect-tools li a {
		display:inline-block;
		width:75px;
		height:75px;
		background:rgba(255,255,255,0.7);
		color:#aaa;
		font-size:2.75em !important;
		line-height:0;
		padding:0.4em 0 0 0;
		text-align:center;
		vertical-align:center;
		transition:all 300ms;
	}
	#footer-connect-tools li.app a {
		font-size:4em !important;
		padding-top:0.2em;
	}

	#main-footer .footer-menu-links a {
		margin-bottom: 10px;
		font-size: 0.8em !important;
		font-family: 'Mercury SSm A', 'Mercury SSm B', Palatino, 'Palatino Linotype', Georgia, serif;
	}

}