/* @import url("../general/themes/themeImagesNews.css"); USE THIS TO EDIT h1,h2,h3,p etc..*/
@import url("../general/imageFlipCard5.css"); /*USE THIS TO EDIT objectItem that flips*/
@import url("../general/grid_gallery.css"); /*This is for the grid/list view*/

/*GENERAL*/
.spacerVert{height:50px;}
#Images-List-Header{ background-image:url('https://mars.nasa.gov/images/mars-sunset-msl-curiosity-martian-sky-pia19400.gif');/*background-image:url('/images/general/bg/PIA02800-Martian-North-Polar-Cap-Summer-enhanced.jpg');*/ height:40vh; /*background-position:0px -224px;*/ background-position:center center; position:relative; /*background-attachment:fixed;*/ background-size:cover; min-height:250px; }
/*@media only screen and (min-width: 1000px) {#Images-List-Header{background-position:0px -250px}}
@media only screen and (min-width: 1400px) {#Images-List-Header{background-position:0px -400px}}
@media only screen and (min-width: 1700px) {#Images-List-Header{background-position:center -537px}}*/
#Images-List-Header .headlineText{ position:absolute; bottom:6vh;margin-left: auto;margin-right: auto;left: 0;right: 0; text-align:center; }
#Images-List-Header .headlineText h1{ text-shadow:rgba(0,29,53,1) 0px 0px 6px; padding:0 0 10px 0; z-index: 1; position: relative;font-size:2.3em;}
#Images-List-Header .headlineText .textShadowBlack{width: 50%; height: 93px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: -15px; z-index: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,0+75 */background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */background: radial-gradient(ellipse at center,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

