/*!
 * custom CSS for Gerald Ford Presidential Library & Museum Site
 */
  
 /* CSS links to selected FontAwesome Icons used */
 @font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.2em;
  line-height: 1.2em;
}
.fa-2x {
  font-size: 2em;
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-times:before {
  content: "\f00d";
}
.fa-times-circle:before {
  content: "\f057";
}
 /* v2: icons */
 .fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
  font-size: .85em;
}
.fa-quote-right:before {
  content: "\f10e";
  font-size: .85em;
}

/* marker icon - used for artifacts within museum gallery cases */
 .fa-map-marker:before {
  content: "\f041";
}

 /* CSS links to selected Bootsrap Glyph Icons used */
 @font-face {
	font-family: 'Glyphicons Halflings';
	src:url(../fonts/glyphicons-halflings-regular.eot);
	src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
	url(../fonts/glyphicons-halflings-regular.woff) format('woff'),
	url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),
	url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.glyphicon-home:before {
	content:"\e021"
}
.glyphicon-map-marker:before {
	content:"\e062"
}
.glyphicon-info-sign:before {
	content:"\e086"
}
.glyphicon-ok-circle:before {
	content:"\e089"
}
.glyphicon-shopping-cart:before {
	content:"\e116"
}

/* high-level overrides */
body {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #1E2B37;
  background-color: #F2F4F7;
}
a {
  color: #305281;
  text-decoration: none;
  -webkit-transition: .25s;
          transition: .25s;
  }
a:hover,
a:focus {
  color: #3A65A0;
  text-decoration: underline;
}
  
.container-fluid {
	margin: 0px;
	padding: 0px;
}
.section-gray {
  background-color: #D7D7D7;
	margin: 0px;
}
.section-light-blue {
  background-color: #E3E9FC;
	margin: 0px;
}
.section-lightblue-2 {
  background-color: #add8e6;
	margin: 0px;
}
.section-lightblue-3 {
  background-color: #D6E1E8;
	margin: 0px;
}
.navbar {
	border-radius: 0px;
}
.navbar-default {
	background-color: #E4E8EE;
	border-bottom: 2px solid #2e4e77;
	margin-bottom: 0px;
}
.navbar-nav > li > a {
    font-size: 1em;
    padding: 10px 15px;
}
.navbar-collapse {
	background-color: #E4E8EE;
	color: #2e4e77;
	padding: 0px;
	border-bottom: 2px solid #2e4e77;
}
#navbar-collapse-3 a {
	margin: 0px 0px 0px 10px;
	color: #305281;
}
#navbar-collapse-3 a:hover {
	color: #3D8EC4;
}
#navbar-collapse-3 a:active {
	color: #3D8EC4;
}
.dropdown-toggle .caret {
  margin-left: 4px;
  margin-right: 0px;
}
 
.nav-pills {
	margin-top: 30px;
	margin-bottom: 30px;
}
.bottom-menu-inverse {
	color: #BFC9D3;
	background-color: #2e4e77;
	padding: 20px 20px;
}
.bottom-menu-inverse a:hover {
	color: #8EB6D2;
}
.bottom-menu-iconic-list {
	font-size: 1em;
	font-weight: 500;
	line-height: 1.2;
}
.bottom-menu-iconic-list p {
	font-size: 1.2em;
	font-weight: 600;  
}
.footer-line {
	background-color: #bfc9d3;
	height: 2px;
	margin: 10px 40px 10px 0px;
	padding: 0px;
}

.text-darkblue {
	color: #2e4e77;
}
.text-primary {
  color: #1E2B37;
}
.text-warning {
  color: #955251;
}
.text-danger {
	color: #955251;
}
.text-info {
  color: #305281;
}
.text-new {
	color: #955251;
}

.btn {
  padding: 10px 15px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.4;
  border: none;
  border-radius: 4px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
}
.btn-xs {
  padding: 5px 10px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.2;
}
.btn:hover,
.btn:focus {
  color: #fff;
  outline: none;
}
.btn:active,
.btn.active {
  outline: none;
  box-shadow: none;
}
.btn:focus:active {
  outline: none;
}
.btn-default {
  color: #fff;
  background-color: #bdc3c7;
}
.btn-default:hover,
.btn-default.hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #cacfd2;
  border-color: #cacfd2;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background: #a1a6a9;
  border-color: #a1a6a9;
}
.btn-primary {
  color: #fff;
  background-color: #2E4E77;
}
.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #305281;
  border-color: #305281;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background: #5dade2;
  border-color: #5dade2;
}
.btn-info {
  color: #fff;
  background-color: #305281;
}
.btn-info:hover,
.btn-info.hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #3F6DAC;
  border-color: #3F6DAC;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background: #2c81ba;
  border-color: #2c81ba;
}

.btn-link {
  color: #305281;
  font-size: 1.02em;
  font-weight: normal;
  text-decoration: none;
}
.btn-link:hover,
.btn-link:focus {
  text-decoration: underline;
}

