/* NOT NEEDED FOR NEW SITE
 *
 * 
.post-type-archive-gs-stock-image .row #content.eight{
width:68%;	
}


#content .stimage{

	position:relative;

	width:30%;

	margin:1%;

	float:left;

	overflow:hidden;

	padding-bottom:30%;

}
 */

/* NOT NEEDED FOR NEW SITE
 *
 * 
#content .stimage img{

position:absolute;	

width:100%;
}
*/

.ashade-gs-images-listing .detaillink{
z-index:110;
position:absolute;
bottom:2%;
left:2%;
}

.ashade-gs-images-listing .detaillink:before{
	 font-family:"Font Awesome 5 Free";
content:'\f03e';
display:none;	
font-size:2em;
	
}

.ashade-gs-images-listing a:hover > .detaillink:before{
display:block;
}


/* SEARCH AND FILTER BOX*/



#searchBox {
	position:fixed;
	top:230px;left:20%;
	float:right;
	
	border :solid 2px white;
	margin:inherit;
	padding-bottom:10px;
	
	right:5%;
	z-index:50;
}





#searchBox  #stImageSearch{

	background:#1c1723;

}



#searchFilters{

	

	

}



div.trackid{

 background:#042222;	

 position:absolute;

 left:0;top:0;

 padding:1%;
z-index:20;

display:none;
}



.showid div.trackid{

	display:block;

}



.ui-tooltip{

 background:#048888;	

 width:20%;

 padding:1%;

}

.ui-tooltip-content{

	

}



/* PUBLISHED PAGE--------------------- ARCHIVE GRID VIEW*/


/*
#gsPublishedList li{

	

list-style:none;

width:31%;

margin:1%;

padding-top:31%;

float:left;

height:auto;

position:relative;

}

@media only screen and (min-width: 1100px) and (max-width: 1480px) {

#gsPublishedList li{
width:23%;

padding-top:23%;
}

}
@media only screen and (min-width: 1480px) and (max-width: 2080px) {

#gsPublishedList li{
width:18%;

padding-top:18%;
}
}

@media only screen and (min-width: 2880px)  {

#gsPublishedList li{
width:14%;

padding-top:14%;
}
}

@media only screen and (max-width: 600px) {

#gsPublishedList li{
width:48%;

padding-top:48%;
}

}


#gsPublishedList li img{

position:absolute;

top:0;

left:0;	

border:solid #fff 2px;

margin:auto;

}

*/

/*archive*/
/* NOT NEEDED FOR NEW SITE
 *
 * 
#content .stimage{

width:31%;

margin:1%;

padding-bottom:31%;

float:left;

height:auto;

position:relative;

}



#content .stimage img{

position:absolute;

top:0;

left:0;	

border:solid #fff 2px;

margin:auto;

}
*/








/*shared by publish and grid view

#content .stimage img.landscape,

#gsPublishedList li img.landscape{

	width:90%;

	height:auto;

	left:5%;

	transform: 			translateY(-50%);

	margin-top:50%;

	

}

#content .stimage   img.portrait,

#gsPublishedList li img.portrait{

	width:auto;

	top:5%;

	height:90%;

	transform: 			translateX(27.5%);

}



#content .stimage  img.square,

#gsPublishedList li img.square{

	width:100%;

		left:5%;

		top:5%;

	height:auto;

	margin:auto;

	

}



#content .stimage >h1,

#gsPublishedList li > h1{

	display:none;

		position:absolute;

	font-size:1em;

	bottom:0;

	left:0;

	width:100%;

	background:rgba(255,255,255,.8);

	text-align:center;

	color:#000;

}

#content .stimage h1 a{

	font-size:1em;

	line-height:1em;

	color:#000;

	

}

#gsPublishedList li h1 a{

	font-size:1.7em;

	line-height:1em;

	color:#000;

}



#content .stimage:hover,

#gsPublishedList li:hover{

	cursor: pointer;

}







#content .stimage:hover > h1,

#gsPublishedList li:hover > h1{

 display:block;



}

*/

 /* NOT NEEDED FOR NEW SITE
 *
 * 

.post-metadata {float:right;}
.post-format { display:none;}
.category-title { display:none;}
.columns:last-child{float:left;}

.post-type-archive-gs-stock-image .tva-wide-layout  #content{
padding:0;	
}



.tva-wide-layout  #content .slider-wrap{
width:100%;
max-width:100%;
margin:0;
}
.tva-wide-layout  #content .slider-wrap > .row{
margin:0;
}
*/


/* NOT NEEDED FOR NEW SITE
 * 
 * 
 
@media only screen and (max-width: 479px) {
	
	#content .stimage{
	width:90%;
	margin:5%;
	padding-bottom:0;
}

#content .stimage img,
#content .stimage img.landscape{
	margin:auto;
	transform:none;
	position:relative;
}

#searchBox{
margin:auto;
left:0;	
	
}

	
	#primary-wrapper .grid-gallery.masonry .panel.four_column{
		width:100%!important;	
	}
	
}



@media only screen and (min-width: 480px) and (max-width: 1280px) {
	
	#content .stimage{



	width:48%;

	margin:1%;


	padding-bottom:48%;

}
	
}



@media only screen and (min-width: 1400px) and (max-width: 1700px) {
.row .three, .row .four_column{
	width:20%;	
}}
@media only screen and (min-width: 1701px) and (max-width: 2000px) {
.row .three, .row .four_column{
	width:15%;	
}
}
@media only screen and (min-width: 2001px)  {
.row .three, .row .four_column{
	width:12.5%;	
}}
*/