/*All*/
#imagesList {padding:0;}
#imagesList .imagesListOptions{/* float: right;*/ margin:0 auto; /*padding-right:10px;*/}
#imagesList .imagesListOptions *{font-family:Roboto, Helvetica, sans-serif; font-size:inherit;}
.selectFavorites option {text-align: center !important;}
/* #imagesList #searchImages {width: calc(100% - 550px);}
#SearchTerm input {text-align: left !important;}*/
#imagesList .imagesListOptions .foundText span, #imagesList .imagesListOptions .foundText span a{ font-size:14px; margin-top:-2px;}
#imagesList .imagesListOptions .foundText span a {font-weight:bold; text-decoration:underline;}
#imagesList h1 { padding-bottom: 10px; text-shadow: none; text-align: left; color: #cc3300; line-height:65%;}
/*#imagesList #imagesFilters{ display:inline-block; vertical-align: top;  position:relative;} */
select#images_type{width:220px;}
#imagesArchivePage { position:relative;/*padding:2em 2% 4.3em;*/padding:0;margin:2em 0 0 1%;margin:0 auto;}
h1.mainImagesTitle { color: #Af2501; float:none;margin-top:0px;padding: 20px 0 0 20px; }
#imagesArchivePage h1.mainImagesTitle { color: #Af2501; float:left;padding:0; margin-top:0px;padding: 0; }

/* Navigate through Images Items */
/* filters*/
.imagesList_filter_criteria { text-align: right; color: #012A68 !important; font-weight: bold; font-sise: 12px; padding-top: 2px; }
.imagesList_filter_value { text-align: left; font-weight: bold; font-sise: 12px; color: #92543F; padding-top: 2px; }
.imagesList_filter_value a:link, .imagesList_filter_value a:visited { color: #336189; text-decoration: none !important; }
.imagesList_filter_value a:hover { color: #92543F; text-decoration: none !important; }
td.imagesList_filter_value a.selected:link, td.imagesList_filter_value a.selected:visited, td.imagesList_filter_value a.selected:hover { color: #92543F !important; text-decoration: none !important; }
#imagesList #imagesFilters .imagesList_filter_value * { text-align:center; }
#imagesList #imagesFilters .imagesList_filter_value {display:inline-block; }
#imagesList #imagesFilters .imagesList_filter_value label { font-size:12px; line-height:normal; display:block; }
#imagesList #imagesFilters .imagesList_filter_value .images_years, #imagesFilters form .images_type { border:thin #ccc solid; height: 35px; color:#01396e; }
.imagestypeArchiveBorder{padding-right: 30px;}

/*OVERRIDE imageFlipCard.css */
#imagesList .grid_view .dateLabelLarge{display:none;}
#imagesList .dateLabelLarge .day{padding:0;}
#imagesList .objectContainer .textLabel {width:100%;background-color:rgba(1, 42, 104, 0.8);color:white;font-size:18px;position:absolute; bottom:0; }
#imagesList .objectContainer { margin:0 }
#imagesList .objectContainer .itemLargeImgRollover .descMain p {font-size:smaller;line-height:normal; text-align:left;font-weight:normal; color:white;}

#shareicons {margin-top:-30px;}
#wowslider-container1 {    
    border: 1 solid black !important;
    /*background-color: #01396e !important;*/
    padding: 0 0 10px 0 !important;}
#wowslider-container1 .ws_thumbs {bottom:-60px; /*border-bottom: 5px solid #01396e;*/}
#wowslider-container1 .ws_images, 
/*#wowslider-container1 .ws_thumbs {background-color: #01396e !important;}*/
/* #contentBox_contentPage td.pageContent { padding-right:0px; padding-left:0px;} */
#MidNavContainer {margin-left:20px;}

@import url("/layout/css/general/themes/themeDefault.css"); 
@font-face {
    font-family: 'Ubuntu';
    src: url('/layout/fonts/ubuntu-r-webfont.eot');
    src: url('/layout/fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('/layout/fonts/ubuntu-r-webfont.woff2') format('woff2'),
         url('/layout/fonts/ubuntu-r-webfont.woff') format('woff'),
         url('/layout/fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('/layout/fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/layout/fonts/montserrat-light-webfont.eot');
    src: url('/layout/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/layout/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('/layout/fonts/montserrat-light-webfont.woff') format('woff'),
         url('/layout/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('/layout/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.list_view.grid_gallery ul.articles{padding: 0 1%; margin:0;}
pageContent h1, .pageContent h1 a {
    font-family: Ubuntu, Helvetica, Arial;
    letter-spacing: -1.2px;}
.pageContent #imagesArchivePage h1 {font-size: 36px;color: #CC3300 !important;}
/*.pageContent h2, .pageContent h2 a {color: #cc3300;font-family: Montserrat, Helvetica, Arial;letter-spacing: 3px;text-transform: uppercase;margin: .5em 0;line-height: normal; font-size:26px !important; font-weight:normal;margin-bottom:15px; margin-left:20px; color:#cc3300;}*/
#content { /*height: 1350px !important;*/}
html,body { background-position: center;}
/*.descMain p {line-height: 26px !important;font-size: 20px !important;}*/
.pageContent h2.alt, .pageContent h2.alt a, .pageContent h2.alt01, .pageContent h2.alt01 a {
    /*color: #072F81;*/
		color:#4b8fa4;
    text-decoration: none !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
.listTextLabel h2 a {
    font-size: 22px;
    margin-top: 0px;
}
#contentBox_contentPage td.pageContent #imagesList .info .featureTitle{font-size:16px;}
.front .info {padding-bottom:5px;}
.front .info .date{display:none;}
.list_view.grid_gallery .front .info{display:none;}
.list_view.grid_gallery li .listTextLabel h2{margin-top:0; color: #4b8fa4;}
.list_view.grid_gallery li .listTextLabel p {
    margin: 10px 0 0;
}
.listTextLabel p {
    line-height: 26px !important;
    font-size: 18px !important;
}
.listTextLabel p.date{text-align:right;font-size:0.8em !important;}
.pageContent select.selectPage {height: 55px !important;}

#imagesList .grid_view.grid_gallery li{width:calc(98% / 3 - 10px);}

.view_selectors{position:absolute;right:2%;}

/*mobile*/
#container .grid_gallery .front .info{display:none;}
#container .view_selectors{right:1%;}
#container #imagesList .grid_view.grid_gallery li{width:calc(98% / 2 - 10px);}
#container #imagesList .list_view.grid_gallery li .objectContainer{height:260px;}
 #container #imagesList .list_view.grid_gallery li .objectContainer,
 #container #imagesList .list_view.grid_gallery li .listTextLabel{ width:100%; padding-left:0; }
 #container #imagesList .list_view.grid_gallery li .objectContainer .featureImgLarge { background-size:cover;height:260px !important;    background-position: top center !important;}

 
 .pageContent select.selectPage, .pageContent .imagesListOptions select {
    position: relative;
    padding: .5em 2em .5em 1em;
    font-size: 16px;
    border: 0;
    vertical-align: middle;
    color: white;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    background: #3b788b url(https://mars.nasa.gov/assets/arrows_select_box@2x.png) no-repeat 95% 10px;
    background-position: right .8em top 18px;
    background-size: 9px;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    max-width: 304px;
    margin: 0 .5rem .5rem auto;
    float: none;
}

.pageContent .imagesListOptions select option[disabled="disabled"]:disabled {color: white !important;font-size: 80%;font-style: inherit;display: none;}

input#SearchTerm {
    background-color: #F3F4F8;
    color: #222;
    border-radius: 5px;
}

.view_selectors {
    border:none;
    border-radius: none;
}
.view_selectors a.nav_item.ir {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    width: 52px !important;
    height: 52px !important;
    cursor: pointer;
    background-color: #eef2f6;
    border-radius: 50%;
}