.dropdown > .dropdown-menu  {
	margin: 5px;
	background-color: #e4e8ee;
}
.dropdown > .dropdown-menu a {
	margin: 0px;
	padding: 5px;
	color: #305281;
	background-color: #e4e8ee;
	border-bottom: 1px solid #fAfbff; 
}
.btn-group > .dropdown-menu  {
	margin: 5px;
	background-color: #dde7ed;
}
.btn-group > .dropdown-menu a {
	margin: 0px;
	padding: 5px;
	color: #305281;
	border-bottom: 1px solid #FAFBFF; 
}
.btn-group > .dropdown-menu a:hover {
	background-color: #2e4e77;
	color: #FAFBFF;
}

/* Ford Site Banner */
.ford-banner {
	color: #E4E8EE;
	background-color: #2e4e77;
	margin: 0;
	padding: 0 0 5px 0;
}
.ford-banner > .row {
    margin-bottom: 0;
}
.ford-banner img {
	display: none;
}
.ford-logo-title {
	color: #fafbff;
	display: inline-block;
	margin: 10px 0px 10px 10px;
	padding: 0px;
	vertical-align: middle;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.9em;
	font-weight: 600;
	line-height: 1.1;
}
.ford-logo-title small {
	font-size: 60%;
	font-weight: 500;
}
.ford-banner a {
  color: inherit;
 }
.active .ford-banner a,
.ford-banner a:hover,
.ford-banner a:focus {
  color: #A6C6DC;
  text-decoration: none;
 }
 
/* ghost buttons for Ford Banner */
.ford-banner-btn {
	color: #E2E9ED;
	background: #2e4e77;
	border: 2px solid #E2E9ED;
	border-radius: 8px;
	display: inline-block;
	padding: 1px 10px 1px 10px;
	text-align: center;
	letter-spacing: 1px;
	font-size: .9em;
	font-weight: 600;
	outline: none;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ford-banner-btn:hover, 
.ford-banner-btn:active {
	background: #A6C6DC;
	border: 2px solid #A6C6DC;
	color: #2e4e77;
}

.museum-page .museum-button {
	background: #A6C6DC;
	border: 2px solid #A6C6DC;
	color: #2e4e77;
}
.library-page .library-button {
	background: #A6C6DC;
	border: 2px solid #A6C6DC;
	color: #2e4e77;
}

@media (min-width: 767px) {
    .ford-banner {
		padding: 0;
    }
	.ford-logo-title {
		margin: 0px;
		padding: 7px 0px 7px 15px;
   }
   .ford-banner img {
		display: inline-block;
		padding: 0px 0px 0px 0px;
		border: 2px solid #2e4e77; 
   }
}

/* CSS for handling the banner bar for museum and library closure messaging */
.museum-closed-home, .library-closed-home {
	margin: 0px 0px 25px 20px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	color: #064a78;
	font-size: .9em;
	font-weight: 500;
}
.museum-closed, .library-closed {
    margin: 0px 0px 20px 0px;
	background-color: #955251;
    color: #fff;
    font-size: 1.1em;
	font-weight: 600;
    padding: 10px 0px;
    text-align: center;
}

 
/* Top Banner */
.top-banner {
  margin: 40px 40px 20px 40px;
}

/* Carousel customization */
.carousel {
	margin: 10px 0px 40px 0px;
	padding: 0px;
	max-width: 100%;
}
.carousel .item {
	width: 100%; /*slider width*/
	max-height: 520px; /*slider height*/
	background-color: #3F4148;
}
.carousel .item img {
    width: 100%; /*img width*/
}
.carousel-control.left {
	left: 25px;
	text-indent: -3px;
}
.carousel-control.right {
	right: 25px;
	left: auto;
}
.carousel-indicators { 
	bottom: -22px; 
	left: 0; 
	right: 0; 
	top: auto; 
	width: 100%;
}
.carousel-indicators li {
	width: 8px;
	height: 8px;
	margin: 0 0 0 12px;
	vertical-align: top;
	background-color: #2c3e50;
	background-color: rgba(44, 62, 80, .5);
	border: none;
}
.carousel-indicators li.active {
	width: 8px;
	height: 8px;
	margin: 0 0 0 12px;
	background-color: #1ABC9C;
  }
.carousel-caption {
	margin-bottom: 0px;
	height: 30px;
}
.carousel-caption p {
	margin-top: -5px;
	padding: 0px 10px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.1;
	font-weight: 600;
	color: #F2F4F7;
	text-align: center;
}

/* education center carousel only */
.carousel-caption p small {
	font-size: .85em;
	line-height: 1;
}
@media (min-width: 767px) {
	.carousel-caption p {
		font-size: 1.2em;
    }
}
	
/* Thumbnail Content */
.thumbnail {
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.thumbnail .caption {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.thumbnail .caption h6 {
	font-size: 20px;
	color: #888888;
	margin-top: 5px;
	margin-bottom: 5px;
}
.thumbnail .caption p {
	font-size: 14px;
	font-weight: normal;
	color: #222222;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Jumbotron for Museum */
.jumbotron {
	margin: 0px;
	height: 300px;
	background-image: url("../img/museum-1200-300.jpg");
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 40% 40%;
}
.jumbotron h1 {
	margin: 10px 40px 40px 40px;
	font-size: 40px;
	font-weight: 800;
	color: #fff;
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.jumbotron p {
	font-size: 24px;
	font-weight: normal;
	color: #999;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
}
/* Jumbotron for Library */
.jumbotron-library {
	margin: 0px;
	height: 300px;
	background-image: url("../img/library-1200-300.jpg");
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 40% 40%;
}
/* Jumbotron Banner for Collections */
.jumbotron-collections{
	margin: 0px;
	height: 300px;
	background-image: url("../img/collections-collage-banner.jpg");
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 50% 50%;
}

/* container mod to match up to section-main content */
.container {
  margin: 20px 25px 20px 25px;
}

/* section-main content */
.section-main {
  margin: 20px 30px 20px 30px;
}
.section-main h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: 700;
	color: #2e4e77;
	text-align: left;
}
.section-main h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: 600;
	color: #955251;
	text-align: left;
}
/* replace color for Library page as example
.section-main h3 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: 600;
	color: #955251;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}  */
.section-main h3 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: 600;
	color: #47494E;
	text-align: left;
}
.section-main h4 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.1em;
	line-height: 1em;
	font-weight: 600;
	color: #305281;
	text-align: left;
}
.section-main h5 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: 600;
	color: #D2700F;
	text-align: left;
}
.section-main h6 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: 600;
	color: #2e4e77;
	text-align: left;
}
.section-main a {
	margin: 10px 0px 10px 0px;
	font-size: 1.04em;
	font-weight: 500;
	color: #305281;
	text-align: left;
}
.section-main a:hover {
	text-decoration: underline;
}
/* link list text formatting */ 
.section-main .link-text-list li {
  list-style: outside square;
  margin: 10px 0px 10px 2px;
  padding: 0px;
  font-size: 1em;
}
.section-main .link-text-list a {
  color: #305281;
  font-size: 1.02em;
  font-weight: normal;
  text-decoration: none;
}
.section-main .link-text-list a:hover, a:focus {
  text-decoration: underline;
}
.section-main img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.section-main .featurette-image {
	margin-bottom: 10px;
}
.section-main p {
	margin: 10px 10px 10px 0px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5;
	color: #1E2B37;
	text-align: left;
}
.section-main ul {
	margin: 10px 0px 10px 15px;
	padding: 0px;
	text-align: left;
}
.section-main li {
	margin: 10px 10px 10px 0px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5;
	color: #1E2B37;
	text-align: left;
}
.section-main small {
	font-size: .9em;
	font-weight: normal;
	line-height: 1.2;
}
.section-main blockquote p {
	margin-bottom: 30px;
	color: #2e4e77;
	font-size: .95em;
	font-weight: normal;
	line-height: 1.1;
}