/*
 Place Custom Styling with media queries here
 * */
#searchBox {
    border: none;
    z-index:10;
    margin: inherit;
    padding-bottom: 10px;
    position:fixed;
     background:#18141F;
    right:auto;
    width:50%;
    max-width:390px;
}


/*draggable*/
@media (min-width: 680px){
	
	#searchBox{
	  position: absolute;
	
	}
	
	#searchBox >h3 {
	  padding: 10px;
	  cursor: move;
	  z-index: 10;
	
	}

}

#searchBox.formhidden form{
display:none;
visibility:hidden;	
}

#searchTab:after{
    font: normal normal normal 12px/1 "Font Awesome 5 Free";
    content: '\f077';
    display: block;
    float: right;
    font-size: 1em;
    line-height: 1em;
    font-weight:600;
    font-family:"Font Awesome 5 Free";
}

#searchBox.formhidden #searchTab:after{
content : '\f078';	
}


#searchBox .img-ref-box{
	margin-left:20px
}

#searchBox h3{
	font-size:1.3em!important;
	line-height:1.5em!important;
	margin:0;
	margin-left:1em;
}
#searchBox h3::after{
	font-size:2.5em;
}

#searchForm div fieldset label{
display:inline-block;	
}

#searchForm div fieldset{
	margin-bottom:5px;
	border:none;
}

#searchForm input[type="submit"]{
	display:block;
	margin:auto;
}


@media (max-width: 480px){
	#searchBox {
	    border: none !important;
	    z-index:2000 !important;
	    padding: 0 1% 10px 1% !important;
	  /*  position:fixed !important;
	    top:418px !important;
	    left:0px !important;
	    */
	   position: absolute;
    top: 10em;
    left: 0;
	   background:none;
	   /* right:auto !important;*/
	    width:100% !important;
	    background:#23191F !important;
	   
	    margin:0 !important;
	}
	.archive-title{
		font-size:0px !important;
	}
}
@media (max-width: 768px) and (min-width:481px){
	#searchBox {
		position:absolute !important;
	    top:80px !important;
	    left:165px !important;
	    border: none !important;
	    z-index:10 !important;
	    margin: inherit !important;
	    padding-bottom: 10px !important;
	    background:none -moz-linear-gradient(100% 100% 90deg, rgba(21, 17, 28, 0.87), rgba(21, 17, 28, 0.87)) !important;
	    max-width:270px !important;
	    
	}
}

#searchBox h3{
	cursor:pointer;
}

#searchBox:hover{
	background:#18141F !important;
	
}
.tax-season .row #content.eight ,
.tax-photo-location .row #content.eight ,
.tax-activity .row #content.eight ,
.post-type-archive-gs-stock-image .row #content.eight {
    width: 98%;
}
#activity, #photo-location,#stImageSearch{
	width:calc( 100% - 40px);
	margin-left:20px;
	margin-bottom:.1%;
}
#searchUpdate{
	margin-right:.2%;
}
#searchForm div fieldset label{
	padding:0 4px 0 2px;
}
#searchForm{
	letter-spacing:.7px;
}
.archive-title{
	padding-left:5px;
}



.slick-container{
	display:inline-block;
	position:relative;
}

#gsPublishedList:not(.slick-slider){
display:flex;
flex-flow: row wrap;
}
#gsPublishedList:not(.slick-slider) > div.imgbox{
flex: 1 1 31%;	
display:inline-block;
margin:1%;
position:relative;
}

#gsPublishedList div.imgbox > h1{

	display:none;

		position:absolute;

	font-size:1em;

	bottom:0;

	left:0;

	width:100%;

	background:rgba(255,255,255,.8);

	text-align:center;

	color:#000;

}
#gsPublishedList div.imgbox:hover > h1{

 display:block;



}


#gsPublishedList.slick-slider{
	
	height:400px;
	
}

 ul.slick-slider li::before{
	content:'';
}

.slick-slider{
	display:-ms-grid;
	display:grid;
	grid-template-rows:1fr;
	grid-template-columns: 4em 1fr 4em;

	-ms-grid-columns: 4em 1fr 4em;
	-ms-grid-rows:1fr;
}
.slick-slider button.slick-prev{
	grid-row:1;
	grid-column:1;
	-ms-grid-row:1;
   -ms-grid-column:1;

	z-index:5;
}
.slick-slider div.slick-list{
	grid-row:1;
	grid-column:1 / span 3;
	-ms-grid-row:1;
   -ms-grid-column:1;
   -ms-grid-column-span:3;
}

.slick-slider button.slick-next{
	grid-row:1;
	grid-column:3;
		-ms-grid-row:1;
   -ms-grid-column:3;
	z-index:5;
}

.slick-slider ul.slick-dots{
		grid-row:1;
	grid-column:2;
	-ms-grid-row:1;
   -ms-grid-column:2;

   	-ms-grid-column-align:center ;
   	-ms-grid-row-align:end;
      align-self: end;
   margin:0;
   justify-self:center;
   z-index:6;
}

.slick-slide{
	display:inline;
}