/* General Section */

div#container main.pagecontent section.vidgallery {padding:0;}
div#container main.pagecontent section.vidgallery h2.head {color:var(--green); font-size:3rem; margin:4rem 0 2rem;}
/* div#container main.pagecontent section.vidgallery div.loadhere {} */
div#container main.pagecontent section.vidgallery div.grid {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:1rem;}
/* div#container main.pagecontent section.vidgallery div.grid div.item {} */
div#container main.pagecontent section.vidgallery div.grid div.item video {width:100%;}


/* Drone Highlight Section */
/* div#container main.pagecontent section.dronehighlightgallery {} */

/* Animation Highlight Section */
/* div#container main.pagecontent section.animationhighlightgallery {} */

/* Misc Highlight Section */
div#container main.pagecontent section.highlightgallery {display:none;}


/* Music Video Section */

/* div#container main.pagecontent section.musicvidgallery {display:none;} */
/* div#container main.pagecontent section.musicvidgallery div.grid {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:1rem;} */
div#container main.pagecontent section.musicvidgallery div.grid div.item {position:relative; counter-increment:n;}
div#container main.pagecontent section.musicvidgallery div.grid div.item img.tn {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; cursor:pointer; z-index:20;}
div#container main.pagecontent section.musicvidgallery div.grid div.item img.tn {visibility:visible; opacity:1; transition:.5s;}
div#container main.pagecontent section.musicvidgallery div.grid div.item img.tn/* .active */ {visibility:hidden; opacity:0;}
div#container main.pagecontent section.musicvidgallery div.grid div.item div.vidBox {/* background-color:#FFF1; */ padding:.25rem; border:1px solid var(--greentr); z-index:10;}
div#container main.pagecontent section.musicvidgallery div.grid div.item div.vidBox div.inner {position:relative; width:100%; /* height:100%; */ padding:0; --h2w:56.25%; /* --h2w:99%; */ padding-bottom:var(--h2w);}
div#container main.pagecontent section.musicvidgallery div.grid div.item div.vidBox div.inner iframe.video {position:absolute; top:0; left:0; width:100%; height:100%;}
div#container main.pagecontent section.musicvidgallery div.grid div.item::after {content:counter(n); color:#0004; font-size:20em;}
div#container main.pagecontent section.musicvidgallery div.grid div.item::after {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
div#container main.pagecontent section.musicvidgallery div.grid div.item::after {display:none;}
div#container main.pagecontent section.musicvidgallery a.morebtn {visibility:visible; opacity:1; transition:.5s;}
div#container main.pagecontent section.musicvidgallery a.morebtn.gone {visibility:hidden; opacity:0; /* font-size:0; */}

/* div#container main.pagecontent section.musicvidgallery div.loadhere {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;} */
/* div#container main.pagecontent section.musicvidgallery div.loadhere {padding:.5rem; border:1px solid var(--greentr);} */
/* div#container main.pagecontent section.musicvidgallery div.loadhere div.item {flex:0 0 25%;} */
/* div#container main.pagecontent section.musicvidgallery div.loadhere div.item.t {flex-basis:33.333%;} */
/* div#container main.pagecontent section.musicvidgallery div.loadhere div.item.h {flex-basis:50%;} */
/* div#container main.pagecontent section.musicvidgallery div.loadhere div.item.f {flex-basis:100%;} */




@media screen and (max-width:64rem) {

	/* General Section */
	div#container main.pagecontent section.vidgallery div.grid {grid-template-columns: repeat(2,1fr);}

	/* Drone Highlight Section */

	/* Animation Highlight Section */

	/* Misc Highlight Section */

	/* Music Video Section */
	/* div#container main.pagecontent section.musicvidgallery div.loadhere {grid-template-columns:repeat(2,1fr);} */
	/* div#container main.pagecontent section.musicvidgallery div.loadhere div.item {flex-basis:50%;}
	div#container main.pagecontent section.musicvidgallery div.loadhere div.item.t {flex-basis:50%;}
	div#container main.pagecontent section.musicvidgallery div.loadhere div.item.h {flex-basis:50%;}
	div#container main.pagecontent section.musicvidgallery div.loadhere div.item.f {flex-basis:100%;} */
}



@media screen and (max-width:32rem) {

	/* General Section */
	div#container main.pagecontent section.vidgallery div.grid {grid-template-columns: repeat(1,1fr);}

	/* Drone Highlight Section */

	/* Animation Highlight Section */

	/* Misc Highlight Section */

	/* Music Video Section */
	/* div#container main.pagecontent section.musicvidgallery div.grid div.item {flex-basis:100%;} */
	/* div#container main.pagecontent section.musicvidgallery div.grid div.item.t {flex-basis:100%;} */
	/* div#container main.pagecontent section.musicvidgallery div.grid div.item.h {flex-basis:100%;} */
	/* div#container main.pagecontent section.musicvidgallery div.grid div.item.f {flex-basis:100%;} */
}