/* float images and captions within text on pages - e.g. Biography */
.photo-caption-left {
    float: left;
    width: 140px;
    margin: 10px 20px 0 0;
    padding: 0;
    border: none;
    font-size: .85em;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
}
.photo-caption-right {
    float: right;
    width: 160px;
    margin: 10px 0 0 20px;
    padding: 0;
    border: none;
    font-size: .85em;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
}

/* button link list text formatting */
.section-main .btn-link {
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 1.02em;
	font-weight: normal;
	color: #305281;
	text-align: left;
}
.section-main .btn-link:hover {
	text-decoration: underline;
}
.section-main .new-link-format .btn-link {
	color: #2E4E77;
}
.section-main .new-link-format .btn-link:hover {
	color: #305281;
}
.section-main > table {
	font-size: 1em;
	font-weight: normal;
}
.table-striped {
	border-top: 2px solid #2e4e77;
	border-bottom: 1px solid #2e4e77;
}
.section-main .nav-list > li > a {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #305281;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2em;
}
.section-main .nav-list > li > a:hover {
	text-decoration: underline;
}
.section-main .nav-header {
  text-transform: none;
}
.section-main  .breadcrumb-text p {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 1em;
  font-weight: 500;
}
.section-main  .breadcrumb-text a {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 1em;
}
@media (min-width: 767px) {
	.section-main h1 {
		font-size: 2em;
	}
	.section-main h2 {
		font-size: 1.5em;
	}
	.section-main h3 {
		font-size: 1.3em;
	}
}
.text-larger p {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.7;
	color: #34495e;
	text-align: left;
}
.side-text {
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	color: #34495e;
	text-align: left;
}
.divider-line {
	background-color: #D6E1E8;
	height: 2px;
	margin: 10px 30px 10px 30px;
	padding: 0px;
}
.divider-line-2{
	background-color: #D6E1E8;
	height: 2px;
	margin: 10px 30px 0px 0px;
	padding: 0px;
}
.divider-line-3{
	background-color: #D6E1E8;
	height: 2px;
	margin: 20px 0px 20px 0px;
	padding: 0px;
}
.quote-spacer{
	margin: 20px 0 20px 0;
}
.section-bg-shade {
	background-color: #E0EAF1;
	margin: 10px 0px 0px 0px;
	padding-top: 5px;
	padding-left: 20px;	
}

