/* media.php */
body.media-page #index { display: block; width: 100vw; height: auto !important; position: relative; }
body.media-page #index .top { margin-bottom: 0; }
body.media-page #index .top h1 { margin-bottom: 0; }

body.media-page #exhibit { margin-left: 0; }
body.media-page #exhibit .top { display: block; }
body.media-page #exhibit .top h1 { margin-bottom: 2em; }
body.media-page #exhibit .top h1 a { text-decoration: none; }

#ndxz-media { max-width: 100vw; }
#ndxz-media .media-nav { margin-bottom: 1em; display: flex; justify-content: flex-start; align-items: center; }
#ndxz-media img { max-width: 100%; }

#ndxz-media #media_info { margin-top: 1.5em; }
#ndxz-media #media_info h3.title {  }
#ndxz-media #media_info div.caption {  }

#ndxz-media .media-nav span#where { margin: 0 6px; }
#ndxz-media .media-nav #ndxz-media .media-nav a.media-back, #ndxz-media .media-nav .media-next, #ndxz-media .media-nav .media-previous { text-decoration: none !important; }
#ndxz-media .media-nav a.media-back { padding-top: 2px; }
/* a.media-back:after { content: '\2190'; } */

#ndxz-media .asset .youtube,
#ndxz-media .asset .vimeo
{ 
    position: relative;
    max-width: 900px;
    z-index: 8;
}
#ndxz-media .asset .youtube:after,
#ndxz-media .asset .vimeo:after
{
    content: ''; 
    display: block;
    padding-bottom: 62.5%;
}
#ndxz-media .asset .youtube iframe,
#ndxz-media .asset .vimeo iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
}
#ndxz-media .asset .mp4 { max-width: 900px; }
#ndxz-media .asset .mp4 video {
    position: relative;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    object-fit: cover !important;
}

/* change these to your language */
#ndxz-media .media-nav .media-next:after { content: 'Next'; }
#ndxz-media .media-nav .media-previous:after { content: 'Previous'; }

.inactive { opacity: 0.5; }

#ndxz-media .media-nav .arrow {
	/* tip line widths */
	border-width: 1px 1px 0 0;
}
#ndxz-media .media-nav .arrow:before {
	height: 1px; /* tail height */
}

@media only screen and (max-width: 900px)  
{ 
	#exhibit { margin: 0; padding-top: 0; }
}