/*videos, news, images*/
.grid_gallery a {
  color: #222
}

/* Header */
div#Videos-Header, div#News-Header, div#Images-Header {
  position: relative;
  min-height: 100px;
}
#Videos-Header .headlineText, #News-Header .headlineText, #Images-Header .headlineText {
  position: absolute;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#Videos-Header .headlineText h1, #News-Header .headlineText h1, #Images-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;
}
#Videos-List-Header {
  background-image: url('/imgs/general/half_mars_bg_atmosphere.jpg');
  height: 40vh;
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-position: 0px 75px;
}

#Videos-List-Header .headlineText {
  position: absolute;
  bottom: 6vh;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#Videos-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;
}

#Videos-List-Header .headlineText .textShadowBrown {
  width: 50%;
  height: 93px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -15px;
  z-index: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodâ€¦BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, rgba(107, 57, 31, 0.51) 3%, rgba(107, 57, 31, 0.25) 35%, rgba(107, 57, 31, 0) 65%, rgba(107, 57, 31, 0) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(3%, rgba(107, 57, 31, 0.51)), color-stop(35%, rgba(107, 57, 31, 0.25)), color-stop(65%, rgba(107, 57, 31, 0)), color-stop(100%, rgba(107, 57, 31, 0)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(107, 57, 31, 0.51) 3%, rgba(107, 57, 31, 0.25) 35%, rgba(107, 57, 31, 0) 65%, rgba(107, 57, 31, 0) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(107, 57, 31, 0.51) 3%, rgba(107, 57, 31, 0.25) 35%, rgba(107, 57, 31, 0) 65%, rgba(107, 57, 31, 0) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(107, 57, 31, 0.51) 3%, rgba(107, 57, 31, 0.25) 35%, rgba(107, 57, 31, 0) 65%, rgba(107, 57, 31, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(107, 57, 31, 0.51) 3%, rgba(107, 57, 31, 0.25) 35%, rgba(107, 57, 31, 0) 65%, rgba(107, 57, 31, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#826b391f', endColorstr='#006b391f', GradientType=1);
}

@media screen and (max-width: 600px) {
  #Videos-Header .headlineText, #News-Header .headlineText, #Images-Header .headlineText {
    top: 0;
    bottom: inherit;
  }

  #Videos-Header .headlineText h1, #News-Header .headlineText h1, #Images-Header .headlineText h1 {
    padding: 0;
  }
}
/*GENERAL/ALL*/
.grid_gallery ul.noBullets, ul.noBullets li { padding-left:0; }
/*-- END GENERAL/ALL*/

/*GRID VIEW*/

.grid_view.grid_gallery li .listTextLabel { display:none; } 
.grid_view.grid_gallery li { 
    display:inline-block; 
    vertical-align: top;
    /* margin:10px 0 0;  */
    padding:0 5px; 
    margin-bottom: 15px;
    /* width: 300px;  */
}

.grid_gallery .content_image_container {
  /* max-height: 250px;
  overflow: hidden; */
  display:inline-block;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}

.grid_view.grid_gallery .content_title {
    padding: 0;
    color: #222;
    font-weight: 400;
    text-align: left;
    line-height: 1.2rem;
    font-size: 1rem;
    margin-bottom: 10px;
    /* position: relative; */
    /* bottom: -57%; */
  }
  
.grid_view.grid_gallery .image_and_description_container {
    position: relative;
    overflow: hidden;
    /* height: 230px;
    margin: 15px 10px 5px; */
}

.grid_view.grid_gallery .image_and_description_container .content_image_container img.content_image {
  max-height: 200px;
  object-fit: cover;
  /* position: absolute; */
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  /* i */
  width: 100%
}
.grid_view.grid_gallery li:hover .rollover_description {
    padding: 5%;
    position: absolute;
    opacity: 1;
    height: auto;
    top: 0;
    right: 0;
    width: 90%;
    height: 90%;
    color: white;
    background-color: black;
    cursor: pointer;
    font-size: 0.8rem;
    line-height: 1.3;
  }
  
.grid_view.grid_gallery li:hover .image_and_description_container  {
  background-color: black;
}
.grid_view.grid_gallery .rollover_description {
    opacity: 0;
    height: 0;
    z-index: 1;
    overflow: hidden;
    transition: opacity 0s;
  }
  .grid_view.grid_gallery .rollover_description p {
    text-align: left;
    margin: 0;
    padding: 0;
  }
  
.grid_view.grid_gallery .image_and_description_container .overlay_arrow img {
    height: 14px;
    width: 14px;
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: block;
  }