.bottom-menu-brand {
	color: #fafbff;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.9em;
	font-weight: 600;
	line-height: 1.1;
}
.bottom-menu-brand small {
	font-size: 60%;
	font-weight: 500;
}

.nav-pills > li > a {
  padding: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  background-color: #1abc9c;
  border-left: 2px solid #16a085;
  border-radius: 0;
  outline: none;
 }
@media (max-width: 767px) {
  .nav-pills > li > a {
    display: block;
    border-left: none;
  }
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  background-color: #48c9b0;
}
.nav-pills > li > a:active {
  background-color: #16a085;
}
.tab-content {
	position: relative;
	margin: 10px;
	padding: 10px;
	border: none;
}
.tab-pane {
	background-color: #dde7ed;
	padding: 10px;
	border: 2px solid #2e4e77;
	border-radius: 6px
}
.tab-content h6 {
	font-size: 1.1em;
	font-weight: 600;
	color: #2e4e77;
	margin: 5px 10px 0px 10px;
}
.tab-content p {
	font-size: 1em;
    font-weight: normal;
	line-height: 1.3;
	margin: 5px 10px 0px 10px;
}
.tab-content img {
    height: auto; 
    width: 100%;
}

.page-links{
	margin: 20px 10px 30px 0px;
	padding: 7px;
	background-color: #E4E8EE;
	border-top: 2px solid #2e4e77;
	border-radius: 0px;
	-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
	transition: border .25s linear, color .25s linear, background-color .25s linear;
	-webkit-font-smoothing: subpixel-antialiased;
}
.page-links h4{
	margin: 0px 10px 0px 10px;
	padding: 0px;
	outline: none;
	color: #7B90A5;
	font-weight: 600;
	font-size: 15px;
}

