@charset "UTF-8";
html,button,input,select,textarea { color: #444; }
body { overflow-y: hidden; }

/*----- header and navigation -----*/
.site_header_area { z-index: 2200; }
.no-touch .site_header_area.fixed { background-color: white; }
.touch .site_header_area.fixed { background-color: white; }
.site_header_area.drop_show{ background-color: white; -webkit-box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15); }
.light_background .site_header a.menu_button .menu_icon, .fixed .site_header a.menu_button .menu_icon { text-indent: -9999px; display: inline-block; vertical-align: middle; width: 100px; height: 43px; background: url("/oh/map/images/icons/nasa/menu_button_desktop@2x_blue.svg") center center no-repeat; background-size: 100px 43px; }
.oh_main_nav { display: none; background-color: #0B3D91; }
.oh_main_nav h1 { padding: 20px 0 0 20px; font-size: 1.4em; font-weight: 700; color:#E4E9EF; }
.oh_main_nav h2 { padding-left: 20px; font-size: 1.4em; color:#E4E9EF; }
.oh_main_nav ul { width: 100%; padding-top: 10px; }
.oh_main_nav ul.map_links { padding-top: 20px; }
.oh_main_nav ul li:first-child { border-top: 1px solid #E4E9EF; }
.oh_main_nav ul li { cursor: pointer; border-bottom: 1px solid #E4E9EF; }
.oh_main_nav ul li span { padding-left: 25%; }
.oh_main_nav ul.extra_links li  span{ padding-left: 10%; }
.oh_main_nav ul.extra_links li { background: #0B3D91; }
.oh_main_nav ul.extra_links li:hover { background: #E4E9EF; }
.oh_main_nav ul li img { width: 27px; height:27px; vertical-align: middle; margin-right: 10px; }
.oh_main_nav ul li a { color: #E4E9EF; display: block; width: 100%; padding: 14px 0; }
.oh_main_nav ul li a:hover { color: #fc3d21;  }
.oh_main_nav ul.map_links li:nth-child(1) { width: 100%; background: #0B3D91 url("/oh/map/images/icons/map_icon@2x_white.png") no-repeat 10% center; background-size: 27px; }
.oh_main_nav ul.map_links li:hover:nth-child(1) { background: #FFFFFF url("/oh/map/images/icons/nasa/map_icon@2x_red.png") no-repeat 10% center; background-size: 27px; }
.oh_main_nav ul.map_links li:nth-child(2) { width: 100%; background: #0B3D91 url("/oh/map/images/icons/site_list_icon@2x_white.png") no-repeat 10% center; background-size: 27px; }
.oh_main_nav ul.map_links li:hover:nth-child(2) { background: #FFFFFF url("/oh/map/images/icons/nasa/site_list_icon@2x_dark_red.png") no-repeat 10% center; background-size: 27px; }
.oh_main_nav ul.map_links li:nth-child(3) { width: 100%; background: #0B3D91 url("/oh/map/images/icons/info_icon@2x_white.png") no-repeat 10% center; background-size: 27px; }
.oh_main_nav ul.map_links li:hover:nth-child(3) { background: #FFFFFF url("/oh/map/images/icons/nasa/info_icon@2x_red.png") no-repeat 10% center; background-size: 27px; }
.oh_main_nav ul.map_links li:nth-child(4) { width: 100%; background: #0B3D91 url("/oh/map/images/icons/alert_icon@2x_white.png") no-repeat 10% center; background-size: 27px; }
.oh_main_nav ul.map_links li:hover:nth-child(4) { background: #FFFFFF url("/oh/map/images/icons/nasa/alert_icon@2x_red.png") no-repeat 10% center; background-size: 27px; }
.oh_main_nav ul.map_links li:nth-child(5) { width: 100%; background: #0B3D91 url("/oh/map/images/icons/feedback_icon@2x_white.png") no-repeat 10% center; background-size: 27px; }
.oh_main_nav ul.map_links li:hover:nth-child(5) { background: #FFFFFF url("/oh/map/images/icons/nasa/feedback_icon@2x_red.png") no-repeat 10% center; background-size: 27px; }
.social_icons { display: inline-block; width: 100%; padding: 10px 0 0 20px; }
.social_icons .icon img { top:-33px; }
.social_icons .icon.mail_ico { width: 35px; height:26px; margin-top:4px; }
.social_icons .icon.mail_ico img { width:35px; top: 0px; }
/**IMPORTANT:ENABLE DISPLAY HERE WHEN NEEDED**/
.filter_bar { display:none!important; width: 100%; top: 70px; z-index: 1000; -webkit-box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15); }
.filter_bar .module_title_small { text-align: center; }
.notifications_count { display: inline-block; padding-left: 4px; }
.notification_container .notification:nth-child(1) { margin: 0 0 30px 0; }
.notification_container .notification { font-weight: bold; width: 100%; padding: 20px; margin: 30px 0; background: #E4E9EF; position: relative; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.notification_container .notification:before { content: ""; width: 0; height: 0; top: 100%; position: absolute; border-right: 15px solid transparent; border-top: 15px solid #E4E9EF; border-left: 15px solid transparent; }
.notification_container .notification small { display: block; font-weight: 500; font-size: .8em; color:#888888; padding-top: 10px; }

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.mobile-only {
	display:none;
}

@media (max-width: 600px){
	.filter_bar { padding: .8em 0; }
	.module header { margin-bottom: 0; }
	.module_title_small { font-size: 1.2em; }
	.filter_bar .arrow_box { bottom: 2px; }
	.filter_bar form.section_search { padding: 1em 0 0 0; }
	.light_background .site_header a.menu_button .menu_icon, .fixed .site_header a.menu_button .menu_icon { text-indent: -9999px; display: inline-block; vertical-align: middle; width: 25px; height: 20px; background: url("/oh/map/images/icons/nasa/menu_icon_blue@2x.png") center center no-repeat; background-size: 25px 20px; }

  .mobile-only {
	   display:block;
	   text-align:center;
	   font-size:0.9em;
	   background-color:rgba(103,115,131,0.8);
	   padding:2px;
	   width:150px;
	   color:#ffffff!important;
	   margin:auto;
	   margin-bottom:30px;
    } 	
	
	.mobile-only-txt {
	   margin-top:-10px;
	   font-size:0.8em;
	   font-weight: bold;
	   position:relative;
	   top:-10px;
	}

}
@media (min-width: 600px) {
	.site_header_area .site_header .brand_area { width: 330px;  height: 64px; background-size: 100%; }
	.nav_area { top: 2em; }
	.filter_bar { top: 90px; }
}
@media (min-width: 769px){
	.nav_area { top: 2em; }
	/*.social_icons .icon + .icon { margin-left: .5em; }*/
}
@media (min-width: 1024px) {
	.nav_area { top: 2.2em; }
	.site_header_area .site_header .brand_area { width: 362px; height: 68px; }
	.filter_bar { top: 105px; }
}

/*----- body and page -----*/
::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); }

/* google maps styles */
#jPanelMenu-menu { overflow-y: auto !important; position: absolute !important; }
html, body, #map-canvas,.jPanelMenu-panel { height: 100%; margin: 0px; padding: 0px; position : relative; }/*for google maps to work with jPanelMenu*/
#map-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
#map { display:none!important; /*TEMPORARILY DISABLED MAP*/ height: 100%; }
#vt-bg{ height:100%; background-image: url('/oh/map/images/langley-globe-bg.png'); background-repeat: no-repeat;background-size:cover;} /*TEMPORARILY REPLACING MAPS API*/

/* sites detail box styles */
#sites_info { display: none; position: absolute; bottom: 0; width: 100%; height: 110px; background-color: #fff; z-index: 100; overflow: hidden; }
.map-popup { cursor: pointer; width: 100%; height: 110px; padding: 5px 66px 0 10px; background: #f8f8f8 url("/oh/map/images/icons/nasa/more_info_icon_small@2x_light.png") no-repeat left center; background-size: 66px 110px; }
/*
.map-popup:hover { background: #f8f8f8 url("/oh/map/images/icons/more_+_icon_small@2x_dark.png") no-repeat right center; background-size: 66px 110px; }
.map-popup img { display: inline; margin: 0 auto; width: 146px; height: 80px; margin-left: -30px; }
.image-cropper { margin-right: 10px; float: left; width: 80px; height: 80px; background-position: center center; background-repeat: no-repeat; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
*/
.map-popup .info { word-wrap: break-word; margin-left:83px!important;}
.map-popup .title { font-weight: bold; font-size: 1.1em; }
.map-popup .location { padding: 5px 0; }
.wait_time p { font-size: 1em; margin: 0; display: inline-block; }
.wait_time .circle { display: inline-block; margin: -2px 5px -2px 0; border-radius: 50%; width: 17px; height: 17px; }
.wait_time .green { background: #7ac943 none repeat scroll 0 0; border: 3px solid #fff; box-shadow: 1px 1px 4px #c0c0c0; }
.wait_time .orange { background: #fbb03b none repeat scroll 0 0; border: 3px solid #fff; box-shadow: 1px 1px 4px #c0c0c0; }
.wait_time .red { background: #ed1c24 none repeat scroll 0 0; border: 3px solid #fff; box-shadow: 1px 1px 4px #c0c0c0; }
.detail_icon { float:left; margin-left: -3px; }
.detail_icon img, .map_find img { width: 50px; }

/* splash info screen */
.splash_screen_overlay { display: none; position: absolute; top: 0; left: 0; min-height: 100%; width: 100%; z-index: 2100; position: fixed; -ms-overflow-style: none; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #0b3d91; background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(11,61,145, 0.9)); background: -o-linear-gradient(top, rgba(255,255,255,0.5), rgba(11,61,1415, 0.9)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(11,61,145, 0.9)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(75,106,141, 0.9)); background: linear-gradient(top, rgba(255,255,255,0.9), rgba(11,61,145, 0.9)); background-repeat: no-repeat; }
.splash_screen_overlay::-webkit-scrollbar { display: none; }
.splash_screen { position: absolute; text-align: center; margin: 0 auto; width: 100%; top: 16%; color: #38506a; }
.splash_screen h1 { font-size: 2.4em; letter-spacing: -.04em; font-weight: 700; }
.splash_screen h2 { font-size: 2em; letter-spacing: -.04em; font-weight: 400; padding-bottom: 10px; }
.splash_screen h3 { font-size: 1.4em; font-weight: 700; }
.splash_screen p { font-size: 1em; }
.splash_screen .welcome_button { width: 220px; display: table; position: relative; background-color: #0b3d91; border-radius: 5px; box-shadow: 0 2px 8px #0b3d91; padding: 20px; margin: 10px auto; font-size: 1.4em; font-weight: bold; text-align: center; text-decoration: none; color: #ffffff; white-space: nowrap; }
.splash_screen a.welcome_button { text-decoration: none; }
.splash_screen a.welcome_button:hover { background: #fc3d21; }
.splash_screen_close { display: block; text-indent: -9999px; width: 57px; height: 44px; background: url("/oh/map/images/icons/nasa/close_x_icon@2x_blue.png") center no-repeat; background-size: 25px; cursor: pointer; position: absolute; top: 80px; }
.video-container,.3d-container,.pdf-container{position:relative;padding-bottom: 56.25%;padding-top:30px;height:0;overflowhidden;}
.video-container iframe, .video-container object, .video-container embed, .pdf-container iframe,.3d-container iframe .pdf-container embed, .pdf-container object {position: absolute;top: 0;left: 0;width: 80%;height: 80%;}

@media (min-width: 600px) {
	.splash_screen_close { top: 110px; }
}

/* sites_shows_overlay */
.sites_shows_overlay { overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; position: absolute; top: 0; left: 0; min-height: 100%; width: 100%; z-index: 200; height: 100%; background-color: #fff; }
.sites_shows_content{ position: absolute; width: 100%; overflow-y: auto; }
.sites_shows_content .map-popup,.sites_info_content .map-popup { border-bottom: 1px solid #ccc; }
.sites_shows_content .map-popup:last-child,.sites_info_content .map-popup:last-child { border-bottom: none; }
.sites_shows_sort { padding: 20px 0 20px 10px; color: #0b3d91; font-size: .75em; vertical-align: middle; }
.sites_shows_sort .btn { display: inline-block; -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; color: #0b3d91; border: 1px solid #e4e9ef; background: #fff; padding: 7px; text-decoration: none; text-transform: uppercase; }
/*.sites_shows_sort .btn:hover, */.sites_shows_sort .btn.selected { border: 1px solid #0b3d91; background: #0b3d91; color: #fff; text-decoration: none; }

/* sites_info_overlay, notification_info_overlay */
.sites_info_overlay { overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; position: absolute; top: 0; left: 0; min-height: 100%; width: 100%; z-index: 2100; height: 100%; background-color: #fff; }
.sites_info_content{ position: absolute; width: 100%; overflow-y: auto; }
.article_image_container .caption { overflow-y: auto; height: 100px; }
.article_image_container .caption::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
.article_image_container .caption::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); }
.close_sites_info_overlay, .notification_screen_close {display: block; margin-left: 10px; width: 80px; height: 40px; /*background: url("/oh/map/images/icons/back_arrow_icon@2x_black.png") .43% 50% no-repeat; background-size: 18px;*/ cursor: pointer; position: fixed; width:100%;background-color: #e4e9ef;;border-bottom: 1px solid #ddd;margin: 0;padding: 0; z-index:2200;-webkit-box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15) box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15);}
.close_sites_info_overlay span, .notification_screen_close span { margin: 9px 0 0 10px; position: absolute; }
.article_image_container { margin-bottom: 0; }
.content_page { padding: 40px 10px 20px 10px; }
.ms-slide-vcbtn-mobile { position: absolute !important; }
.exhibit_details_content { padding: 0 10px 10px 10px; }
.exhibit_details_content ul, .exhibit_details_content ol { list-style: initial; padding-left: 40px; }
.exhibit_details_related { margin: 0 -10px -10px -10px; }
.exhibit_details_h1{ color: #444 !important; font-size: 1.3em; font-weight: bold; }
.exhibit_details_h2{ color: #0B3D91; font-weight: bold; padding: 10px 0; }
.exhibit_details_tag { font-size: .75em; vertical-align: middle; font-weight: bold; padding-bottom: 5px; }
.exhibit_details_tag .btn { margin-top: 5px; display: inline-block; -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; color: #5A6470; border: 1px solid #e4e9ef; background: #E4E9EF; padding: 5px; text-decoration: none; text-transform: uppercase; }
.exhibit_details_tag .btn:hover { border: 1px solid #0B3D91; background: #0B3D91; color: #fff; text-decoration: none; }
.map_find  { display: inline-block; cursor: pointer; color: #0B3D91; font-weight: bold; }
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { font-size: 1.5em; }
.notification_info_overlay { overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; position: absolute; top: 0; left: 0; min-height: 100%; width: 100%; z-index: 2100; height: 100%; background-color: #fff; }
.notification_info_content{ position: absolute; width: 100%; overflow-y: auto; }

/* info page */
.video-container,.pdf-container {
  position:relative;
  padding-bottom:61.25%;
  padding-top:30px; 
  height:0;
  overflow:hidden;
}

.video-container iframe,.video-container object,.video-container embed,.pdf-container iframe,.pdf-container embed,.pdf-container object {
position:absolute;
top:0;
left:35%;
width:30%;
height:30%;
}

.pano-container {
  position:relative;
  padding-bottom:61.25%;
  padding-top:30px; 
  height:0;
  overflow:hidden;
}

.pano-container iframe {
position:absolute;
top:0;
left:3%;
width:95%;
height:95%;
}

.strategic-goals {
	padding-left:60px;
	padding-right:60px;
}

/**svg:not(:root).svg-inline--fa {
    overflow: visible;
    margin-left: -25px;
}**/

/**.strategic-goals:before {
    font-family: "FontAwesome";
    position: absolute;
    font-size: 1.5em;
	content: "\f101";
    color: #2878bb;
}**/

.goal-title {
	font-size:1.3em;
	font-weight:bold;
	padding-top:40px;
}

.goal-title img {
	width:50px;
	margin-left:-60px;
}
.explore-flight .goal-title, .explore-flight span {
	color:#2878bb;
}

.explore-earth .goal-title, .explore-earth span {
	color: #86b984; 
}

.explore-moon-to-mars .goal-title, .explore-moon-to-mars span {
	color:#9484b2;
}

.transformation .goal-title, .transformation span {
	color:#f5c56d;
}



/*
.notification_screen_close { display: block; width: 57px; height: 44px; background: url("/oh/map/images/icons/close_x_icon@2x_blue.png") center no-repeat; background-size: 25px; cursor: pointer; }
*/
img.notifications_inline { width: 27px; display: inline-block; margin: -5px 5px 0 0; }


/* accordion on info > faq */

.accordion-section p {
	padding:20px;
	text-align: center!important;
	font-size:1.25em;
}
.accordion-section-content p { margin-top: auto; }
.accordion-section-content { display:none; }
.accordion{ /*background-color: #e4e9ef;*/background-color:#ffffff; overflow:hidden; text-align: left; border-bottom: none; border-top: 2px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; max-width:800px; margin:auto; }
.accordion:last-child{ border-bottom: 1px solid #fff; }
.accordion-section-title::after { content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #8597B1; display: inline-block; transition:all linear 0.15s; margin-left: -16px; padding: 0; }
.accordion-section-title.active::after { transform: rotate(180deg); }
.accordion-section-title > div { font-weight: bold; width: 100%; padding-right: 25px; display: inline-block; vertical-align: middle; }
.accordion-section .nav_title a{ width: 100%; display:inline-block; transition:all linear 0.15s; color:#444; padding:0; }
.accordion-section .accordion-section-content { margin: 0 1em 0 1.2em; }
h3.nav_title { margin: 1em; font-size: 1.1em; line-height: normal; text-align:center!important; }
.accordion-section h3.nav_title {
	font-size:1.5em!important;
	padding-top:20px;
}
.accordion-section-content p > a { display: inline; }

/* find me */
.find_me { display:none!important; z-index: 10; position: absolute; display:block; left:0; right:0; bottom: 20px; margin:auto; cursor: pointer; width: 60px; height: 60px; background: url("/oh/map/images/icons/my_location_icon@2x.png") center no-repeat; background-size: 60px; }

/* star rating */
.star_rating i { padding: 0 3px; }

/* legend */
#legend {
	display:none!important;
    font-family: Arial, sans-serif;
    background: #fff;
    padding: 8px;
    padding-bottom: 10px;
    /* border: 1px solid #e8e8e8; */
    margin: 10px;
    font-size: 0.9em;
    -webkit-box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15);
	z-index: 0;
    position: absolute;
    top: 107px!important;
    right: 0px;
	color: #0b3d91;
}
.legend {
	display:none!important;
    margin-top: 0;
	font-size:1em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 4px;	
	background:url('../../assets/images/arrow-down-blue.png') no-repeat;
	background-position:right;
    cursor:pointer;
	margin-left:5px;
	padding-right:20px;
}

.active {
	margin-bottom:0.7em;
	background:url('../../assets/images/arrow-up-blue.png') no-repeat;
	background-position:right;
    cursor:pointer;
}

#legend img {
    vertical-align: middle;
	width:3em;
}


/* marker tooltip */
.tooltip {
    position:absolute;
    width: 145px;
    padding: 5px;
    border: 1px solid gray;
    font-size: 9pt;
    font-family: Verdana;
    background-color: #fff;
    color: #000;
}

/* mobile tweaks */
@media (min-width: 769px){
	.content_page .main_feature .master-slider { height: 600px; }
}

@media (max-width:769px){
	.video-container iframe,.video-container object,.video-container embed,.pdf-container iframe,.pdf-container embed,.pdf-container object {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	#legend {
		display:none!important;
		top:78px!important;
	}
}
@media (max-width: 600px){
	.content_page .main_feature .master-slider { width: 100%; height: 200px; }
}