@media only screen and (min-width: 1px) {
  .grid_view.grid_gallery li { 
    width: 100%; 
    text-align: center;
    /* margin: 0 auto; */
  }
  @media only screen and (max-width: 409px) {
    .grid_view.grid_gallery .content_title {
      /* bottom: -57%; */
      text-align: center;
      width: 80%;
      margin: 0 auto;
    }
    .grid_view.grid_gallery li:hover .rollover_description {
      display:none
    }
    .grid_view.grid_gallery li:hover .rollover_description, .grid_view.grid_gallery li:hover .image_and_description_container {
      background-color: transparent;
      color: #222
    }
  }
}
@media only screen and (min-width: 410px) {
  .grid_view.grid_gallery li { 
    width: -webkit-calc(98% / 2 - 10px); 
    width: -moz-calc(98% / 2 - 10px); 
    width: calc(98% / 2 - 10px); 
    width: calc(98% / 2 - 10px); 
  }
}
@media only screen and (min-width: 850px) {
  .grid_view.grid_gallery li { 
    width: -webkit-calc(98% / 3 - 10px); 
    width: -moz-calc(98% / 3 - 10px); 
    width: calc(98% / 3 - 10px); 
    width: calc(98% / 3 - 10px); 
  }
}
@media only screen and (min-width: 1080px) {
  .grid_view.grid_gallery li { 
    width: -webkit-calc(98% / 4 - 10px); 
    width: -moz-calc(98% / 4 - 10px); 
    width: calc(98% / 4 - 10px); 
    width: calc(98% / 4 - 10px); 
  }
}

@media only screen and (min-width: 1300px) {
  .grid_view.grid_gallery li { 
    width: -webkit-calc(98% / 5 - 10px); 
    width: -moz-calc(98% / 5 - 10px); 
    width: calc(98% / 5 - 10px); 
    width: calc(98% / 5 - 10px); 
  }
}
/*-- END GRID VIEW*/


/*LIST VIEW*/

.list_view.grid_gallery .content_title, .list_view.grid_gallery .rollover_description  {
  display:none;
}
.list_view.grid_gallery .view_selectors .nav_item.list_icon, .no-touch .view_selectors .nav_item.list_icon:hover,
.grid_gallery .view_selectors .nav_item.list_icon.active, .no-touch .view_selectors .nav_item.list_icon.active:hover { background-position:-4px 3px }

.list_view.grid_gallery li { 
  display:inline-block; 
  vertical-align: top;
  margin: 0; 
  padding:25px 0 20px; 
  width: calc(100% - 10px); 
  border-bottom: 1px solid #ccc;
  box-sizing: border-box; 
}
.list_view.grid_gallery li:first-child{
  margin:0;
  border-top: 1px solid #ccc;
}
.list_view.grid_gallery ul.articles { padding-left:0; text-align:left; }
.list_view.grid_gallery li .listTextLabel { width:73%; padding-left:3%; display:inline-block; vertical-align:top; min-height:180px; height:100%; ; position:relative; box-sizing: border-box;}
.list_view.grid_gallery li .objectContainer img {
  max-width: 100%;
  width: auto;
  max-height: 180px;
  margin: 0;
  display: inline-block;}
.list_view.grid_gallery li .objectContainer { width:25%; height:180px; margin: 0; display:inline-block; }

.list_view.grid_gallery li .listTextLabel h2 { margin-top: 0;padding-top:0;}
.list_view.grid_gallery li .listTextLabel h2 a { font-weight: 500 !important}
.list_view.grid_gallery li .listTextLabel .date { display:none }
.list_view.grid_gallery li .listTextLabel p { margin:10px 0 0; }
.list_view.grid_gallery li .listTextLabel div.source { position:absolute; bottom:-25px; right:0; }
.list_view.grid_gallery li hr.gradientLine { height:1px; margin:20px 0; position:relative; clear:both; bottom:0; opacity:0.5; }
.list_view.grid_gallery li .objectContainer .objectItem .front, .list_view.grid_gallery li.slide .objectContainer .objectItem .back { transform:none !important; webkit-transform:none !important; -moz-transform: none !important; -o-transform: none !important; }
@media screen and (max-width: 600px) {
  
  .list_view.grid_gallery li .objectContainer, .list_view.grid_gallery li .objectContainer * {
    width: 200px;
    float: right;
    margin-left: 4%;
    margin-bottom: .5em;
    height: auto;
  }

  .list_view.grid_gallery li .listTextLabel {
    width: auto;
    display:block;
  }

}
#imagesList .grid_view.grid_gallery .autocompleter li {
    width: 100% !important;
}