/* Effect 21: borders slight translate */
.cl-effect-21 a {
	position: relative;
	display: inline-block;
	margin: 5px 10px 5px 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #2e4e77;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.cl-effect-21 a:hover {
	color: #305281;
	text-decoration: none;
}
.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #305281;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #305281;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/***** marley hover effect - modified for use on museum gallery example page *****/
figure.effect-marley { 
	position: relative;
	overflow: hidden;
	margin: 10px;
	max-width: 300px;
	max-height: 200px;
	border: 1px solid #2e4e77;
	border-radius: 6px;
	background: -webkit-linear-gradient(45deg, #3E8EC4 0%, #95C1DF 40%, #DAEAF4 100%);
	background: linear-gradient(45deg, #3E8EC4 0%, #95C1DF 40%, #DAEAF4 100%);
}
figure.effect-marley img { 
	position: relative;
	display: block;
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-marley figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-align: left;
}
figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	color: #fff;
	right: 20px;
	left: 20px;
	margin: 0;
	padding: 5px 0;
}
figure.effect-marley h2 {
	top: 5px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1em;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-shadow: 2px 2px #333;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-marley p {
	top: 50px;
	color: #111;
	font-size: .9em;
	font-weight: 500;
	line-height: 1.3;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
figure.effect-marley:hover img {
	opacity: 0.1;
}
figure.effect-marley:hover h2 {
	color: #222;
	text-shadow: none;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #222;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}
figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/***** Marley Touch Fixes *****/
.touch figure.effect-marley h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.touch figure.effect-marley h2::after,
.touch figure.effect-marley p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/***** ford hover effect: used for museum & library "buttons" on home page *****/
figure.effect-ford { 
	border: 2px solid #2e4e77;
	margin: 10px 0px 5px 0px;
}
figure.effect-ford img { 
	width: 100%; 
}
figure.effect-ford figcaption {
	text-align: left;
}

figure.effect-ford h2,
figure.effect-ford p {
	position: absolute;
	color: #fff;
	right: 30px;
	left: 30px;
	padding: 5px 0;
}

figure.effect-ford h2 {
	top: 5px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	color: #FAFBFF;
	font-size: 26px;
	font-weight: 700;
	text-shadow: 2px 2px #333;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-ford h2 small {
	font-size: 18px;
	color: #FAFBFF;
}

figure.effect-ford p {
	bottom: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	text-shadow: 1px 1px #111;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-ford:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ford h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #FAFBFF;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-ford h2::after,
figure.effect-ford p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-ford:hover h2::after,
figure.effect-ford:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/***** ford touch fixes *****/
.touch figure.effect-ford h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.touch figure.effect-ford h2::after,
.touch figure.effect-ford p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Collapse
---------------------------------- */
.panel-group .panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
}
.panel-default > .panel-heading {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 1px solid #FAFBFF;
	border-top: none;
	background-color: #FAFBFF;
}
.panel-heading h4 {
	font-size: 1.1em;
	font-weight: 700;
}
.panel-heading a {
	margin: 0;
	font-size: 1em;
	font-weight: 500;
	padding: 7px 35px 7px 15px;
	display: inline-block;
	width: 100%;
	background-color: #3F6DAC;
	color: #ffffff;
	position: relative;
	text-decoration: none;
}
.panel-heading a.collapsed {
	color: #ffffff;
	background-color: #305281;
}
.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 20px;
	font-size: 1.1em;
	font-weight: 400;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}
.panel-heading a.collapsed:after {
	font-family: "FontAwesome";
	content: "\f196";
}
.panel-heading a:hover {
	text-decoration: none;
	background-color: #305281;
	color: #ffffff;
}
.panel-title a i {
	padding-right: 10px;
	font-size: 1em;
}

.plan-visit-label {
	margin: 5px 5px 40px 10px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	color: #34495e;
	font-size: 1.1em;
	font-weight: 600;
}

/***** Pinterest Grid Plugin *****/
.pinterest-grid {
    position: relative;
}
.white-panel {
    margin: 0px;
    position: absolute;
	background: white;
	border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    padding: 0px;
}
.pinterest-grid img {
    width: 100%;
    max-width: 100%;
    height: auto;
	border-radius: 4px 4px 0px 0px;
}
.white-panel h1 {
    font-size: 1.1em;
	padding: 0px 5px 5px 10px;
}
.white-panel h1 a {
    color: #A92733;
	font-size: 1.1em;
}
.white-panel h2 {
    font-family: "Lato", Helvetica, Arial, sans-serif;
	color: #305281;
	font-size: 1.1em;
	font-weight: 600;
	padding: 0px 5px 5px 10px;
}
.white-panel-divider {
    width: 100%;
	background-color: #dde7ed;
	height: 1px;
}
.white-panel h3{
    padding: 0px 5px 0px 10px;
	color: #305281;
	font-size: 1em;
	line-height: 1;
	font-weight: 600;
}
.white-panel p {
    padding: 0px 5px 0px 10px;
	font-size: .95em;
	line-height: 1.5;
}
.white-panel h6{
    padding: 0px 5px 0px 10px;
	font-size: 1em;
	line-height: 1;
}
.white-panel:hover {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    margin-top: -10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-list > li > a > .fa-chevron-right { display: none; }
.nav-list > li.active > a > .fa-chevron-right { display: inline; }

/***** FlatWeather Plugin CSS *****/
#weather {
	color:#FFFAFA; 
	background: #305281;
	padding: 10px;
	margin: 20px 40px 20px 0px;
	width: auto;
	border-radius: 6px;
}

/*========================================
   SCREENSHOTS              
==========================================*/
/* Styling Next and Prev buttons */
.screenshots {
	margin-top: 40px;
}

.shot {
	margin: 5px;
}

.shot img {
	max-height: 100%;
	width: 100%
}
.shot h3 {
	margin: 10px 5px 5px 5px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1;
	font-weight: 600;
}
.shot p {
	margin: 5px 0px 0px 5px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: .9em;
	line-height: 1.2;
	font-weight: normal;
}

.shot img:hover {
	cursor: crosshair;
	opacity: 0.8;
}

@media (max-width: 768px) {
    .hide-ipad-vert {
        display: none;
    }
}

/* From http://embedresponsively.com/ */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Artifacts (using Isotope Plugin)
---------------------------------- */
/* .filters {
	margin: 0 0 30px 0;
}
.filters .nav-pills > li {
	margin-right: 2px;
	margin-bottom: 2px;
}
.filters .nav-pills > li + li {
	margin-left: 0px;
}
.text-center.filters .nav-pills > li {
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	display: inline-block;
	float: none;
} */
.artifact-container {
	position: relative;
	overflow: hidden;
	background-color: #F0F1F1;
	margin: 0;
	padding: 0;
}
.artifact-item {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 160px;
	height: 160px;
	border: 1px solid #E5E5E5;
}
.artifact-item .img-responsive {
	border-radius: 0px;
}

.artifact-item .btn-default {
	color: #fff;
	margin-top: 10px;
	padding: 5px;
}
.artifact-item .btn-default:hover {
	color: #ffffff;
}
@media (max-width:480px) {
	.filters .nav-pills > li {
		width: 100%;
		display: block;
	}
	.artifact-item {
		width: 140px;
		height: 140px;
	}
}

/* Images Overlay
----------------------------------------------------------------------------- */
.overlay-container {
	position: relative;
	display: block;
	overflow: hidden;
}
.overlay {
	position: absolute;
	top: -20px;
	bottom: -20px;
	left: 0;
	right: -1px;
	background-color: rgba(48, 82, 129, 0.9);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.overlay:hover {
	text-decoration: none;
}
.overlay i {
	position: absolute;
	left: 50%;
	top: 30%;
	font-size: 1.2em;
	line-height: 1.2;
	color: #ffffff;
	margin-top: 0px;
	margin-left: -8px;
	text-align: center;
}
.overlay span {
	position: absolute;
	display: block;
	top: 50%;
	text-align: center;
	width: 100%;
	color: #ffffff;
	font-size: 1em;
	line-height: 1;
	font-weight: 400;
}
.overlay-container:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Modals
---------------------------------- */
.modal-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.modal-header {
	background-color: #305281;
	color: #ffffff;
}
.modal-header h4 {
	color: #ffffff;
	font-size: 1.4em;
}
.modal-header p {
	color: #ffffff;
	font-size: 1.4em;
	font-weight: 600;
}
.modal-header .close {
	font-weight: 300;
	color: #FFFFFF;
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;
}
.modal-footer {
  padding: 15px 22px 20px;
  background-color: rgba(236, 240, 241, .5);
  border-top: none;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* Side Navigation: Venues */
.sidenav {
	width: 100%;
	padding: 0;
	background-color: #fff;
	list-style-type: none !important;
	border-radius: 4px;
}
.sidenav  li {
	margin: 0px;
	padding: 0px;
}
/* added to handle 2-tiered sidenav on Education - Tours and Programs */
.sidenav .sidenav-heading {
	display: block;
	margin: 0 0 -1px;
	padding: 7px 10px 7px 10px;
	font-size: 1.1em;
	font-weight: 800;
	background-color: #F5F5F5;
	border: 1px solid #E5E5E5;
	border-right-width: 2px;
	color: #666;
}
.sidenav > li > a {
	display: block;
	margin: 0 0 -1px;
	padding: 7px 10px 7px 10px;
	font-size: 1em;
	border: 1px solid #E5E5E5;
	border-right-width: 2px;
	color: #666;
}
.sidenav > li:first-child > a { border-radius: 4px 4px 0 0; }
.sidenav > li:last-child > a {
	border-radius: 0 0 4px 4px;
	border-bottom-width: 2px;
}
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {
	position: relative;
	z-index: 2;
	border-color: rgba(0,0,0,0.1) !important;
	color: #FFF !important;
	font-weight: 600;
	background-color: #305281 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.sidenav li i {
	position: relative;
	top: 1px;
	margin-right: 6px;
	font-size: 1em;
	text-align: center;
	width: 18px;
}
.sidenav .icon-chevron-right {
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	opacity: .4;
	font-size: 1em !important;
}
.sidenav > li > a:hover {
	background-color: #F5F5F5;
	color: #222;
}
.sidenav a:hover .icon-chevron-right { opacity: .5; }

.sidenav .ui-tabs-active .icon-chevron-right,
.sidenav .ui-tabs-active a:hover .icon-chevron-right { opacity: 1; }

.sidenav-content {
	width: 100%;
	margin-left: 20px;
	margin-top: -7px;
	padding: 0;
}
.sidenav-content h2 {
    margin: 0;
	padding: 0px 10px 0px 10px;
	color: #955251;
	font-size: 1.4em;
}
.sidenav-content h3 {
    padding: 0px 10px 0px 10px;
	color: #2e4e77;
	font-size: 1.3em;
}
.sidenav-content h4 {
    padding: 0px 10px 0px 10px;
	color: #7a4209;
	font-size: 1.2em;
}
.sidenav-content h6 {
    padding: 0px 10px 0px 10px;
	color: #2e4e77;
	font-size: 1.1em;
}
.sidenav-content p {
    padding: 0px 10px 0px 10px;
	font-size: 1em;
	line-height: 1.5;
}
.sidenav-content ul {
    padding: 0px 10px 0px 10px;
	font-size: 1em;
	line-height: 1.5;
}
.sidenav-content img {
	width: 40%;
	margin: 0px 10px 0px 10px;
	border: 1px solid #666;
}
img.alignleft {
	float: left;
}
img.alignright {
	float: right;
}
@media (min-width: 768px) {
    .sidenav-content img {
        width: 30%;
    }
}

/* Museum Artifacts - Banner Link Lists */
.link-list {
	display: block;
	margin: 0px 0px 20px 0px;
	opacity: 80;
	filter: alpha(opacity=8000);
	opacity: .80;
	filter: alpha(opacity=80);
}
.link-list p {
	margin-bottom: 20px;
	font-size: 1.1em;
	font-weight: 600;
}
.link-list a { 
	font-size: 1.04em;
	font-weight: 600;
	color: #305281;
}
.link-list a:hover { 
	text-decoration: underline; 
}

.link-list img {
	margin: 5px 0px 0px 0px;
	border-radius: 0px;
	border: 1px solid #666666;
}
.link-list:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.modal-footer .btn {
    margin: 0px;
	color: #fff;
}

/***** NavBar Fixes *****/
.navbar-toggle { 
    height: auto;
    margin: 0;
    width: 100%;
}
.navbar-toggle:before {
    color: inherit;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
  color: #A6C6DC;
}
.navbar-toggle:hover:before,
.navbar-toggle:focus:before {
  color: #A6C6DC;
}
.ford-banner .navbar-nav > li {
    padding-right: 15px;
}
.ford-banner .navbar-nav > li > a {
    margin-top: 5px;
	padding-bottom: 2px;
	text-align: right;
}
.ford-banner .row {
    margin-right: 0;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none !important;
  }
  .ford-banner .navbar-nav > li > a {
		margin-top: 12px;
	}
}

@media (max-width: 960px) {
    .navbar-collapse {
        padding: 0px 0px 0px 15px;
    }
    .navbar-nav > li > a {
        font-size: .95em;
        padding: 10px 0px 10px 8px;
    }
	.ford-banner .navbar-nav > li > a {
		margin-top: 5px;
	}
	.dropdown-toggle .caret {
		margin-left: 1px;
	}
}

/*  hide URL’s when printing a web page */
@media print {
  a[href]:after {
    content: none !important;
  }
}

input.gsc-search-button-v2{
  width:72px;
  height:29px;
  border-color: #3079ed;
  background-color: #4d90fe;
}
.gsc-input-box{
  height:auto;
}

/* v2: new CSS added for Education Center */
.container-education {
  margin: 0px 30px 20px 30px;
}
.education-table {
	margin: 20px 10px 10px 10px;
}

/* Top Banners for Education Center main page */
.hero-learning-center{
	margin: 0;
	height: 300px;
	background-image: url("../img/museum-learning-center.jpg");
	background-size: cover;
	opacity: 95;
	filter: alpha(opacity=9500);
	opacity: .95;
	filter: alpha(opacity=95);
	background-position: 50% 50%;
}
.hero-plan-visit{
	margin: 0;
	height: 300px;
	background-image: url("../img/education/plan-school-visit-banner-2.jpg");
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 50% 50%;
}
.hero-teacher-resources{
	margin: 0;
	height: 300px;
	background-image: url("../img/education/teacher-resources-banner.jpg");
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 50% 50%;
}
.hero-tours-programs{
	margin: 0;
	height: 300px;
	background-image: url("../img/education/tours-programs-banner-2.jpg");
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 25% 25%;
}
.hero-special-events{
	margin: 0;
	height: 300px;
	background-image: url("../img/education/special-events-banner.jpg");
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 50% 50%;
}
.hero-ford-facts{
	margin: 0;
	height: 300px;
	background-image: url("../img/education/ford-facts-banner.jpg");
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 50% 50%;
}

/* Top Banners for Museum Gallery pages */
.gallery-banner-adjust .carousel{
	margin: 0px 0px 40px 0px;
	border-top: 1px solid #222222;
}

.hero-gallery-menu{
	margin: 0;
	height: 300px;
	background-image: url("../img/gallery/museum-gallery-banner.jpg");
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 50% 50%;
}
.hero-gallery{
	margin: 0;
	height: 360px;
	background-color: #F2F4F7;
	background-size: cover;
	opacity: 90;
	filter: alpha(opacity=9000);
	opacity: .90;
	filter: alpha(opacity=90);
	background-position: 50% 50%;
}
.hero-gallery-1{
	background-image: url("../img/gallery/gallery-1-banner.jpg");
}
.hero-gallery-2{
	background-image: url("../img/gallery/gallery-2-banner.jpg");
}
.hero-gallery-3{
	background-image: url("../img/gallery/gallery-3-banner.jpg");
}
.hero-gallery-4{
	background-image: url("../img/gallery/gallery-4-banner.jpg");
}
.hero-gallery-5{
	background-image: url("../img/gallery/gallery-5-banner.jpg");
}
.hero-gallery-6{
	background-image: url("../img/gallery/gallery-6-banner.jpg");
}
.hero-gallery-7{
	background-image: url("../img/gallery/gallery-7-banner.jpg");
}
.hero-gallery-8{
	background-image: url("../img/gallery/gallery-8-banner.jpg");
}
.hero-gallery-9{
	background-image: url("../img/gallery/gallery-9-banner.jpg");
}
.hero-message {
    margin-top: 30px;
	position: relative;
	padding-top: 5%;
    padding-bottom: 5%;
}
.hero-message > h1 {
    margin: 10px 20px 10px 40px;
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 4.5em;
	font-weight: 800;
	color: #fafafa;
	text-align: center;
	text-shadow: 4px 4px 6px rgba(21,22,23,0.9);
}
.hero-divider {
    margin: 5px 20px 5px 40px;
	width: 90%;
    border-top: 2px solid #fafafa;
}
.hero-message > p {
    margin: 20px 20px 0px 40px;
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 3em;
	line-height: 1.2em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-shadow: 4px 4px 6px rgba(21,22,23,0.9);
}
.hero-message > p small {
	font-size: .7em;
	line-height: 1em;
}
@media(max-width:767px) {
    .hero-gallery {
        height: 240px;
    }
	.hero-message {
        padding-bottom: 5%;
    }
	.hero-message > h1 {
        font-size: 3em;
    }
	.hero-message > p {
        font-size: 2em;
    }
}
.mbl {
    margin: 10px 0;
}

.blockquote > p {
	font-size: 1.5em;
}
.gallery-intro-text p {
	font-size: 1.1em;
}

.gallery-buttons {
	margin: 0;  
}
.gallery-button {
	margin: 20px 0;
	width: 100%;	
}
.gallery-button img {
	border: 2px solid #e4e8ee; 
	padding: 8px;
	max-width: 100%;	
}
.gallery-button a:hover  img { 
	border: 1px solid #305281;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}
.gallery-button h3 {
	margin: 0;
	color: #305281;
	font-size: 1em; 
	padding: 12px 0px 0 8px; 
}
.gallery-button h3:hover {
	text-decoration: underline;
}

.gallery-button p { 
	text-decoration: none;
	margin: 5px 0 0 8px;
	padding: 5px 30px 0 0;
	font-size: .95em;	
}
.gallery-button p:hover { 
	text-decoration: none;	
}
.section-bg-shade-education {
	background-color: #E0EAF1;
	margin: 20px 0px 0px 0px;
	padding: 5px 10px 5px 20px;	
}

/* CSS for tab content */
.nav-tabs {
	padding: 0;
	border-bottom: 2px solid #ddd;
}
.nav-tabs > li {
	color: #444;
	background-color: #fff;
	border: 2px solid #444;
	border-radius: 4px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #444;
	background-color: #1abc9c;
	border: 2px solid #1abc9c;
}
.tab-content {
	margin-bottom: 20px;
}

/* Gallery Tour Menu (Version 1) */
.gallery-menu {
	margin: 20px 0 20px 0;
	padding: 0;
}
.gallery-menu img {
	margin: 0 0 10px 0;
}
.gallery-menu h3 {
	margin: 0 0 20px 0;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	color: #1E2B37;
}

/* Museum Gallery Slider */
.gallery-display {
	margin: 10px 30px 50px 30px;
	padding: 10px;
	border-top: 2px solid #305281;
	background-color: #D6E1E8;
}
.gallery-item {
	margin: 10px;
	display: block;
	max-width: 300px;
}
.gallery-item img {
	height: 100%;
	border: 1px solid #1E2B37;
}
.gallery-item h4 {
	margin: 10px 5px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	color: #1E2B37;
}
.gallery-item p {
	margin: 10px 5px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2;
	font-weight: normal;
	color: #1E2B37;
}

/* fluid 5 columns */
.grid-sizer,
.grid-item { 
	width: 200px; 
}
/* 2 columns */
.grid-item-width2 { 
	width: 300px; 
}

/* Float CSS - for Ford Facts Thumbnails */
.ford-fact-container img {
    float: left;
    /* add some margin to push content away from it */
    margin: 0 20px 5px 0;
}
.ford-fact-container h2 {
    margin: 5px 0;
	font-size: 1.2em;
	line-height: 1.2em;
}
.ford-fact-container h3 {
    margin: 5px 0;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 600;
	color: #305281;
}
.ford-fact-container p {
    margin: 10px 0;
}
.ford-fact-container {
    overflow: hidden;
	margin: 10px 0;
}

/* CSS - for Museum Gallery Cases */
.gallery-case h2 {
    margin-top: 0px;
}
.gallery-case img {
    margin-bottom: 20px;
}
.gallery-case-photo img {
    max-width: 640px;
}
.gallery-case-container img {
    max-width: 160px;
	float: right;
    /* add some margin to push content away from it */
    margin: 0 10px 5px 20px;
}
.gallery-case-container h3 {
    margin: 5px 0;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 600;
	color: #305281;
}
.gallery-case-container p {
    margin: 10px 0;
}
.gallery-case-container {
    overflow: hidden;
	margin: 10px 0;
}
.gallery-divider-line {
	background-color: #D6E1E8;
	height: 2px;
	margin: 0px 10px 5px 0px;
	padding: 0px;
}
@media(max-width:767px) {
    .gallery-case-container img {
		max-width: 120px;
		float: left;
		/* margin changes based on image now on left */
		margin: 0 10px 5px 10px;
    }
}

.artifact-case-item {
	margin: 10px 10px 10px 0px;
	padding: 0px;
	width: 110px;
	height: 110px;
	border: 1px solid #F2F4F7;
}
.artifact-case-item .img-responsive {
	border-radius: 0px;
}
@media (max-width:480px) {
	.artifact-case-item {
		width: 90px;
		height: 90px;
	}
}

.modal-body p {
  font-size: 1em;
  line-height: 1.5;
}
.modal-body p  small{
  font-size: .85em;
  line-height: 1;
}


/* css for artifact marker handling within gallery cases */
.container-case {
  margin: 20px 0;
  position: relative;
}
.container-case img {
  width: 100%;
  height: auto;
  opacity: 0.9;
}
.artifact-marker {
  position: absolute;
  top: 50.0%;
  left: 50.0%;
  font-size: 3em;
  color: #ededef;
}
.artifact-marker a {
  color: #ededef;
}
.artifact-marker a:hover {
  color: #6FA3EC;
}
.case3-artifact1 {
  top: 8.0%;
  left: 48.5%;
}
.case3-artifact2 {
  top: 25.0%;
  left: 71.0%;
}
.case3-artifact3 {
  top: 40.0%;
  left: 55.0%;
}
.case3-artifact4 {
  top: 75.5%;
  left: 17.5%;
}

@media(max-width:767px) {
    .artifact-marker {
		font-size: 1.6em;
    }
}
.tooltip {
  background-color: #ededef;
  width: 220px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 14px;
  border-radius: 4px;
}
.tooltip-inner {
  padding: 5px 8px;
  max-width: 210px;
  color: #2E4E77;
  text-align: center;
  background-color: #ededef;
}
.tooltip-arrow {
  margin: 3px;
  color: #2E4E77;
}
@media(max-width:767px) {
    .tooltip {
		width: 180px;
		font-size: 12px;
		line-height: 12px;
	}
}